/**
 * CSS Document for conairpet.com
 * @author Tony Collings
 * @version 1.0 
 * @date Jan 2009
 */
 

/*	HTML OVERRIDES
	------------------------------------------------------------------------------------- */
	body, ul,table {margin: 0px; padding: 0px; }
	body { text-align: center; color: #000; 
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-size-adjust:none;
	}
	h1,h2,h3 {margin: 0px; padding: 0px; line-height: 110%; }
	p {}
	h1 {font-size: 14px; margin-left: -1px; }
	h2 {font-size: 12px; }
	sup {font-size: 11px; margin-top: 2px; }
	
	a {color: #43217c; text-decoration: none;}
	a:hover {color: #43217c; text-decoration: underline; }
	
/*	MODIFIERS
	------------------------------------------------------------------------------------- */
	
	/* Rounded Corners */

	
	b.rtop, b.rbottom { display:block;background: #FFF; }
	b.rtop b, b.rbottom b { display:block;height: 1px; overflow: hidden; background: #950130; }
	b.r1 { margin: 0 5px; }
	b.r2 { margin: 0 3px; }
	b.r3 { margin: 0 2px; }
	b.rtop b.r4, b.rbottom b.r4 { margin: 0 1px;height: 2px; }
	
	
	.clear { clear: both; line-height: 0px; height: 0px; font-size: 1px; }
	.red {color: #9c0c08}
	.bolder {font-weight: bolder; }
	.dkGrey {color: #444344;}
	.purple {color: #43217c;}
	.hd-color { color: #f4d35f; } /* yellow */
	.caps {text-transform: uppercase; }
	.left { float: left; }
	.right { float: right; }
		
/*	LAYOUT
	------------------------------------------------------------------------------------- */
	#page_wrapper { width: 990px; text-align: left; margin: 10px auto; }
	#header { /* margin-bottom: 5px; removing space between header and pano images per JP's updated layout 1/11/2011 */ }
	.header_content { height: 65px;  }
	#logo { padding: 5px 0px 0px 10px; }
	
	#footer { margin-top: 1px; color: #ffffff; font-size: 11px; }
	#footer a:link, #footer a:visited { color: #ffffff; text-decoration: none; }
	#footer a:hover, #footer a:active { text-decoration: underline; }
	#footer_links { text-transform: uppercase; }
	
	.footer_content { background: #950130; text-align: center; padding: 9px 0px 2px 0px; }
		.footer_content ul { display: block; list-style-type: none; margin-left: 10px; } /* Tweak left margin to fake centering */
		.footer_content li { display: inline; margin-right: 30px; vertical-align: middle; }
		.footer_content li img { vertical-align: middle; margin-top: -7px;  _margin-top: -6px; }
		.footer_content li.lastitem {margin-right: 0px; }
		
		
	.menu { clear: both; margin-top: 5px; }
	.menu_content { height: 25px; background: #43217c url("img/paw_prints.gif") 10px 0px no-repeat; text-align: right; }
	
	#content { margin: 0px; /* height: 465px; */ }
	body#splash #content { height: auto !important; }
	.contentOverflow { overflow: auto; height: 430px; /*border: 2px solid #3a0c6b; background: #d6d6d6 url('images/customerServiceGradient.jpg') top left repeat-x;  padding: 12px 24px;*/  background-color: #f4f4f4; border: 1px solid #c8c8c8; margin: 0px; padding: 0px 20px 0px 15px; }
	
	h1#page_title { color: #000000; font-size: 16px; padding: 0px; margin: 10px; text-transform: uppercase; }

	/*	PAGE SPECIFIC
	------------------------------------------------------------------------------------- */.
	
	/* Splash Page - splash.tpl */ 
	span#regions a,
	span#regions a:visited,
	span#regions a:active, 
	span#regions a:hover  {color: #fff !important; }
	body#splash a {color: #fff !important; text-decoration: none;}
	body#splash a:hover {color: #fff !important; text-decoration: underline; }


	
	/* Index Page */
	.promotions { _width: 995px; margin: 0px; padding: 0px; margin-top: 1px; height: 118px; text-align: center; }
	.promo { float: left; height: 118px; display: inline; padding: 0px; margin: 0px; background-color: #FFFFFF; text-align: left; }
	.lastpromo { margin-right: 0px; }
	#promo1 {} 
	/* NOTE RE #promo2: padding-top + height must = 118px (.promo) */
	#promo2 { 
	/* removed sign-up form */
	/*width:330px; padding-top: 82px; height: 36px; vertical-align: bottom; text-align: center; background: #fff url('../images/promos/promo2.jpg') top left no-repeat; */
	}
	#promo3 {}
	
	/*#homepage-images {text-align: center; width: 990px; height: 313px;   } *//* Dimensions of image */
	/*#homepage-images img.preloader {margin: 100px 0px; }*/
	
	div#homepage-image-wrapper { width: 990px; /* width of GFX */ height: 348px; overflow: hidden; }
	
	div#homepage-images { width: 4950px; /* Width is automatically adjusted by Mootools, just an initial value (5ximage.width) is set */ }
	div#homepage-images img { float: left; padding: 0px; }
	
	/* Contact Us */
	.column_wrapper {}
	.leftCol {width: 300px; float: left; }
	.rightCol {width: 550px; float: right; }

/* 	CONTACT US - from content.css (babylissus.com)
	------------------------------------------------------------*/
	
	#contact_us .contact_block { border: 1px solid #c8c8c8; background-color: #f4f4f4; padding: 10px 10px 0px 15px; margin: 10px 0px 0px 0px; }
	#contact_us h2.box_title { font: 1.2em verdana,arial,helvetica,sans-serif; font-weight: normal; text-transform: uppercase; }
	#contact_us .contact_block_wrapper { padding-left: 10px; }
	#contact_us #content { /*height: 456px; float: left;  width: 600px;*/ }
	#contact_us .contact_block legend { visibility: none; display: none; }
	#contact_us .contact_block fieldset { border: none; margin: 0px; padding: 0px; }
	#contact_us .contact_block label { width: 75px; text-align: left; margin-right: 10px; float: left; display: block; line-height: 20px; font-weight: bold; }
	
	#contact_us .contact_block ul { list-style: none; margin: 0px; padding: 0px;   }
	#contact_us .contact_block li { font-size: 11px; margin-bottom: 10px; text-align: left;  }
	
	/*#content .contact_block li.buttons { margin-left: 80px; _margin-left: 85px;  }*/
	#contact_us .contact_block li.buttons { margin-bottom: 5px; }
	
	#contact_us #content select#subject { width: 250px; }
	
	#contact_us #content input,
	#contact_us #content textarea,
	#contact_us #content select { border: 1px solid gray; padding: 2px; }
	#contact_us #content input,
	#contact_us #content textarea { width: 250px; _width: 240px; }
	#contact_us #content input.submit { width: 74px; border: none; margin-left: 260px;  }
	#contact_us #email_us { }
	#contact_us #email_us p { width: 450px; /* margin: 0px; padding: 15px 0px; */ }
	#contact_us #contact_thanks { height: 215px; } 
	
	#contact_us table#contact_numbers { margin: 10px 0px; font-size: 12px; }
	#contact_us table#contact_numbers th { visibility: none; display: hidden; }
	#contact_us table#contact_numbers td { text-align: left; padding-right: 20px; }
	#contact_us table#contact_numbers td.phone_number { text-align: left; font-weight: bold; padding: 2px; }	
	
	#contact_us .contact_block_wrapper div.errors { float: right; color: #b9110c; /* margin-right: 200px;*/ }
	#contact_us #content p.errors { margin: 0px; padding: 0px; }
	#contact_us #content input.error,
	#contact_us #content select.error,
	#contact_us #content textarea.error { /*border: 2px solid #b9110c;*/ }
	#contact_us #content .error { color: #b9110c; }	
	
	#contact_us ul.error {color: #b9110c; margin: 10px 0px 20px 30px; padding: 0px; }
	

/*	FORMS
	------------------------------------------------------------------------------------- */
	
	form {margin: 0px; padding: 0px; }
	input, select, textarea {padding: 3px; font : 11px Arial, Helvetica, sans-serif;}
	#email_subscribe input#email_address { color: #5a595b; border: 1px solid #5a595b;  width: 200px;  }
	#email_subscribe input#submitBtn {vertical-align: middle; margin-top: -1px; *margin-top: -9px; _margin-top: -9px;   }
	.formErrors {color: #c000c0; font-size: 11px; font-weight: bolder;  text-align: left; }
	
/*	HIDDEN PANELS
	--------------------------------------------------------- */
	#overlay{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%; 
		height: 2000%; 
		/* background: #070f21 url("img/overlay_bg.jpg") top left no-repeat; */
		background-color: #000; 
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		line-height: 0px; 
		z-index: 1000; 
	}
	#overlay-content { background-color: #fff; border: 3px solid #2a3986; padding: 12px; width: 480px; position: absolute; z-index: 10001; left: 50%; margin-left: -240px; top: 150px; }
	
	div#overlay-content { text-align: left; height: 100px; }
	div#overlay-content.error div.gradient-title { color: #c00035; }
	div#overlay-content div.gradient-title { color: #ffffff; background: #2a3986; padding: 8px 6px 8px 12px; font-weight: bold; font-size: 13px; }
	div#overlay-content div.gradient-title { margin: -12px -12px 0px -12px; }
	div#overlay-content .gradient-title a:link, div#overlay-content .gradient-title a:visited  { font-size: 10px; text-decoration: none; font-weight: normal; color: #ffffff; }
	div#overlay-content a:link, div#overlay-content a:visited  { font-size: 10px; text-decoration: underline; font-weight: normal; color: #2a3986; }
