body{width:100%; background:url(../library/header.jpg) no-repeat top center #e4ded3; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal} td {font-family: Arial, Helvetica, sans-serif;font-size: 12px;} html, body, div, a, p, h1, h2, h3, h4, h5, span {margin:0; border:0; padding:0; outline:none; } img{border:0;} table{border-collapse:collapse} /* STYLES ------------------------------------ */ .container{width:960px; height:auto; margin:0 auto;position:relative;} .container .head{width:960px; margin:0 auto;position:relative;height:250px} /* TOP HEADER STYLES ------------------------------------ */ #header{width:100%; height:250px;float:left} /* - Header Logo - */ #logo_header{width:225px; height:140px; background:url(../library/sprite.png) no-repeat 0 0;display:block; text-indent:-9999px} /* - Top nav - */ .container #top_nav{list-style:none; position:absolute;top:11px; right:0;margin:0;padding:0;} #top_nav li{float:left} #top_nav li a{dispaly:block; padding:5px 10px;margin:0 5px;float:left;font-weight:bold} #top_nav li a:link, #top_nav li a:visited, #top_nav li a:active{color:#fbc6c3; text-decoration:none; text-shadow:0px 1px #5d0301} #top_nav li a:hover{color:#fff; background:#940100; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; } .top_nav_on{color:#fff; background:#940100; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; } /* - Tagline - */ #tagline{width:325px; height:30px; text-indent:-9999px; position:absolute; top:150px; left:290px;background:url(../library/sprite.png) -500px 0;} /* - Donate Button - */ #donate_btn{width:140px; height:40px;position:absolute; top:-25px; left:40px; z-index:10000;display:block; text-indent:-9999px; background:url(../library/sprite.png) no-repeat 0 -150px} #donate_btn:hover{background:url(../library/sprite.png) no-repeat 0 -200px} /* CONTENT ------------------------------------ */ #content_bg{width:1040px; min-height:250px; margin:0 auto; position:relative;background:url(../library/content-top-bg.png) no-repeat top center; z-index:1;} /* - Main Nav - */ #main_nav{list-style:none;background:#9b0600;width:936px; height:35px; margin:0px auto 0 auto;padding:2px; position:relative;top:30px;} #main_nav li{float:left;border-right:1px solid #800500} #main_nav li a{float:left;border-right:1px solid #b60000; font-family:Delicious; height:12px;font-size:14px;padding:10px 13px 13px 12px;line-height:2.7} #main_nav li a:link, #main_nav li a:active, #main_nav li a:visited{color:#fff;text-decoration:none } #main_nav li a:hover{background:#7d0500} .main_nav_on{background:#7d0500} /* - Last menu item - */ .last{border:0!important;} /* - Slideshow on homepage - */ #slideshow{width:940px; height:250px; margin:0 auto 0 auto; background:#fff;position:relative;top:40px; } #slide_left{width:230px; height:230px; float:left; padding:10px; background:#ede7de} #slide_right{width:690px; height:250px; float:right} /* - Content Area - */ #content_area{width:960px; height:auto;margin:0 auto; position:relative;top:40px;line-height:1.7; } #content_area .container{float:left; width:940px; height:auto; margin:0 0 50px 10px; background: url(../library/content-bg.gif) repeat-y} #content_area #right_col p, #content_area #left_col p{margin:5px 0 15px 0;} #left_col{padding:10px;width:230px; height:auto;float:left; background:#f9f1e8} #right_col{padding:10px 10px 30px 10px;width:660px; height:auto; float:right; background:#f2ede7} #left_col ul{ list-style-type: none; } #left_col ul li{background-image: url(../library/bullets_left.jpg); background-repeat: no-repeat;padding-left: 15px;} /* - Content bottom - */ #content_bottom{width:1040px; height:186px; background:url(../library/content-bottom.png) no-repeat top center; margin:-140px auto 0 auto; *margin:-90px auto 0 auto} /* - Button - */ .button_sprite{width:120px; height:32px; background:url(../library/sprite.png) -150px -150px no-repeat;line-height:1.6;padding:0 0 0 15px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px;color:#686868!important ; text-shadow:0px 1px #fff;text-decoration:none!important ; margin-left: 20px} .button_sprite:hover{background-position:-150px -182px} .button_sprite:focus{position:relative;top:1px} /* FOOTER ------------------------------------ */ #footer{width:100%; height:auto;padding:20px 0; background:#d1c8b6;margin:0px 0 0 0; float:left} #footer h5{color:#827863; text-shadow:0 1px #e2dbcf} /* - Footer Lists - */ #footer ul{width:170px; height:auto;list-style:none; margin:5px 0 0 0;padding:0; float:left;} #footer ul li{margin:0;padding:2px 0} #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited{color:#827863; text-decoration:none; text-shadow:0 1px #d8d0c0; } #footer ul li a:hover{text-decoration:underline} /* - Social Links Footer - */ #social_footer{width:150px;float:left;margin-top:15px;} #facebook_footer{width:185px; height:23px; background:url(../library/sprite.png) no-repeat -300px -186px; display:block} #twitter_footer{width:185px; height:23px; background:url(../library/sprite.png) no-repeat -300px -150px; display:block} #facebook_footer, #twitter_footer{text-decoration:none; font-size:12px; padding:7px 0 0 7px;text-shadow:0 1px #fff; color:#827863;margin:0 0 10px 0; font-weight:bold; text-transform:uppercase} #facebook_footer:hover, #twitter_footer:hover{color:#464239} #footer_logo{width:155px; height:100px; float:left;margin:0 0 0 130px;background:url(../library/sprite.png) no-repeat -300px 0; display:block; text-indent:-9999px} /* - Footer Bottom - */ #footer_bottom{width:100%; height:40px; padding:10px 0 0 0;background:#b7af9f; color:#dcd7cd} #footer_bottom a:link, #footer_bottom a:visited, #footer_bottom a:active{color:#dcd7cd; text-decoration:underline} #footer_bottom a:hover{color:#fff; text-decoration:underline} /* TYPOGRAPHY ------------------------------------ */ h1, h2, h3, h4, h5{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#155d89; font-weight:normal; text-shadow:0 1px #fff} h1{font-size:25px;} h2{font-size:22px;} h3{font-size:19px;} h4{font-size:17px;} h5{font-size:15px;} p{margin:0 0 10px 0; line-height:1.5} /* MAIN LINKS --------------------------------------------------------- */ a:link{text-decoration: underline; color:#666666;} a:visited{text-decoration: underline; color:#666666;} a:active{text-decoration: underline; color:#666666;} a:hover{text-decoration: underline; color:#155d89;} /****************STYLING THE AREAS PRODUCED BY THE cms*************************/ /*by leaving the following empty the tags will be styled from your regular tags*/ /* ECOMMERCE SITES, PRODUCT LISTING --------------------------------------------------------- */ div.cms_prod_listing{width:180px;border: solid 1px #A1FF43;float:left; margin:10px;color: #774C4C;text-align: center;height: 220px;}/* the div containing each product */ #cms_addedcart{border: solid 1px #E59497; width: 80%;margin-left: auto;margin-right:auto;background: #E9FDCE; text-align:center; }/*the DIV displaying the message when something has been added to the cart*/ select.cms_form_cart, input.cms_form_cart,submit.cms_form_cart{background: #E4FFCA; font-size: 14px;}/*form fields for the add to cart sections*/ p.error{font-weight: bold; color:#FF0000;}/*the errors shown when adding to cart*/ /* STYLINGT THE TABLE WHICH CONTAINERS THE CART ON THE DETAIL PAGE --------------------------------------------------------- */ td.cart_header_normal{border: solid 1px #E28FD3;border-right:0px;text-align:center;background: #E4FFCA;height:30px;}/*header / first row, all fields except last to the right*/ td.cart_header_last_right{border: solid 1px #E28FD3;text-align:center;background: #E4FFCA;}/*header / first row, all fields except last to the right*/ td.cart_td_normal{border-left: solid 1px #E28FD3;border-bottom: solid 1px #E28FD3;}/* all td's except last to the right*/ td.cart_td_last_right{border-left: solid 1px #E28FD3;border-bottom: solid 1px #E28FD3;border-right: solid 1px #E28FD3;}/* td's last to the right*/ td.cart_total_left{border:0; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/ td.cart_total_right{border:solid 1px #E28FD3;border-top:0px; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/ div.cms_special_offer{width: 100%;text-align:center;} p.all_offers{}/*the p tag for the link to all offers*/ /* CHECKOUT SECTION ONLY --------------------------------------------------------- */ #checkout_container{width: 860px; margin-left:auto; margin-right:auto;padding:15px;}/*container contiing all elements for the checkout*/ #checkout_step0_left{width: 99%;}/* the div containing the login palette for step 0, login or register*/ #checkout_step0_right{width: 99%;}/* the div containing the login palette for step 0, login or register*/ h1.checkout{font-size: 18px;color: #E28FD3; background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;} p.checkout_steps{}/*The tag showing the links to step by step*/ p.checkout_general{}/*general p tags during checkout*/ div.products_checkout{width: 90%; margin-left:auto; margin-right: auto; border: solid 1px red;} div.checkout_address{border:solid 1px black;padding:10px;width: 80%;margin-left:auto;margin-right:auto; color: #999999;} div.checkout_address_selected{border:solid 1px red;padding:10px;background: #FFFFE1}/* the address currently selected*/ div.checkout_shipment{width: 90%;border: solid 1px red; background: #FFFFFF;margin-left:auto;margin-right:auto;} h2.checkout{font-size: 16px;color: #E28FD3; background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;} .main_tr1{background: #F1E0EE} .main_tr2{background: #E7F0D9} /* CUSTOMER AREA --------------------------------------------------------- */ p.cust_orders{margin-left: 100px;}/*showing the order detail*/ #cust_area{margin:15px;}/*the area where the content is*/ /* STYLING THE LINKS PAGE(S) --------------------------------------------------------- */ h2.cms_links_cat{}/* Displays the links categories*/ p.cms_links{}/* Displays the actual link and description*/ a.cms_links{}/*Displays the actual links*/ p.cms_links_empty{}/*The line letting users know there is no links in the database if applicable*/ /* STYLING THE HELP/FAQ PAGE(S) --------------------------------------------------------- */ p.cms_nofaq{}/*the line showing that there is no faq in the database*/ h3.cms_faq_category{margin-left: 40px;}/*the category of either help or FAQ*/ p.cms_faq_questions{margin-left: 60px;}/*the clickable questions on the faq or help*/ span.cms_faq_title{font-weight: bold;/*display:none;*/}/*this shows weather this is an help or faq, you can hide this using CSS if you do not want to show it*/ a.cms_faq_links{}/*all links within the FAQ section including the back to the top links*/ #cms_faq_spacer{height: 150px;}/*the div allowing you to include space between the last question and the first answer*/ p.cms_faq_answer_title{margin-left: 40px; font-weight:bold;}/*the title of the answer*/ p.cms_faq_answer_detail{margin-left: 50px;}/*the comment on the answer*/ p.cms_backtop{margin-left: 80px;}/*the P tag containing the back to top link*/ hr.cms_faq_hr{width: 50%;margin-left:auto;margin-right:auto;} /* STYLING THE GOOGLE API MAP --------------------------------------------------------- */ #cms_api{} /* STYLING THE FORM FIELDS ON THE CONTACT FORM --------------------------------------------------------- */ input.cms_form, textarea.cms_form, radio.cms_form, select.cms_form, submit.cms_form{background: #f4f4f4; font-size: 12px;color:#666;margin:0 0 10px 0; border:2px solid #e5dfd5; font-family:Arial, Helvetica, sans-serif} input.cms_form, textarea.cms_form, select.cms_form {padding:7px;} input.cms_form:hover, textarea.cms_form:hover, input.cms_form:focus, textarea.cms_form:focus, select.cms_form:hover, select.cms_form:focus{border:2px solid #d0bb95} #subm { width:auto; height:30px; background:#9b0600; border:1px solid #700400;color:#ffd8d6;font-weight:bold; text-transform:uppercase; -moz-border-radius: 15px; -webkit-border-radius: 15px; cursor:pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25);} #subm:hover{ background:#8c0702; color:#fff;} #subm:focus{position:relative; top:1px} #cms_upload_window{border: solid 1px black; background: #FFFFE1;padding:15px;} /* STYLING THE IMAGE GALLERY --------------------------------------------------------- */ h2.cms_image_gallery{}/*displaying the categories of images*/ div.cms_photo_name{margin-bottom:5px;}/*name of the photo*/ div.cms_image_layout{width:160px; border: solid 1px black; margin:15px;text-align:center;padding-top:4px;padding-bottom:5px;float:left;}/*This is the div which contains the actual thumbnail with name etc*/ div.clearfloat{clear:both;}/*If you are floating the above div, then you might need to cancel the float at the end of category, you can do so by using this div*/ #cms_image_window{border: solid 1px black; width:300px; margin-top:5px;margin-left:auto;margin-right:auto; text-align:center;}/*div styling the container on the window for enlarged images*/ h1.cms_image_window{}/* displays the image name*/ /* STYLING THE NEWS --------------------------------------------------------- */ p.cms_current_news{background-image:url(library/bullet_right.gif);background-repeat: no-repeat;padding-left:11px;margin-bottom:0px;}/*displays the listing of news*/ p.cms_current_news_desc{display:none;}/*small description just under the headline on the listing of news*/ p.other_news{}/*the p tag showing the link "to go to archive click here or to go to live news click here*/ h2.cms_news_headline{color: #9F57A4;margin-top:20px;}/*the headline on the news detail page*/ p.cms_news_back{}/*the back link /button on the news detail page*/ /* STYLING THE TESTIMONIAL PAGE --------------------------------------------------------- */ div.testimonial_container{}/* full container surrounding each testimonial*/ p.testimonial_text{font-style:italic;}/* actual text*/ p.testimonial_name{font-weight: bold; }/* name and company with link*/ div.testimonial_bottom{ margin-top: 25px; margin-bottom: 25px;width: 100%; height: 5px;background-image: url(library/testimonials_separator.gif); background-repeat: no-repeat;background-position: center;}/* after each testimonial */ /************ news ticker ***************/ #newsticker{width:280px;margin-left: 0px;height: 180px; } #newsticker p{line-height:1.5!important; margin-bottom:15px;} .newsdetail{ background: #fff;} .bloglink{text-decoration:none!important; color:#e0bb00!important; font-size:13px; line-height:1.3!important} #IE6_message{width: 800px;border:solid 1px red;position: absolute;left: 50%;margin-left: -400px; top: 200px; background:#F5F5F5;text-align:center;padding:20;z-index:500;} ol li{margin-left: 30px;} #IE6_message{width: 800px;border:solid 1px red;position: absolute;left: 50%;margin-left: -400px; top: 200px; background:#F5F5F5;text-align:center;padding:20;} #ft-title-slide_right{width: 240px;height: 250px;margin-left: -250px;background: #ede7de;color: black;} #ft-title-slide_right h3{font-size:30px;margin:10px 0 0 10px} #ft-title-slide_right p{line-height:1.6;margin:10px 0 20px 10px} /******************* COOKIE LAW *****************/ #cookie_button{width:50px;-webkit-border-radius:5px 0 0 0 ; -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.4); border-radius:5px 0 0 0; padding:10px; height: 70px; font-size:13px; font-weight:700; color:#fff; text-align:center; position:fixed; right: 0px; bottom: 0px; background:#A00900;/* for a change */;overflow: hidden; } #cookie_button:hover{color:#A00900;} #cookie_content{width: 740px; padding:5px 10px; height:auto; margin:-60px 0 0 70px; background:#A00900; color:#fff; font-size:14px; line-height:1.2} #cookie_content p { margin:10px; text-align:left;} #cookie_content p a{ color:#fff; text-decoration:none; font-weight:bold; } #cookie_content p a:hover{ text-decoration:underline;} #cookies_accept a{background:url(../library/cookies/tick.png) no-repeat 100px 0px; display:block; float:right; margin:0 20px 0 0; padding:5px 40px 5px 5px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold;} #cookies_accept a:hover{ text-decoration:underline;} #cookie_button #cookies_title{font-weight: bold; margin:0 0 0 10px; font-size:16px;} /****************** END COOKIE LAW ****************/