/* CSS Document */ body { margin:0; padding:0; background-color:#eeeeee; font:normal normal normal 11px/1.7em Verdana, Arial, Helvetica, sans-serif; color:#000; } a { color:#007B4D; font-weight:bold; text-decoration:none; } a:visited { } a:active { } a:hover { color:#007B4D; text-decoration:underline; } a {outline:none; } img { border:none; } ul { list-style: none outside; margin:0px; padding:0px; } ol { list-style: decimal inside; margin:0px; padding:0px; } dl { list-style: none outside; margin:0px; padding:0px; } h1, h2, h3, h4, h5 { font-weight: bold; } h1 { font-size:16px; } h2 { font-size:16px; } h3 { font-size:12px; } .messageStackSuccess {color: #007B4D; } #container {position:relative; border:1px solid #999; width:898px; background-color:#fff; margin:0px auto; overflow:visible; margin-bottom:30px; } #container #header { position:relative; width:898px; height:114px; background:#fff url('../images/header_bg.gif') no-repeat scroll top left; } #container #header img#logo { float:left; position:absolute; top:7px; left:19px; } #container #header #nav { position:absolute; top:0px; right:20px; width:655px; height:90px; } #container #header #nav ul#secondaryNav { float:right; position:relative; top:20px; right:1px; height:28px; text-align:right; } #container #header #nav ul#secondaryNav li { display:inline; padding:4px; font-weight:bold; } #container #header #nav ul#secondaryNav li a { color:#333; } #container #header #nav ul#secondaryNav li a:hover { color:#106440; } #container #header #nav ul#primaryNav { position:absolute; left:24px; top:54px; height:35px; width:635px; } #container #header #nav ul#primaryNav li { display:block; position:absolute; top:0px; height:35px; } #container #header #nav ul#primaryNav li a { display:block; height:35px; text-indent:-10000px; } #container #header #nav ul#primaryNav li#home { left:0px; width:109px; } #container #header #nav ul#primaryNav li#home a { width:109px; background:url('../images/nav/home.gif') no-repeat scroll 0px 0px; } #container #header #nav ul#primaryNav li#home a:hover { background-position: 0px -35px; } #container #header #nav ul#primaryNav li#home a.active { background-position: 0px -70px; } #container #header #nav ul#primaryNav li#shop { left:109px; width:152px; } #container #header #nav ul#primaryNav li#shop a { width:152px; background:url('../images/nav/shop.gif') no-repeat scroll 0px 0px; } #container #header #nav ul#primaryNav li#shop a:hover { background-position: 0px -35px; } #container #header #nav ul#primaryNav li#shop a.active { background-position: 0px -70px; } #container #header #nav ul#primaryNav li#faq { left:261px; width:99px; } #container #header #nav ul#primaryNav li#faq a { width:99px; background:url('../images/nav/faq.gif') no-repeat scroll 0px 0px; } #container #header #nav ul#primaryNav li#faq a:hover { background-position: 0px -35px; } #container #header #nav ul#primaryNav li#faq a.active { background-position: 0px -70px; } #container #header #nav ul#primaryNav li#about { left:360px; width:137px; } #container #header #nav ul#primaryNav li#about a { width:137px; background:url('../images/nav/about.gif') no-repeat scroll 0px 0px; } #container #header #nav ul#primaryNav li#about a:hover { background-position: 0px -35px; } #container #header #nav ul#primaryNav li#about a.active { background-position: 0px -70px; } #container #header #nav ul#primaryNav li#contact { left:497px; width:135px; } #container #header #nav ul#primaryNav li#contact a { width:135px; background:url('../images/nav/contact.gif') no-repeat scroll 0px 0px; } #container #header #nav ul#primaryNav li#contact a:hover { background-position: 0px -35px; } #container #header #nav ul#primaryNav li#contact a.active { background-position: 0px -70px; } #container .centerColumn { position:relative; width:848px; padding:0px 20px 30px 20px; } #container .centerColumn ul {list-style-type:disc; margin-left:25px; } #container #navBreadCrumb { font-size:10px; color:#999; padding:0px 20px; } #container #navBreadCrumb { display:inline; } #container #navBreadCrumb a { color:#999; } #container #navBreadCrumb a:hover { color:#333; text-decoration:none; } #container #footer { clear:both; position:relative; width:898px; height:36px; background:url('../images/footer_bg.gif') repeat-x scroll top left; padding-top:6px; } #container #footer p {color:#666; font-size:9px; text-align:center; line-height:36px; margin:0px; padding:0px; } #container #footer p a {color:#666; font-size:9px; font-weight: normal;} /* begin homepage styles */ #indexHomeBody #container .centerColumn { width:898px; padding:0px 0px 6px 0px; } #indexHomeBody #container .centerColumn h1 { display:block; margin:15px 5px; width:656px; height:26px; padding:0px; text-indent:-10000px; background:url('../images/home_headline.gif') no-repeat scroll 0px 0px;} #indexHomeBody #container .centerColumn li a { text-decoration:none; } #indexHomeBody #container .centerColumn #homeLeft { width:648px; float:left; margin-left:15px; _margin-left:7px; } #indexHomeBody #container .centerColumn #homeLeft p {font-size:12px; position:absolute; left:20px; margin-top:0px; width:622px; } #indexHomeBody #container .centerColumn #homeLeft #flash_area { margin-top:85px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features {background:url('../images/carts_bg.jpg') no-repeat scroll 0px 85px; display:block; height:300px; list-style-type:none; margin:0px; padding-top:85px; position:relative; width:648px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li {color:#666; margin:0px; line-height:15px; padding:10px; position:absolute; top:-100px; left:-100px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li strong { } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li span {display: none; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li:hover {cursor: pointer; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li:hover strong {color:#000; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li:hover span {display: inline; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature1 {left:10px; top:105px; width:150px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature2 {left:130px; top:145px; width:220px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature3 {left:210px; top:105px; width:170px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature4 {left:520px; top:90px; width:135px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature5 {left:530px; top:155px; width:130px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature6 {left:535px; top:325px; width:130px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature7 {left:-10px; top:345px; width:150px; } #indexHomeBody #container .centerColumn #homeLeft ul#cart_features li#feature8 {left:-10px; top:245px; width:70px; } #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures {border-top:1px solid #c1c1c1; display:block; height:230px; margin:20px 0px; width:656px;} #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures li {border-right:1px dashed #999; display:block; float:left; margin-top:7px; padding-top:2px; width:214px; } #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures li.last {border-right:none; } #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures li a {color:#333; display:block; font-size:11px; font-weight: normal; text-align:center; } #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures li a strong {background:url('../images/nav/arrow_sm_dk.gif') center right no-repeat; padding-right:10px; } #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures li a:hover {text-decoration: underline; } #indexHomeBody #container .centerColumn #homeLeft ul#homefeatures li p {color:#333; font-size:10px; line-height:12px; left:auto; padding:5px 4px; position:relative; text-align:center; width:206px; } #indexHomeBody #container .centerColumn #homeRight {background:url('../images/sidebar_bg.gif') top left no-repeat; display:block; float:right; margin-right:9px; _margin-right:4px; padding:2px 2px 60px; position:relative; width:191px; } #indexHomeBody #container .centerColumn #homeRight a#buy_cart {background:url('../images/features/buy_cart.jpg') top left no-repeat; display:block; height:174px; text-indent:-10000px; width:191px; } #indexHomeBody #container .centerColumn #homeRight a#buy_cart:hover {background-position:0px -174px; } #indexHomeBody #container .centerColumn #homeRight a#current_promo {display:block; height:122px; text-indent:-10000px; width:191px; } #indexHomeBody #container .centerColumn #homeRight a#current_promo:hover {background-position:0px -122px; } #indexHomeBody #container .centerColumn #homeRight a#trailer_kit {background:url('../images/features/trailer.jpg') top left no-repeat; display:block; height:116px; text-indent:-10000px; width:191px; } #indexHomeBody #container .centerColumn #homeRight a#trailer_kit:hover {background-position:0px -116px; } #indexHomeBody #container .centerColumn #homeRight a#day_30 {background:url('../images/features/30_day_feature_alt.jpg') top left no-repeat; display:block; height:116px; text-indent:-10000px; width:191px; } #indexHomeBody #container .centerColumn #homeRight a#day_30:hover {background-position:0px -116px; } #indexHomeBody #container .centerColumn #homeRight a#balance {background:url('../images/features/balance.jpg') top left no-repeat; display:block; height:99px; text-indent:-10000px; width:191px; } #indexHomeBody #container .centerColumn #homeRight a#balance:hover {background-position:0px -99px; } #indexHomeBody #container .centerColumn #homeRight p#handbuilt {background:url('../images/handbuilt.jpg') bottom left no-repeat; bottom:0px; display:block; height:60px; left:0px; margin:0px; padding:0px; position:absolute; text-indent:-10000px; width:195px; } #indexHomeBody #container .centerColumn #homeRight ul#links_block {padding:10px 0px 0px 5px; list-style-type:none; margin:0px; } #indexHomeBody #container .centerColumn #homeRight ul#links_block li { } #indexHomeBody #container .centerColumn #homeRight ul#links_block li a {color:#000; font-size:11px; font-weight:normal; background:url('../images/nav/arrow_sm_dk.gif') center right no-repeat; padding-right:10px; } #indexHomeBody #container .centerColumn #homeRight ul#links_block li a:hover {text-decoration:underline;} /* end homepage styles */ /* begin static page styles */ #container.about .centerColumn img { float:right; margin:4px 0px 10px 12px; } /* end static page styles */ /* begin shop styles */ #container .centerColumn { padding-left:30px; } #container .centerColumn #products { position:relative; float:left; width:860px; _width:850px; text-align:center; line-height:15px; } #container .centerColumn #products ul { position:relative; float:left; width:860px; _width:850px; margin:0px; padding:0px; } #container .centerColumn #products ul li { position:relative; float:left; display:inline; width:180px; height:180px; margin:0px; padding:0px 34px 10px 0px; _padding:0px 30px 10px 0px; } #container .centerColumn #products ul a { display:block; width:180px; height:180px; } #container .centerColumn #products ul a img { display:block; padding:0px 0px 12px 0px; } #container .centerColumn #products ul a span.price { display:block; color:#666; text-decoration:none; } #container .centerColumn #products ul a:hover span.price { color:#106440; } #container .centerColumn.prodpg { } #container .centerColumn #orderBox { position:relative; float:right; width:222px; background-color:#e8e8e8; padding:0px; margin-bottom:15px; } #container .centerColumn #orderBox #boxHead { position:relative; display:block; width:222px; height:37px; } #container .centerColumn #orderBox #boxHead h3 { position:relative; display:block; margin:0px; width:222px; height:37px; background:url('../images/shop/header_place_order.gif') no-repeat scroll top center; text-indent:-10000px;} #container .centerColumn #orderBox #prodDetails { position:relative; display:block; width:222px; line-height:14px; } #container .centerColumn #orderBox #prodDetails ol { position:relative; width:206px; margin:0px 8px 8px 8px; padding:6px 0px; border-top:1px solid #828282; list-style-type:none; } #container .centerColumn #orderBox #prodDetails ol li {border-bottom:1px solid #828282; clear:both; font-size:10px; padding:8px 0px; } #container .centerColumn #orderBox #prodDetails ol li label {display:inline; padding-right:10px; height:16px; line-height:16px; text-align:right; width:100px; } #container .centerColumn #orderBox #prodDetails ol li h4 {display:block; font-size:10px; height:16px; line-height:16px; margin:0px; padding:0px; } #container .centerColumn #orderBox #prodDetails ol ul { position:relative; display:block; width:190px; margin: 4px 0px 0px 8px; } #container .centerColumn #orderBox #prodDetails ol ul li { font-weight:normal; margin:0px; padding:0px; } #container .centerColumn #orderBox #prodDetails ol select { position:relative; display:block; width:100px; margin:4px 0px 0px 12px; } #container .centerColumn #orderBox #prodDetails dl { position:relative; display:block; width: 176px; margin:8px 0px 8px 12px; font-weight:bold; } #container .centerColumn #orderBox #prodDetails ol dl { font-weight:normal; width: 190px; margin:4px 0px 0px 8px; } #container .centerColumn #orderBox #prodDetails dl dt { display:block; position:relative; clear:left; width:95px; float:left; } #container .centerColumn #orderBox #prodDetails dl dd { display:block; position:relative; width:40px; float:right; text-align:right; } #container .centerColumn #orderBox #prodDetails #qtyBox { display:inline; text-align:right; margin-right:4px; } #container .centerColumn #orderBox #boxFoot { clear:both; position:relative; display:block; width:222px; height:42px; padding-top:8px; background:url('../images/shop/footer_place_order.gif') no-repeat scroll bottom center; text-align:center; } #container .centerColumn #moreOrder { position:relative; float:right; width:222px; padding:0px; margin-bottom:30px; } #container .centerColumn #moreOrder .boxed {background:url('../images/box_bg.gif') top left no-repeat; color:#333; display:block; font-size:11px; height:51px; line-height:15px; margin-bottom:10px; padding:10px 12px; width:198px; } #container .centerColumn #moreOrder .boxed a {background:url('../images/nav/arrow_sm_green.gif') center right no-repeat; color:#666; display:block; width:198px; } #container .centerColumn #moreOrder a.forward {color:#666; display:block; font-weight:normal; margin-top:7px; padding:10px 12px; width:198px } /* end shop styles */ /* dynamic cart page styles */ #container .centerColumn #left_prod_info #dynamic_cart {background:url('../images/choices_bg.gif') top left repeat-y; display:block; overflow:auto; position:relative; width:596px; } #container .centerColumn #left_prod_info #dynamic_cart #choices {background:url('../images/choices_header_bg.gif') top left no-repeat; display:block; margin-bottom:30px; overflow:auto; position:relative; width:596px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul {display:block; float:left; margin:0px; _overflow:hidden; width:298px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li {display:block; float:left; text-align:left; height:58px; margin:9px 5px; margin-left:0px; width:68px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li.first-cart {margin-left:6px; _margin-left:3px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li.first {color:#fff; display:block; font-size:11px; height:24px; line-height:25px; margin:0px; padding-left:16px; width:282px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li.first strong {font-size:12px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li.label-l {background-color:#f2f2f2; border:1px solid #d6d6d6; border-left:none; border-right:none; color:#666; display:block; font-size:11px; height:20px; line-height:20px; margin:0px; margin-left:1px; padding-left:16px; width:281px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li.label-r {background-color:#f2f2f2; border:1px solid #d6d6d6; border-left:none; border-right:none; color:#666; display:block; font-size:11px; height:20px; line-height:20px; margin:0px; margin-left:1px; padding-left:16px; width:280px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a {background-color:#eee; display:block; height:53px; text-indent:-10000px; width:68px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_7_20 {background:url('../images/thumbs/green_7_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_7_20 {background:url('../images/thumbs/blue_7_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_7_20 {background:url('../images/thumbs/gray_7_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_7_20 {background:url('../images/thumbs/black_7_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_7_16 {background:url('../images/thumbs/green_7_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_7_16 {background:url('../images/thumbs/blue_7_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_7_16 {background:url('../images/thumbs/gray_7_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_7_16 {background:url('../images/thumbs/black_7_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_12_20 {background:url('../images/thumbs/green_12_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_12_20 {background:url('../images/thumbs/blue_12_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_12_20 {background:url('../images/thumbs/gray_12_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_12_20 {background:url('../images/thumbs/black_12_20.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_12_16 {background:url('../images/thumbs/green_12_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_12_16 {background:url('../images/thumbs/blue_12_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_12_16 {background:url('../images/thumbs/gray_12_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_12_16 {background:url('../images/thumbs/black_12_16.jpg') top left no-repeat; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_7_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_7_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_7_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_7_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_7_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_7_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_7_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_7_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_12_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_12_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_12_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_12_20:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#green_12_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#blue_12_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#gray_12_16:hover, #container .centerColumn #left_prod_info #dynamic_cart #choices ul li a#black_12_16:hover {background-position:0px -53px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul#details {background:url('../images/choices_detail_rule.gif') top left repeat-x; color:#666; display:block; font-size:11px; height:250px; line-height:18px; list-style-type:none; margin-top:10px; padding-top:15px; text-align:left; width:596px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul#details li {display:block; float:left; margin:0px; padding-left:14px; width:284px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul#details li h4 {color:#000; font-size:12px; font-weight:normal; margin:0px; } #container .centerColumn #left_prod_info #dynamic_cart #choices ul#details li h5 {color:#000; font-size:11px; font-weight:normal; margin:0px; } #container .centerColumn #left_prod_info #dynamic_cart #choices_bottom {background:url('../images/choices_bottom_bg.gif') bottom left no-repeat; bottom:0px; clear:both; display:block; height:10px; left:0px; position:absolute; width:596px; } /* end dynamic cart page styles */ /* store category listing */ #container table.tabTable tr td a.list_image {display:block; height:62px; line-height:62px; margin-right:20px; text-align:center; width:62px; } #container table.tabTable tr td .listingDescription {font-size:12px; line-height:16px; } #container table.tabTable tr td.productListing-data {padding-bottom:20px; padding-left:10px; } /* store checkout stuff */ #container table.ma_datatable tr td address {font-style:normal; font-size:12px; line-height:18px; margin-left:25px; } address {font-style:normal; font-size:12px; line-height:18px; margin-left:25px; } FORM, SELECT, INPUT {display: inline; font-size: 11px; } TEXTAREA {margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus {background: #F0F8FF; } FIELDSET {padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc; } #container legend {color:#007b4d; font-size:12px; font-weight:bold; line-height:18px; } #container .alert {color:#007b4d; } LABEL, h4.optionName {line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em; } LABEL.inputLabel {width: 11em; float: left; } LABEL.inputLabelPayment {width: 15em; float: left; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {width: 12em; float: left; } .clearBoth {clear:both; } body#popupShippingEstimator { background-color:#fff; } .shippingEstimatorWrapper {margin:10px 30px; } .shippingEstimatorWrapper table {border-collapse:collapse; } .shippingEstimatorWrapper table th {background-color:#006842; color:#fff; } #container table.ma_datatable {border:1px solid #999; clear:both; margin-bottom:15px; } #container table.ma_datatable tr.tableHeading {background-color:#999; } #container table.ma_datatable tr.tableHeading th {color:#fff; font-size:10px; font-weight:normal; padding:6px; } #container table.ma_datatable tr.tableHeading td a {color:#fff; } #container table.ma_datatable tr.rowOdd {background-color:#f5f5f5; } #container table.ma_datatable tr td {color:#333; font-size:10px; font-weight:normal; padding:6px; } #container table.ma_datatable tr td input { } #container table.ma_datatable tr td .totalBox {clear:right; float:right; text-align:left; } #container table.ma_datatable tr td .lineTitle {float:left; text-align:right; padding-left:400px; width:280px; } #container table.ma_datatable tr td #ottotal {font-weight:bold; } form fieldset {border:none; } .image-left {display: block; float: left; _width:100px; } .image-right {display: block; float: right; _width:100px; } .caption {padding: 0px 0px 3px 10px; display: block; clear: both; font-weight: bold; text-align: left; _width:250px;}