/****** General ******/
*{margin:0;padding:0;}
h4, h5, li, body{ font-family:Arial, Verdana,  Helvetica, sans-serif;	color:#003333; }
a { color:#e31b23; text-decoration:none; }
a:hover{ color:#e31b23; text-decoration:underline; }
p{ font-family:Arial, Verdana,  Helvetica, sans-serif; font-size:1.1em; }
img{ border:0; }
body{ background:transparent url(/media/build/bg.gif) repeat-x scroll center top; font-size: 0.625em; background-color: #e31b23; }

/****** Layout ******/
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
/* HEADER AND NAV */
.headerContainer{
	float:left;
	width:100%;
	height:143px;
	background:url(/media/build/bg_header.gif) top left repeat-x;
	padding:0;
	margin:0;
	text-align:center;
}
.centerHeader{
	margin-left:auto;
	margin-right:auto;
	width:863px;
}
.header{
	width: 863px;
	height: 143px;
	float: left;
}
.header .logo{
	margin-top: 12px;
	margin-left: 29px;
	float: left;
	height: 90px;
}
.header .callNow{
	margin-top: 16px;
	margin-right: 8px;
	float: right;
}
.header .nav{
	height: 41px;
	width: 842px;
	float: left;
	text-align: left;
	padding: 0px 0px 0px 19px;
	background:url(/media/build/bg_nav.gif) bottom left repeat-x;
}	
.header .nav img{
	float: left;
	padding: 0px;
}
/* CONTENT LAYOUT */
.centerAlign{
	margin-left:auto;
	margin-right:auto;
	width:863px;
}
.mainContainer{
	float:left;
	width:863px;	
	background:url(/media/build/bg_content.gif) top left repeat-y;
	padding:0px;
	margin:0px;
	background-color: #fff;
	min-height: 550px;
}
.pageContainer{
	background:url(/media/build/bg_content_top.gif) top center no-repeat;
	float:left;
	width:849px;
	margin:0px;
	padding: 0px 7px 0px 7px !important;
}
/* LEFT CONTAINER */
.leftContainer{
	width: 231px;
	float: left;
	padding-bottom: 30px;
}
.leftContainer .shareLove{
	margin-top: 6px;
}
.leftContainer .product{
	width: 179px;
	height: 179px;
	background:url(/media/build/bg_product.gif) center center no-repeat;
	margin: 10px 0px 10px 23px;
}
.leftContainer .productsWeLoveTitle{
	margin-top: 16px;
}
.leftContainer .product img{
	width: 150px;
	height: 100px;
	margin: 15px 0px 0px 13px;
}
.leftContainer .product p{
	margin: 1px 0px 0px 14px;
	width: 150px;
	font-size: 1.1em;
	line-height: 14px;
	color: #162934;
}
.leftContainer .subTitle{
	width: 211px;
	height: 32px;
	background: url(/media/build/bg_subttl.gif) left center no-repeat;
	float: left;
	padding-top: 17px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 7px;
}
.leftContainer .subMenu{
	width: 211px;
	float: left;
	padding-left: 20px;
	margin-bottom: 25px;
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 50px;
}
.leftContainer .subMenu a{
	float: left;
	margin-bottom: 10px;
	width: 200px;
	color: #fff;
}
.leftContainer .subMenu a.current, .leftContainer .subMenu a.current:hover{
	color: #e31b23;
	text-decoration: none;
}
/* CONTENT CONTAINER */
.contentContainer{
	float:left;
	width: 570px;
	padding:6px 0px 25px 20px;
	margin:0px;
	font-size: 1.1em;
}
.contentContainer .pageHeader{
	margin: 17px 0px 0px 10px;
}
.pageHeader .subTtl{
	margin-top: 3px;
	display: block;
}
.contentContainer p{
	color: #003333;
	font-size: 1.0em;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 15px;
	clear: left;
}
.contentContainer li.makeoverLi{
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 5px 30px;	
	color: #003333;
}
.contentContainer p.introText{
	font-size: 1.364em;
	margin-bottom: 13px;
}
.contentContainer .contentRightImg{
	width: 222px;
	padding: 0px;
	float: right;
	margin: 6px 0px 10px 10px;
	background: url(/media/build/img_bg.gif) repeat-y center center;
	text-align: center;
}
.contentContainer .contentRightImg .top{
	background: url(/media/build/img_bg_top.gif) repeat-y top center;
	width: 222px;
	height: 12px;
}
.contentContainer .contentRightImg .bottom{
	background: url(/media/build/img_bg_bottom.gif) repeat-y bottom center;
	width: 222px;
	height: 12px;
}
.contentContainer ul{
	margin: 0px;
	padding: 0px;
}
.contentContainer li.contentLi{
	background: url(/media/build/li_black.gif) no-repeat left top;
	padding: 2px 0px 0px 20px;
	margin: 0px 0px 5px 10px;	
	list-style: none;
	color: #003333;
}
/* SuFR Alternative */
.pageHeader h2{
	color: #e31b23;
	font-family: Arial;
}




/* HOME SPECIFIC */
.home p{
	margin-top: 0px !important;
}
.homePromo{
	padding-top: 10px;	
	float: left;
	padding-left: 5px;	
	font-size: 30px;
	color: #070e11;	
}
.homePromoImg{
	float: right;
}
.homePromo img{
	float: right;
}
.homeBanner{
	float: left;
	padding-top: 15px;
	margin: 0px 0px 0px -5px;
}
.homePromoImg{
	width: 110px;
	height: 130px;
	float: left;
	margin-bottom: 12px;
}

/* Homepage Products */
.homeFeaturedProducts{
	float: left;	
	width: 572px;
}
.homeFeaturedProducts table{
	background: url(/media/build/homeproducts/bg.gif) repeat-y top left;
	float: left;
	border-collapse: collapse;
}
.homeFeaturedProducts table td{
	width: 126px;
	padding-left: 12px;
	padding-right: 5px;
	vertical-align: top;
	text-align: left;
}
.homeFeaturedProducts table td.topBg{
	background: url(/media/build/homeproducts/bg-top.gif) no-repeat top left;
	height: 11px;
}
.homeFeaturedProducts div.productBg{
	width: 110px;
	height: 99px;
	background: url(/media/build/homeproducts/bg-product.gif) no-repeat top left;
	padding: 4px;
	float: left;
}
.homeFeaturedProducts table td.text{
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #162934;
}
.homeFeaturedProducts table td.price{
	text-align: left;
	color: #e31b23;
}
.homeFeaturedProducts table td.bottomBg{
	background: url(/media/build/homeproducts/bg-bottom.gif) #fff no-repeat top left;
	height: 17px;
}
.homeFeaturedProducts .productDisclaimer{
	float: left;
	width: 550px;
	font-size: 10px;
	color: #6a6a6a;
	padding: 0px 20px 0px 5px;
}


.homeRedBox{	
	width: 586px;	
	float: left;
	background:url(/media/build/bg_redbox.jpg) left bottom no-repeat;	
	height: 134px;
	margin-top: 15px;
}
.homeRedBox .top{
	background:url(/media/build/bg_redbox_top.jpg) left top no-repeat;
	height: 30px;
	width: 586px;
	margin: 0px;
	padding: 0px;
}
.homeRedBox p{	
	font-size: 1.0em;
	color: #fff;
	padding: 5px 0px 0px 25px;
	margin-top: 0px !important;	
}
.homeRedBox a, .homeRedBox a:hover{
	color: #fbcc2a;
}
.homeRedBox .title{
	color: #fbcc2a;	
	font-size: 20px;
	padding: 0px 0px 0px 25px;
	font-weight: bold;
	line-height: 18px;
}


/* PRODUCT SPECIFIC */
.products{
	width: 580px;
	float: left;
	margin-left: 6px;
	padding-left: 2px;
	background:url(/media/build/bg_product_hori.gif) top left no-repeat;
}
.centerLine{
	background:url(/media/build/bg_product_vert.gif) left top repeat-y;
	margin-top: 1px;
	float: left;
}
.products .left{
	width: 270px;
	float: left;
	padding-top: 8px;
	padding-bottom: 12px;
	color: #404447;
}
.products .right{
	width: 295px;
	float: left;
	padding-top: 8px;
	padding-bottom: 12px;
	padding-left: 13px;
}
.products h1{
	color: #000;
	font-size: 13px;
}
.products img.title{
	margin-bottom: 11px;
	margin-left: 3px;
}
.products .productImage{
	width: 95px;
	height: 83px;
	float: left;
	margin-right: 7px;
	margin-top: 5px;
	background:url(/media/build/products/bg_product_img.gif) center top no-repeat;	
}
.products .productImage img{
	margin: 15px 0px 0px 11px;
	width: 71px;
	height: 47px;
}
.products .left .ul{
	float: left;
	width: 150px;
}
.products .right .ul{
	float: left;
	width: 170px;
}
.products .li{
	background: url(/media/build/product_li.gif) no-repeat left top;
	float: left; 
	padding-left: 10px;
	line-height: 20px;	
}
.products .right .li{
	width: 170px;
}
.products .left .li{
	width: 150px;
}
.products .li a{
	color: #404447;
	text-decoration: none;
}
.products .li a:hover{
	color: #e31b23;
	text-decoration: underline;
}


/* HAPPY CAMPERS SPECIFIC */
.contentContainer .testimonial{
	color: #003333;
	font-size: 1.0em;
	padding: 20px 0px 20px 0px;
	line-height: 16px;
	background:url(/media/build/bg_testimonial_hori.gif) bottom center no-repeat; 
}
.testimonial .whoFrom{
	font-style: italic;
	margin-left: 45px;
}


/* QUOTES SPECIFIC */
.leftQuote{
	background:url(/media/build/bg_left_quote_lrg.gif) top left no-repeat;
	padding-left: 35px;
	margin-left: 10px;
}
.rightQuote{
	background:url(/media/build/bg_right_quote_lrg.gif) bottom right no-repeat;
	padding-right: 30px;
}


/*SERIOUS SPECIFIC*/
.clientLogin{
	width: 284px;
	height: 150px;
	float: left;
	text-align: right;
	margin: 32px 0px 0px 10px;
}
.clientLogin img.ttl{
	float:left;
}
.clientLogin input.text{
	width: 214px;
	border: solid 1px #404447;
	height: 16px;
	padding: 3px 0px 0px 3px
}
.clientLogin input{
	margin-left: 10px;
	margin-top: 10px;
	font-size: 11px;
}
.seriousStuffImg{
	float: right;
	margin-right: 0px;
	margin-top: 40px;
}
.loginError{
	float: left;
	background-color:#e31b23;
	border: solid 4px #c80000;
	padding: 20px;
	color: #fff;
	width: 237px;
	margin-top: 20px;
	margin-left: 10px;
	display: none;
}



/* ZOO SPECIFIC */
.zooPeople{
	width: 151px;
	margin: 40px 33px 100px 20px;
	float: left;
	display: inline;
}
.rozina{ margin-left: 10px; }
.kelly{ margin-right: 0px; }
.zooPeople a{
	float:left;
	margin: 0px;
}
.zooPeople img{
	float: left;
}
.zooPeople .button{
	margin-left: 10px;
	float: left;
}
.zooPeople .subText{
	font-size: 1.0em;
	text-align: left;
	margin-top: 10px;
	padding-left: 10px;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
}
.zooPeople .subText .middleName{
	color: #e31b23;
}

.zooPeople .rozinaIntro{
	background: url(/media/build//bg_rozinaText.jpg) no-repeat top center;
	width: 91px;
	height: 65px;
	float: left;
	margin: 0px;
	color: #fff;
	padding: 19px 30px 0px 30px;
	text-align: center;
}
.zooPeople .adamIntro{
	background: url(/media/build//bg_adamText.jpg) no-repeat top center;
	width: 91px;
	height: 74px;
	float: left;
	margin: 0px;
	color: #fff;
	padding: 19px 25px 0px 25px;
	text-align: center;
}
.zooPeople .kellyIntro{
	background: url(/media/build//bg_kellyText.jpg) no-repeat top center;
	width: 101px;
	height: 74px;
	float: left;
	margin: 0px;
	color: #fff;
	padding: 19px 25px 0px 25px;
	text-align: center;
}
.adam .subText{
	padding-top: 8px;
}

/* INDIVIDUAL BIO PAGES */
.bio{
	background:url(/media/build/bg_product_hori.gif) bottom center no-repeat;
	padding-bottom: 40px;
	float: left;
	width: 575px;
}
.bio p{
	padding-top: 5px;
	float: left;
	width: 398px;
	clear:none;
}
.bio img{
	float: left;
	margin: 15px 10px 0px 10px;
}
.bioAbout{
	margin-top: 15px;
	float: left;
	width: 575px;
}
.bioAbout .img{
	width: 166px;
	float: left;
	text-align: center;
}
.bioAbout img{
	margin: 0px 10px 0px 10px;
}
.bioAbout .imgAboutTtl{
	margin-top: 10px;
	float: left;
}
.bioAbout .leftQuote{
	background:url(/media/build/bg_left_quote_lrg.gif) top left no-repeat;
	padding: 5px 0px 0px 35px;	
	float: left;
	width: 363px;
	margin-top: 15px;
}
.bioAbout .rightQuote{
	float: left;
	background:url(/media/build/bg_right_quote_lrg.gif) bottom right no-repeat;
	padding-right: 25px;
	padding-bottom: 10px
}




/*GOOD CALL SPECIFIC */
.contactForm{
	background:url(/media/build/bg_product_hori.gif) top center no-repeat;
	width: 565px;
	float: left;
	margin: 25px 0px 0px 0px;
	padding-left: 12px;
	padding-top: 15px;
}
.contactForm .inputLabel{
	width: 54px;
	float: left;
	padding-top: 15px;
}
.contactForm .enquiryLabel{
	width: 120px;
	margin-top: 5px;
}
.contactForm input.text{
	width: 205px;
	border: solid 1px #404447;
	height: 16px;
	padding: 3px 0px 0px 3px;
	float: left;
}
.contactForm textarea{
	width: 542px;
	height: 120px;
	float: left;
	margin-top: 10px;
	padding: 3px;
	font-size: 1.0em;
	font-family: arial;
}
.contactForm input.address{
	width: 486px;
}
.contactForm input{
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 11px;
}
.contactForm .requiredLabel{
	width: 180px;
	font-size: 0.9em
}
.contactForm .required{
	color: #e31b23;
	font-size: 13px;
}
.contactForm .submit{
	float: right;
	margin-top: 15px;
}	


.contactMap{
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	width: 558px;
	height: 258px;
	background:url(/media/build/bg_map.gif) center center no-repeat;
}
.contactMap .contactDetails{
	float: left;
	width: 250px;
	margin: 20px 0px 0px 0px;
	color: #fff;
}
.contactMap .contactDetails a{
	color: #fff;
}
.contactMap .findUs{
	float: left;
	width: 280px;
	margin: 20px 0px 0px 0px;
}
.contactMap .findUs img{
	float: left;
}
.contactMap .enlarge{
	float: right;
	color: #fff;
	background:url(/media/build/clicktoenlarge.gif) left center no-repeat; 
	padding-left: 17px;
	width: 110px;
}
.contactMap .enlarge a{
	color: #fff;
}
.contactMap .findUs .map{
	margin-top: 5px;
}



/*Email a friend specific*/
.emailAFriendPop{ 
	height: 281px;
	width: 400px;
	padding:0px;
	padding-top: 103px;
	border-bottom: 6px solid #003333;
	color: #fff;
	font-size: 1.1em;
	background: url(/media/build/email_friend_header.jpg) no-repeat center top;
}
.emailAFriendPop .pageContent{
	width: 400px;
}
.emailAFriendPop .pageTitle{
	margin-bottom: 10px;
	background-color: #fff;
}
.emailAFriendPop .pageTitle img{
	margin-left: 15px;
}
.emailAFriendPop input{
	width: 252px;
	height: 19px;	
	padding-top: 3px;
	padding-left: 3px;
	border: 1px solid #c5b4a6;
	font-size: 11px;
	margin-left: 12px;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
}
.emailAFriendPop input.send{
	height: 22px;
	width: 58px;
}
.emailAFriendPop textarea
{
	width: 245px;
	padding: 5px;
	height: 40px;
	border: 1px solid #c5b4a6;
	overflow: auto;
	font-size: 11px;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
}
.emailAFriendPop td{
	padding-bottom: 8px;
}
.emailAFriendPop td.sendImage{
	padding-top: 5px;
}
.requiredText{
	float: left;
}
.sendImage input{
	text-align: right;
	border: 0px;
	float: right;
	width: 57px;
	height: 17px;
}
.emailAFriendPop table{
	margin-left: 15px;
}


/* DISCLAIMER */
.disclaimerContainer{
	float:left;
	width:100%;
	background:url(/media/build/bg_disclaimer.gif) #e31b23 top center repeat-x;
	height: 24px;
	padding:10px 0px 50px 0px;
	margin:0;
	font-size:1.0em !important;
	text-align: center;
	color: #fff;
	font-family: Verdana, sans-serif;
}
.disclaimerContainer a{
	color: #fff;
	text-decoration: none;
}
.disclaimerContainer a:hover{
	text-decoration: underline;
	color: #fff;
}