/* css for Grassroutes */ @import url(reset.css); a { cursor: pointer; cursor: hand; color: #6fa113; color: #00f; } a:hover {color: #555;} body { background: #fff  url('bg_top.jpg') repeat-x 0 0; color: #555; font: 62.5%/1.5em Tahoma, Verdana,  Arial, sans-serif;  width: 100%; } img { border: none; } #wrapper { width: 100%; } #conTent { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 908px; } #header { height: 167px; width: 100%; margin-top: 9px; background: #333 url('bg_header.jpg') no-repeat 0 0; position: relative; border: 1px solid #fff; border-bottom: 1px solid #8eb61f; border-top: 0px;	 } #header h1 { height: 125px; width: 383px; position: absolute; overflow: hidden; } #header h1 a { color: white; } #header a span { width: 383px; height: 125px; background: url('logo.jpg') no-repeat 0 0; display: block; } #header h2 { position: absolute; top: 30px; left: 550px; width: 325px; color: #fff; font-size: 1.2em; font-weight: 400; } #header h2 b { color: #9ccb46; font-weight: bold; line-height: 1.8em; } #subhead { height: 180px; width: 100%; background: url('caravan.jpg') no-repeat 0 0; } #top_nav { position: absolute; top: 134px; left: 469px; height: 33px; width: 719px; background: url('nav-tabs.gif') no-repeat 0 -33px; display: block; } #top_nav ul { display: block; } #top_nav ul li { float: left; width: 110px; height: 33px; } #top_nav ul li a { display: block; width: 110px; height: 33px; overflow: hidden; text-indent: -5000px; } #top_nav ul li#dl { width:129px; } #top_nav ul li#dl a { background: url('nav-tabs.gif') no-repeat -330px 0; width:129px; } #top_nav ul li#hp a { background: url('nav-tabs.gif') no-repeat 0 0px; } #top_nav ul li#au a { background: url('nav-tabs.gif') no-repeat -110px 0px; } #top_nav ul li#cu a { background: url('nav-tabs.gif') no-repeat -220px 0px; } #top_nav ul li#tacts a { background: url('nav-tabs.gif') no-repeat -459px 0px; } #top_nav ul li#hp a:hover, #top_nav ul li#au a:hover, #top_nav ul li#cu a:hover, #top_nav ul li#dl a:hover, #top_nav ul li#tacts a:hover { background: url(none);	 } #left { float: left; width: 207px; } #right { float: right; width: 207px; } #midcolumn { float: left; width: 430px; margin-left: 32px; color: #555; line-height: 1.5em; padding-top: 30px; } #midcolumn h2 { font-weight: bold; color: #009; font-size: 1.4em; margin: 0.75em 0; } #midcolumn h3, #midcolumn p { font-weight: 400; font-size: 1.2em; margin: 0.75em 0; } #midcolumn h3 b { font-weight: bold;  } #footer { clear: both; background: #1c1c1c; border-top: 3px solid #8eb61f; min-height: 50px; font-size: 1.1em; } * html #footer { height: 50px;  } #footer-in { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 908px; } #footer p { margin: 0.75em 0 0 0;  } #foot-left { float: left; width: 45%; margin-left: 2%; color: #fff; } #foot-right { float: right; width: 50%; margin-right: 2%; text-align: right; color: #96bc22; } #foot-right a { color: #96bc22; text-decoration: none; margin: 0 1em; } #foot-right a:hover { color: #96bc22; text-decoration: underline; } /* ************ side box ************* */ .box { background: url('sidebar-tile.png') repeat-y 0 0; margin-bottom: 25px;  } .top-bx-top { height: 37px; background: url('tophead-sidebar.png') no-repeat 0 0;  } .low-bx-top { height: 35px; background: url('lowhead-sidebar.png') no-repeat 0 0;  } .box h3 { color: #fff; padding-left: 20px; margin-left: 30px; background: url('arrow-sidebar.png') no-repeat 0 50%; line-height: 35px; font-size: 14px; font-weight: bold; width: auto; white-space: nowrap; } .box h3 a { color: #fff; text-decoration: none; } .box h3 a:hover { color: #fff; text-decoration: underline; } .box p { margin: 0.7em 0 0.5em 30px; line-height: 1.5em; font-size: 1.1em; color: #6fa113; } ul.bx-list { margin: 1.5em 0 1.5em 30px; line-height: 1.5em; color: #ccc; font-size: 1.1em; } ul.bx-list li { margin-bottom:0.5em; } ul.bx-list li a { text-decoration:none; } ul.bx-list li a:hover { text-decoration:underline; } ul.bx-list li ul li { margin-left:20px; margin-bottom:1px; } ul.bx-list li ul li a { color:#666666; } .bx-foot { background: url('sidebar-foot.png') no-repeat 0 0;  height: 9px; } div#specials {padding:3px;} div#specials div.spec {margin:3px 0 10px 0;padding:0 0 10px 0;text-align:center;border-bottom:1px dashed #ccc;} div#specials p {margin:0;padding:0;} p#bread {text-align:left;} table.section {margin:10px 0 20px 0;} table.products {margin:5px 0 20px 0;} .section-image, .product-image {width:170px;text-align:center;} table.section td, table.products td {font-size:1.2em;vertical-align:top;} table.products td {vertical-align:top;} table.fsize td, table.fsize th {font-size:11px;padding:3px; vertical-align:top;} table.maincart th {border-bottom:1px dashed #ccc;font-weight:bold;} td.topborder {border-top:1px dashed #ccc;} table.products td h2 {line-height:1.4em;margin:0;padding:0;} .actlogout {font-size:1.1em;margin-bottom:10px;} table.welcome {margin-top:10px;margin-bottom:10px;} table.welcome td {font-size:1.1em;padding:3px;}