/*

Colour reference for Pink Ribbon - 


Pinks Header - #d03c96
Main nav links - #005579
Blue links in content - #4397b5
Body text color - #405157


*/

body {font: 12px Arial, Helvetica, sans-serif ; line-height:1.7; color: #405157;  background: #f8f8f8;}
td {font-family:Arial, Helvetica, sans-serif;font-size: 12px;}



.container{width:960px; height:auto; margin:0 auto;}
body, div, html, p, h1, h2, h3, h4, h5, a {margin:0; padding:0; border:0;outline:0}
input, textarea, #subm, #button{outline:0;}
img{border:0}
li{line-height:2.2}

/*layout*/	


#banner{width:100%; height: 265px; background:url(library/main-bg.jpg) top center no-repeat #93daf8; }

	#banner .container{position:relative;}
	#banner .container a{outline:none}
	
		.logo{width:414px; height:125px; background:url(library/logo-tagline.png) no-repeat 0 0; text-indent: -9999px;display:block; position:absolute; top:30px;}
		#tagline{width:414px; height:50px; background:url(library/logo-tagline.png) no-repeat -0px -200px; text-indent: -9999px;display:block;position:absolute; top:175px; left:10px;}

		#slideshow_head{position:absolute;right:0;top:58px;background-image: url(library/slideshow1.png2);background-repeat: no-repeat; width: 466px; height: 207px;}
		#header-logos{position:absolute; top:0; left:600px;}



#nav-bar{width:100%; height:40px;background:url(library/nav-bg.gif) repeat-x; font-family:"Myriad Pro", Arial, sans-serif; font-weight:bold;font-size:15px;margin:0; padding:0;}

		/* Menu */
		#nav, #nav ul {	padding: 0; margin: 0;	list-style: none;z-index:100 }
		#nav li { float:left; background:url(library/nav-spacer.png) right center no-repeat;width: auto; text-align:center; _width:110px; }
		#nav a{display: block;height:27px; width:auto; padding:13px 15px 0 15px; color:#005579; text-decoration:none;outline:none; _padding:0 }
		#nav a span{padding-top:12px}
		#nav a:hover{color:#d03c96}
		#nav li:hover, #nav li.hover{position:static}
		
		
	#nav li ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; z-index:111; text-shadow: 1px 0px 1px #fff;  position: absolute;width: 200px; left: -999em;background: #e2f2f9; border-left:1px solid #699bb2; border-right:1px solid #699bb2;border-bottom:1px solid #699bb2 }
		#nav li ul li{background:none; float:left;width:200px;border-bottom:1px solid #b2d3e3; z-index:110;}
		#nav li ul li:hover{background:#c5e7f6}
		#nav li ul li a{color:#005579;display:block; text-align:left; height:30px; width:200px; padding-top:5px;_padding-left:10px; }
		#nav li ul li a:hover{color:#1995ca}
		#nav li:hover ul, #nav li.sfhover ul {left: auto; _margin-left:-55px;}



#content-area{ background:url(library/right-col-bg.png) repeat-y 650px 0; float:left; width:960px; z-index:2 }
#left-column{float:left;width:630px; height:auto; padding:20px 0;  z-index:3 }
	
	/* Styling three columns on homepage */
	.column1{width:225px; height: auto; margin:0 20px 0 0; float:left}
	#column-social{width:140px; height:auto; float:right;font-size:11px}
	#column-social p{margin:0}
	#rss-icon{position:relative;top:10px;}
	
	/*Styling forms on homepage */
	.column2{width:295px;margin: 0 20px 0 0; float:left}
	/*#name{width:210px; padding:5px 0 5px 5px; border:1px solid #9acad7; background:#e8ecf0 }*/
	#Submit{background: url(library/buttons-bg.png) no-repeat #006e85; width:107px; height:30px;text-align:center; border:0; font-weight:bold; color:#fff; margin:10px 0 0 0}

	#Submit:hover{cursor:pointer}
	#form2 #user, #form2 #pass {padding:3px 0 3px 3px; border:1px solid #9acad7; background:#e8ecf0; width:210px;margin-bottom:10px}
	#Login-home{background: url(library/buttons-bg.png) no-repeat #006e85; width:107px; height:30px;text-align:center; border:0; font-weight:bold; color:#fff; margin:0}
	#Login-home:hover{cursor:pointer}
	
#right-column{float:right;width:280px; height:auto; /*background:url(library/right-col-bg.gif) repeat-y;*/ padding:15px 15px 80px 15px;}
	
	#right-column a{outline:none;}
		
		#user_panel a:link, #user_panel a:visited, #user_panel a:active{text-decoration:none;}
		#user_panel a:hover{color: #d03c96}
		#user_panel{position:relative;}
		#login-icon{position:absolute;top:0;left:225px;}

.reg_button{width:120px; height:33px; display:block; text-indent:-9999px; background:url(library/register-now.png) no-repeat 0 0}
.reg_button:hover{background-position:0 -33px;}



#footer-top{width:100%; height: auto;float:left; background: url(library/footer-top-border-bg.gif) repeat-x #d2dfe4;padding:15px 0 20px 0; font-size:11px;}
	
	#footer-top ul{float:left; list-style:none;padding:0;margin:0 50px 10px 0 ; }
		#footer-top li{line-height:1.5}
		#footer-top li a{text-decoration:none; color:#4397b5}
		#footer-top li a:hover{border-bottom:1px solid #00bbe3}
		
		#footer-top .container{position:relative}
		#contact-footer{position:absolute;top:-50px; right:200px;}
		#contact-footer h5, #contact-footer p{margin:0}
		#contact-footer a, #contact-footer a:visited, #contact-footer a:active{color:#d03c96}

		
		#footer-top .logo{position:absolute;right:0; top:0; outline:none}

#footer-bottom{width:100%; height: 36px; background:url(library/footer-bg.gif) repeat-x;padding:10px 0; font-size:11px; color:#e5eff3}

	#footer-bottom p{margin-bottom:5px}
		
		#footer-bottom a{text-decoration:none;border-bottom:1px dotted #e5eff3; color:#e5eff3}
		#footer-bottom a:hover{text-decoration:none; border-bottom:1px solid #e5eff3 }
 


h1, h2, h3, h4, h5{margin-bottom:10px; color:#d03c96; font-family:"Myriad Pro", Arial, sans-serif; font-weight:bold;text-decoration:none }
p{margin-bottom:10px}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:17px;}
h4{font-size:16px;}
h5{font-size:15px;}

#right-column h2, #right-column  h3, #right-column  h4, #right-column  h5{margin-top:0px;}
#left-column h2, #left-column h3, #left-column h4, #left-column h5{margin-top:30px;}

.purple-text{color:#d03c96}
.home h2{border-bottom:1px dotted #00c4dd; padding-bottom:3px}
#slideshow h2{color:#005579}


/*start of the links*/
a:link{text-decoration: underline; color:#007aa6;}
a:visited{text-decoration: underline; color:#026284;}
a:active{text-decoration: none; color:#007aa6;}
a:hover{text-decoration: none; color:#007aa6;}













/****************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;}

.main_tr1{background: #f0f0f0;}
.main_tr2{background: #f7f7f7; }

.main_tr1 td{padding-top:10px}



/* customer area*/

p.cust_orders{margin-left: 100px;}/*showing the order detail*/

#cust_area{margin:15px;}/*the area where the content is*/



/* Stylin the blog */ 
.blog_list_posts, .blog_detail_posts{margin-top:30px; position:relative}
.blog_list_headline a{text-decoration:none; border:0;}
.blog_list_more{background:url(library/read-more-blog.png) no-repeat; width:121px; height:27px;margin-top:20px; text-align:center; color:#fff; text-decoration:none;font-weight:bold;}
.blog_list_more a{text-decoration:none; color:#fff;width:100%;display:block;padding-top:3px}
.blog_list_cats, .blog_detail_cats{padding-bottom:5px; border-bottom:1px dashed #ccc;margin-bottom:10px}
.blog_list_date{position:absolute;top:-25px; right:0; background:url(library/calender-blog.png) no-repeat;text-align:center; line-height:1.3;width:73px; height:35px; padding:28px 5px 10px 5px;font-size:11px; font-weight:bold;}
.blog_detail_headline{position:relative;top:-10px}



/*    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: 75px;}/*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;}
.faq h2, .faq h3, .faq h4 {margin-top:30px}
/*        STYLING THE GOOGLE API MAP */

#cms_api{}


/*    STYLING THE FORM FIELDS ON THE CONTACT FORM      */





/* Backup in case new styles for forms don't work
input, textarea, radio, select, #subm{background: #E4FFCA; font-size: 14px;border:0; margin-bottom:10px}
input, textarea {width:300px; padding:7px; background:#e2f2f9; border-left:1px solid #699bb2; border-top:1px solid #699bb2}
input:focus, textarea:focus {background:#d3eaf4; border-left:1px solid #b269a2; border-top:1px solid #b269a2}
input:hover, textarea:hover {background:#d3eaf4 }
#subm{ width:100px; height:30px; background:#3c7f0b; border:1px solid #52ac10;color:white;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:#4a9910}
*/
input, textarea, radio, #subm, select{font-family:Arial; margin:0 5px 10px 0; border:0; background:#e3eef2; border-top:1px solid #5ea8c3; border-left:1px solid #5ea8c3; font-size: 13px; color:#00425e}
input, textarea, select, radio{padding:5px; }
input:focus, textarea:focus{background:#c7dfe7}

.column2 form input{background:#e8ecf0; border:1px solid #9acad7; width:200px;}
.column2 form input:focus{background:#d0d8e0}
#right-column input, #right-column textarea{background:#d3e7cc;border-top:1px solid #52a533;border-left:1px solid #52a533}
#right-column input:focus, #right-column textarea:focus{background:#bdd5b4; }
#right-column #button{background:#4a9910}

.contact-page input.cms_form, .contact-page textarea.cms_form {width:300px; padding:7px; background:#e2f2f9; border-left:1px solid #699bb2; border-top:1px solid #699bb2}
.contact-page textarea.cms_form {width:350px}
.contact-page input.cms_form:focus, .contact-page textarea.cms_form:focus {background:#d3eaf4; border-left:1px solid #b269a2; border-top:1px solid #b269a2}
.contact-page input.cms_form:hover, .contact-page textarea.cms_form:hover {background:#d3eaf4 }
#subm, #button, #login, #pass-go, #button2{ width:auto; height:30px; background:#3c7f0b; border:1px solid #52ac10;color:white;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, #button:hover, #login:hover, #pass-go:hover, #button2:hover{ background:#4a9910}
#subm:focus, #button:focus, #login:focus, #pass-go:focus, #button2:focus{position:relative; top:1px}

#booking-form input{margin:0 5px 0 0}

/*styling the fields, you can also style them individually*/
#cms_upload_window{border: solid 1px black; background: #FFFFE1;padding:15px;}

.blog_detail_posts form{margin-top:20px;}
.blog_detail_posts input{width:275px;}
.blog_detail_posts textarea{width:350px;}
.blog_comment{margin:30px 0 0 15px; border:1px solid #d6eaf2; padding:10px}
#blog_comment_guest{border-bottom:1px solid #d6eaf2; padding-bottom:2px;}
#strCAPTCHA{width:100px}
#notify{width:auto;}



/*    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*************************/



/*Sliding tabs on the walks and search*/
 
  #slideshow { width: 630px; margin-right: auto; margin-left:auto;}  
  .slides{background-color: #f8f8f8; border: 1px solid #d2dfe4;/*border-top: 0px;*/width: 100%}
 #slideshow ul, .slides-nav {  margin: 0;  padding: 0;list-style-type: none;  height: 1%; /* IE fix */}  
  #slideshow ul:after {content: ".";  clear: both;  display: block;  height: 0;  visibility: hidden;}              
   
  /* ---------------------------------------------------- */  
  /* SLIDESHOW > SLIDES 
 /* ---------------------------------------------------- */  
#slideshow .slides {  overflow: hidden;width: 601px;padding:20px }  


  
 #slideshow .slides li {  width: 600px;   float: left;}  
  #slideshow .slides h2 {   margin-top: 0;}  
/* ---------------------------------------------------- */  
   /* SLIDESHOW > NAVIGATION 
 /* ---------------------------------------------------- */  
#slideshow .slides-nav {  background-color: #fff;width: 650px;}  
 #slideshow .slides-nav li {float: left;width: 92px;height: 31px;background-image: url(library/tab.jpg);background-repeat: no-repeat;text-align: center;margin-bottom:-1px;}  
 #slideshow .slides-nav li a  { display: block;  outline: none;color:#005579; text-decoration:none; font-weight:bold;margin-top: 5px;}  
	#slideshow .slides-nav li a:hover {  text-decoration:underline;} 
	
	
	#slideshow .slides-nav li.on,#slideshow .slides-nav li.on a {background-image: url(library/tab_active.jpg);background-repeat: no-repeat;}

		#slideshow .slides-nav li.on a {position: relative;top: -5px;padding-top: 5px;text-decoration: underline;}	

/* ul's inside the content*/
.inside_ul{color: red;margin:0;}



/*login panel on the side of pages*/

#login_panel,#reg_panel{width: auto;height:auto;display:none;}

/* blog lists on the home page */
.homelist{margin:0; padding:0;list-style:none; line-height:1.4}/*ul*/
#slideshow .slides ul li ul{width:400px}

/* count down on home page */
.countdown{font-weight: bold;}

#walks_list_right{width: 221px;height: auto;padding:0 25px 7px 25px; background:url(library/signup-bg.png) repeat-y;  display:none; color: #ecc0db;}
#walks_list_right ul{margin:0;padding:0; list-style:none}
#walks_list_right ul li {line-height:1.5;padding:0 0 7px 0; margin:0 0 7px 0;border-bottom:1px solid #d94da2 }
#walks_list_right ul li a:link, #walks_list_right ul li a:visited, #walks_list_right ul li a:active{font-weight:bold;color:#fff; text-decoration:underline}
#walks_list_right ul li a:hover{text-decoration:none; }
/*#walks_top{width:240px; height:12px; background:url(library/box-top.png) no-repeat;margin:10px 0 0 15px}*/
#walks_bottom{width:271px; height:5px; background:url(library/signup-bottom.png) no-repeat;margin-bottom: 8px; }

.underline{text-decoration:underline}

#grey_layer{position: absolute; top: 0;left: 0; width: 0; height: 0;z-index:502;background:#000000;}
	#full_detail{ position: absolute;width:250px;  top: 250px; left: 50%;margin-left: -175px;border:1px solid #FF6600; height: auto; z-index:1505; background-color: #fff; display:none; padding: 20px ;}