body { 
font: 12px arial, verdana, helvetica, sans-serif; 
margin: 0 auto; 
width: 1116px; 
/*position: relative;*/ 
background: #ffffff;
}

div#container { margin: 0 auto; width: 960px; padding: 0 0px 24px 0px; background: url(../images/container-bg.png) top center repeat-y; }

div#headers { clear: both; height: 104px; width: 960px; margin: 0px 0px; border-bottom: 2px solid #D6DAE5; position: relative; }
div#headers h1#sitetitle { float: left; width: 622px; height: 65px; background: url(/images/sitetitle.png) top left no-repeat; margin: 0 0 4px 0; padding: 0; }
div#headers h1#sitetitle span { display: none; }
div#headers p.mainlinks { clear: left; float: left; margin: 0 0 0 10px; padding: 7px 0 0 0; color: #D6DAE5; width: 390px; }
div#headers p.mainlinks a { color: #07255B; text-decoration: none; margin: 0 4px; }
div#headers p.mainlinks a:hover { color: #07255B; text-decoration: none; } 
div#headers form { display: inline; float: left; margin: -34px 0 0 180px; width: 200px; }
div#headers form input { border: 2px solid #D6DAE5; background: #ffffff; padding: 4px; width: 126px; }
div#headers form label { color: #07255B; }
div#headers fieldset { border: 0; margin: 0; padding: 0; }
div#headers div#minibasket { float: right; clear: right; margin: -56px 0 0 0; width: 140px; height: 84px; border-left: 2px solid #D6DAE5; padding: 0px 10px 0px 10px; }
div#headers div#minibasket p { margin: 0 0 10px 0; padding: 0; text-align: center; color: #07255B; }
div#headers div#minibasket p#minibaskbuttons { background: url(/images/minibasket.png) top left no-repeat; height: 13px; width: 105px; padding: 28px 10px 12px 10px; margin: 0 auto; }
div#headers div#minibasket p#minibaskbuttons a, div#headers div#minibasket p#minibaskbuttons a:hover { margin: 0 6px 0 6px; padding: 0; text-decoration: none; color: #07255B; }

div#midsections { clear: both; margin: 0 0; width: 804px; float: left; }

div#midsections div#nav_column { float: left; width 160px; margin: 0; padding: 0; float: left; }

div#midsections ul#nav { font-size: 10px; width: 148px; margin: 0; padding: 12px 0 0 12px; list-style: none; }
div#midsections ul#nav li { margin: 0 0 3px 0; }
div#midsections ul#nav li a { display: block; margin: 0; padding: 4px 22px 3px 0px; color: #07255B; text-decoration: none; }
div#midsections ul#nav li a:hover { margin: 0; padding: 4px 22px 1px 0px; border-bottom: 2px dashed #07255B; color: #07255B; text-decoration: none; background: url(/images/navhover.png) bottom right no-repeat; }

div#midsections div#top_products { width: 160px; margin-left: 10px; color: #07255B; }
div#midsections div#top_products ul { margin: 0; padding: 0; }
div#midsections div#top_products h2 { font-size: 14px; margin-top: 20px;}
div#midsections div#top_products a { color: #07255B; }
div#midsections div#top_products .pb-title { clear: both; color: #07255B; font-weight: bold; }
div#midsections div#top_products .pb-price { float: left; width: 80px; }
div#midsections div#top_products img { border: 0; }

div#midsections div#sslseal { width: 148px; float: left; clear:both; text-align:center; margin: 10px;  }

div#midsections div#content { float: left; width: 620px; margin: 26px 0 0 -1px; color: #07255B; }
div#midsections div#content p, div#midsections div#content h1, div#midsections div#content h2, div#midsections div#content h3, div#midsections div#content h4, div#midsections div#content h5, div#midsections div#content h6 { color: #07255B; }
div#midsections div#content h2#pagetitle { border-bottom: 2px solid #D6DAE5; font-size: 15px; font-weight: normal; color: #07255B; margin: 10px 0 20px 0; padding: 0 0 2px 0; }
div#midsections div#content a { text-decoration: none; font-weight: bold; color: #072559; }
div#midsections div#content a:hover { text-decoration: underline; font-weight: bold; color: #072559; } 
.printlink { clear: both; }
div#midsections div#content div#hansel { margin: 0px 0 20px 0; }
div#midsections div#content div#hansel a { text-decoration: none; color: #07255B; font-weight: normal; }
div#midsections div#content div#hansel a:hover { text-decoration: none; color: #07255B; border-bottom: 2px dashed #07255B; font-weight: normal; }
 
