/* CSS Document */

/*-----------Element----------------*/
body { margin:0px 0px 0px 0px; left:0px; top:0px; font-family: Verdana, Arial; font-size:11px; color:#ffffff; background-color:#ffffff; top:0px; left:0px;}
/*h1{ font-family:Verdana, Arial; font-size:16px; color:#F3A400; margin:10px 0px 5px 0px;}*/
h1{ font-family:Verdana, Arial; font-size:15px; color:#006285; margin:10px 0px 5px 0px; font-weight:bold;}
h2{ font-family:Verdana, Arial; font-size:13px; color:#006285; margin:10px 0px 5px 0px; clear:both;}
h3{ font-family:Verdana, Arial; font-size:11px; color:#006285;}

p { line-height:20px;}
li { line-height:20px; list-style-type:square;}
blockquote { width:88%; background: url(graphics/quoteEnd.gif) no-repeat right bottom; float:left; margin:10px; line-height:20px; text-indent:-18px; padding:0px 0px 10px 18px; font: 1.2em/1.6em}
blockquote:first-letter {background: url(graphics/quoteStart.gif) no-repeat left top; padding-left: 18px; font: italic 1.4em Georgia, "Times New Roman", Times, serif;}


/*-----------Element IDs----------------*/
#container{width:1000px;background:#49B3C0 url(graphics/topPictures/1.jpg) no-repeat left top; float:left;}
#top{float:left; width:1000px; height:100px; padding:0px;}
#left{float:left;width:260px; padding:60px 0px 0px 0px;}
#center{float:left;width:474px; padding:210px 17px 0px 5px;}
#right{float:left; width:240px; margin:140px 0px 0px 0px;}
#footer{ clear:both; width:1000px; height:129px; background: #ffffff url(graphics/footer.gif) no-repeat left top; font:80%; color:#999999;}


/*----------- Classes ----------------*/
.highlight{ font-weight:bold;}
.validation{ color:#fc0000; font-size:10px;}
.header{ float:left; width:100%; font-weight:bold; border-bottom:1px solid #ffffff; padding-bottom:5px;}
.itemStyle{ float:left; width:100%;padding:2px 0px 2px 0px; background-color:#8CCeD7; }
.altItemStyle{ float:left; width:100%; padding:2px 0px 2px 0px;}
.productSelected{padding-left:16px; color:#006285; background: url(graphics/search/search.png) no-repeat left top;}

.sectionsHolder{ padding-left:5px; padding-top:6px;}
.sectionsMenu{ float:left; width:230px; height:71px;  background:url(graphics/rangesMenu/new/menuItemBgTemplate.png) right top no-repeat; padding: 0px 0px 0px 0px; margin:0px;}
.sectionsPic{float:left; width:65px; height:65px;  padding:3px 0px 0px 0px;}
.sectionsText{ float:left; width:147px; padding: 5px 8px 5px 5px; color:#333333; height:50px; overflow:hidden;}
.sectionsName{margin-top:3px;}
.sectionsDescription{font-size:9px; color:#006285; margin-top:5px; float:left;}

.searchProductCode{float:left; display:inline; width:80px; font-weight:bold; text-indent:2px;}
.searchProductName{float:left; display:inline; font-weight:bold;}
.searchProductDetails{float:left; width:100%; clear:both;}
.searchProductImage{float:right; border:1px solid #f4f4f4; margin:0px 2px 0px 2px;}

.notebookQty{float:left; padding:0px 2px 0px 2px; width:50px;}
.notebookCode{float:left; padding:0px 2px 0px 2px; width:100px;}
.notebookProduct{float:left; padding:0px 2px 0px 2px; width:260px;}
.notebookDelete{float:left; padding:0px 2px 0px 2px; width:40px; text-align:right;}

.testimonialDescription blockquote{ float:left;}
.testimonialFromName{ float:left; clear:both; padding: 0px 0px 5px 5px; width:88%;}

.notebookControlHolder{ margin:10px 0px 10px 0px; width:193px;}
.notebookControlQty{ float:left; width:25px; padding:0px 2px 0px 2px; overflow:hidden;}
.notebookControlProduct{ float:left; width:155px; padding:0px 2px 0px 2px;}


/*-----------Input Styles----------------*/
.button{ text-transform:uppercase; margin:0px 1px 0px 1px; padding: 2px 6px 2px 6px; background-color:#006285; color:#fff;text-decoration:none; border:1px solid #006285; line-height:20px; height:20px; font-family:Arial Baltic,arial,helvetica,sans; font-weight:bold;}
.button:hover{ background-color:#fff; color:#006285;}

input{ padding:0px; margin:0px; font-size:10px; color:#333333; font-family:Verdana, arial,helvetica,sans; height:16px; line-height:16px; float:left;}
.input{ padding:0px; margin:0px; font-size:10px;color:#333333; font-family:Verdana, arial,helvetica,sans; height:16px; line-height:16px; float:left;}
.inputQuantity{ padding:0px; margin:0px; font-size:10px; color:#333333; font-family:Verdana, arial,helvetica,sans; width:30px; height:16px; line-height:16px; float:left;}
.inputEditBox{ padding:0px; margin:0px; font-size:10px; color:#333333; font-family:Verdana, arial,helvetica,sans; width:150px; height:16px; line-height:16px; float:left;}
.inputOther{ padding:0px; margin:0px;font-size:10px; color:#333333; font-family:Verdana,arial,helvetica,sans; height:18px; line-height:16px; float:left;}
.imgBtn{ float:right; padding:10px 0px 10px 0px;}


/*------------------Accordians--------------------------*/
.accordianImage{ position:absolute; margin-left:-70px; margin-top:-12px; display:none; border-style:groove; border-width: 2px; }
.accordianRadioButtons{ background-color:#ffffff;}
.accordianInnerTable tr{ line-height:20px;}
.accordianInnerDiv{max-height:240px; padding-left:20px; overflow:auto;scrollbar-3dlight-color:#49B3C0; scrollbar-arrow-color:#49B3C0;scrollbar-base-color:#49B3C0;scrollbar-darkshadow-color:#49B3C0;scrollbar-face-color:#e1e1e1;scrollbar-highlight-color:#49B3C0;scrollbar-shadow-color:#49B3C0;}
.accordianInnerDivCart{max-height:150px; padding-left:0px; overflow:auto;scrollbar-3dlight-color:#49B3C0; scrollbar-arrow-color:#49B3C0;scrollbar-base-color:#49B3C0;scrollbar-darkshadow-color:#49B3C0;scrollbar-face-color:#e1e1e1;scrollbar-highlight-color:#49B3C0;scrollbar-shadow-color:#49B3C0;}

/*-- this width plus 3 left/right padding and 1 border = total of plus 8 eg  --*/
.accordionHeader{ margin: 5px 0px 0px 0px; padding: 3px 0px 3px 15px; width:214px; font-weight:bold; cursor:pointer;height:17px; line-height:17px; color:#006285; font-size:12px;}
.accordionHeader:hover{ margin: 5px 0px 0px 0px; padding: 3px 0px 3px 15px; width:214px; font-weight:bold;cursor:pointer;height:17px; line-height:17px; color:#333333; font-size:12px;  }
.accordionHeaderSelected{ margin: 5px 0px 0px 0px; padding: 3px 0px 3px 15px; width:214px; font-weight:bold; cursor:pointer; height:17px; line-height:17px; color:#006285; font-size:12px;}
.accordionContent{ margin: 0px 0px 0px 0px; padding: 3px 0px 10px 15px; width:214px; font-size:11px;}


.accordionHeaderOne{ margin: 5px 0px 0px 0px; padding: 3px 0px 3px 25px; width:214px; font-weight:bold; cursor:pointer;height:17px; line-height:17px; color:#006285; font-size:12px; background: url(graphics/search/bigPlus.png) no-repeat left center; }
.accordionHeaderOne:hover{ margin: 5px 0px 0px 0px; padding: 3px 0px 3px 25px; width:214px; font-weight:bold;cursor:pointer;height:17px; line-height:17px; color:#333333; font-size:12px; background: url(graphics/search/bigPlus.png) no-repeat left center;  }
.accordionHeaderSelectedOne{ margin: 5px 0px 0px 0px; padding: 3px 0px 3px 25px; width:214px; font-weight:bold; cursor:pointer; height:17px; line-height:17px; color:#006285; font-size:12px; background: url(graphics/search/bigMinus.png) no-repeat left center;}
.accordionContentOne{ margin: 0px 0px 0px 0px; padding: 3px 0px 10px 25px; width:214px; font-size:11px;}

.accordionHeaderTwo{ font-weight:bold; width:206px; cursor:pointer;height:20px; line-height:20px; color:#ffffff; padding:2px;background: url(graphics/search/maximize.png) no-repeat left center; }
.accordionHeaderTwo:hover{ font-weight:bold; width:206px; cursor:pointer; height:20px; line-height:20px; color:#ffffff; padding:2px; color:#ffffff; text-decoration: underline; background: url(graphics/search/maximize.png) no-repeat left center;}
.accordionHeaderSelectedTwo{ font-weight:bold; width:206px; cursor:pointer; height:20px; line-height:20px; color:#006285; padding:2px; background: url(graphics/search/minimize.png) no-repeat left center;}
.accordionContentTwo{ width:196px; font-size:11px; padding:0px 0px 5px 10px;}


/*-----------Links----------------*/
a.linkStyleOne:link {color: #006285; text-decoration: none; line-height:20px;}
a.linkStyleOne:visited {color: #006285; text-decoration: none; line-height:20px;}
a.linkStyleOne:hover {color: #000000; text-decoration: none; line-height:20px; cursor:pointer;}
a.linkStyleOne:active {color: #FC0000; text-decoration: none; line-height:20px;}

a.linkClear:link {color: #ffffff; text-decoration:underline; line-height:20px;font-size:12px;}
a.linkClear:visited {color: #006285; text-decoration: none; line-height:20px;font-size:12px;}
a.linkClear:hover {color: #000000; text-decoration: none; line-height:20px;font-size:12px; cursor:pointer;}
a.linkClear:active {color: #FC0000; text-decoration: none; line-height:20px;font-size:12px;}

a.linkWhite:link {color: #ffffff; text-decoration: none; line-height:20px; }
a.linkWhite:visited {color: #ffffff; text-decoration: none; line-height:20px; }
a.linkWhite:hover {color: #ffffff; text-decoration: none; line-height:20px; cursor:pointer; }
a.linkWhite:active {color: #FC0000; text-decoration: none; line-height:20px;}

a.linkWhiteMenu:link {color: #ffffff; text-decoration: underline; line-height:20px; }
a.linkWhiteMenu:visited {color: #ffffff; text-decoration: underline; line-height:20px; }
a.linkWhiteMenu:hover {color: #ffffff; text-decoration: none; line-height:20px; cursor:pointer; }
a.linkWhiteMenu:active {color: #ffffff; text-decoration: underline; line-height:20px;}

a.linkWhiteProduct:link {color: #ffffff; text-decoration: underline; line-height:20px; }
a.linkWhiteProduct:visited {color: #ffffff; text-decoration: underline; line-height:20px; }
a.linkWhiteProduct:hover {color: #ffffff; text-decoration: none; line-height:20px; cursor:pointer; }
a.linkWhiteProduct:active {color: #FC0000; text-decoration: none; line-height:20px;}

a.linkSectionsMenu:link {color: #006285; text-decoration: none; font-size:12px; }
a.linkSectionsMenu:visited {color: #006285; text-decoration: none; font-size:12px; }
a.linkSectionsMenu:hover {color: #000000; text-decoration: none; font-size:12px; cursor:pointer; }
a.linkSectionsMenu:active {color: #FC0000; text-decoration: none; font-size:12px; }

a.linkSectionsManufacturers:link {color: #666666; text-decoration: underline; font-size:10px; padding-left:5px; }
a.linkSectionsManufacturers:visited {color: #666666; text-decoration: underline; font-size:10px; }
a.linkSectionsManufacturers:hover {color: #000000; text-decoration: underline; font-size:10px; cursor:pointer; }
a.linkSectionsManufacturers:active {color: #FC0000; text-decoration: underline; font-size:10px; }


/*-----------Div Links----------------*/
.topMenuOuter{ margin: 0px 0px 0px 0px;}
.topMenuInner{float:left; margin:0px; font-family: Verdana, arial,helvetica,sans;font-size:11px;  font-weight:bold; line-height:20px; text-align:left; text-decoration:none;}
a.topMenuItem:link{ padding:0px 3px 0px 0px; text-decoration:none; color:#006285;}
a.topMenuItem:visited{ padding:0px 3px 0px 0px; text-decoration:none; color:#006285;}
a.topMenuItem:active{ padding:0px 3px 0px 0px; text-decoration:none; color:#006285;}
a.topMenuItem:hover{ padding:0px 3px 0px 0px; text-decoration:none;color:#000000;}

.sideMenu{  
  background: url(graphics/search/bigplus.png) no-repeat left top;
  padding: 1px 0px 0px 27px;
  height:20px;
}

.sideMenuItem{                                                            
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}

a.sideMenuItem:link{text-decoration:underline; color:#006285; }
a.sideMenuItem:visited{ color:#ffffff; text-decoration:none;}
a.sideMenuItem:active{ color:#ffffff; text-decoration:none;}
a.sideMenuItem:hover{ color:#ffffff; text-decoration:none;}

/*-----------Table Fade----------------*/
.tableFadeTopLeft{ width:6px; height:6px; background: url(graphics/tableFade/topLeft.png) no-repeat right bottom;}
.tableFadeTop{height:6px; background: url(graphics/tableFade/top.png) repeat-x center bottom;}
.tableFadeTopRight{ width:6px; height:6px; background: url(graphics/tableFade/topRight.png) no-repeat left bottom;}
.tableFadeLeft{ width:6px; background: url(graphics/tableFade/left.png) repeat-y right center;}
.tableFadeRight{ width:6px; background: url(graphics/tableFade/right.png) repeat-y left center;}
.tableFadeBottomLeft{ width:6px; height:6px; background: url(graphics/tableFade/bottomLeft.png) no-repeat right top;}
.tableFadeBottom{height:6px; background: url(graphics/tableFade/bottom.png) repeat-x center top;}
.tableFadeBottomRight{ width:6px; height:6px; background: url(graphics/tableFade/bottomRight.png) no-repeat left top;}