body { background: #fff; color: #333; } img {border:0px; } #contactbar { background: #444; border-bottom: 1px solid #000; color: #ff5235;} #headerbox { background: #284697 url(../images/headerbg.png) bottom; margin-bottom: 5px; position: relative; top: -5px; } #headerbox #hmenu { background: url(../images/logo.png) no-repeat 20px 5px; display:block; height: 80px;} #headerbox #hmenu a { color: #fff; } #headerbox #hmenu a:hover { color: #FF5235; } #main #footer { color: #666; line-height: 14pt; } #main #footer a { color: #ff5235; } #breadcrumbs { background: #fff url(../images/crumbsbg.png) no-repeat; } #breadcrumbs ul li { background: url(../images/crumbs_icon.png) no-repeat center left; } #breadcrumbs ul li a { color: #444; } #breadcrumbs ul li a:hover { color: #FF5235; } .lbbox { background: url(../images/leftbg_short.png) no-repeat; } .lbbox b { background: #444; color: #94B7E6; } .lbbox li { list-style: none !important; } .lbbox > ul > li > ul { background: #fff; border: 1px solid #666; } .lbbox > ul li a { color: #444;} .lbbox > ul li > ul > li > a:hover { background: #444; } .lbbox a:hover { color: #ff5235; } .lbbox > ul > li:hover { cursor: pointer; } .lbbox > ul > li:hover > a { color: #ff5235;} .lbbox > ul > li > ul.empty { display: none; } .lbbox ol li a { color: #444; } .lbbox .quote i { color: #284697; padding-top: 3px;} #main #footer { background: #fff url(../images/footerbg.png) top center no-repeat; min-height: 100px; } #content .product { background: url(../images/contentbg.png) no-repeat 100% 10px; } #content .product h3 { color: #284697; } #content .product ul { list-style-image: url(../images/bullet_icon.png); } #content .product .button { color: #fff; background: url(../images/button.png) no-repeat 50% 50%; } #content #tagline { clear: both; margin: 0em 1em; border: solid 1px #36bbe0;} #content #tagline a:link {text-decoration: none; color: #ff5235;} #content #tagline a:hover {text-decoration: underline; color: #ff5235;} #content #tagline a:visited {text-decoration: underline; color: #284697;} #content #tagline p a:visited {text-decoration: underline; color: #333;} #content #tagline h1,h2,h3 {color:#284697; text-align: center; margin:0px; padding: .3em .3em .5em; } #content #tagline h1 { font-size: 1.2em; } #content #accessories { clear: both; margin: 1.5em 0em; border: solid 1px #444;} #content #accessories a:link {text-decoration: none; color: #ff5235;} #content #accessories a:hover {text-decoration: underline; color: #ff5235;} #content #accessories a:visited {text-decoration: underline; color: #284697;} #content #accessories p a:visited {text-decoration: underline; color: #333;} #content #accessories h1,h2,h3 {color:#284697; text-align: center; margin:0px; padding: .3em 0em ; } #content #accessories h1 { font-size: 1.4em; } #content #accessories h2 { font-style: italic;font-size: 1.2em; } #content #accessories h3 { font-size: 1.1em; } #content #accessories p {font-size: 0.9em; color: #333; text-align: justify; margin: 0px; padding: 5px 10px; } /* below here is most structural, above is mostly decorative */ body { padding: 0px; margin: 0px; font-family: verdana,sans-serif ; font-size: 10pt; width: 100%; } #wrapper, #contactbar, #headerbox, #breadcrumbs, #main, #footer { margin: auto; width: 750px;} /* The bar with the phone number in it */ #contactbar { text-align: right; width: 700px; padding: 5px 25px } #contactbar { border-top: 3px solid #ff5235; height: 15px; overflow: hidden; } #contactbar .tagline { color: #fff; text-align: left; font-weight: bold; float: left; position: relative; top: -2px;} #contactbar .tel { color: #FF5235; position: relative; top: -5px; margin-right: 15px;} #contactbar a { margin: 0px; padding: 0px; position: relative; top: -3px; } #contactbar a img { border: 0px; } /* the headerbar, containing the hoz menu and the search box */ #headerbox { width: 750px; height: 50px; padding-top: 20px;} #headerbox #hmenu { float: left; padding: 0px 40px 0px 250px; text-align: center;} #headerbox #searchbox { float: left; width: 160px; background: #94b7e6; color: #444; border: none; padding: 0px 0px 0px 1px; position: relative; top: 10px; left: 17px;} #headerbox #searchbox input[type=text] { display:inline;width: 110px; margin-right: 1px; border: 1px solid #444; background: #D9E0F5; color: #444; padding: 3px;} #headerbox form { display: inline; padding: 0px; margin: 0px; background: transparent; } #headerbox #searchbox .sb { border: 0px;height: 24px; width: 40px; margin:0px; background: #444; font-weight: bold; color: #FF5235; } #headerbox #hmenu a { float: left; width: 80px; position: relative; top: 10px; left: 40px; text-align: center; text-decoration: none; font-size:10pt; font-weight: bold;} /* breadcrumbs bar */ #breadcrumbs { width: 640px; margin: 10px 0px; padding-left: 110px; overflow: visible;} #breadcrumbs ul { list-style: none; padding: 0px 0px; margin: 0px; height: 30px; overflow: visible; white-space: nowrap;} #breadcrumbs ul li { display: block; float: left; padding: 7px 5px 7px 20px; height: 11pt; white-space: nowrap; overflow: visible; } /* main content area */ #main { width: 750px; } #main #leftbar { float: right; width: 200px; display: block; } #main #content { float: right; width: 540px; margin-left: 10px; } #main #footer { float: left; width: 750px; margin-top: 20px; text-align: center; padding: 5px 0px; font-size: 8pt;} #main #footer a { padding: 0px 10px; font-size: 10pt; } .lbbox b { display: block; padding: 5px; width: 200px; margin-bottom: 5px; position: relative; top: 3px; left: -10px;} .lbbox { padding: 5px 5px; margin-bottom: 30px;} .lbbox ul { list-style: none; padding: 0px; margin: 0px; } .lbbox > ul > li > ul { display: none; position: absolute; margin-left: 10px; } .lbbox > ul > li { padding: 5px 0px; } .lbbox > ul li a { text-decoration: none; } .lbbox > ul li > ul > li { padding: 0px; } .lbbox > ul li > ul > li a { padding: 5px; display: block;} .lbbox > ul li > ul > li > a:hover { padding: 5px; } .lbbox > ul > li:hover { cursor: pointer; } .lbbox > ul > li:hover > ul { display: block; } .lbbox ol { padding: 0px; margin: 0px 25px;} .lbbox ol li { padding: 2px 0px; } .lbbox ol li a { font-size: 8pt; text-decoration: none; position: relative; left: -5px;} .lbbox div.quote { font-size: 8pt; padding: 5px 0px 20px; } .lbbox div.quote i { display: block; text-align: right; } .lbbox#paybox { text-align: center; } .lbbox#paybox img { border: 0px; margin: 1px; text-align: center;} .offer { text-align: center; display: block; float: left; width: 160px; height: 270px; background: url(../images/offerbg.png) no-repeat center top; padding: 5px; margin: 0px 0px 20px 10px; } .offer img { border: 0px; } .offer .title { color: #284697; display: block; font-size: 10pt; font-weight: bold; text-align: center; margin: 0px;} .offer .offbox a { display: block; text-align: center; margin: 0px; color: #284697; } .offer .offbox a:visited {color:#333;} .offer .offbox a img { border: 1px solid #94B7E6; display: block; margin: 0px; max-height: 102px;} .offer .offbox { height: 240px; overflow: hidden; text-align: center; } .offer .offdesc { text-align: justify; font-size: 9pt; } .offer .offdesc .sale { color: #FF5235; font-size: 11pt; font-weight: bold;} .offer .ourprice { font-size: 10pt; font-weight: bold;color: #284697; float: left; margin-top: 10px; text-align: left; max-width: 70px; } .offer > a { position: relative; top: 10px; float: right;} /* Brought Here from header.html include */ div#primaryoffer {width: 510px; height:250px; border: 1px solid #444; margin:5px; padding: 10px; text-align: justify; background: url(./images/stripbg.jpg) repeat-x; } #primaryoffer img {margin-left: 160px; border: 1px solid #00f;} #primaryoffer p {font-size: 9pt; } div#banneroffer {width: 510px; height:auto; border: 1px solid #444; margin:5px; padding: 2px 10px; text-align: justify; background: url(./images/stripbg.jpg) repeat-x; } #banneroffer h1 {font-size: 14pt; color: #284697; line-height: 1em; text-align: justify; } #banneroffer h3 {font-size: 12pt; text-align: center; color: #284697; line-height: 1.5em; } #banneroffer img {margin-left: 160px; border: 1px solid #F789E9;} #banneroffer p {font-size: 9pt; } .offer .offdesc { text-align: justify; font-size: 8pt; } .offer .offbox a img {margin: 0px auto;} /* END header.html include styles */ /* For different front page */ .diff_offer { text-align: center; display: block; float: left; width: 95px; height: 160px; background: url(../images/offerbg.png) no-repeat center top; padding: 2px; margin: 0px 0px 20px 5px; border: solid 1px #666;} .diff_offer img { border: 0px; } .diff_offer .title { color: #284697; display: block; font-size: 9pt; font-weight: bold; text-align: center; margin: 0px;} .diff_offer .offbox { height: 120px; overflow: hidden; text-align: center; } .diff_offer .offbox a { display: block; text-align: center; margin: 0px; color: #284697;} .diff_offer .offbox a img { border: 1px solid #94B7E6; display: block; margin: 2px auto ; max-height: 102px;} .diff_offer .offdesc { text-align: justify; font-size: 9pt;} .diff_offer .offdesc .sale { color: #FF5235; font-size: 8pt; font-weight: bold;} .diff_offer .ourprice { font-size: 9pt; font-weight: bold; color: #284697; margin: 2px auto; text-align: center; line-height: 1.5em; padding:0px;} .diff_offer > a {display:block; margin: 0px auto; background-color:#FF5235; text-decoration: none; width:5em;} #content .product { display: block; margin-bottom: 20px; padding: 1px 0px 10px 20px; } #content .product .mainimg { margin-top: 50px; } #content .product td { padding-top: 15px; } #content .product h3 { font-size: 11pt; } #content .product span.details {border:none; } #content .product .button { display: block; float: right; margin-right: 20px; width: 130px; border: 0px; height: 50px; text-decoration: none; text-align: center; padding-top: 8px; font-weight: bold;} #content .product span.price { display: block; float: right; padding: 12px 10px 0px 0px;} #content .product span.productprice { font-size: 12pt; color: #284697; font-weight: bold;} .actxxsmall { font-size: 7pt; } div.subsectionlist { display: block; text-align: center; margin: auto; } div.product_list { display: block; float: left; width: 200px; padding: 5px 20px; background: url(../images/leftbg_short.png) no-repeat center top; text-align: center;} div.product_list div.h3.product { background: transparent; text-align: center;} div.product_list div h3.product a { font-size: 10pt; text-decoration: none; color: #444; background: transparent; } div.product_list div h3.product a:hover { color: #ff5235; } div.product_list p { margin: 5px 0px; padding: 0px; font-size: 9pt; height: 40px; overflow: hidden; } div.product_list div.image_product { width: 180px; margin: auto; text-align: center; } div.product_list div.image_product a img { max-height: 100px; margin: auto; border: 1px solid #ff5235; } div.product_list div.image_product a:hover img { border-color: #444; } .shoppingcart { width: 100%; border: 0px; background: url(../images/contentbg.png) no-repeat top right; } .shoppingcart th { padding: 3px; font-size: 10pt; text-transform: capitalize; } .shoppingcart .cart { padding: 5px; color: #444; font-size: 9pt; } .shoppingcart .cart .cartimage { height: 30px; border: 1px solid #444; } .shoppingcart .cart .quantity input { width: 30px; border: 1px solid #444; padding: 3px; font-family: verdana, sans-serif; } .shoppingcart .cart .details a { color: #444; text-decoration: none; border-bottom: 1px dotted #888; }