body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;margin:0px;background-image: url(library/bg.jpg); background-position: center top;background-repeat: no-repeat;color: #644000;} td { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;} /*layout*/ #wrapper{width:971px;height:auto;margin-left:auto;margin-right:auto;} #header { width:100%; height:27px; background-image: url(library/peche_irlande_top_nav.jpg); background-repeat: no-repeat;} #top_links {width:100%; height:27px; background-image:url(library/peche_irlande_logo_top.jpg);border:solid 1px red;} #rollover{width:auto; margin-left:498px;} #banner {width:100%;} #left_banner {width:462px;height:131px;float:left;} #slide_show{ width:509px;height:131px;float:right;background-image:url(library/slides/slide1.jpg);background-repeat:no-repeat;} #container {width:100%; height:auto;background-image: url(library/main_bg.jpg); background-repeat: repeat-y;} #left_content { width:673px;height:auto;float:left; background-image: url(library/left_content_bg.jpg); background-repeat: no-repeat;} #text_content{width:auto; margin-top: 15px;margin-left: 25px;margin-right: 10px;z-index:1;} #text_content ul li,#news_content ul li,#news_content_blog ul li{line-height: 250%;list-style-image: url(library/bullet_ul.gif);} #content_logo { float:left;} #right_content {width:298px;height:auto;float:right;} #new_ticker{width:100%; height:auto;background-image: url(library/ticker_bg.jpg);background-repeat: repeat-y;} #news_content{width: 235px;margin-left:23px;height: 250px;} #news_content_blog{width: 235px;margin-left:23px;height: auto;} #background {width:298px;height:136px;float:right;background-image:url(library/peche_irlande_right_content_bg_img.jpg);background-repeat:repeat-y;} #bottom_img{width:298px;float:right;} #footer {width:100%;} #footer_links { width:100%; height:49px; background-image: url(library/peche_irlande_footer_nav.jpg); background-repeat: no-repeat; text-align:center; line-height: 400%;color: #FFFFFF;} #footer_links a:link{text-decoration: none; color:#FFFFFF;} #footer_links a:visited{text-decoration: none; color:#FFFFFF;} #footer_links a:active{text-decoration: none; color:#FFFFFF;} #footer_links a:hover{text-decoration: underline; color:#FFFFFF;} /*start of the links*/ a:link{text-decoration: underline; color:#644000;} a:visited{text-decoration: underline; color:#644000;} a:active{text-decoration: underline; color:#644000;} a:hover{text-decoration: underline; color:#FF0000;} p.office_tourisme{color: #644400;font-size: 12px;text-align:center;} h1{background-image: url(library/bullet_h1.gif);background-repeat: no-repeat;padding-left: 15px; font-size: 18px;margin-top: 35px; margin-left: 150px;} h2{margin-left: 25px; font-size: 16px;} h3{margin-left: 10px; font-size: 14px;}/*for the blog categories*/ /****************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*/ /* styling the table which contains 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;} /* 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{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*************************/ /*********************** drop down menu ******************************************************/ #popup_menu{width:971px;height:34px;background-image: url(library/peche_irlande_logo_base.jpg);background-repeat: no-repeat; float:left;z-index:2;} #menu_container{width: 940px; margin-left:25px;z-index:3;} #nav, #nav ul { /* all lists */ padding: 0;margin: 0;list-style: none;line-height: 280%;z-index:4;} #nav li a:link {color: #FFFFFF; font-weight:bold;text-decoration: none; margin-left: 30px;} #nav li a:visited {color: #FFFFFF; font-weight:bold;text-decoration: none;margin-left: 30px;} #nav li a:active {color: #FFFFFF; font-weight:bold;text-decoration: none;margin-left: 30px;} #nav li a:hover {color: #FFFFFF; font-weight:bold;text-decoration: underline;margin-left: 30px;} #nav li { /* all list items */float: left;width: 185px; height: 33px;background-image: url(library/links/popup_link.gif);background-repeat: no-repeat;} #nav li ul { /* second-level lists */position: absolute;width: 180px; left: -999em; margin-top:20px;/* using left instead of display to hide menus because display: none isn't read by screen readers */} #nav li ul li{width:265px;height: 27px;border: solid 1px #FFFFFF;/*padding-left: 20px;*/background-color: #8B5E00;background-image: url(library/links/popup_link_f3.gif);background-repeat: no-repeat;} #nav li ul li:hover{width:265px;height: 27px;border: solid 1px #FFFFFF;/*padding-left: 20px;*/background-color: #8B5E00;background-image: url(library/links/popup_link_f3.gif);background-repeat: no-repeat;} #nav li ul a:link { color: #FFFFFF; font-weight:bold;text-decoration: none;} #nav li ul a:visited { color: #FFFFFF; font-weight:bold;text-decoration: none;} #nav li ul a:active {color: #FFFFFF; font-weight:bold;text-decoration: none;} #nav li ul a:hover {color: #FFFFFF; font-weight:bold;text-decoration: underline;} #nav li ul ul { /* third-and-above-level lists */margin: -1em 0 0 10em;} #nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto;} #nav li:hover {background-image: url(library/links/popup_link_f2.gif); background-repeat: no-repeat;} #nav li:hover ul{position: relative;margin-left: 0px;margin-top:0px;} #clear {clear: left;color: #ccc;} /******************************** end of drop down menu ***************************************/ div.blog_list_posts{border:dashed 1px #333333;padding:10px;} h3.blog_list_headline,h3.blog_user_name,h3.blog_detail_headline{margin-left: 20px;font-size: 16px;margin-top: 20px;font-weight: bold;line-height: 28px;} div.blog_list_cats{width:auto; margin-left: 50px;} div.blog_list_date{width:auto; margin-left: 50px;} p.blog_list_more{ margin-left: 150px; background-image: url(library/bullet_links.gif); background-repeat: no-repeat;padding-left:11px; } div.blog_detail_posts{} div.blog_detail_cats{width:auto; margin-left: 50px;} div.blog_detail_date{width:auto; margin-left: 50px;} 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{margin-left: 25px; color: #FFFFFF; font-size: 14px;}