/*@charset "utf-8";*/
/* CSS Document */

body, div, table, td, img, form{
margin: 0;
padding: 0;
border: 0;
}

html{
width: 100%;
line-height: normal;
min-height: 100%;
height: auto !important;
height: 100%;
top: 0;
left: 0;
}

body{
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background: url(images/border_bottom.gif) 0 100% repeat-x #E8E8E8;
height: 100%;
}

h1, h2, h3, h4, h5{
margin-top:0;
}

h1{
font-size: 12px;
font-weight: bold;
color: #292F6E;
margin-bottom: 13px;
}

p{
margin: 0 0 15px 0;
}

a{
color: #292F6E;
text-decoration: none;
}

a:hover{
color: #666666;
text-decoration: none;
}

input, select, textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}

input{
height: 14px;
padding-left: 3px;
}

select{
height: 20px;
}

textarea{
margin: 0;
padding: 1px 3px 1px 3px;
}

table{
border-collapse: collapse;
}

th{
padding: 8px;
background:url(images/table_header_bg.gif) 0 0 repeat-x #8C8C8C;
color: #FFFFFF;
line-height: 12px;
font-weight: bold;
text-align: left;
border-collapse: collapse;
}

td{
padding: 8px;
border-collapse: collapse;
vertical-align: top;
}

#wrap{
float:left;
display: inline;
width: 100%;
padding: 0 0 34px 0;
background: url(images/border_top.gif) 0 0 repeat-x #E8E8E8;
}

#wrap2{
width: 960px;
margin: 0 auto;
}

#container{
float: left;
display: inline;
width: 960px;
margin: 34px 0 0 0;
padding: 31px 0 0 0;
background: url(images/border_top1.gif) 0 0 repeat-x #FFFFFF;
}

#topSection{
float: left;
display: inline;
width: 920px;
margin: 0 0 0 20px;
}

#logo{
float: left;
display: inline;
width: 191px;
padding: 0 0 28px 0;
}

#quickSearchArea{
float: right;
display: inline;
width: 500px;
height: 64px;
text-align:right;
}

#quickSearchForm{
float: right;
display: inline;
}

#quickSearchField{
float: left;
display: inline;
height: 12px;
height: 14px;
margin: 0 10px 0 0;
width: 158px;
}

#section{
float: left;
display: inline;
height: 20px;
font-size: 11px;
margin: 0 10px 0 0;
}

#status{
float: right;
display: inline;
width: 500px;
text-align: right;
font-size: 10px;
}

#topNav{
float: left;
display: inline;
width: 920px;
padding: 0 0 28px 0;
background:url(images/top_bav_bg.gif) 0 0 repeat-x;
}

#topNav ul{
margin: 0;
padding: 0;
list-style: none;
}

#topNav li{
float: left;
display: inline;
margin: 0;
padding: 0;
color: #FFFFFF;
background: url(images/top_nav_border.gif) 100% 50% no-repeat;
}

#topNav li.myAccount{
float: right;
background: none;
margin:0;
}

#topNav a{
display: block;
color: #FFFFFF;
font-weight: bold;
margin: 0 1px 0 0;
padding: 10px 20px 10px 20px;
font-size: 12px;
line-height: 15px;
text-decoration: none;
}

#topNav a:hover{
background: url(images/top_bav_bg_over.gif) 0 0 repeat-x;
}

#topNav a.on{
background: url(images/top_bav_bg_over.gif) 0 0 repeat-x;
}

#main{
float: left;
display: inline;
width: 940px;
min-height: 370px;
padding: 0 0 30px 0;
margin: 0 0 0 20px;
}

#pageTitle{
float: left;
display: inline;
width: 514px;
}

#pageNav{
float: left;
display: inline;
width: 264px;
font-size: 10px;
line-height: 12px;
font-weight: bold;
color: #292F6E;
}

#pageNav .leftLink{
background-position: 0 50%;
padding: 0 0 0 12px;
}

#pageNav .rightLink{
background-position: 100% 50%;
padding: 0 12px 0 0;
}

#backToSearch{
float: right;
display: inline;
width: 142px;
margin: 0 20px 0 0;
text-align: right;
font-size: 10px;
line-height: 12px;
font-weight: bold;
color: #292F6E;
}

.schematicTable
{
    width:100%;
    border-style:none;
    background:url(images/schematic_bg.gif) 0 50% no-repeat;
    padding-left:0;
    padding-right:0;
    margin:0px 0px 0px 0px;
    border-style:none;
}

.leftLink, .rightLink, .leftRightLink{
display: inline-block;
color: #292F6E;
font-weight: bold;
text-decoration: none;
}

.leftLink{
background: url(images/left_arrow.gif) 0 50% no-repeat;
padding: 0 0 0 15px;
}

