/* CSS Document */ body { background-color: #ffffcc; } /*** Start of 2 columns layout styles ***/ #maincontainer { clear: both; background: url('bg-leftcolumn.png') repeat-y; background-color: #fefefe; width: 960px; /*Width of main container*/ margin: 0px auto; /*Center container on page*/ border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; border-bottom: 10px solid #ffffff; } .baserow { clear: both; /*forces end of column layout to ensure encased in maintontainer border / background*/ } .contentwrapper { float: left; width: 100%; } #leftcolumn { float: left; width: 200px; /*Width of left column*/ margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/ /* border-top:1px solid #cccccc; */ } #contentcolumn { margin-left: 200px; /*Set left margin to LeftColumnWidth*/ border-left:1px dotted #cccccc; /* border-top:1px solid #cccccc; */ } .innertube { margin: 0 5px 5px 5px; /*Margins for inner DIV inside each column (to provide padding)*/ } /*** End of 2 columns layout styles ***/ #contentcolumn { } /* styles for header */ #header { clear: both; overflow: hidden; /* for overall background image */ width: 960px; /*Width of main container*/ margin: 0px auto; /*Center container on page*/ border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; } .header-logo { float: left; } .header-cta { float: right; } .header-cta a, .header-cta td { font-size: 10px; font-weight: bold; color: #000000; } /* styles for breadcrumbs */ #subnav { overflow: hidden; /* for overall background colour */ width: 100%; clear: both; background: #eaeaea; } .subnav { float: left; padding: 5px 5px 0px 5px; } .subnav-jumplist { float: right; padding: 5px; background: #eaeaea; } /* styles for navbar */ #navbar { clear: both; /* overflow: hidden; for overall background colour */ width: 960px; /*Width of main container*/ margin: 0px auto; /*Center container on page*/ border-left: 10px solid #ffffff; border-right: 10px solid #ffffff; background: #00a521; } .navbar { background: #00a521; width: 100%; } .navbar-search { padding: 6px 5px 0px 0px; float: right; } /* footer styles */ #footer { clear: both; width: 980px; /*Width of main container*/ margin: 10px auto; /*Center container on page*/ } .footer, .footer a { text-align: left; font-size: 10px; line-height: 150%; color: #666666; } .footer-text { float: left; } .footer-images { float: right; } .footer-links { margin-top: 10px; text-align: center } /* nav colomn */ .leftcolumn { font-size: 10px; padding: 0px 5px 20px 5px; border-bottom: 1px dotted #cccccc; } .leftcolumn a { font-weight: 900; color: #732c91; font-size: 10px; } #cart { padding-top: 20px; text-align: center; } #banner { margin: 30px 15px 0 15px; /*Margins for inner DIV inside each column (to provide padding)*/ } #banner h1 { margin-top: 20px; font-size: 35px; font-weight: normal; color: #fefefe; } #banner p { margin-top: 20px; width: 550px; font-size: 20px; color: #006633; line-height: 30px; } /* for matrix style orderform */ #matrixform { margin-top: 20px; } .matrixform #headertable { width:933px; overflow: hidden; } .matrixform .headertable { width: 933px; border-top: 1px solid #000000; background: #732c91; table-layout: fixed; } .matrixform .producttable { width: 933px; border-bottom: 1px solid #000000; table-layout: fixed; } .matrixform th { padding: 10px 5px 10px 5px; border-left: 1px solid #000000; color: #fefefe; } .matrixform td.product { padding: 5px 5px 0px 5px; border-left: 1px solid #000000; } .matrixform #producttable { width:950px; height:400px; overflow-y: auto; } /* for standard order form */ #orderform { margin-top: 20px; } #orderform #headertable { width:733px; overflow: hidden; } #orderform .headertable { width: 733px; border-top: 1px solid #000000; background: #732c91; table-layout: fixed; } #orderform .producttable { width: 733px; border-bottom: 1px solid #000000; table-layout: fixed; } #orderform th { padding: 10px 5px 10px 5px; border-left: 1px solid #000000; color: #fefefe; } #orderform td.product { padding: 3px 5px 3px 5px; border-left: 1px solid #000000; border-top: 1px dotted #333333; } #orderform #producttable { width:750px; height:400px; overflow-y: auto; } .orderform-cart { height: 400px; width: 750px; overflow: auto; } /* quantitytablesupport */ /*product page*/ .xyptable {table-layout: fixed;} .xyptable td {min-width: 30px; width: 30px; text-align:center; padding: 0px; border-style: none;} .xyptopleft {} .xypcoltitle {color: #fefefe;} .xyprowtitle {} .xypinputcell {} .xypinputbox {text-align:center; width:25px; border-style:inset; border-width:thin; padding:1px; font-size:11px; background:white;} .xypinputboxdisabled {text-align:center; width:25px; border-style:inset; border-width:thin; padding:1px; font-size:11px; background-color:pink;} /*checkout and cart*/ .xytable {} .xyptable td {text-align:center; padding: 0px; border-style: none;} .xytopleft {} .xycoltitle {} .xyrowtitle {} .xyinfocell {text-align:center; width:25px; border-style:none; padding:1px; font-size:11px; background: none;} .xyinputcell {} .xyinputbox {text-align:center; width:25px; border-style:none; padding:1px; font-size:11px; background: none;} .xyinputboxdisabled {text-align:center; width:25px; border-style:none; padding:1px; font-size:11px; background-color:pink;}