body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background: #2C3288;margin:0;} td { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;} /*layout*/ /*************************header*******************************/ #container{ width: 990px;margin-left:auto; margin-right:auto; background-color: #FFFFFF;background-image: url(library/bg_width.jpg);background-repeat: repeat-x;height:auto;} #toplinks1{width: 100%;height: 24px;text-align:right;background-image: url(library/bg_toplinks1.jpg);background-repeat: no-repeat;color: #333399;line-height:200%;font-weight: bold;} #toplinks1 a:link, #toplinks1 a:visited, #toplinks1 a:active {text-decoration: underline; color:#333399; font-weight: bold;} #toplinks1 a:hover {text-decoration: underline; color:#333399;font-weight: bold;} #thedate{width: 400px; height: 24px;float:left;text-align:left;font-weight: normal;font-size: 11px;} #toplinks_links{width: 590px;height: 24px;float:right;font-size: 13px;} #toplinks2{width: 100%;height: 25px;text-align:right;background-image: url(library/bg_toplinks2.jpg);background-repeat: no-repeat;color: #ABB747;line-height:200%;font-weight: bold; font-size: 14px;font-family: "Times New Roman", Times, serif;} #toplinks2 a:link, #toplinks2 a:visited, #toplinks2 a:active {text-decoration: none; color:#798132; font-weight: bold;} #toplinks2 a:hover {text-decoration: underline; color:#ABB747;font-weight: bold;} #header_container{width: 100%; height: 142px;} #header_container_left{width: 717px; height:142px;float:left; background: #FFFFFF;} #header_container_left_logo{width: 717px;height: 74px;background-image: url(library/bg_logo.jpg);background-repeat: no-repeat;} #tagline{ width:430px; margin-left: 280px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; color: #2D328C; font-size: 16px; height:40px; } #header_container_left_counter{ width: 717px;height: 20px;background-image: url(library/bg_ebook_count.jpg); background-repeat: no-repeat; color: #333399;font-size: 11px; line-height: 150%;} #header_container_left_counter_checkout{width: 990px;height: 20px;background-image: url(library/bg_ebook_count_checkout.jpg); background-repeat: no-repeat; color: #333399;font-size: 11px; line-height: 150%;} #header_container_left_tabs{width: 717px;height: 34px;background-image: url(library/tabs/links_bg.jpg); background-repeat: no-repeat;} #header_container_left_tabs_checkout{width: 990px;height: 34px;} #tabsline{width:717px;height: 14px; background-image: url(library/tabs/lines_below.gif);background-repeat: no-repeat;} #tabsline_checkout{width:990px;height: 14px;text-align:right;background-image: url(library/tabs/lines_selected1.jpg);background-repeat: no-repeat;} /*clases for the different selection*/ div.tabselected1{width: 114px; height: 14px; background: #FFFFFF;margin-left: 14px} div.tabselected2{width: 114px; height: 14px; background: #FFFFFF;margin-left: 131px} div.tabselected3{width: 114px; height: 14px; background: #FFFFFF;margin-left: 248px} div.tabselected4{width: 114px; height: 14px; background: #FFFFFF;margin-left: 365px} div.tabselected5{width: 114px; height: 14px; background: #FFFFFF;margin-left: 482px} div.tabselected6{width: 114px; height: 14px; background: #FFFFFF;margin-left: 599px} #header_container_left_tabs ul{padding: 0;margin: 0;list-style: none;margin-left:13px;} #header_container_left_tabs ul li{width: 117px;height: 34px;float: left;background-image: url(library/tabs/tabbg_css.png);background-repeat: no-repeat;list-style: none;line-height: 290%;text-align:center;} #header_container_left_tabs a:link,#header_container_left_tabs a:active,#header_container_left_tabs a:visited{text-decoration: none; color:#2A3284; font-weight: bold;margin-left: -20px;} #header_container_left_tabs a:hover{text-decoration: underline; color:#2A3284;} #spacer_below_tagline{width:100%;height: 12px;background-image: url(library/bgleft_blowlinks.jpg);background-repeat: no-repeat;} #header_container_right{width: 273px;height:142px;float:right;background-image: url(library/bgright_search.jpg);background-repeat: no-repeat;} #header_container_right_checkout{width: 273px;height:142px;float:right;background-image: url(library/bgright_search_checkout.jpg);background-repeat: no-repeat;} #top_search{margin-top:15px; margin-left: 10px;} #top_search h3{color: #D3DF6F;font-size: 14px;margin-bottom:0px;} input.topsearch, textarea.topsearch, radio.topsearch, select.topsearch, submit.topsearch, select.leftcats{background: #F0F3CB; font-size: 10px;} #top_search td{color: #ffffff;} #top_search a:link,#top_search a:visited ,#top_search a:active {text-decoration: none; color:#FFFFFF;} #top_search a:hover{text-decoration: underline; color:#FFFFFF;} /******************************main content part**************************/ #container_content{width:976px; background: #FFFFFF; margin-left: 13px; border-left: solid 1px #26317A;border-bottom: solid 1px #26317A;} #main_left{width: 200px; height: auto; float:left; } #mini_cart{width: 100%;height: auto;background-image: url(library/left_basket_bg.jpg);background-repeat: repeat-y;} #mini_cart_footer{width: 200px; height: 34px;background-image: url(library/left_basket_bottom.jpg); background-repeat: no-repeat;text-align:center;line-height:250%;font-size: 10px;} #minicart_content{width: auto; margin-left: 21px; margin-right: 16px;font-size:10px;} #minicart_content p{margin-top: 5px;margin-bottom: 0px; background-image: url(library/bullet_minicart.gif); background-repeat: no-repeat;padding-left:10px;} #left_cats{width: 100%;height: auto;background-image: url(library/left_cat_bg.jpg); background-repeat: repeat-y;} #left_cats ul li{ list-style-image: url(library/bullet_li_cats.gif); margin-left:-4px;} #main_right{width: 746px; height: auto; float:right;color: #333399;margin-right: 10px;} #main_right_prods{width: 756px; height: auto; float:right;color: #333399;} #footer{width: 100%; text-align: center;height:auto; margin-top: 10px; margin-bottom: 15px;} /*start of the links*/ a:link{text-decoration: underline; color:#333399;} a:visited{text-decoration: underline; color:#333399;} a:active{text-decoration: underline; color:#333399;} a:hover{text-decoration: underline; color:#FF6600;} h1{ font-size: 22px;color: #8F9C1B; font-family: "Times New Roman", Times, serif;} h2{font-size: 18px;font-family: "Times New Roman", Times, serif;color: #8F9C1B;} span.red_bold{color: #FF6600;; font-weight: bold;/*What did you think it was gonna be?*/} /****************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:175px;border: solid 1px #BFCE24;float:left; margin:5px;text-align: center;height: 460px;font-size: 14px;font-family: "Times New Roman", Times, serif;}/* the div containing each product */ div.cms_prod_listing_new{width:175px;border: solid 1px #BFCE24;float:left; margin:5px;text-align: center;height: 500px;font-size: 14px;font-family: "Times New Roman", Times, serif;}/* 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*/ div.ebook_title{height:auto;} div.ebook_author{height:auto;margin-top:10px;/*border:solid 1px green;*/} ebook_formats{} #ebook_prices{width: 585px; float:right;} #main_image{width: 160px; float:left;text-align:center;} /*e books tab system **************/ td.ebooks_toptab{background-image: url(library/tbas_ebooks/main_tab.gif);background-repeat: no-repeat;height:24px; width:148px;text-align:center;} tr.belowtab1{background-image: url(library/tbas_ebooks/belowtab1.gif);background-repeat: no-repeat;} tr.belowtab2{background-image: url(library/tbas_ebooks/belowtab2.gif);background-repeat: no-repeat;} tr.belowtab3{background-image: url(library/tbas_ebooks/belowtab3.gif);background-repeat: no-repeat;} tr.belowtab4{background-image: url(library/tbas_ebooks/belowtab4.gif);background-repeat: no-repeat;} tr.belowtab5{background-image: url(library/tbas_ebooks/belowtab5.gif);background-repeat: no-repeat;} tr.ebookstabs_main{background-image: url(library/tbas_ebooks/main_bg.gif);background-repeat: repeat-y;padding:10px;} div.contenttab{margin-left:10px;} a.list_title:link{text-decoration: none; color:#333399;} a.list_title:visited{text-decoration: none; color:#333399;} a.list_title:active{text-decoration: none; color:#333399;} a.list_title:hover{text-decoration: underline; color:#FF0000;} tr.row1{background: #C7D43E; height: 25px;} tr.row2{background: #E7ECAC;height: 25px;} /* styling the table which contains the cart on the detail page*/ td.cart_header_normal{border: solid 1px #333399;border-right:0px;text-align:center;background: #C7D43E;height:30px; }/*header / first row, all fields except last to the right*/ td.cart_header_last_right{border: solid 1px #333399;text-align:center;background: #C7D43E;}/*header / first row, all fields except last to the right*/ td.cart_td_normal{border-left: solid 1px #333399;border-bottom: solid 1px #333399; background: #E7ECAC;}/* all td's except last to the right*/ td.cart_td_last_right{border-left: solid 1px #333399;border-bottom: solid 1px #333399;border-right: solid 1px #333399;background: #E7ECAC;}/* td's last to the right*/ input.ebooks_cart{ background: #E7ECAC;} td.cart_total_left{border:0; height: 30px;line-height: 200%;}/*main cart, total at the bottom*/ td.cart_total_right{border:solid 1px #333399;border-top:0px; height: 30px;line-height: 200%;background: #E7ECAC;}/*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*/ ul li{list-style-image: url(library/bullet_li_cats.gif); line-height: 150%;} /* 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{} 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: #333399; background-image: url(library/bullet_li.gif);background-repeat: no-repeat;padding-left: 18px;} tr.header_tr{background: #333399; color: #FFFFFF;} tr.main_tr1{background: #C7D43E;} tr.main_tr2{background: #E7ECAC;} /* 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: #E4FFCA; font-size: 14px;}/*styling the fields, you can also style them individually*/ #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{margin-top:0px;margin-left:25px;}/*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*/ /****************END OF STYLING THE AREAS PRODUCED BY THE cms*************************/ div.blog_list_posts{border:dashed 1px #333366;padding:10px;margin-right:20px;} h3.blog_list_headline,h3.blog_user_name,h3.blog_detail_headline{margin-left: 20px;font-size: 14px;margin-top: 20px;color: #8F9C1B;font-weight: bold;line-height: 28px;} div.blog_list_cats{width:auto; margin-left: 50px;color: #8F9C1B;} div.blog_list_date a:link,div.blog_list_cats a:link{text-decoration: underline;color: #8F9C1B;} div.blog_list_date a:visited,div.blog_list_cats a:visited{text-decoration: underline;color: #8F9C1B;} div.blog_list_date a:active,div.blog_list_cats a:active{text-decoration: underline;color: #8F9C1B;} div.blog_list_date a:hover,div.blog_list_cats a:hover{text-decoration: underline;color:#CC3300;} div.blog_list_date{width:auto; margin-left: 50px;color: #8F9C1B;} p.blog_list_more{margin-left: 150px;background-image: url(library/bullets_you_are_here.gif);background-repeat: no-repeat;padding-left:11px;} p.blog_list_more a:link, p.blog_list_more a:visited, p.blog_list_more a:active{text-decoration: underline;color: #333399; font-weight: bold;} p.blog_list_more a:hover{text-decoration: underline;color: #FF6600; font-weight: bold;} div.blog_detail_posts{} div.blog_detail_cats{width:auto; margin-left: 50px;color: #8F9C1B;} div.blog_detail_date{width:auto; margin-left: 50px;color: #8F9C1B;margin-top:25px;} div.blog_detail_date a:link,div.blog_detail_cats a:link{text-decoration: underline;color: #333399;} div.blog_detail_date a:visited,div.blog_detail_cats a:visited{text-decoration: underline;color: #333399;} div.blog_detail_date a:active,div.blog_detail_cats a:active{text-decoration: underline;color: #333399;} div.blog_detail_date a:hover,div.blog_detail_cats a:hover{text-decoration: underline;color:#FF6600;} div.blog_user_detail{} div.blog_comment{width:90%; border:dashed 1px #CC3300; padding:10px;margin-left:auto; margin-right:auto;} div.blog_comment_guest{} #blog_N_comments{}/*the p tag with the number of comments on the detail page*/ h3.blog{ font-size: 18px;} #blog_categories{color: #333366;width: 100%; height: auto; background-image: url(library/left_cat_bg.jpg); background-repeat: repeat-y;} #blog_categories ul li{list-style-image: url(library/bullet_li_cats.gif); margin-left:-4px; } #text ul li{margin-top:10px; list-style-type: circle; margin-left:0px; } /* top menu change feb 2010 */ /* advanced search ajax */ #ajax-adv-search{width: 700px;height:auto;position: absolute;top: 178px;left: 50%;margin-left: -210px;display: none;color: #FFFFFF;} #ajax-adv-search input, #ajax-adv-search radio, #ajax-adv-search select , #ajax-adv-searchsubmit{background: #F0F3CB;border: 1px solid #333399;} #ajax-adv-search input:focus, #ajax-adv-search radio:focus, #ajax-adv-search select:focus {border: 1px solid #BECE25; background: #EAEEB7; /*color:#FFFFFF;*/} #ajax-adv-search-top{width: 100%; height: 17px;} #ajax-adv-search-bottom{width: 100%; height: 28px;} #ajax-adv-search-top-form{width: 100%;height: auto;background-image: url(library/ajaxsearch_bg.png);background-repeat: repeat-y;} #adv_search{display: none;width: 100%;text-align:center;} #search_message{width: auto;margin-left: 25px; margin-right:25px; margin-top:10px; margin-bottom: 10px; padding: 10px;} .ajax_showsubmit{display:none;} #ajax-adv-search a:link,#ajax-adv-search a:visited,#ajax-adv-search a:active{text-decoration: none; color:#FFFFFF;} #ajax-adv-search a:hover{text-decoration: underline; color:#FFFFFF;} /* wish list */ .wishlist{width: 90%; height:140px; border: solid 1px #333399; margin-left: auto; margin-right: auto;margin-bottom: 15px;} .tr25{height: 25px;} /******************************************************************************************************/ .gr_reviews_container { width: 540px; font-family:verdana,arial,helvetica,sans-serif; } .gr_reviews_header { font-size: 1.1em; padding: 5px 0px; border-bottom: 1px solid #d7d7d7; } .gr_review_container { font-size: 12px; border-bottom: 1px solid #d7d7d7; padding: 5px 0px; } .gr_branding { float: right; color: #382110; font-size: .9em; text-decoration: none; font-family:verdana,arial,helvetica,sans-serif; } .gr_branding:hover { text-decoration: underline; } .gr_reviews_showing { color: #d7d7d7; font-size: 10px; } .gr_more_link { font-weight: bold; } #sliding_tabs { width:100%; margin-right:auto; margin-left:auto;} .slides{background-color: #f3f3f3; width: 100%} #sliding_tabs ul, .slides-nav { margin: 0; padding: 0;list-style-type: none; height: 1%; /* IE fix */} #sliding_tabs ul:after {content: "."; clear: both; display: block; height: 0; visibility: hidden;} /* ---------------------------------------------------- */ /* SLIDESHOW > SLIDES /* ---------------------------------------------------- */ #sliding_tabs .slides { overflow: hidden;width: 675px;background:url(library/tabs-bg.png) no-repeat top left; padding:15px 10px 10px 10px} #slide-one, #slide-two, #slide-three, #slide-four, #slide-five{list-style:none; background:none!important} #sliding_tabs .slides li { width: 560px; float: left;} #sliding_tabs .slides h2 { margin-top: 0;} /* ---------------------------------------------------- */ /* SLIDESHOW > NAVIGATION /* ---------------------------------------------------- */ #sliding_tabs .slides-nav { background-color: #fff;width: 600px;} #sliding_tabs .slides-nav li {float: left;width: auto;line-height:2.4!important; height: 31px;padding:0; margin:0 5px; background-image: url(library/tab.jpg);background-repeat: no-repeat; background-color:#e2e2e2; font-size:12px; font-weight:bold; text-align: center;margin-bottom:-1px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} #sliding_tabs .slides-nav li a { display: block; outline: none;color:#2c3288; text-decoration:none; height: 31px;font-weight:bold; padding:0px 5px 0 5px;} #sliding_tabs .slides-nav li a:hover { text-decoration:none; background:#c0ce24; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} #sliding_tabs .slides-nav li.on a {padding:0px 5px 0 5px;text-decoration: none; color:#fff; background:#2c3288; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;} div.slides ul li ul li{clear:left;} ul.slides-nav li{list-style-image:none!important} /* Overwriting styles in reviews tabs */ .gr_reviews_header, .gr_review_container{margin-bottom:10px; padding-bottom:10px;} .gr_more_link{margin:3px; padding:3px; background:#ececec; text-decoration:none; -moz-border-radius: 5px; webkit-border-radius: 5px;}