﻿/* General Layout */
body {margin:0;/*font-size:75%;*/font-family:Arial;color:#645D51;background-color:#dcdcdc; 
    background-image: url(../images/layout/main-background.gif); background-position:top; 
    background-repeat:repeat-x;}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div
{ margin:0; padding:0; }

/* hide from mac \*/ 
* html #middlecolumn h3,* html #rightcolumn div h3.fix,* html #rightcolumn h3.fix {margin-top: -9px;} 
* html #middlecolumn p.fix7 {margin-top: -7px;} 
* html #middlecolumn .fix, * html #rightcolumn div .fix {margin-top: -3px;} 
* html #rightcolumn div h3.fix5 {margin-top: -5px;} /* artist page right column */
* html #middlecolumn h2 {margin-top: -3px;} 
/* end hide */ 

        
img {border:0;padding:0;margin:0;}
        
h1 {text-align:right; margin-top: 19px; 
    font-weight:bold;color:#FFFFFF;
    font-size:2.9em;} /* white text in header */

h1.notail {line-height:0.8em;margin-top:38px;margin-top:37px !important;} /* white text in header */

h2 {font-size:1.3em;font-weight:normal;color:#3f3b30;margin-bottom:10px;} /* eg, what is aarght, how can aarght help you */
h3 {padding-bottom:11px;color: #3f3b30;font-size: 1.0em;font-weight:bold;} /* eg ,recently uploaded, highly rated */

    h4 {color: #FFFFFF;font-size:0.75em;font-weight:bold;} /* eg, why register, sign in*/
   
p,li, span.content, address, .alert, .alertred {font-size: 0.75em;font-weight:normal;font-style:normal;}

p {padding-bottom:12px;line-height:normal; vertical-align:text-top;}
p.lastpara { padding-bottom: 0; margin-bottom: 0; }
    
    /*ul {margin: 0px 0px 0px 0px; padding: 0;list-style-type: none;}
      li {text-indent:3px;list-style-type:none;padding: 2px 0px 2px 5px;}
 */
      ul.bullet, ol.bullet {margin: 0; padding: inherit;list-style-type:none; 
        list-style-position:outside;}
      ul.bullet li {font-weight: normal; padding: 2px 0px 2px 15px; 
        background-image:url(../images/layout/bullet-arrow.gif);line-height:1.25em;
        background-repeat: no-repeat; background-position:0.3em 5px;}
    
    /*logged in cta list*/
    
ul.login, ul.content, ul.standard {list-style:none;margin: 0px 0px 0px 0px; padding: 0;}
ul.content li {padding-top:9px;line-height:1em;}
ul.standard {margin-bottom:5px;}    
     
     hr {height:1px;color:#DCDCDC;}  
        
    .alert {text-transform:uppercase;font-weight:bold;}
    .actionalert {font-size: 0.7em;font-style:normal;text-transform:uppercase;font-weight:bold;color: #ffffff}
    .actionalert span { display:block; padding-bottom: 4px;}
    .alertred {text-transform:uppercase;font-weight:bold;color:#930000;}
        
    /*a.highlightbox {color:#373125;border-bottom:solid 1px #373125;}
    a.highlightbox:hover {border-bottom:dashed 1px #373125;}*/
    a.highlightbox {color:#373125;text-decoration:underline;}
    a.highlightbox:hover {text-decoration:none;}
label {font-size:0.9em;width:6em;float: left;text-align: left;display: block;font-weight:bold;}
label.Register, label.Payment {width:12em;}
label.RegisterOptions {width:24em;font-weight:normal;font-size:0.8em;}
label.ProfileOptions {width:18em;font-weight:normal;padding-bottom:5px;font-size:0.8em;}
label.Profile, label.GallerySearch {width:9.5em;}

/* default a */
/*    a, a.line {color:#930000;text-decoration:none;border-bottom:solid 1px #930000;line-height:20px;}
    a:hover, a.line:hover {border-bottom:dashed 1px #930000;}*/
    a, a.line {color:#930000;text-decoration:underline;}
    a:hover, a.line:hover {text-decoration:none;}

    a.nostyle, 
    div#shareit a.nostyle, div#whyregister a.nostyle, div.minibasket a.nostyle,
    div#signin a.nostyle, div.minibasket_signin a.nostyle, div#keepinformed a.nostyle  {border:none;text-decoration:none;color:#000000;}
    a.nostyle:hover,
    div#shareit a.nostyle:hover, div#whyregister a.nostyle:hover, div.minibasket a.nostyle:hover,
    div#signin a.nostyle:hover, div.minibasket_signin a.nostyle:hover, div#keepinformed a.nostyle:hover {border:none;text-decoration:none;color:#000000;}
    a.grey {color:#645D51;} /* JP - 25/09/07 - Added for body-styled inactive links */

        
/* default inputs */
    /*input, select {color:#323232;margin-bottom:5px;margin-top:5px;font-size:1.0em;}*/
input,input.Register, select {margin-bottom:5px;margin-top:0px;margin-left:0px;padding-left:0px;color: #323232;}     
    /*label
    {
       width: 12em;
       float: left;
       text-align: left;
       display: block;
       font-weight:bold;
    }        
    */

    /*select, input {margin-bottom:auto;margin-top:auto;}*/
/*    input.ActionPanel, select.ActionPanel {color:#323232;margin-bottom:5px;margin-top:5px;font-size:1.0em;}*/
        
        
        
/* header */

div#mainframe {width:950px;margin-left:auto;margin-right:auto;
    background-color:White;
    background-image:url(../images/layout/full-content-width-background.gif);}
div#header {width:950px;margin:0px 0px 0px 0px;
    min-height:120px;height:auto !important;height:120px;float:left;
    background: #A90001 url(../images/layout/header-box-background.gif) bottom center no-repeat;}

div#headerlogo {width:228px;padding-top:9px;padding-left:22px;float:left;}
div#headercentre {width:690px;float:left;min-height:113px;height:auto !important;}

/* two column version only used on home page afaik */
div#headercolumn1 {width:350px;float:left;    
    min-height:70px;height:auto !important;height:70px;position:relative;}
div#headercolumn2 {width:335px;float:right;
    min-height:70px;height:auto !important;height:70px;position:relative;}

    div#headeronecolumn {width:685px;float:right;
        min-height:70px;height:auto !important;height:70px;position:relative;
        padding:0;margin:0;}

    p.firstpara {padding-top:10px;}
/* top level nav */
div#Navigation{width:216px;padding-left:15px;float:left;font-size:0.75em;margin-top:7px;}
    
ul.Navigation {border-top: solid 1px #DCDCDC;margin: 0px 0px 0px 5px; padding: 0;
    list-style-type: none;font-size:1.3em;}
li.Navigation_Header {text-indent:0px;list-style-type:none; height:20px;line-height:20px; 
border-bottom: solid 1px #DCDCDC; font-weight: bold; padding: 2px 0px 2px 5px; 
background-color:#DCDCDC;}

li.Navigation {text-indent:0px;list-style-type:none; 
    min-height:1.7em;height:auto !important;height:1.7em;line-height:20px; 
    border-bottom: solid 1px #DCDCDC; font-weight: normal; padding: 2px 0px 2px 5px; 
    background-color:#FFFFFF;}
li.Navigation a { text-decoration:none; color:#3E3c30;border-bottom:none;}
li.Navigation a:hover {background-color:#EB2D2F;color:#FFFFFF;border:none;}
li.NavigationSelected {font-weight: normal;text-indent:0px; list-style-type:none;
    min-height:1.7em;height:auto !important;height:1.7em;line-height:20px;
    border-bottom: solid 1px #DCDCDC; padding: 2px 0px 2px 5px; background-color:#DCDCDC;}
li.NavigationSelected a { text-decoration:none; color:#3E3c30;border-bottom:none;}
li.NavigationSelected a:hover {background-color:#EB2D2F;color:#FFFFFF;border-bottom:none;}

li.SubNavigation {list-style-type:none; min-height:1.7em;height:auto !important;height:1.7em; 
    border-bottom: solid 1px #DCDCDC; font-weight: normal; padding: 2px 0px 2px 15px; 
        background-image:url(../images/layout/bullet-arrow.gif);
        background-repeat: no-repeat; background-position:0.5em 7px;
    background-color:#FFFFFF;line-height:20px;}
li.SubNavigation a { text-decoration:none; color:#3E3c30;border-bottom:none;}
li.SubNavigation a:hover {background-color:#EB2D2F;color:#FFFFFF;border:none;}
li.SubNavigationSelected {font-weight: normal;list-style-type:none;
    min-height:1.7em;height:auto !important;height:1.7em;
    border-bottom: solid 1px #DCDCDC; padding: 2px 0px 2px 15px; 
    background-image:url(../images/layout/bullet-arrow.gif);
    background-repeat: no-repeat; background-position:0.5em 7px;
    background-color:#EDEDED;line-height:20px;}
li.SubNavigationSelected a { text-decoration:none; color:#3E3c30;border-bottom:none;}
li.SubNavigationSelected a:hover {background-color:#EB2D2F;color:#FFFFFF;border-bottom:none;}



/* breadcrumbs */
div#breadcrumb {width:600px;float:left;margin:0;padding:14px 0px 14px 0px;color:#FFFFFF; font-size: 0.7em;}
/*div#breadcrumb a {color:#FFFFFF; border-bottom:solid 1px #FFFFFF;text-decoration:none;}
div#breadcrumb a:hover {border-bottom:dashed 1px #FFFFFF;}*/
div#breadcrumb a {color:#FFFFFF; text-decoration:underline;}
div#breadcrumb a:hover {text-decoration:none;}


/* accessibility text sizes */
    div#fontsize {width:76px;float:left;margin-top:-15px;
        text-align:right;color:#FFFFFF;line-height:14px;font-weight:bold;
        font-family:Times New Roman; height:14px;vertical-align:top;}
    div.TextSizeUnselected {width:20px;text-align:center;float:left;background-color:inherit;}
    div.TextSizeSelected {width:20px;text-align:center;float:left;background-color: #7D0000;}

/* action boxes */

div#shareit, div#whyregister, div.minibasket {margin-left:10px;border:0;width:210px;
color:#FFFFFF;background-color:#72695C;padding-top:16px;padding-bottom:13px;}
    
div#signin, div.minibasket_signin, div#keepinformed {margin-left:10px;border:0;width:210px;color:#FFFFFF;
background-color:#7A7063;border-top: dashed 1px #989176;padding-top:16px;padding-bottom:13px;}
    
div#shareit {background-image: url(../images/layout/left-column-72695C-top.gif); background-position:top;background-repeat:no-repeat;margin-top:10px;padding-left:15px;padding-right:15px;}
div#signin, div.minibasket_signin {padding-left:15px;padding-right:15px;}
div#whyregister, div.minibasket {border-top: dashed 1px #989176;padding-left:15px;padding-right:15px;}
div#keepinformed {background-image: url(../images/layout/left-column-7A7063-bottom.gif); background-position:bottom; background-repeat:no-repeat;margin-bottom:10px;padding-left:15px;padding-right:15px;}
     
div#shareit h4, div#whyregister h4, div.minibasket h4, div.minibasket_signin h4, div#signin h4, div#keepinformed h4 {font-size:1.1em;font-weight:normal;margin-bottom:3px;}
div#shareit p, div#whyregister p, div#signin p, div#keepinformed p {font-size:0.7em;font-weight:normal;margin-top:2px;margin-bottom:5px;}
/* old colour links 
div#shareit a, div#whyregister a, div#signin a, div#keepinformed a {font-size:0.7em;font-weight:normal;color:#373125;border-bottom:solid 1px #373125;}
div#shareit a:hover, div#whyregister a:hover, div#signin a:hover, div#keepinformed a:hover {border-bottom:dashed 1px #373125;}
*/
/*div#shareit a, div#whyregister a, div#signin a, div#keepinformed a {color:#000000;border-bottom:solid 1px #000000;}
div#shareit a:hover, div#whyregister a:hover, div#signin a:hover, div#keepinformed a:hover {border-bottom:dashed 1px #000000;}*/
div#shareit a, div#whyregister a, div.minibasket a, div.minibasket_signin a, div#signin a, div#keepinformed a {color:#000000;text-decoration:underline;}
div#shareit a:hover, div#whyregister a:hover, div.minibasket a:hover, div.minibasket_signin a:hover, div#signin a:hover, div#keepinformed a:hover {text-decoration:none;}

/* JP 26/09/07 - Mini Basket specific styles */
div.minibasket p, div.minibasket_signin p { font-size:0.7em;font-weight:normal;margin-top:2px;margin-bottom:0px;padding-bottom:6px; }
div.minibasket ul, div.minibasket_signin ul { list-style: none; margin-bottom: 8px; }
div.minibasket ul li, div.minibasket_signin ul li { margin: 0; padding: 0; line-height:1.4em; font-size:0.7em;font-weight:normal; }
span.MiniBasketItemsDesc { display: block; float: left;width:160px; }
span.MiniBasketItemsPrice  { display: block; float: right;width:50px; text-align: right; }
span.MiniBasketItemsTotal, span.MiniBasketItemsTotalPrice { font-weight: bold; }
div.minibasket a, div.minibasket_signin a { display:block; margin-bottom: 4px; }
    
/* left column */

div#leftcolumn {float:left;width:260px;padding-right:10px;background-color:White;}
    
div#leftcolumnfooter {width:250px;
        background-color:#DCDCDC; 
        background-image: url(../images/layout/left-column-bottom.gif); 
        background-position:top; background-repeat:no-repeat;}


/* middle column */

/* this is the default stuff set using div id */
div#middlecolumn, div#middlecolumn2 {padding-right:20px;margin:9px 0px 20px 0px;float:left;
    border-right:dashed 1px #B8B8B8;}
div#fullcolumn {padding-right:20px;margin:9px 0px 20px 0px;float:left;}

/* and this is different per template, set using class */
div.middlecolumntemplate1{width:310px;}
div.middlecolumntemplate2{width:230px;}
div.middlecolumntemplate3{width:390px;}
div.fullcolumntemplate{width:650px;}

div.orderlistfullcolumntemplate {padding-right:20px;margin:9px 0px 20px 0px;float:left;width:650px;}
div.orderlistmiddlecolumntemplate {padding-right:20px;margin:9px 0px 20px 0px;float:left;width:390px;border-right:dashed 1px #B8B8B8;}

div#middlecolumnnoright{width:660px;padding-right:10px;margin:9px 0px 20px 0px;float:left;}
        
div#middlecolumn h2, div#middlecolumn div h2 {line-height:1.1em;}
div#middlecolumn h3 {font-size:0.9em;font-weight:bold;}
div#middlecolumn p {}

.NewsHeadlines h2 {line-height:1em;}
.NewsHeadlines h3 {font-size:0.9em;font-weight:bold;margin-bottom:0px;}
.NewsHeadlines p {margin-top:0px;}

/* right column */
div#rightcolumn{float:right;padding-right:20px;margin-top:9px;}

div.rightcolumntemplate1 {width:310px;margin:6px 0px 20px 17px;}
div.rightcolumntemplate2 {width:390px;padding-right:20px;margin:6px 0px 20px 18px;}
div.rightcolumntemplate3 {width:230px;padding-right:20px;margin:6px 0px 20px 18px;}

/* hr lines */
/* JP - 20/09/07
   Added font-size:0 fix to make hr lines the same height in IE & FF
   Only checked for art-gallery.aspx layout - CHECK ACROSS SITE! */
div.line390 {border-bottom:solid 1px #8B8378;width:390px;
    padding-top:20px;margin-bottom:20px;line-height:1px;font-size:0;}
div.line310 {border-bottom:solid 1px #8B8378;width:310px;height:1px;padding-top:20px;margin-bottom:20px;margin-top:0px;line-height:1px;font-size:0;}
div.line230 {border-bottom:solid 1px #8B8378;width:230px;height:1px;padding-top:20px;margin-bottom:20px;line-height:1px;font-size:0;}
div.line660 {border-bottom:solid 1px #8B8378;width:660px;height:1px;padding-top:20px;margin-bottom:20px;line-height:1px;font-size:0;}

/* content area*/

div#contentarea {width:930px;margin:14px 20px 10px 0px;background-color:White; display:inline;}

/* used for positioning artwork/artist panels (eg homepage, gallery)  */
div.HighlightArea, div.GalleryItem {position:relative;width:310px;}
div.ArtistItem {position:relative;width:310px;} /* JP - 21/09/07: Added duplicate of GalleryItem class for flexibility */
div.MoreByArtistItem {position:relative;width:390px;}    
    
div#recentlyuploaded h3, div#highlyrated h3, div#mostpopular h3 {font-size:0.9em;color:#8B8378;}
span.ArtInfo {font-size:0.6em;text-align:right;float:right;clear:both;width:100%;}
span.ArtInfoTop {font-size:0.6em;text-align:right;float:right;padding-left:0px;width:100%;clear:both;}
span.ArtTitle {font-size:0.7em;font-weight:bold;float:right;text-align:right;width:100%;clear:both;}


div#bythesameartist h3 {font-size:0.9em;font-weight:bold;}
    div#buythispiece {text-align:right;}
    div#buythispiece h3 {font-size:0.9em;font-weight:bold;}

/* footer */
div#footer {font-size:0.6em;clear:both;width:950px;margin-left:auto;margin-right:auto;
        background-color:#DCDCDC;padding-bottom:40px;}
    
div#footerleftcolumn {float:left;width:228px;padding-left:22px;color:#323232;padding-top:5px;
        font-weight:normal;}
div.FooterLink {float:left;height:25px;line-height:25px;padding-left:3px;padding-right:3px;border-left:dashed 1px #B7b7b7;border-right:dashed 1px #B7b7b7;}
div.FooterLink a {color:#3f3b2f;border-bottom:none;text-decoration:none;}
div.FooterLink a:hover {color:#FFFFFF;border-bottom:none;}

      div.FooterLink a {color:#3f3b2f;border-bottom:none;text-decoration:none;}
    div.FooterLink a:hover {color:#930000;border-bottom:none;}
    
div.FooterLinkSelected {background-color:#b7b7b7;float:left;height:25px;line-height:25px;padding-left:3px;padding-right:3px;border-left:dashed 1px #B7b7b7;border-right:dashed 1px #B7b7b7;}
div.FooterLinkSelected a {color:#3f3b2f;border-bottom:none;text-decoration:none;}
div.FooterLinkSelected a:hover {color:#FFFFFF;border-bottom:none;}
    
div#footerleftcolumn {float:left;width:228px;padding-left:22px;color:#323232;padding-top:10px;
        font-weight:normal;}
div#footermaincolumn {float:left;width:700px;
        background-image:url(../images/layout/main-column-bottom.gif); 
        background-position:top; background-repeat:no-repeat;}
div#footermiddlecolumn {width:550px;padding-right:20px;padding-left:20px;margin:6px 0px 20px 0px;float:left;}
div#footerrightcolumn {width:90px;margin:6px 0px 20px 17px;float:left;}
div#websitelink {font-weight:bold;}
    
div.BackToTopLeft{float:left;width:6px;height:21px;background-image: url(../images/layout/back-to-top-left.gif);}
div.BackToTopMiddle{float:left;height:21px;padding-left:3px;padding-right:3px;line-height:21px;background-color:#eb2d2d;color:#FFFFFF;}
div.BackToTopMiddle a {color:#FFFFFF;border-bottom:none;text-decoration:none;}
div.BackToTopMiddle a:hover {color:#FFFFFF;text-decoration:underline;}
div.BackToTopRight{float:left;width:6px;height:21px;background-image: url(../images/layout/back-to-top-right.gif); }
    

/* site map */
ul.SiteMap {margin: inherit; padding: inherit;list-style-type:none;margin-top:0px;margin-bottom:0px;}

li.SiteMapL1 {list-style-type:none; padding: 0px 0px 8px 10px; 
        background-image:url(../images/layout/bullet-arrow.gif);
        background-repeat: no-repeat; background-position:0em 0.3em;
        line-height:1em;}

/* secon level */
li.SiteMapL2 {list-style-type:none; padding: 0px 0px 8px 20px;        
        background-image:url(../images/layout/bullet-arrow.gif);
        background-repeat: no-repeat; background-position:1em 0.3em;
        line-height:1em;}

/* third level */
li.SiteMapL3 {list-style-type:none; padding: 0px 0px 8px 32px;
        background-image:url(../images/layout/bullet-arrow.gif);
        background-repeat: no-repeat; background-position:2em 0.3em;
        line-height:1em;}
    
/* fourth level */
    li.SiteMapL4 {list-style-type:circle; padding: 0px 0px 8px 35px;list-style-position:inside;}
    
/* admin */
.defaultAlternativeRowStyle {background-color: #ffffff;}
.defaultRowStyle {background-color: #dcdcdc;}

.defaultHeaderStyle th {font-size:0.75em;}
.defaultAlternativeRowStyle td {font-size:0.75em;}
.defaultRowStyle td {font-size:0.75em;}

table.OrderDetail{float:right;}
.OrderDetail td, .OrderDetail th {font-size: 0.75em;}
/**** shopping basket ****/
.BasketFullWidth { width:390px; margin-bottom:10px; }
.Basket {} /* this one is used in admin */
.BasketListHeader { font-size:0.8em; font-weight:normal;  }
.BasketList { font-size: 0.75em; font-weight: normal; }
.BasketListHeader th {padding-bottom:10px; border-bottom: solid 1px #dcdcdc;}
.BasketList td { padding-top:10px; padding-bottom:10px; margin-bottom:0; border-bottom:solid 1px #dcdcdc; }
.BasketListFooter { font-size: 0.75em; font-weight:bold; }
.BasketListFooter td { padding-top:10px; padding-bottom:10px; margin-bottom:0; }
.BasketTotals { margin-bottom: 10px; } 
.QuantityBox { margin: 0; font-weight: normal; color: #645D51; padding: 0; }
.OrderListPager { font-size: 0.75em; font-weight: normal; }
.OrderListPager table td {  padding: 10px 0; padding-right: 10px; }

div#GallerySearchTop
{
    padding-top:10px;padding-left:10px;width:650px;
    background-image: url(../images/layout/gallery-search-background-top.gif); 
    background-position:top; background-repeat:no-repeat;background-color:#dcdcdc;
}
div#GallerySearchBottom
{
    width:660px;background-image: url(../images/layout/gallery-search-background-bottom.gif);
    background-position:top; background-repeat:no-repeat;height:5px;
}

h3.EventName {padding-bottom:11px;margin-top:0px;}

/* start light box styles */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 96% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 96% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* end light box styles */

/*** edit format prices for artists */
.FormatsTable tr, .FormatsTable tr td, .FormatsTable tr th {border: solid 1px black;}

/* used to show unmoderated posts in admin*/
.AdminHighlight {font-weight:bold;text-decoration:blink;}

div#googleMap {width: 380px; height: 450px; border: 1px solid #979797;}