/******************************************************* * Template defaults ******************************************************/ /******************************************************* * General page styles ******************************************************/ BODY { background-color: rgb(230,237,230); color: rgb(0,0,0); font-family: "Trebuchet MS",Verdana,Arial,sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } P { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } IMG { margin-left: -3px; border: none; } H1 { font-family: Impact,"Arial Black",Arial,sans-serif; font-weight: normal; font-size: 200%; background-color: rgb(143,170,143); color: rgb(0,0,0); border: 1px solid rgb(0,0,0); margin: 10px 10px 10px 0px; padding: 3px 3px 3px 3px; } H2 { font-size: 140%; font-weight: bold; margin: 20px 125px 5px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid rgb(0,153,0); border-bottom: 1px solid rgb(0,153,0); } .caption { font-size: 80%; color: rgb(153,153,153); } .message { color: rgb(210,0,0); font-weight: bold; margin-top: 5px; margin-bottom: 5px; } #content { vertical-align: top; margin-left: 22%; /*border-left: 4px solid rgb(0,0,0);*/ } #content P { padding: 0px 10px 10px 0px; margin: 0px 0px 0px 0px; text-align: left; } #content A { font-weight: bold; } /******************************************************* * Links *******************************************************/ A { color: rgb(0,0,0); text-decoration: none; } A:hover { background-color: rgb(210,210,210); } A.selected { color: rgb(0,0,0); background-color: rgb(143,170,143); } A.add_to_cart { font-size: 80%; font-weight: normal; padding: 1px 2px 1px 2px; border: 1px solid rgb(0,153,0); /*color: rgb(64,123,198);*/ /* Bright blue */ color: rgb(0,0,0); } A.button { padding: 3px 6px 3px 6px; margin: 2px; color: rgb(0,0,0); border: 1px solid rgb(0,153,0); white-space: nowrap; /*background-color: rgb(143,170,143);*/ } /******************************************************* * Category/product menus (left side & bottom) ******************************************************/ #categories { width: 20%; float: left; margin: 2px 0px 2px 3px; padding: 3px 0px 20px 5px; vertical-align: top; border-right: 4px solid rgb(0,0,0); font-weight: bold; font-size: 80%; } #categories A { display: block; padding: 3px 5px 3px 3px; } #categories P { padding: 0px 5px 10px 0px; margin: 0px 0px 0px 0px; text-align: center; font-weight: normal; font-style: italic; } .special_categories { font-weight: normal; font-size: 85%; } .cat_list_products { border-bottom: 1px solid rgb(0,153,0); border-left: 1px solid rgb(0,153,0); font-size: 80%; padding-left: 18px; font-weight: normal; } .cat_list_products A { text-indent: -9px; } #categories_plain { text-align: center; font-size: 60%; } #categories_plain A { padding: 3px; } /******************************************************* * Header & Footer area ******************************************************/ #header { width: 80%; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; display: block; float: left; background-image: url(/shop_content/shop_sites/skins/www.just-hold-everything.com/images/banner_bg.gif); background-repeat: repeat-x } #buzzwords { margin-top: 20px; text-align: center; color: rgb(153,153,153); font-size: 65%; } #footer_bar { width: 98%; } #footer_bar DIV { height: 20px; display: block; margin-top: 10px; margin-bottom: 10px; margin-left: 5%; margin-right: 5%; background-color: rgb(0,153,0); border: 2px solid black; } #footer { margin-top: 10px; margin-bottom: 5px; text-align: center; color: rgb(153,153,153); font-size: 65%; } #footer A { color: rgb(153,153,153); } /******************************************************* * Home page ******************************************************/ #category_img_links { display: block; text-align: center; margin-top: 25px; } #category_img_box { width: 495px; margin-left: auto; margin-right: auto; } #category_img_box IMG { margin-left: 0px; } #category_img_box A { float: left; width: 145px; display: block; padding: 5px 5px 5px 5px; font-size: 60%; } /******************************************************* * Category pages ******************************************************/ #product_list { font-size: 80%; vertical-align: top; } #product_list IMG { float: right; margin: -1px 10px 0px 5px; } #product_list A { font-weight: bold; font-size: 80%; } #product_list P { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; } /******************************************************* * Product Detail pages ******************************************************/ #product_images { float: right; margin: 0px 5px 0px 5px; padding: 0px; text-align: right; } #product_images IMG { margin-left: 0px; } #product_images A { font-weight: normal; font-size: 60%; color: rgb(153,153,153); display: block; margin: 0px 0px 0px 0px; padding: 0px; text-decoration: none; } #product_images A:hover { background-color: rgb(230,237,230); } #product_info { vertical-align: top; } #product_info A { font-weight: bold; font-size: 80%; } #product_info P { font-size: 80%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .product_variations { margin-right: 20px; } .product_variations TH { text-align: center; font-weight: bold; font-size: 70%; background-color: rgb(210,210,210); padding: 2px 2px 2px 2px; } .product_variations TD { font-size: 80%; padding: 5px 4px 4px 5px; border-bottom: 1px dotted rgb(210,210,210); } /******************************************************* * Shopping cart ******************************************************/ .cart INPUT { text-align: right; font-family: "MS Sans Serif",Verdana,Arial,sans-serif; font-size: 7pt; padding: 1px 2px 1px 2px; } .cart TABLE { border: 1px solid rgb(225,225,225); margin-top: 0px; margin-bottom: 20px; margin-right: 20px; background-color: rgb(255,255,255); } .cart TH { font-size: 8pt; font-weight: normal; padding: 3px; background-color: rgb(225,225,225); border-bottom: 1px solid rgb(225,225,225); vertical-align: middle; } .cart TD { font-size: 8pt; padding: 3px; border-bottom: 1px solid rgb(225,225,225); vertical-align: middle; } /******************************************************* * Contact Us page ******************************************************/ .contact TD { font-size: 8pt; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .contact H3 { font-size: 10pt; font-weight: bold; margin-bottom: 5px; } .contact P { margin-top: 2px; margin-bottom: 5px; }