/* ======================================== Generic elements =================================================================  */

	body{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#4c4c4c;background:#707070 url(../images/background.gif) repeat-x left top;}
	
	h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px;margin:0px;font-weight:normal}
	p{line-height:17px}
	/*ul { list-style: none; }*/
	input, select{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333}
	a{color:#000; text-decoration:none}
	a:hover{color:#ffcf01; text-decoration:none}
	a img{border:0}
	
	a.more{font-weight:bold}
	
	.clear{ clear: both; }
	.floatrightphoto {float:right; margin-left:15px;}
	.centeredphoto {text-align:center; margin-left:auto;}
	#wrapper:after,#header:after,#middle:after, #footer:after, #container:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }
	
	
	/* \*/ * html #header{height:1px} /* */
	/* \*/ * html #middle{height:1px} /* */
	/* \*/ * html #container{height:1px} /* */
	/* \*/ * html #footer{height:1px} /* */
	/* \*/ * html .content{height:1px} /* */
	/* \*/ * html .data{height:1px} /* */
	

	
	.center{text-align:center}
	
	.content{width:auto;}
	.data{width:100%;}	
	
	h1{font-size:24px; font-weight:bold; color:#000; letter-spacing:-1px; background:url(../images/dot-line.gif) repeat-x left bottom;padding:0px 0px 3px;margin:0 0 10px}
	h2{font-size:18px; font-weight:bold;}
	h2.heading, h2.heading a{ color:#ffcf00; padding:5px 10px 0; margin:0}
	h3{font-size:14px; }
	h4{font-size:13px; font-weight:bold; }
	h5{font-size:12px; font-weight:bold;}
	p{padding:0px 0px 10px}
	h1.heading {color:#000; text-align:center;}
	h2.subheading {
	font-size: 16px;
}

/* ======================================== Wrapper =================================================================  */

	#wrapper{ width:980px;margin:0px auto; padding:0px 8px; background:url(../images/wrapper-bg.png) repeat-y 0 0}
#subpage #wrapper {background:url(../images/wrappersubpage-bg.png)}

/* ======================================== Header =================================================================  */


	#header{ width:100%;padding:0px; margin:0px;background:#303031 url(../images/header-bg.gif) no-repeat left top}
	
	#logo{ float:left; width:200px;padding:36px 0px 0px 104px; height:66px;}	
	#logo a{display:block; width:195px; height:37px; font-size:0px; outline:none; text-indent:-9999px}
	
	#header-right{ float:left; width:660px;padding:0px 10px 0px 0px;}	
	
	
	/* ---------- info-links --------- */

	ul.info-links{ float:right;width:auto;padding:2px 0px; }
	ul.info-links li{ display:block; float:left; width:auto; text-align:right;padding:0px 10px 0px 0px;}	
	ul.info-links li.phone{padding-left:28px; background:url(../images/icon-phone.gif) no-repeat 10px scroll}
	ul.info-links li.email{ padding-left:32px;background:url(../images/icon-email.gif) no-repeat 10px scroll}
	ul.info-links li a{color:#000000}
	ul.info-links li a:hover{ color:#000000; text-decoration:underline}
	
	


/* ---------------- menubar -------------- */

	.menubar {height:42px;clear:both; width:100%;background:url(../images/menubar-bg.gif) repeat-x 0px 0px;}
	.nav{ position: relative; margin: 0  auto; width: 900px; height: 41px; z-index: 100;}
	
	.menutabs{line-height:normal;padding: 12px 6px 0px 6px;}	
	.menutabs ul{list-style-type: none;margin:0;padding:0;}	
	.menutabs li{display:inline;margin:0;padding:0;}
	
	.menutabs a{
	float:left;
	background:url(../images/menutab-left.gif) no-repeat left top;
	margin:0;
	width:auto;
	margin-right: 3px; /*spacing between each tab*/
	padding:0 0 0 4px;
	white-space:nowrap;
	text-decoration:none;
	}
	
	.menutabs a span{
	float:left;
	width:auto;
	display:block;
	background:url(../images/menutab-right.gif) no-repeat 100% 0;
	font-weight:bold;
	color:#BFBFBF;
	white-space:nowrap;
	cursor:pointer;
	padding: 0 19px 0px 15px;
	line-height: 29px;
	}
	
	
	.menutabs a:hover span {color:#fff;}	
	.menutabs a.current{ background-position:0 -58px;}	
	.menutabs a.current span{ background-position:100% -58px; color:#000;}	
	.menutabs a:hover{ background-position:0% -29px; }	
	.menutabs a:hover span{ background-position:100% -29px;}



/* ========================================= Middle  Structure================================================================  */

	#middle{padding:0px; margin:0; width:100%; }
	#middle #main{ float:left;width:620px; padding:20px 20px 0px }
	#middle #right-sidebar{ float:right;width:300px; padding:10px 10px 0px;}

	
	  
/* =============================== right sidebar contents style ==========================================  */


	/* ----------------  titleBar -------------- */
	
	.titleBar{width:100%;background:url(../images/blackbar-bg.gif) repeat-x 0 0; width:auto; display:block}
	.titleBar .l{background:url(../images/blackbar-left.gif) no-repeat 0 0; width:auto; height:36px; display:block}
	.titleBar .r{background:url(../images/blackbar-right.gif) no-repeat 100% 0; width:auto; height:36px; display:block; }
	
		
	/* ----------------  listing -------------- */

	.list { margin:0px 5px 12px 10px}
	.list li{padding:5px 0px 5px 0px; border-bottom:1px solid #eee }
	.list li a{  font-weight:bold; font-size:16px}
	.list li span{ color:#888888; font-size:11px}
	
	/* ----------------  banner -------------- */
	
	.banner{ margin-bottom:12px}
	.banner img{ display:block}

/* =============================== main contents style ==========================================  */


/* ---------------- banner-section -------------- */

	#banner-section{padding:12px 0px; margin:0; width:100%; background:url(../images/banner-section-bg.gif) repeat-x left top }

	.banner-pic{ float:left; padding:0px 12px; width:auto}
	.banner-pic img{ display:block; border:1px solid #000 }
	
	.banner-video{ float:left; padding:0px;width:436px; height:260px}
	.banner-video img{ display:block; border:1px solid #000 }
	

/* ---------------- social network -------------- */
	
	
	.social{background:url(../images/social_nerwork_bg.gif) no-repeat left top; height:145px}
	.social h2{padding-top:8px}
	.social ul{margin:18px 0 0; padding:0px 0 0 0px }
	.social ul li{display:inline; float:left;width:auto; padding:0px 0px 0px 22px}
	


	/* ---------------- section -------------- */
	
	.section{ margin:0 0 15px}
	
	
	/* ---------------- Featured -------------- */
	
	.featured-list{width:auto;float:left;padding:5px 10px 5px 0px;}	
	.featured-list.alt{padding:5px 0px 5px 0px;}
	
	.featured{width:282px;border:1px solid #eaeaea;height:130px; padding:10px 10px 5px 10px; margin:0px;background:#fff}
	
	.featured a.feature-photo{float:left; width:100px;}
	.featured a.feature-photo img{padding:2px; border:1px solid #e7e7e7; background:#FFFFFF}
	.featured .feature-details{float:left; width:170px; padding:0 0 0 10px;}
	.featured .feature-details h4{ font-size:16px; font-weight:bold; margin:0px 0px 2px}
	.featured .feature-details em{font-size:11px; color:#999; padding-top:10px}
	.featured .feature-details p{ line-height:16px; padding:0 0 6px}
	 
	 
	 /* ---------------- logos -------------- */
	
	ul.logos{margin:18px 0 0; padding:0px 0 0 0px }
	ul.logos li{display:inline; float:left;width:auto; padding:0px 0px 0px 22px}





/* ==============================================  Footer ===========================================================  */

	#footer{padding:20px 0px 15px; width:980px; margin:5px auto 0px;background:#58585A;}
	
	#footer .footer-left{ float:left;width:650px; padding:0px 0px 0px 8px; color:#f0f0f0}
	#footer .footer-right{ float:right;width:200px;padding:10px 20px 0px 0px; text-align:right;}
	
	#footer ul li{display:inline; line-height:22px}
	#footer ul li a{font-weight:bold }
	
	#footer .copyright{ font-size:11px; color:#A0A1A1;margin-top:10px; padding:0px 0px 8px 5px;}
	#footer a{ color:#fff; padding:0px 6px}
	#footer a:hover{ color:#ffcf01}

/* Brought in from old stylesheet */

/*.subheading {margin: 12px;}*/
.addthisholder {text-align:center; margin: 0px auto;}
#magazineform {width:480px;background: #FFCF06; padding-bottom:15px;margin-left:15px;}
#rentalopinionform {width:480px; padding-bottom:15px; }
#rentalopinionholder {width:480px;margin-left:15px;background: #EBEBE5;  border: 1px solid #999;}
#rentalopinionform {font-size:12px;}
#rentalopinionform li, #magazineform li {list-style:none; text-align:right; margin:8px; padding:0px;border-top: 1px solid #e9e0df;clear:both;}

#rentalopinionform li label, #magazineform li label{width:150px;float:left;margin-top:4px}
#rentalopinionform li.checkbox label{width:380px;float:left;text-align:left;}
#rentalopinionform li.checkbox input{width:25px;}
#rentalopinionform input,#rentalopinionform select,#rentalopinionform textarea, #magazineform input{float:left; margin-left:10px; width:150px;}
#rentalopinionform input:hover, #rentalopinionform select:hover,#rentalopinionform textarea:hover, #magazineform input:hover {
	background-color: #BFDCF9;
	}
#whyfilloutform ul {margin:0px 15px;}
#freerentalopinion {float:right; width:370px;}
#opinioninner {margin: 0px 30px 0 5px;background: #FFCF06;padding:10px;}
#freerentalopinion #opinioninner p {margin:5px 0; font-size:14px; line-height:18px;}
#freerentalopinion #opinioninner h2 {font-size:16px;;margin-bottom:0;}
#freerentalopinion img {border:0;}
#whyfilloutform h2 {margin-top:25px;text-align:left;margin-bottom:0px;}
#rentalopinionform  #ok {width:300px;float:right;}
#rentalopinionform textarea {width:200px;}
/* subscribe in corner - page flip */
#pageflip {
	position: absolute;
	float:right;
	right: 0; top: 0;
	z-index:999;
}
#pageflip img {
	width: 90px; height: 94px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 90px; height: 90px;
	position: absolute;
	right: 0; top: 0;
	background: url(/images/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}
#rentalopinionform li label.error,#vipform li label.error ,#magazineform li label.error{margin-top:10px;
	background: #eddbd5 url(/images/icon-wrong.gif) 10px center no-repeat;
	display: block; text-align:left;
	border: 1px solid #c05843;
	padding: 10px 10px 10px 45px;
	width: 75%;
}
#middle ul.subpagelist {margin-top:8px;}
#middle ul.subpagelist li {margin:0;padding:0;}
#middle ul.subpagelist li li{list-style:none;}
.magazinepage h2 {text-align:left; margin:15px;}

#contactModalOverlay {background-color: #4E4E4E;}
#footer img.floatright {margin-right:10px;}

#middle ul.presentlist li{list-style:none;}
#middle ul.presentlist {margin:5px 0; padding:0;}
#footer img.floatleft {margin-left:10px;}
#middle p.opinionfindout {font-size:10px;}

/* faq */
.accordian {
	width: 960px;
	border-bottom: solid 1px #c4c4c4; text-align:left;
}
.accordian h3 {
	background: #FFCF06 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0 0 0 0px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordian h3:hover {
	background-color: #FDEC9E;
}
.accordian h3.active {
	background-position: right 5px;
}
.accordian p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display:none;
}
.right390 {
	text-align: right;
	float: right;
	width: 380px;
	margin-right:10px;
}
.left390 {
	text-align: left;
	float: left;
	width: 380px;
	margin-left:10px;
}
.left250 {
	text-align: left;
	float: left;
	width: 250px;
	margin-left:15px;
}
.left450 {
	text-align: left;
	float: left;
	width: 450px;
	margin-left:15px;
}
.left500 {
	text-align: left;
	float: left;
	width: 500px;

}
#mainsubpage {margin:5px 10px;}

/* terms */

#privacycontent p, #privacycontent li, #termsdiv p, #termsdiv li{
font-size:12px;
}
#privacycontent h2, #termsdiv h2 {
	margin: 3px auto;
	text-align: center;
}
#privacycontent , #termsdiv {
	margin: 2px 8px 2px 8px;
	overflow: auto;
	height: 400px;
	display: none;
}

/* youtube vids */
.embedvid {
	float: left;
	width: 380px;
	text-align: center;
}
#middle ul.subpagelist {margin-top:8px;}
#middle ul.subpagelist li {margin:0;padding:0;}
#middle ul.subpagelist li li{list-style:none;}
#middle ul, #middle ol {margin-left:35px;}
#middle ul li, #middle ol li{margin-top:5px;}
#middle ol.nomarginlist ,#middle ul.nomarginlist{margin-left:0px;padding-left:20px;}
#middle ul.list, #middle .social ul, #middle ul.logos {margin-left:0; list-style:none;}
.magazinepage h2 {text-align:left; margin:15px 0;}
#webdesignlink {background:#707070; text-align:right; padding:10px;}

/* ============= Magazine Page ================ */

#magazinepreview {float:right;}

/* ============= Why Raine Horne ============= */

ol#reason7list {margin-left:0;padding-left:20px; }