.rightLink{
background: url(images/right_arrow.gif) 100% 50% no-repeat;
padding: 0 15px 0 0;
}

.leftRightLink{
background: url(images/right_arrow.gif) 0 50% no-repeat;
padding: 0 0 0 15px;
}

#intro{
float: left;
display: inline;
width: 920px;
margin: 15px 0 0 0;
}

#loginBox{
margin: 0 0 0 355px ;
}

#contactBox{
margin: 0 0 0 335px ;
}

#quickOrderBox{
margin: 0 20px 0 0;
}

.roundBox{
float: left;
display: inline;
border: 1px solid #D2D2D2;
background:#E8E8E8;
margin: 0 20px 0 20px;
}

.roundBoxTL{
float: left;
display: block;
background: url(images/corner_tl.gif) 0 0 no-repeat;
margin: -1px;
position: relative;
}

.roundBoxTR{
float: left;
display: block;
background:url(images/corner_tr.gif) 100% 0 no-repeat;
}

.roundBoxBL{
float: left;
display: block;
background: url(images/corner_bl.gif) 0 100% no-repeat;
}

.roundBoxBR{
float: left;
display: block;
background: url(images/corner_br.gif) 100% 100% no-repeat;
}

.roundBoxInside{
display: block;
padding: 20px 20px 10px 20px;
}

body #formArea .roundBox td{
padding: 0 0 10px 0;
border: none;
}

.roundBoxInside a{
font-size: 10px;
    height: 19px;
}

.roundBox input{
margin: 0 10px 0 0;
width: 156px;
}

.roundBox textarea{
width: 186px;
}

.roundBox label{
padding: 0 6px 0 0;
}

.roundBox label input{
width: auto;
float: right;
display: inline;
margin: 0 10px 0 0;
}

#loginBox input{
margin: 0;
}

.roundBox select{
width: 163px;
}

#reportIncorrect{
float: right;
display: inline;
width: 280px;
margin: 20px 20px 0 0;
}

.headerArrow{
display: block;
margin: 10px 0 0 0;
background: url(images/header_arrow.gif) 100% 0 repeat-x;
font-size: 14px;
font-weight: bold;
line-height: 15px;
padding: 10px 60px 10px 20px;
color: #FFFFFF;
}

#loginBox a.formBtn{
margin: 10px 0 0 0;
}

a.formBtn{
display:inline-block;
background: url(images/form_button_bg.gif) 0 0 repeat-x;
font-size: 12px;
line-height: 13px;
color: #FFFFFF;
font-weight: bold;
padding: 3px 10px 3px 10px;
text-decoration: none;
}

.formBtn:hover{
background: url(images/form_button_bg_over.gif) 0 0 repeat-x;
text-decoration: none;
color: #FFFFFF;
}

#pageNav a, #backToSearch a{
text-decoration: none;
}

#formArea{
float: left;
display: inline;
width: 940px;
margin: 15px 0 0 0;
}

#formArea th{
border: 1px solid #CCCCCC;
border-collapse: collapse;
}

#formArea td{
border: 1px solid #CCCCCC;
border-collapse: collapse;
}

#ssnew{
background: url(images/schematic_bg.gif) 0 50% no-repeat;
margin: 0 0 0px 0;
}

#sschematicOld{
float: left;
display: inline;
width: 306px;
background: url(images/schematic_bg.gif) 0 50% no-repeat;
margin: 0 0 0px 0;
}

#schematicTop{
float: left;
display: inline;
width: 310px;
background: url(images/1schematic_bg_top.gif) 0 0 no-repeat;
}

#schematicBtm{
float: left;
display: inline;
width: 310px;
background: url(images/1schematic_bg_btm.gif) 0 100% no-repeat;
}

#schematic table{
width: 246px;
border: 0;
margin: 1px 0px 1px 0px;
}

#schematic td{
border: 0;
padding: 0;
vertical-align: middle;
}


#filter{
float: left;
display: inline;
width: 585px;
margin: 0 0 20px 30px;
}

#filter input{
float: right;
display: inline;
}

#scroller{
height: 85px;
overflow:auto;
width: 574px;
}

#scroller table{
margin: -1px 0 0 0;
width: 548px;
}

#scroller td{
border: none;
border-top: 1px solid #CCCCCC;
border-collapse: collapse;
}

#wideTable{
float: left;
display: inline;
width: 920px;
}

#wideTable table{
width: 920px;
margin: 0 0 0px 0;
border-bottom: 1px solid #CCCCCC;
}

#wideTable select{
display: block;
margin: 0 0 8px 0;
}

#orderNo{
float: left;
display: inline;
width: 158px;
padding: 0 20px 0 0;
}

#orderNo input{
width: 150px;
}

