/*CSS BY PHASE NEW MEDIA

-- colours

body grey: #161819
orange: #FF9900
blue: #004D99
grey txt: #666

*/

/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px; }
* {padding:0px; margin:0px;}
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both; }
body { margin:0 auto; font-size: 1em; font-family:Arial, Helvetica, sans-serif; padding:0; text-align:center; background:url(../images/header-bg.gif) repeat-x #161819;}
img { border: none; padding:0px; margin:0px; }
p { font-size: 83%; margin: 0px; padding: 0px 0px 15px 0px; color: #fff; line-height: 155%; }
p terms {font-size: 70%; }
a img { border: none;}
.float_left { float: left; }
.float_right {float: right;}
.terms { font-size:70%; color:#999;}
/* Centre page */
#centrer { width: 900px; margin: 0px auto; padding: 0px 0 0 0px; text-align:left; } /* fix alignment of page */

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { 
	display: block; 
	width:682px; 
	height:14px; 
	padding:0; 
	margin:0px 0 0px 0; 
	float:left; 
	}	
	#anav ul { 
		list-style: none; 
		padding: 0 0px 0 0; 
		color:#fff; 
		}
		#anav li {
			float:left;
			padding: 0; 
			margin:0px 10px 0 0px; 
			}
			#anav li a { 
				color:#fff;
				text-transform:uppercase;
				font-weight:bold;
				display:block;
				float:left;
				padding-right:10px;
				font-size:18px;
				}
			
				#anav li a:hover {
					background:url(../images/menuarrow.png) no-repeat;
					background-position:right 6px;
					}
					
				#anav li a.active {
					background:url(../images/menuarrowactive.png) no-repeat;
					background-position:right 9px;
					color:#80817D;
					}