#right_adpanel {
  margin-top: 24px;
  float: right;
  width: 156px;
}
#right_sidebar {
  width: 144px;
  padding: 4px;
  min-height: 120px;
  border: 1px solid #c0c0e0;
  background: #f0f0f0;
  margin-left: 0px;
  margin-bottom: 4px;
}
#newsletter_signup {
  width: 144px;
  padding: 4px;
  min-height: 120px;
  border: 1px solid #c0c0e0;
  margin-left: 0px;
}
#newsletter_signup * {  padding: 0; margin: 0; font-size: 10px; }
#newsletter_signup h2 { font-size: 14px; margin-bottom: 6px; font-weight: normal; color: #07255B; }
#newsletter_signup input { width: 142px; }

div#footers { clear: both; border-top: 8px solid #D6DAE5; width: 960px; margin: 0 0; }
div#footers ul { list-style: none; margin: 6px 0 12px 0; padding: 0 0 0 20px; text-align: right; }
div#footers ul li { display: inline; margin: 0 22px 0 0; padding: 0; }
div#footers ul li a { color: #07255B; text-decoration: none; }
div#footers ul li a:hover { color: #07255B; text-decoration: none; border-bottom: 2px dashed #07255B; }
div#footers div.footerimages { background: url(/images/footerbg.png) top left no-repeat; height: 124px; width: 960px; }