#shippingInfo{
float: left;
display: inline;
width: 178px;
padding: 0 20px 0 0;
}

#shippingInfo textarea{
width: 170px;
}

#collectDeliver{
float: left;
display: inline;
width: 69px;
padding: 0 20px 0 0;
}

#collectDeliver label{
display: block;
padding: 0 0 10px 0;
line-height: 15px;
}

#collectDeliver input{
float: right;
}

#deliverAddress{
float: left;
display: inline;
width: 178px;
}

#deliverAddress textarea{
width: 170px;
}

#basketButtons{
float: right;
display: inline;
width: 113px;
}

#basketButtons ul, #basketButtons li{
list-style: none;
margin: 0;
padding: 0;
}

#basketButtons a{
background: url(images/table_btn_bg.gif) 0 50% repeat-x;
color: #FFFFFF;
font-weight: bold;
margin: 0 0 8px 0;
padding: 8px;
display: block;
font-size: 10px;
text-align: center;
}

#basketButtons a:hover{
background: url(images/table_btn_bg_over.gif) 0 50% repeat-x;
}

.photoPopup{
float: right;
display: inline;
margin: 2px 0 2px 2px;
}

.tableBtn{
background: url(images/table_btn_bg.gif) 0 50% repeat-x;
color: #FFFFFF;
font-weight: bold;
margin: 8px 0 0 0;
padding: 5px 8px 5px 8px;
display: inline-block;
font-size: 10px;
text-align: center;
}

.tableBtn:hover{
color: #FFFFFF;
background: url(images/table_btn_bg_over.gif) 0 50% repeat-x;
}

.associatedProducts{
background: #CCCCCC;
}

.hideButton{
display: block;
background: url(images/hide_arrow.gif) 0 50% no-repeat;
padding: 0 0 0 15px;
color: #666666;
font-weight: bold;
float: right;
}

#faq{
margin: 0;
padding: 0;
list-style: none;
width: 920px;
}

#faq li{
border-bottom: 1px solid #CCCCCC;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
cursor: pointer;
}

#faq span{
display: block;
background:url(images/faq_top.gif) 0 0 repeat-x #8C8C8C;
color: #FFFFFF;
padding: 8px;
font-weight: bold;
width: 904px;
}

#faq div{
padding: 8px;
background: #E8E8E8;
display: none;
}

#footer{
float: left;
display: inline;
width: 920px;
margin: 0 0 0 20px;
padding: 13px 0 13px 0;
border-top: 1px solid #CCCCCC;
font-size: 10px;
}

#footerLeft{
float: left;
display: inline;
width: 460px
}

#footerRight{
float: left;
display: inline;
width: 460px;
text-align: right;
}

#footer a{
color: #666666;
text-decoration: none;
}

#footer a:hover{
color: #292F6E;
text-decoration: underline;
}

.darkBlueBold{
color: #292F6E;
font-weight: bold;
}

.greenText{
color: #009245;
}

.redText{
color: #EC1C24;
}

#errorMessage h1{
text-align: center;
font-size: 14px;
color: #FF3300;
}

.errorMessageText{
font-size: 14px;
font-weight: bold;
}

.errorStandardText{
font-size: 12px;
}

/***** LIGHTBOX CSS *****/

#lightbox{
background-color: #FFFFFF;
padding: 10px;
}

#lightboxDetails{
padding-top: 10px;
}	

#lightbox img{
border: none;
clear: both;
} 

#overlay img{
border: none;
}

#overlay{
background: #000000;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=90);
-moz-opacity: 0.7;
opacity: 0.7;
}

#zoomClose{
background:url(images/closex.gif) 100% 5px no-repeat #FFFFFF;
position: absolute;
top: 10px;
right: 10px;
padding: 0 8px 8px 8px;
font-size: 16px;
display: block;
color: #666666;
z-index: 1001;
font-weight: bold;
}

.dg-picture-zoom{
	cursor : url(cursors/magnify-plus.cur), pointer !important;
}
.dg-picture-zoom-large{
	cursor : url(cursors/magnify-minus.cur), pointer !important;
}
.dg-picture-zoom-border-container{
    border : 2px solid #FFF;
    background-color: #FFF;
    margin-left:-7px;
    margin-top:-7px;
    padding:7px;
    box-shadow:10px 10px 20px #000000;
    border-radius: 5px;
}
#loading {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background-color: #FFF;
  text-align: center;
  filter: alpha(opacity=75);
 }
 
 #loadingtext {
  width: 200px;
  height: 100px;
  background-color: #FFF;
  text-align: center; 
  padding: 100px 0 0 0;
  margin: 250px auto 0 auto;
 }
 
 /*** CO#E507398155 - Laddaw Promotions ***/
.promotions {
color: #00FF00;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}