/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { 
	display: block; 
	width:289px; 
	height:45px; 
	margin:0;
	float:left; 
	color:#fff; 
	}	
	

	#bnav ul { 
		list-style: none; 
		padding: 0; 
		margin: 0;
		width:301px;
		background:#940007;
		overflow:hidden;
		}
		
		#bnav li {
			float:left;
			padding: 0; 
			margin:0; 
			}
		
			#bnav li a { 
				color:#fff;
				height: 18px;
				display: block;
				float: left;
				text-transform: uppercase;
				font-size: 13px;
				text-decoration:none;
				margin:0;
				font-weight: bold;
				padding:22px 7px 5px 6px;
						}
						
				#bnav li a:hover { 
					background: #600006; 
					}

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { display: block; background:#A7A27D; width:359px; padding:0px 0px 0 0px; margin:0px 0px 0 0; /*overflow:hidden;*/ }	
#cnav ul { list-style: none; padding: 0 0 10px 0; margin: 0; display:block; }
#cnav li { list-style: none; display: block; padding: 0; margin: 0px 0px 0 0; height:53px; }
#cnav li img, #cnav2 li img {margin:0px 0px 0 0; padding:0px 0px 0px 0px; }
#cnav li a:hover, #cnav li a:active, #cnav li a:link, #cnav li a:visited, #cnav2 li a:hover, #cnav2 li a:active, #cnav2 li a:link, #cnav2 li a:visited  {text-decoration: none; border-bottom: none;}
#cnav2 { display: block; width:250px; height:290px; padding:50px 0 0 0; margin:0px; float:right; background:url(../images/cnav-start.gif) top no-repeat #424236; } /*essential guide*/
#cnav2 ul { list-style: none; padding: 0 0 0px 0; margin: 0; display:block; } /*essential guide*/
#cnav2 li { list-style: none; display: block; padding: 0; margin: 0px 0px 0 0; height:40px; overflow:hidden; } /*essential guide*/

/* **************************************************************** */
/* *************************** Header ***************************** */
/* **************************************************************** */
#header { height:126px;  padding:0px 0 12px 0; width: 900px; }
#hero {width:640px; height:340px; padding:0px; float:left; }
#hero-default {width:540px; height:405px; padding:0px; float:left; }
#hero2 {width:640px; height:340px; padding:0px; float:left; } /*essential guide*/
#logo { width:273px; height:58px; float:right; padding:40px 0 0 0;}

/* **************************************************************** */
/* *************************** Teaser ***************************** */
/* **************************************************************** */
#teaser { width:350px; height:405px; background:#A7A27D; float:right; position:relative; overflow:hidden; }
#teaser p { font-size: 95%; margin: 0px; padding: 0px 60px 10px 28px; color: #161819; line-height: 155%; font-weight:bold; }
#teaser h1 { font-size: 95%; margin: 0px; padding: 0px 0px 20px 0px; color: #161819; line-height: 155%; font-weight:bold; }

#teaser2 { width:250px; height:340px; background:#424236; float:right; position:relative; }
#teaser2 p { font-size: 95%; margin: 0px; padding: 20px 60px 0px 28px; color: #161819; line-height: 155%; font-weight:bold; }
.teaser2-hdr { position:absolute; right:0px; bottom:60px;}
.teaserhome ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0 0 0 0px; display:block; }
.teaserhome li { display: inline; padding: 0; margin: 0px 0px 0 0; }
.teaserhome li img {margin:20px 0px 0 30px; padding:0px 0px 0px 0px; }
.teaser-nav { background:#161819; width:67px; height:32px; position:absolute; right:0px; bottom:29px; padding:10px 8px 0 0; }
.teaser-btn { position:absolute; right:0px; bottom:0px;}
.teaser-btn-top { float:left; padding:20px 0 0px 0; margin:0px;}
.teaserBar { display:block; height:119px; left:0px; margin:0; overflow:visible; padding:0; position:relative; top:0px; width:340px; }
.teaserBar li { clear:both; display:inline; height:130px; margin:0px; padding:0px; position:absolute; top:0; width:340px;}
.teaserNav { border:0 none !important; display:block; float:right; }
.teaserNavDiv  { display:block; float:right; margin:0; padding:0; width:29px; height:25px; overflow:hidden; background-color:#FFF; background-image:url(../images/none-btn.jpg)}
.teaser1 {left:0px;}
.teaser3 {left:420px;}
.teaser4 {left:840px;}

/* **************************************************************** */
/* *************************** Home  ****************************** */
/* **************************************************************** */
#banners { height:210px; width:900px; padding: 9px 0 40px 0px;}
#banners ul { list-style: none; padding: 0px 0 0px 0px; display:block; float:left; }
#banners li { display: inline; padding: 0px 0px 0 0; margin: 0px 0px 0 0; }
#banners li img { padding: 0px 8px 0 0; margin: 0px -4px 0 0; }
.default-col1 a:link, .default-col1 a:visited, .default-col2 a:link, .default-col2 a:visited {text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px dashed #FF9900; font-weight:bold; }
.default-col1 a:hover, .default-col2 a:hover, .default-col1 a:active, .default-col2 a:active { text-decoration:none; margin: 0px; padding: 0px; color: #333; border-bottom:1px solid #FF9900; font-weight:bold; }
.default-col1 { float:left; width:420px; padding:0 18px 0px 20px; } 
.default-col2 { float:right; width:420px; padding:0 20px 0px 0px;  } 
.table { margin: 15px 0 30px 0; padding: 0px 0px 0px 0px; color: #fff; }
.table th { padding:0px 0 0px 0; font-weight:bold; border-bottom:1px dashed #A7A27D; text-align:left; }
.table td { padding:10px 0 0px 0; border-bottom:1px dashed #504F41; }
.table p { padding:0px 0 0px 0; line-height:110%; margin:0; font-size: 70%; }
.qline { border-bottom:1px dashed #A7A27D; margin:0px 0 12px 0;}

#question-btn, #locate-btn { padding:10px 0px 0 0; margin:0px;}

.slideshow {
	position:relative; 
	z-index:10;
	width:858px;
	height:234px;
}

#hero-new { margin-bottom:15px;}

/* **************************************************************** */
/* ************************** Content  **************************** */
/* **************************************************************** */
.content-left { float:left; width:360px; padding:0 0px 80px 0px; } 
.content-left3 { float:left; width:620px; padding:0 0px 80px 0px; } 
.content-right { float:right; width:520px; padding:0 0px 30px 0px;  } 
.content-left2 { float:left; width:620px; padding:0 0px 80px 0px; }  /*essential guide*/
.content-right2 { float:right; width:250px; padding:0 0px 30px 0px;  }  /*essential guide*/
.content-right p, .content-left2 p, .content-right2 p , .content-left p, .content-left-new p, .content-right-new  p { font-size: 83%; margin: 0px; padding: 5px 0px 15px 0px; color: #fff; line-height: 155%; }
.content-left h1, .content-left2 h1, .content-right h1, .content-right2 h1, .content-left3 h1, .content-left-new h1, .content-right-new h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#ffffff; font-size:22px; text-transform:uppercase; width:450px;}
.content-left h2, .content-left2 h2, .content-right h2, .content-right2 h2, .content-left3 h2, content-left-new h2, .content-right-new h2 { color: #A7A27D; font-size: 18px; margin:0 0 10px 0; line-height:100%; text-transform:none;}
.content-left h3, .content-left2 h3, .content-right h3, .content-right2 h3, .content-left3 h3, content-left-new h3, .content-right-new h3 { margin: 0px; padding: 20px 0px 5px 0px; color:#A7A27D; font-size:100%; line-height:140%; text-transform:uppercase; width:250px;}
.content-left h4, .content-left2 h4, .content-right h4, .content-right2 h4, .content-left3 h4, content-left-new h4, .content-right-new h4 {color: #A6A17D; font-size: 90%; margin: 0px; padding: 20px 0px 0px 0px; line-height:100%; text-transform:uppercase;}
.content-left h5, .content-left2 h5, .content-right h5, .content-right2 h5, .content-left3 h5, content-left-new h5, .content-right-new h5 {color: #A6A17D; font-size: 80%; margin: 0px; padding: 20px 0px 0px 0px; line-height:100%; text-transform:uppercase;}
.content-left h6, .content-left2 h6, .content-right h6, .content-right2 h6, .content-left3 h6, content-left-new h6, .content-right-new h6 {color: #CC0000; padding: 20px 0 10px 0; margin: 0px; line-height:100%; font-size: 75%; font-weight:bold;}
.content-left p a:link, .content-left p a:visited, .content-right p a:link, .content-right p a:visited, .content-left2 p a:link, .content-left2 p a:visited, .content-left3 p a:link, .content-left3 p a:visited, .content-right2 p a:link, .content-right2 p a:visited { text-decoration:none; color: #A7A27D; border-bottom:1px solid #A7A27D; }
.content-left p a:hover, .content-right p a:hover, .content-left p a:active, .content-right p a:active, .content-left2 p a:hover, .content-right2 p a:hover, .content-left2 p a:active, .content-right2 p a:active,.content-left-new p a:hover, .content-right-new p a:hover, .content-left-new p a:active, .content-right-new p a:active { text-decoration:none; color: #666; border-bottom:1px solid #CCC; }
.content-left ul, .content-right ul, .content-left3 ul { list-style:none; padding: 0px 30px 10px 0px; margin: 0px; color: #fff; }
.content-left li, .content-right li, .content-left3 li {list-style: none; background:url(../images/bullet.jpg) no-repeat left 4px; font-size: 79%; padding:0px 0px 10px 12px;line-height:155%; margin:5px 0;}
.content-left ul ul, .content-right ul ul, .content-left3 ul ul { list-style: none; margin: 0; padding:0px 0 0px 10px;  }
.content-left li li, .content-right li li, .content-left3 li li { list-style: none; background:url(../images/bullet2.jpg) no-repeat left 10px; padding:0px 0px 5px 8px; font-size:100%; color:#fff; margin:5px 0 5px 0; }
.content-left2 ul, .content-right2 ul { list-style:none; padding: 0px 30px 10px 0px; margin: 0px; color: #fff; }
.content-left2 li, .content-right2 li { list-style: none; display:inline; }
.content-left-new ul, .content-right-new ul { list-style:none; padding: 0px 30px 10px 0px; margin: 0px; color: #fff; }
.content-left-new li, .content-right-new li { list-style: none; display:inline; }
.content-line { background: url(../images/line.gif) no-repeat; width:900px; height:20px; padding:0 0 58px 0;}
.content-line2 { background: url(../images/line2.gif) no-repeat; width:900px; height:20px; padding:0 0 58px 0;} /*essential guide*/
#intro { 
	background:#940007; width:320px; padding:20px 20px 10px 20px; }
#intro p { font-size: 16px; margin: 0px; padding: 0px 0px 10px 0px; color: #ffffff; line-height: 155%; text-transform:none; font-weight:bold; }

.locations-left { float: left; width:210px; height:260px!important; padding:10px 0 0 0; }
.locations-right {float: left; width:180px; height:260px!important; padding:10px 0 0 0; }

/*.locations-left { float: left; width:220px; height:160px; padding:30px 0 0 0; } /*change back for actual website*/
/*.locations-right {float: left; width:160px; height:160px; padding:30px 0 0 0; } /*change back for actual website*/

.products { float:right; width:530px; padding:0 0px 30px 0px;  } 
.products h1 { margin: 0px; padding: 0px 0px 15px 0px; color:#ffffff; font-size:100%; text-transform:uppercase; width:250px;}
.products ul { list-style: none; padding: 0; margin: 0; display:block; }
.products li { display: inline; padding: 0; margin: 0; }
.products li img {margin:0px -4px -4px 0; padding:0px 0px 10px 0px; }
#tabset li a:link, #tabset li a:active, #tabset li a:hover, #tabset li a:visited { border:none;}
.right-teaser { color:#fff; }
.right-teaser p { color:#fff; padding:0 0 5px 0; }
.right-teaser-line { border-bottom:1px dashed #A7A27D; margin:35px 0; }
.btns-left { float:left; margin:40px 17px 30px 0;} /*essential guide landing page*/
.btns-right { float:right; margin:40px 0 30px 0;} /*essential guide landing page*/
.thumbs-left { float:left; margin:30px 30px 10px 0; padding:0 0 0 0; width:127px; height:200px; } /*essential guide sub page*/
.thumbs-right { float:right; margin:30px 0 10px 0; padding:0 0 0 0; width:127px; height:200px; } /*essential guide sub page*/
.thumbs-left p, .thumbs-right p { font-size:70%; padding:5px 0 0 0; line-height:135%;}
.block-left { float:left; margin:30px 0px 0px 0; padding:0 20px 45px 0; width:290px; height:80px; } /*dos and donts page*/
.block-right { float:right; margin:30px 0 0px 0; padding:0 0 45px 0; width:285px; height:80px; } /*dos and donts page*/
.block-left p, .block-right p { font-size:70%; padding:2px 0 0 20px; line-height:135%; float:left; width:180px;}
.subcol-left { float:left; margin:0px 0px 0px 0; padding:0 20px 0px 0; width:290px; } /*tile maintenance page*/
.subcol-right { float:right; margin:0px 0 0px 0; padding:0 0 0px 0; width:285px; } /*tile maintenance page*/

#news h2 { line-height:150%;}
#news img {float:right; border:0; margin-left:20px; margin-bottom:20px;}

/* **************************************************************** */
/* ************************** Quick Links ************************* */
/* **************************************************************** */
#quicklinks { height:177px; width:885px; background:#2C2D27; margin:0px 0 10px 0; padding:15px 0 15px 15px;}
#quicklinks h1 { padding:0 0 0px 0; line-height:100%; text-transform:none; font-size:70%; font-weight:normal; margin:0 0 10px 0; }
#quicklinks ul { margin:0px 10px 0 0; padding:10px 0 0px 10px;font-size:70%;line-height:150%;list-style:none; background:#3E3E34; width:149px; height:149px;}
#quicklinks li {margin:0px; padding:0px 0 2px 10px;background: url(../images/quicklinks-bullet.gif) no-repeat left 7px;list-style:none; color:#A5A07D; display:block;  }
#quicklinks li a {text-decoration: none; border-bottom: 1px dashed #5BB6C9; color:#DBD9CA;}
#quicklinks li a:hover, #quicklinks li a:active {text-decoration: none; border-bottom: 1px dashed #fff;}
#quicklinks-hdr {height:39px;}
.links { float: left; /*width:167px; height:149px;*/ padding:0px 0px 0 0px; display:block;}
.links2 { float: left; /*width:167px; height:133px;*/ padding:21px 0px 0 0px; display:block; }
.quicklinks-line { border-left:1px dashed #A7A27D; margin:0 10px 0 0px; width:1px; height:181px; float:left;}
.links-right { float: right; width:180px; padding:0px 0 0 20px; height:290px;}
.notice { color:#666666; font-size:111%;font-weight:normal; padding:7px 0 0 0;}
.date { color:#999; font-size:70%; font-weight:normal; margin:0px 0 5px 0; line-height:80%;}
.update { color:#999; font-size:70%; font-weight:normal; padding:0px 0 20px 0;}

/* **************************************************************** */
/* **************************** Footer **************************** */
/* **************************************************************** */


.line { 
	border-top:1px #6D6B55 dashed; 
	}

#footer {  
	padding-bottom: 30px;
	}
	
	#footer-left {
		overflow:hidden;
		float:left;
		padding:5px 0 0 0;
		}
		
	#footer-left ul { 
		list-style: none; 
		padding:0; 
		display:block;
		text-align:left;
		}
		
		#footer-left li { 
			float:left;
			margin:0 6px 0 0; 
			color: #999; 
			}
		
			#footer-left li a {
				color:#fff;
				text-decoration: none;
				font-size:11px;
				font-weight:bold;
				text-transform:uppercase;
				}
				
				#footer-left li a:hover {
					color:#BaBABA;
					}

				#footer-left > a {  
					text-transform:none; 
					font-size:70%;
					display:block;
					clear:both;
					margin:8px 0 0 0;
					}

		#footer-left > a:link, #footer-left > a:visited {
			text-decoration:none; 
			margin: 0px; 
			padding: 0px; 
			color: #CCCCCC; 
			border-bottom:none; 
			font-weight:normal; 
			}
			
		#footer-left > a:hover { 
			text-decoration:none; 
			margin: 0px; 
			padding: 0px; 
			color: #BABABA; 
			border-bottom:1px solid #BABABA; 
			font-weight:normal; 
			}
		

		#footer-right {
			float:right;
			margin:12px 0 0 0;
			width:300px;
			height:25px;
			}
		
		#Email {
			height: 13px;
			width: 154px;
			float: left;
			font-size: 10px;
			color: #666!important;
			padding: 3px 0 3px 3px;
			margin: 0 5px;
			}
		
		#nSubmit {
			float:right;
			}
		
		#footer-right form p {
			color:#fff;
			width:100px!important;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			text-align:right!important;
			margin:-2px 7px 0 0!important;
			padding:0!important;
			float:left;
			line-height:120%;
			}
			
			#footer-right form p span {
				display:block;
				}
			
			#footer-right form div {
				float:left;
				}
		
			



/* **************************************************************** */
/* **************************** Forms ***************************** */
/* **************************************************************** */
/*.form input, form textarea, form select { font-family: Arial, Helvetica, sans-serif; }
.form { width:300px;}
.formcell { width: 130px; display: block; float: left; padding: 3px 10px 10px 0px; text-decoration: none;}
.formcell2 { width: 130px; display: block; float: left; margin: 3px 0px 10px 0px; text-decoration: none;}
.formcell3 { width: 200px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #666; font-size:70%;padding: 0 0 5px 0; font-weight:bold;}
.form_hdr2 {color: #666; font-size:75%;padding: 20px 0 0px 0; font-weight:bold; border-bottom:1px solid #B20002; margin:0 0 10px 0; text-transform:uppercase;}
.field{ height:20px; border:none; width:130px; border:1px solid #CCC; }
.select { border:none; width:130px; padding:5px; border:1px solid #B4BAA0;}
.submitButton { background-color:#FF9900; color:#fff; font-weight:bold;border:none; font-size:100%; padding:5px; width:90px;}
.dropdown {height:22px; width:130px; border:1px solid #B4BAA0;} 
.selectwide { border:none; padding:5px; border:1px solid #B4BAA0;}
.comments{ border:none; width:298px; padding:5px; border:1px solid #B4BAA0; }*/




/* **************************************************************** */
/* **************************** forms col ************************* */
/* **************************************************************** */
#forms { padding:0px 0 0px 0px; font-family:Arial, Helvetica, sans-serif;}
#forms p { margin: 0px; padding: 0px 0px 15px 0px; color: #999; line-height:150%; font-size:70%; }
#forms h1 {color: #fff; font-size:75%; padding: 0px 0 0 0; font-weight:bold; border-bottom:1px solid #A7A27D; margin:0 0 15px 0; text-transform:none; width:auto; line-height:150%;}
#forms h2 {color: #fff; font-size:75%; padding: 10px 0 0 0; font-weight:bold; border-bottom:1px solid #A7A27D; margin:0 0 15px 0; text-transform:none; width:auto; line-height:120%;}
#forms ul { list-style:none; padding: 0px 0 0px 0; margin: 0px;}
#forms li { display:block; list-style: none; width:246px; height:128px; padding: 0 0px 20px 0;}
#forms li img { display:inline; border:none; list-style: none; margin:0 -4px 0 0;}
#forms p a:link, #forms p a:visited { margin:0px; text-decoration:none; }
#forms p a:hover, #forms p a:active { border:none; text-decoration:none; }
.descriptioncell { margin:0 0 10px 0;}
.formcell { width: 145px; display: block; float: left; padding: 3px 15px 10px 0px; text-decoration: none; margin:0px;}
.formcell2 { width: 145px; display: block; float: left; padding: 3px 15px 0px 0px; text-decoration: none; margin:0px;}
.formcell3 { width: 200px; display: block; float: left; margin: 3px 10px 10px 0px; text-decoration: none;}
.formcell4 { display: block; float: left; padding: 3px 15px 10px 0px; text-decoration: none; margin:0px; color:#fff; font-size:100%; width:450px; }
.formcell_wide { width: 240px; display: block; float: left; margin: 3px 10px 15px 0px; text-decoration: none;}
.form_hdr {color: #fff; font-size:70%;padding: 0 0 5px 0; font-weight:bold;}
.form_hdr2 {color: #fff; font-size:75%;padding: 20px 0 0px 0; font-weight:bold; border-bottom:1px solid #076884; margin:0 0 10px 0; text-transform:uppercase;}
.field{ height:20px; border:none; width:130px; border:1px solid #A7A27D; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#081322;}
.field2 { height:20px; border:none; width:180px; border:1px solid #A7A27D; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#081322;}
.select { border:none; width:130px; padding:5px; border:1px solid #A7A27D; font-size:8pt; font-family:Arial, Helvetica, sans-serif; background:#fff; color:#081322;}
.button {  color:#2C2D27; background:#fff; border:none; font-size:11px; padding:5px; width:70px;}
.button2 {  background:#076884; color:#fff; border:none; font-size:11px; padding:5px; width:100px; margin:10px 0 0 0; font-weight:bold;}
.dropdown {height:22px; width:130px; border:1px solid #204A84;  background:#fff; color:#081322; font-size:8pt;} 
.selectwide { border:none; padding:5px; border:1px solid #204A84;  background:#fff; color:#081322; font-size:8pt;}
.comments{ border:none; width:440px; padding:5px; border:1px solid #A7A27D;  background:#fff; font-size:8pt; color:#081322;}
optgroup { line-height:180%; }

		#franchiseEmail {
			height: 13px;
			width: 127px;
			float: left;
			font-size: 10px;
			color: #666!important;
			padding: 3px 0 3px 3px;
			margin: 0;
			}

/* JQUERY */

.border { 	border: 15px #1d1d1d solid;}
img.border {	float: left;	margin-right: 15px;	margin-bottom: 8px;}
img.border_pic {	border: 15px #1d1d1d solid;	position: absolute;	top: 110px;	float: left;	margin-left: 150px;	width: 250px;	height: 150px;	z-index: 30;}
div#login {	width: 240px;	height: 150px;	position: absolute;	right: 150px;	top: 110px;	background: #46392f;	text-align: left;	padding-left: 10px;}
div#login p {	color: #CCCCCC;	font-family: Century Gothic, Georgia, "Times New Roman", Times, serif;	line-height: 25px;}
div#login input#password {	position: relative;	right: -6px;}
div#login input#login_btn {	border: 1px #899690 solid;	cursor: pointer;	position: relative;	top: 30px;	left: 86px;}
#toppanel {	position: absolute;	width: 900px;	left: 0px;	z-index: 25;	text-align: center;}
#panel {	width: 900px;	position: relative;	top: 1px;	height: 0px;	margin-left: auto;	margin-right: auto;	z-index: 10;	overflow: hidden;	text-align: left;}
#panel_contents {	background: black;	filter:alpha(opacity=70);	-moz-opacity:0.70;	-khtml-opacity: 0.70;	opacity: 0.70;	height: 100%;	width: 400px;	position: absolute;	z-index: -1;}

/* **************************************************************** */
/* **************************** Specials ************************** */
/* **************************************************************** */

#hero-specials {
	background: url(../images/specialsbg.jpg) no-repeat;
	width: 598px;
	float: left;
	padding: 187px 20px 45px 20px;
	color:#fff;
	height:475px;
	}
	
	#hero-specials h2 {
		font-size:25px;
		text-align:center;
		line-height:150%;
		}
	
	#hero-specials h3 {
		font-size:15px;
		text-align:center;
		font-weight:lighter;
		padding: 5px 0 0 0;
		margin:0 0 30px 0;
		}
		
		h3.specialsLeft {
			font-size:15px;
			text-align:left!important;
			font-weight:lighter;
			padding: 5px 0 0 0;
			margin:0 0 30px 30px!important;
			}

		
		#hero-specials ul {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			padding:0;
			margin:0 0 0 50px;
			width:175px;
			font-weight:lighter;
			line-height:150%;
			}
		
		#hero-specials ul li {
			background:url(../images/specials-li.png) no-repeat 0 4px;
			list-style:none;
			padding:0 0 0 18px;
			margin:10px 0;
			font-size:13px;
			}

.content-line-3 {
	background: url(../images/contentline-3.png) no-repeat; 
	width:250px; 
	height:20px; 
	padding:0 0 20px 0; 
	float:right;
	margin-top:10px;
	}
	

.specials-img {
	margin:0 0 0 150px;
	}
	
	.specials-img-right {
		float:right;
		margin: 5px 20px 30px 20px;
		clear:both;
		}
	
.content-right-specials {
	float:right;
	width: 200px;
	padding: 0px 35px 0px 25px;
	}
	
	.content-right-specials h3 {
		color:#fff;
		font-size:22px;
		}
		
		.right-teaser-specials p {
			color:#fff;
			font-size:17px;
			line-height:150%;
			padding:20px 0 20px 0;
			}
			
/********************* FRANCHISE **********************/

h1.h1-new {
	font-size:25px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	padding: 25px 0 20px 0;
	}

.line-left-brown { 
	background: url(../images/line-left-brown.jpg) no-repeat; 
	float:left;
	width: 580px;
	height: 6px;
	padding: 0;
	margin: 6px 0 23px 0;
	}

.line-right-red { 
	background: url(../images/line-right-red.jpg) no-repeat;
	float:left;
	width:313px;
	height:6px;
	padding: 0;
	margin: 6px 0 23px 7px;
	}
	
.hero-left-new {
	width:530px;
	float:left;
	background:#940007;
	padding:24px 24px 24px 24px;
	height:105px;
	}
	
	p.hero-left {
		color:#fff;
		font-size:16px!important;
		line-height:140%!important;
		font-weight:bold!important;
		padding:0;
		}
	
.teaser-right-new {
	width:314px;
	float:left;
	padding: 0 0 0 8px;
	}
	
.content-right-franchise {
	width:310px;
	float:right;
	}
	
.content-left-franchise {
	float:left;
	width:576px;
	margin: 0 0 40px 0;
	}
	
	.content-left-franchise h2 {
		color:#fff;
		text-transform:uppercase;
		font-weight:bold;
		font-size:21px;
		padding: 0 0 15px 0;
		}
		
	.terms-tickbox {
		margin: 0px;
		padding: 0px 0px 15px 15px!important;
		color: #999;
		line-height: 150%;
		font-size: 70%;
		}
		
	.terms a {
		color:#A6A17D;
		border-bottom: 1px solid #A6A17D;
		}
	
	.form_hdr_franchise {
		width:240px;
		color: #fff; 
		font-size:70%;
		padding: 8px 0 8px 0; 
		font-weight:bold;
		}
	
	.formcell_franchise {
		display: block;
		float: left;
		padding: 3px 15px 15px 0px;
		text-decoration: none;
		margin: 0px;
		}
		
	#forms input.reset {
		background: url(../images/clear-brown.png) no-repeat;
		text-indent: -99999px;
		padding: 0;
		width: 64px;
		height: 33px;
		border: none;
		cursor: pointer;
		float: left;
		margin: 7px;
		font-size: 0; 
		display:block; 
 		line-height: 0;
	}
	
	.formcell_franchise select {
		height: 20px;
		border: none;
		width: 130px;
		border: 1px solid #A7A27D;
		font-size: 8pt;
		font-family: Arial, Helvetica, sans-serif;
		background: white;
		color: #081322;
		}
		
.content-right-franchise {
	width:310px;
	color:#fff;
	}
	
	#franchises-available {
		width:270px;
		height:96px;
		background:#424236;
		padding:20px;
		}
		
		#franchises-available h3 {
			padding: 0 0 8px 0;
			}
			
		#franchises-available ul.whiteList {
			list-style:none;
			font-size:13px;
			font-family:Arial, Helvetica, sans-serif;
			padding: 0 0 0 10px;
			}
			
			ul.whiteList li {
				background: url(../images/bullet-white.png) no-repeat 1px 3px;
				padding: 0 0 7px 16px;
				}
	
	#director {
		padding: 0 0 0 20px;
		}
	
		ul.director {
			list-style:none;
			font-size:13px;
			font-family:Arial, Helvetica, sans-serif;
			padding: 10px 0 0 0;
			}
			
			ul.director li {
				background: url(../images/bullet-brown.png) no-repeat 1px 3px;
				padding: 0 0 7px 16px;
				line-height: 150%;
				}


.content-left-new { 
	float:left; 
	width:580px; 
	padding:0 0px 80px 0px; 
	} 
	
	.content-left-new h2 {
		font-size:20px;
		color:#B8B296;
		font-weight:100;
		}

.content-right-new { 
	float:right; 
	width:310px; 
	padding:0 0px 30px 0px;  
	}
	
	.content-right-new h3 {
		font-size:22px;
		color:#fff;
		}
		
		p.right-content {
			font-size:16px;
			}
	
#essentialguideItems {
	padding: 0px;
	}

	#essentialguideItems li {
		float:left;
		padding: 0 8px 0 0px;
		}
		
		#essentialguideItems img {
			margin: 0 0 8px 0;
			}
	
		a.essentialGuideButton {
			display:block;
			list-style:none;
			color:#FFF;
			font-size:14px;
			width:105px;
			height:115px;
			text-align:center;
			text-decoration: none;
			}

	ul.dosDonts {
		list-style: none;
		margin: 0 0 25px 25px;
		}
		
		ul.dosDonts li {
			background: url(../images/listbullet.png) no-repeat 1px 6px;
			display:block;
			padding: 0 0 0 25px;
			margin: 20px 0 0 0;
			font-size: 14px;
			line-height: 150%;
			}
	
	h2.maintenance {
		margin: 25px 0 10px 0;
		font-size:15px;
		}
		
		.tileMaintenance p {
			padding: 0 30px 0 0;
			}
	
.QandA {
	margin: 20px 0 0 0;	
	}
	
	.QandA h3 {
		color:#B8B296;
		font-size:16px;
		display: block;
		margin: -30px 0 0 65px;
		font-weight:100;
		}
	
	span.question {
		font-size:40px;
		color:#B8B296;
		display: inline;
		font-weight:100;
		}
		
	span.answer {
		font-size:40px;
		color:#fff;
		display: inline;
		margin: 0 0 0 6px;
		}
		
		.QandA p {
			border-left: 3px solid #B8B496;
			width:480px;
			padding: 0 0 0 10px;
			margin: -40px 0 0 65px;
			font-family:Arial, Helvetica, sans-serif;
			}
			
.stainRemovalGuide h2 {
	margin: 0 0 30px 0;
	display: block;
	}
	
	ul.stainRemoval {
		width: 540px;
		margin: 20px 0 0 0;
		}
		
		ul.stainRemoval li {
			/*float:left;
			display:block!important;
			width: 200px;
			min-height: 100px;
			margin: 0 85px 30px 0px;*/
			}
			
			ul.stainRemoval li h3 {
				font-size:15px;
				color:#B8B296;
				display:block;
				font-weight:100;
				margin: 0 0 5px 0;
				}
				
				ul.stainRemoval li p {
					color:#fff;
					font-size:14px;
					}
					
	.stainRemovalGuide p {
		display:block;
		}
		
		p.stainCaution {
			width:540px;
			}
		
.orderingTiles h2 {
	display:block;
	margin: 10px 0 20px 0;
	}
	
	ul.orderTilesLists {
		margin: 0;
		padding: 0;
		}
		
		ul.orderTilesLists li {
			margin: 0 0 5px 15px;
			}
			
			ul.orderTilesLists li span {
				font-size:20px;
				color:#B8B296;
				}
			
			ul.orderTilesLists li p {
				font-size:13px;
				color:#fff;
				margin: -25px 0px 0px 40px;
				}
				
/********************** Essential Guide Shortcuts Menu *********************/

#essentGuideShortcuts {
	color:#FFF;
	}
	
	#essentGuideTitle {
		text-transform:uppercase;
		font-size:22px;
		background: url(../images/menu-downarrow.png) #2C2D27 no-repeat 281px 22px;
		display:block;
		width: 301px;
		height: 38px;
		padding: 12px 0px 0 13px;
		}
		
		#essentGuideMenu {
			}
			
			#essentGuideMenu li {
				display:block;
				width:314px;
				height:40px;
				border-top: 1px dashed #000;
				}
				
				#essentGuideMenu li a {
					background:url(../images/menu-rightarrow.png) no-repeat #2C2D27 284px 14px;
					display:block;
					width: 298px;
					height: 29px;
					color: white;
					font-size: 16px;
					padding: 11px 0 0 16px;
					text-decoration: none;
					}
					
					#essentGuideMenu li a.active {
						background:url(../images/menu-rightarrow.png) no-repeat #940007 284px 14px;
						}
					
					#essentGuideMenu li a:hover {
						background:url(../images/menu-rightarrow.png) no-repeat #940007 284px 14px;
						}