hr { background-color:#D6DAE5; color:#D6DAE5; height:2px; border:none;}

/*ecommerce*/
.productimagethumb img {border:1px solid black;}
.thumblink {text-decoration:none;}


/*homepage hover boxes*/
div#midsections div#content div#homegrid { width: 576px; }

div#midsections div#content div.borderedbox { width: 182px; height: 212px; text-align: center; float: left; position: relative; /*background: url(./border.gif) top left no-repeat;*/ margin: 0 10px 10px 0; cursor: pointer; }
div#midsections div#content div.borderedbox img { margin: 0 auto; padding: 0; position: relative; z-index: 51; top: 7px; border: 0; }
div#midsections div#content div.borderedbox div.border { background: url(../images/border.gif) top left no-repeat; height: 212px; width: 182px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 100; }
div#midsections div#content div.borderedbox div.border:hover { background: url(../images/border-hover2.gif) top left no-repeat; }
div#midsections div#content div.borderedbox div p.bb-title a { width: 102px; height: 14px; overflow: hidden; margin: 0; padding: 0; text-align: left; font-size: 12px; position: absolute; bottom: 44px; left: 10px; color: #062659; text-decoration: none; font-weight: normal; }
div#midsections div#content div.borderedbox div p.bb-desc a { width: 162px; height: 21px; overflow: hidden; line-height: 1.0; margin: 0; padding: 0; text-align: left; font-size: 10px; position: absolute; bottom: 16px; left: 10px; color: #7B7B7B; text-decoration: none; font-weight: normal; }

div#midsections div#content div.borderedboxlong { width: 374px; height: 212px; text-align: center; float: left; position: relative; /*background: url(./border.gif) top left no-repeat;*/ margin: 0 10px 10px 0; cursor: pointer; }
div#midsections div#content div.borderedboxlong img { margin: 0 auto; padding: 0; position: relative; z-index: 51; top: 7px; border: 0; }
div#midsections div#content div.borderedboxlong div.border { background: url(../images/border-long.gif) top left no-repeat; height: 212px; width: 374px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 100; }
div#midsections div#content div.borderedboxlong div.border:hover { background: url(../images/border-hover-long.gif) top left no-repeat; }
div#midsections div#content div.borderedboxlong div p.bb-title a { width: 316px; height: 14px; overflow: hidden; margin: 0; padding: 0; text-align: left; font-size: 12px; position: absolute; bottom: 44px; left: 10px; color: #062659; text-decoration: none; font-weight: normal; }
div#midsections div#content div.borderedboxlong div p.bb-desc a { width: 356px; height: 21px; overflow: hidden; line-height: 1.0; margin: 0; padding: 0; text-align: left; font-size: 10px; position: absolute; bottom: 16px; left: 10px; color: #7B7B7B; text-decoration: none; font-weight: normal; }

div#midsections div#content div.borderedboxtall { width: 182px; height: 434px; text-align: center; float: right; position: relative; /*background: url(./border.gif) top left no-repeat;*/ margin: 0 10px 10px 0; cursor: pointer; }
div#midsections div#content div.borderedboxtall img { margin: 0 auto; padding: 0; position: relative; z-index: 51; top: 7px; border: 0; }
div#midsections div#content div.borderedboxtall div.border { background: url(../images/border-tall.gif) top left no-repeat; height: 434px; width: 182px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 100; }
div#midsections div#content div.borderedboxtall div.border:hover { background: url(../images/border-hover-tall.gif) top left no-repeat; }
div#midsections div#content div.borderedboxtall div p.bb-title a { width: 102px; height: 14px; overflow: hidden; margin: 0; padding: 0; text-align: left; font-size: 12px; position: absolute; bottom: 44px; left: 10px; color: #062659; text-decoration: none; font-weight: normal; }
div#midsections div#content div.borderedboxtall div p.bb-desc a { width: 162px; height: 21px; overflow: hidden; line-height: 1.0; margin: 0; padding: 0; text-align: left; font-size: 10px; position: absolute; bottom: 16px; left: 10px; color: #7B7B7B; text-decoration: none; font-weight: normal; }

div#midsections div#content div.borderedboxproduct { width: 182px; height: 184px; text-align: center; float: left; position: relative; /*background: url(./border.gif) top left no-repeat;*/ margin: 0 10px 10px 0; cursor: pointer; }
div#midsections div#content div.borderedboxproduct img { margin: 0 auto; padding: 0; position: relative; z-index: 51; top: 8px; border: 0; }
div#midsections div#content div.borderedboxproduct div.border { background: url(../images/border-small.gif) top left no-repeat; height: 184px; width: 182px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; z-index: 100; }
div#midsections div#content div.borderedboxproduct div.border:hover { background: url(../images/border-small-hover.gif) top left no-repeat; }
div#midsections div#content div.borderedboxproduct div p.bb-title a { width: 102px; height: 14px; overflow: hidden; margin: 0; padding: 0; text-align: left; font-size: 12px; position: absolute; bottom: 16px; left: 10px; color: #062659; text-decoration: none; font-weight: normal; }
div#midsections div#content div.borderedboxproduct div p.bb-desc a { width: 162px; height: 21px; overflow: hidden; line-height: 1.0; margin: 0; padding: 0; text-align: left; font-size: 10px; position: absolute; bottom: 16px; left: 10px; color: #7B7B7B; text-decoration: none; font-weight: normal; }

div#midsections div#content div.productbox { width: 200px; height: 262px; text-align: center; float: left; position: relative; margin: 0 6px 10px 0; cursor: pointer; }
div#midsections div#content div.productbox img { margin: 0 auto; padding: 0; position: relative; z-index: 51; top: 0px; border: 0; }
/* div#midsections div#content div.productbox p.pb-title { width: 182px; height: 16px; font-size: 14px; font-weight: normal; overflow: hidden; text-align: left; } */
div#midsections div#content div.productbox p.pb-title { width: 182px; height: 48px; line-height: 16px; font-weight: bold; font-size: 12px; text-align: left; margin: 0; }
div#midsections div#content div.productbox p.pb-title a {  } 
div#midsections div#content div.productbox p.pb-price { text-align: left; line-height: 16px; margin: 2px 0 0 0; }


/*products*/
div.productcontent { color: #00174E; width: 618px; }
div.productcontent h2 { font-size: 14px; font-weight: normal; }
div.producttext { clear: left; padding: 0 0 20px 0; }
div.proddesc { width: 400px; }
div.productimage { width: 200px; float: right; } 


#proddetail,.proddetail { margin: 0; padding: 0; }
.proddetail label, .proddetail input { }
.proddetail input#addtobasket {  }
#quantityinput,.quantityinput { width: 20px; margin: 0 0 0 10px; }

/*products - tabular */
table.tradeproductlist { background-color: #eef; border-collapse:collapse; }
table.tradeproductlist tbody tr td { border-bottom: 4px solid white; vertical-align:top; padding:3px; }
.productimagethumbtrade img {border:1px solid black; width:100px; height:75px;}


/*shopping*/

table#basket { width:100%; }
table#basket th { background: #E7EAEF; font-weight: bold; padding: 4px; text-align: left; }
table#basket td { padding: 4px; vertical-align: top; }

table#basketsummary { width:100%; }
table#basketsummary th { background: #E7EAEF; font-weight: bold; padding: 4px; text-align: left; }
table#basketsummary td { padding: 4px; vertical-align: top; }
h2.totalcost { font-size: 15px; font-weight: normal; color: #07255B; margin: 0; padding: 0; font-weight: bold; }

hr.fatbluehr { background-color:#E7EAEF; height:7px; }

/*other*/

.backtotop { clear: both; padding: 20px 0 0 0; }

/*checkout stuff*/

#billingdetails td { text-align: right; }
#billingdetails textarea { width: 200px; font-family: arial; }
#billingdetails input { width: 200px; }
#LateLoginForm { border: 2px solid #D6DAE5; margin: 0; padding: 10px; width: 260px; float: left; }
#LateLoginForm input { width: 140px; }
#LateLoginForm #lateloginbutton { width: 69px; height: 37px; }
/*#LateLoginForm input[type=image] { width: 60px; }*/
#LateLoginForm p { margin: 0; }
#LateLoginForm fieldset { border: 0; }
#LateLoginForm table td { text-align: right; padding: 4px; }

#newcust { border: 2px solid #D6DAE5; margin: 0; padding: 10px; width: 260px; float: right; height: 105px; }

#basket { width: 606px; }

table.checkordertable { width: 300px; }
table.checkordertable th { text-align: right; padding: 0 4px 0 0; width: 100px; }
table.checkordertable td { padding: 0 4px 0 0; }
table.checkordertable { border: 2px solid #D6DAE5; margin: 0 10px 0 0; height:300px;}

#AddressForm { text-align: left; }
#AddressForm td { padding: 4px; }

#CCardForm { width: 606px; }
#CCardForm th { background: #E7EAEF; font-weight: bold; padding: 4px; text-align: left; }
#CCardForm td { padding: 4px; vertical-align: top; }
fieldset { border: 0; }

ul.errorlist li { color: #ff0000; font-weight: bold; }



#manufacturer-range, #manufacturer-list { border: 0; width: 200px; color: #052458; font-weight: bold; font-family: arial, verdana, helvetica, sans-serif; }
#manufacturer-range option, #manufacturer-list option { font-weight: normal; }


#additionalimages { float: right; clear: right; width: 200px; padding: 20px 0 0 0; }


#pageguide { border-top: 1px solid #000040; padding: 8px 0 0 0; margin: 16px 0 0 0; list-style: none; }
#pageguide li { float: left; padding-right: 8px; }

/* xmas */

.productdetailxmasflash {
	display:block;
	width:260px;
	height:62px;
	float:left;
}

/* banners */
.cmsbanner img {
	border:0;
}


/* product ask-a-question */
fieldset.CMSFormBuilder div {
	padding:5px;
}

#gotaquestionhead { border: 1px solid #021F55; padding: 2px; width: 350px; }

.HCamA2BPalette {  position: fixed; z-index: 9999999; left: auto;  top: 200px;  background: #808080;  color: white;  border-color: #c6cad5;  border-style: solid;  border-width: 24px 2px 2px 2px; width: 400px; height: 170px;}
.HCamA2BPalette .CMSContent {  text-align: center;  overflow: hidden;  width: 100%;  height: 100%; }
.HCamA2BPalette .CMSClose {  position: absolute;  right: 4px;  top: -20px;  width: 16px;  height: 16px;  background: blue url(/admin/images/paletteclose.png); }
.HCamA2BPalette .CMSCaption {  position: absolute;  left: 4px;  top: -20px;  color: white;  font-weight: bold;  }
.HCamA2BPalette .CMSContent iframe {  background: white; width: 100%; height: 100%; border: 0; }

/* forums */
a.forumlink img { border:0; }

#leica-fader { width: 618px; border: 1px solid #D6DAE5; position: relative; height: 318px; margin: 0 0 16px 0; }
#leica-fader .fade-panel {  }
#leica-fader .fade-panel img { float: left; margin: 10px 10px 0 10px; }
#leica-fader .fade-panel .fade-info { float: right; width: 288px; margin: 10px 10px 10px 0; }
.leica-fader-help { color:#a0a0a0; margin-top:-10px; text-align:right; }
.fade-info h2 { margin: 0 0 14px 0; font-weight: normal; }
hr.clear { clear: both; border: 0; visibility: hidden; height: 0; }


#quicklogin { border: 1px solid #D6DAE5; }
#quicklogin input { border: 1px solid #D6DAE5; padding: 2px; background: #ffffff; }
#quicklogin input { border: 1px solid #D6DAE5; padding: 2px; background: #ffffff; }