/*
Theme Name: Janice
Description: Child theme of the webpals framework
Author: Webpals
Template: framework
*/
@import url("../framework/style.css");

html {  overflow-y: scroll; } 
body { 
	font-size:12px !important; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	color: #535252; 
	height:100%;
	vertical-align:baseline;
} 

/*global*/
a, img{
	border: none;	
}

.clear{
	clear: both;
}



/*
===============================================================
		layout  behavior: url("js/libs/PIE.css");
===============================================================
*/

#wrap {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

#header { 
	height:161px;
	position:relative;
	z-index: 300;
}
	
.ie7 #header {height:180px;}
	
	
	#header a.logo { 
		color: #FFFFFF;
		display: block;
		font-family: 'Dancing Script',cursive;
		font-size: 73px;
		font-weight: 700;
		height: 101px;
		line-height: 90px;
		margin-top: 19px;
		padding-left: 8px;
		position: relative;
		text-shadow: 5px 5px 5px #000000;
		top: -16px;
		vertical-align: top;
		behavior: url("js/libs/PIE.css");
	}
	
	.ie7 #header a.logo {
		height:105px;
		margin-top: 15px;
		position: relative;
	}
	
		#header a.logo span{
			font-size: 12px;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			letter-spacing: 3px;
			display: block;
			position: relative;
			top: -37px;
		}

	/*
	===================================================================== nav
	*/
	
	.nav { 
		height:41px;
		line-height:41px;
		position:relative;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		border-radius:10px;
	}
			
	.ie7 .nav>li:first-child ,
	.ie8 .nav>li:first-child 
	{
		margin-left:1px;
		margin-right:0px;
	}
	.ie7 .nav>li:first-child a,
	.ie8 .nav>li:first-child a{
		
		border-radius:8px 0 0 8px;
		behavior: url("js/libs/PIE.css");
		
	}
	
	

	.topbar { 
		height:39px;
		line-height:39px; 
		color:#cdcaca;
		background:#000;
		border:1px solid #654145;
		padding:0 20px;
		font-size:11px;
		overflow:hidden;
		vertical-align:middle;
	}
	
	.soc li, .lang li, .soc li img, .lang li img, .soc li a, .lang li a { vertical-align:middle; }
	
	.soc  { float:right; }
	.lang { float:left; }
	
	#header .nav>li    { display:inline; }
	#header  li a { color:#fff; padding: 0 5px;}
	#header  li a.active {}
	
	.nav>li { float:left; height:41px; position:relative;z-index:99999;}
	.nav>li>a { 
		 float: left;
		font-size: 16px;
		font-weight: bold;
		height: 37px;
		line-height: 36px;
		padding: 2px 58px !important;
		text-transform: capitalize;
	}
	.nav>li.SubOwner {}
	.nav>li.SubOwner>a {padding:2px 81px 2px 35px !important; background:url("images/menu_arrow_down.png") no-repeat right 15px;}
	
	
	
	.nav>li:first-child { margin:0 0 0 2px; }
	.nav>li:first-child>a { 
		-webkit-border-top-left-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
	}
	
	
	.nav li.first {  }
	
	/*SubMenu */
	

	.nav>li ul {position:absolute;top:41px;left:0;display:none;}
	.nav>li:hover ul {display:inline-block;}
	.nav>li ul li {display:inline-block;float:left;clear:left;white-space:nowrap;}
	.nav li ul li a { 
		 float: left;
		font-size: 13px;
		font-weight: normal;
		height: 37px;
		width:170px;
		line-height: 36px;
		padding: 2px 35px !important;
		text-transform: capitalize;
	}
	
	
	
	
	
	#footer .nav li a {
		height:60px; line-height:60px;
		font-size:12px;
		color:#fff;
		font-weight:normal;
		padding:5px 10px !important;
		margin:0 5px 0 0 ;
		background: none;
	}
	#footer .nav li a:hover {
		text-decoration: underline;
	}
	
	

#footer { 
	height:80px;
	clear:both;
	display:block; 
	position: relative;
}

	#footer .nav{
		width: 349px;
		margin-right: 27px;
		float: left;
	}
	
	#footer ul.social_links{
		width: 160px;
		list-style-type: none;
		margin: 25px 0 0;
		padding: 0;
		float: left;
	}
	
		#footer ul.social_links li{
			float: left;
			margin-right: 8px;
		}
		
			#footer ul.social_links li span{
				color: #cdcaca;
				font-size: 11px;
			}
			
			#footer ul.social_links li a img{
				margin-top: -4px;	
			}
			
			
		
	#footer a.footer_logo{
		color: #FFFFFF;
		display: block;
		font-family: 'Dancing Script',cursive;
		font-size: 38px;
		font-weight: 700;
		height: 43px;
		line-height:55px;
		text-shadow: 2px 2px 2px #000000;
		margin: -3px 20px 0 0;
		float:right;
	}
	
		#footer a.footer_logo span{
			 font-family: Arial,Helvetica,sans-serif;
			font-size: 10px;
			display: block;
			letter-spacing: 3px;
			position: relative;
			text-transform: uppercase;
			top: -24px;
		}
	
	
	
#main {
	
	background:#fff;
	padding:20px;
	padding-bottom: 80px;
	border:1px solid #522c30;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	behavior: url("js/libs/PIE.css");
	overflow:hidden;
	position:relative;
	zoom:1;
	z-index: 100;
}


#content {
	float:left;	
	width:620px;	
}

	#content ul#bread_crumbs{
		list-style-type: none;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
		#content ul#bread_crumbs li{
			float: left;
			margin-right: 11px;
		}
		
			#content ul#bread_crumbs li a{
				color: #999;
				text-decoration: none;
			}
			
				#content ul#bread_crumbs li a:hover{
					text-decoration: underline;	
				}
				
				#content ul#bread_crumbs li.current_page a{
					color: #777; 	
				}

#main #content .post ol,
#main #content .post ul{
	margin: 15px 0 15px 14px;
}

#main #content .post ol li{
	list-style-type: decimal;
	margin-left: 5px;
}

#main #content .post ul li{
	list-style-type: disc;	
}

#sidebar {
	width:280px;
	float:right;
}

#sidebar h2{
	color: #000;
	font-size: 17px;
	font-weight: bold;
	margin-top: 13px;
}

#sidebar p{
	color: #000;
	line-height: 20px;
	margin-top: -10px;
}

.right #sidebar { float:right; }
.right #content { float:left; }

.left #sidebar { float:left; }
.left #content { float:right; }

.fullwidth #sidebar { display:none; }
.fullwidth #content { float:none; width:100%; }

.nosidebar #sidebar { display:none; }
.nosidebar #content { float:none; margin:0 auto; }


.first-section { margin-bottom:40px !important; }

	.promo-red {
		
		background: transparent url("images/PromoRedLeft.png") no-repeat 0 0;
		display:block;
		margin: 40px 0 47px;
		padding:0 20px 4px;
		height:220px;
		/*
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		
		box-shadow:0 1px 3px #666;
		-moz-box-shadow:0 1px 3px #666;
		-webkit-box-shadow:0 1px 3px #666;
		-o-box-shadow:0 1px 3px #666;
		*/
		overflow:hidden;
		position:relative;
		zoom:1;
		
		behavior: url("js/libs/PIE.css");
	}
	.promo-red .End {
		position:absolute;
		right:0;
		top:0;
		height:224px;
		width:12px;
		background:#FFFFFF url("images/PromoRedRight.png") no-repeat 0 0;
	}

	.promo-red h2 {
		height:40px; line-height:40px;
		color:#fff;
		font-size:15px;
		font-weight: bold;
		text-shadow:0 1px 1px #666;
		-moz-text-shadow:0 1px 1px #666;
		-webkit-text-shadow:0 1px 1px #666;
	}
	
		.ie7 promo-red{
			padding-top:20px;
		}
		
	.promo-red img.logo { 
		float:left;
		margin-left: -7px;
		line-height: 20px;
	}
	
	.promo-red h3 { 
		margin:0 0 10px 140px; 
		color:#d21c09; 
		font-size:24px;
		letter-spacing:-1px;
		text-shadow:0 1px 1px #989393;
		-moz-text-shadow:0 1px 1px #989393;
		-webkit-text-shadow:0 1px 1px #989393;
	}
		.review .promo-red h3 {
			margin:0 0 20px 0;
			text-align:center;	
			font-size:20px;
		}
	.promo-red ul.info { 
		width: 313px;
		margin: -4px 0 0 9px; 
		color:#353535;
		font-size: 13px;
		float: left;
	}
	
		.promo-red ul.info li{ 
			display: block;
			font-size: 12px;
		}
		
			.promo-red ul.info li strong{  
				font-size: 12px;
			}
		
	.promo-red .promo-red-side{ 
		width: 249px; 	
		text-align: center;
		position: absolute;
		z-index:99;
		zoom:1;
		left: 360px;
	}
		
		.promo-red .promo-red-side span.bonus_text{
			color: #a90f09;
			font-size: 15px;
			font-weight: bold;
			text-align: center;
		}
		
		.promo-red .promo-red-side a.black{
			margin: 17px 0 0 73px;
		}
		
		.promo-red .promo-red-side a.download_link{
			color: #000;
			font-weight: bold;
			text-decoration: underline;
			padding-left:64px;
		}
		
			.promo-red .promo-red-side a.download_link:hover{
				text-decoration: none;	
			}
		
		.review .promo-red promo-red-side a.red-side-link { color:#000; text-decoration:underline; text-align:center;  }
	
	.promo-red ul         { float:left; color:#838383; }
	.promo-red li         { display:inline; }
	.promo-red ul span    { display:block; }
	.promo-red .languages { width:150px; margin:0 0 0 20px;  }
	
		.review .promo-red .languages { 
			width:100%; 
			text-align:center;
			margin:0;
		}
		.review .payment {
			clear:right;
			width:180px;
			line-height:25px;
			color:#838383;
			font-size: 12px;
		}
		
			.review .payment span { display:block; }
			.review .payment li {
				display:inline;	
			}
		
		
	.promo-red .payment   { width:400px; margin-top: -4px; }
		
	.promo-red li img     { padding:0 10px 0 0; }
	
	
	
	
		
	.promo-3 { overflow:hidden; margin:30px auto; width:620px; }	
	.promo-3 h2 { 
		text-align:center;
		color:#a82930; 
		font-size:18px;
	}
	.promo-3 li {
		width:138px;
		padding:20px;
		float:left;
		text-align:center;
		border:1px solid #ead3d4;
		background:#f8f4f4;
		position:relative;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		behavior: url("js/libs/PIE.css");
	}
	
		.promo-3 li img { width:138px; height:100px; }
		
		
		.promo-3 li.middle { margin:0 40px; }
		.promo-3 a         { display:block; text-decoration:underline;  font-weight:600; }
		.promo-3 p         { margin:0;  }
	
	
	
	.promo-yellow{
		
		background: #faead6;
		
		
		
		margin:60px 0;
		padding:0px;
			
		/*box-shadow:0 1px 3px #666;
		-moz-box-shadow:0 1px 3px #666;
		-webkit-box-shadow:0 1px 3px #666;
		-o-box-shadow:0 1px 3px #666;
		*/
		background: #fbf3e9; /* Old browsers */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZjNlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWU5ZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #fbf3e9 0%, #fae9d4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf3e9), color-stop(100%,#fae9d4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fbf3e9 0%,#fae9d4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fbf3e9 0%,#fae9d4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fbf3e9 0%,#fae9d4 100%); /* IE10+ */
		background: linear-gradient(top,  #fbf3e9 0%,#fae9d4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf3e9', endColorstr='#fae9d4',GradientType=0 ); /* IE6-8 */

		
		overflow:hidden;
		position:relative;
		zoom:1;
		/*
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		behavior: url("js/libs/PIE.css");*/
	}
	
	.promo-yellow .Top {
		display:block;
		height:20px;
		width:620px;
		background:transparent url("images/YellowTop.png") no-repeat center 0;
		}
		
	.promo-yellow .Mid{
		clear:both;
		float:left;
		width:572px;
		padding:0 20px;
		border-right:4px solid #eacd85;
		border-left:4px solid #eacd85;
		}
	.ie7 .promo-yellow .Mid,
	.ie8 .promo-yellow .Mid,
	.ie9 .promo-yellow .Mid{
		width:570px;
		border-right:5px solid #eacd85;
		border-left:5px solid #eacd85;
		}
	
	.ie7 .promo-yellow .Mid,
	.ie8 .promo-yellow .Mid {
		width:572px;
		}
	.promo-yellow .Btm {
		clear:both;
		float:left;
		display:block;
		height:21px;
		width:620px;
		background:transparent url("images/YellowBtm.png") no-repeat center 0;
		}
	
	
	.promo-yellow a.promo_logo_link {
		background: none repeat scroll 0 0;
		display: block;
		float: left;
		height: 67px;
		margin-left: -10px;
		margin-right: 10px;
		width: 110px;
	}
	
	.promo-yellow .promo_text{
		width: 281px;
		float: left;
	}
	
.promo-yellow .promo_text h2 { 
	color:#757474;
	margin: 12px 0 5px; 
	font-weight: bold; 
	font-size:16px; 
}
	.promo-yellow .promo_text span { 
		font-size: 20px;
		color:#a82930;
		text-shadow:0 1px 1px #989393;
		-moz-text-shadow:0 1px 1px #989393;
		-webkit-text-shadow:0 1px 1px #989393;
		font-weight:bold;
	}
	
	.promo-yellow a.grey { margin-bottom:0 !important; }
	
	.promo-yellow p { 
		width: 376px; 
		color:#000;
		margin-top: 11px;
	}
	
	.promo-yellow a.btn {
		 float:right;
		 clear:right;
		 margin-top: 6px;
		 margin-ri: -5px;
	}
	
	.long_description a.btn{
		position: absolute;
		right: 22px;
		top: 75px;
	}



	.widget {
		min-height: 120px;
		padding:20px;
		border:1px solid #ceb8b8;
		background:#f5f5f5;
		margin:0 0 20px 0;
		
		box-shadow:-5px 0 2px #f3dbab inset;
		-moz-box-shadow:-5px 0 2px #f3dbab inset;
		-webkit-box-shadow:-5px 0 2px #f3dbab inset;
		-o-box-shadow:-5px 0 2px #f3dbab inset;
		
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-o-border-radius:10px;
		
		overflow:hidden;
		position:relative;
		zoom:1;
		
		behavior: url("js/libs/PIE.css");
	}
	
	.ie6 .widget     { width:240px !important; }
	.ie6 .widget img { width:240px; }
	.ie6 .boxtitle   { display:none !important; height:0 !important; width:0 !important; }
	
	.widget img { 
		display:block;
		margin:0 auto;
		max-width:240px;
	}
	
	.widget li{
		color: #958896;
		list-style-type: disc;
		margin-left: 13px;
	}
	
		.widget li a {
			padding:0 0 0 0px;
			display:block;
			color: #535252;
		}
		
			.widget li a:hover{
				text-decoration: underline;
			}
		
	.noshd {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;	
	}
	
	
	.widget .boxtitle {
		
		position:absolute;
		display:block;
		background:#f5f5f5;
		font-size:38px;
		font-weight:bold;
		color:#f3e3c2;
		z-index:1;
		white-space:nowrap;
		text-shadow:0 1px 1px #989393 ;
		-moz-text-shadow:0 1px 1px #989393 ;
		-webkit-text-shadow:0 1px 1px #989393 ;
		height:38px;
		-webkit-transform: rotate(-270deg); 
		-ms-transform: rotate(90deg); 
		-moz-transform: rotate(-270deg);	
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand')";*/
/*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=-1.00000000, M21=1.00000000, M22=0.00000000,sizingMethod='auto expand');*/
		
	}
	
		
	
	.facts .boxtitle { 
		color:#f2c266;
		
	}
	.facts {
		box-shadow:-5px 0 2px #f2c266 inset;
		-moz-box-shadow:-5px 0 2px #f2c266 inset;
		-webkit-box-shadow:-5px 0 2px #f2c266 inset;
		-o-box-shadow:-5px 0 2px #f2c266 inset;	
	}
	
	.ie9 .widget .boxtitle {line-height:43px;}
		.ie8 .widget .boxtitle {
			
			top: 15px;	
			right: 10px;
			line-height:40px;
			display:inline-block;
			
		}
		.ie7 .widget .boxtitle {
			
			right:14px;
			top: 15px;
			line-height:30px;
		}
		
	.facts .lg    { 
		width:198px;
		height:60px; 
		line-height:60px; 
		margin:0 0 20px 0;
		display:inline-block; 
	}	
	.facts .lg img {
		display:inline;
		vertical-align:middle;
		max-width:190px;
		max-height:60px;
		margin-left: 50px;
	}
		.ie6 .facts .lg img {
			width:190px;
			height:60px;
		}
	
	
	
	.facts ul        { margin:0 0 20px 0;}
	.facts a.btn     { margin:0 auto 0 16px; }
	.facts a.visit   { width: 269px; margin-left: -35px; font-weight:600; text-decoration:underline; }
	.facts a.visit:hover   { text-decoration: none; }
	.vtxt h2, .vtxt ul,  .vtxt p   { padding:0 40px 0 0; }
/*
================================================================ review
*/

.screenshots { text-align:left; margin-top: 16px;width:630px; }
.screenshots img {
	display:inline;
	max-width:190px;
	margin:0;	
	float: left;
	margin-right: 16px;
}

.ie8 .screenshots img { width:190px; }
.ie6 .screenshots img { width:190px; }
.post { margin:20px auto; }


/*
===================================================================== forms
*/

form input:not([type="radio"]), form textarea { width: auto; }
input[type="tel"], input[type="email"], input[type="number"], input[type="text"], input[type="password"], input[type="date"], textarea, select {
    background: #fff;
    border: 1px solid #fff;
	
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset;
	
    color: #999;
    display: block;
    float: left;
    font-style: italic;
	
	behavior: url("js/libs/PIE.css");
}
input[type="tel"], input[type="email"], input[type="number"], input[type="text"], input[type="password"], input[type="date"], select {
	height: 30px;
    line-height: 30px;
    padding: 0 5px;
    position: relative;
}
select {
	padding:0 0 0 5px;
	height: 30px;
    line-height: 30px;	
}
textarea { padding:8px ; }
	

form {
    display: block;
    margin: 20px auto;
    overflow: hidden;
    position: relative;
}
	fieldset {
		display: block;
		margin: 20px 0;
	}
		fieldset > legend {
			color: #666666;
			display: block;
			font-size: 24px;
			height: 32px;
			line-height: 32px;
			margin: 0 0 16px 0;
		}
		
		form ol li {
			background: none repeat scroll 0 0 #f0f0f0;
			line-height: 30px;
			list-style: none outside none;
			overflow: hidden;
			padding: 10px;
			border-top:1px solid #ccc;
			border-bottom:1px solid #fff;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-o-border-radius: 5px;
			
			behavior: url("js/libs/PIE.css");
		}
		
		form label {
			float: left;
			text-transform: capitalize;
			width: 110px;
		}
	




/*
===================================================================== tables
*/	

th, td, table, tbody, thead, table img, table a, table span { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }

.t-wrap {
	margin:16px -10px;
	text-align:center;
	background:url("images/corner.png") no-repeat  -1px 100%;
	padding-bottom:10px;
}
	.t-wrap th { 
		background:#303030; 
		padding:10px; 
		text-transform:uppercase; 
		border:1px solid #000; 
	}
	.t-wrap td {
		height:48px;
		border-bottom:1px dashed #595959;
		background:#000;	
	}
	.t-wrap td img, .t-wrap td a.btn {
		display:block;
		margin:0 auto;	
	}
	td span.rating { margin:0 auto; }
/*
===================================================================== links and titles
*/	

a.btn {
	display:block;
	width:100px;
	height:60px;
	line-height:60px;
	padding:0 60px 0 10px;
	
	
	background-image:url("images/btns.png");
	background-repeat:no-repeat;
	
	text-shadow:0 1px 1px #000;
	-moz-text-shadow:0 1px 1px #000;
	-webkit-text-shadow:0 1px 1px #000;
	
	color:#fff;
	font-size:18px;
	text-align:center;	
	font-weight:bold;
	position:relative;
	z-index:999;
}


a.black  { background-position: 0 0; }
a.yellow { background-position:-170px 0; }
a.grey   { background-position: -340px 0; }
a.btn:hover    { background-position: 0 -60px; }

a.black:hover  { background-position: 0 -60px; }
a.yellow:hover { background-position:-170px -60px; }
a.grey:hover   { background-position: -340px -60px; }

a.black:active  { background-position: 0 -120px; }
a.yellow:active { background-position:-170px -120px; }
a.grey:active   { background-position: -340px -120px; }

a.red_btn{
	background: url("images/large_btn_states.png") no-repeat 0 0;	
}
	a.red_btn:hover{
		background-position: 0 -60px;	
	}
	
	a.red_btn:active{
		background-position: 0 -120px;	
	}

a.visit  { display:block;  text-align:center; }

a { color:#d21c09; text-decoration:none; outline:none; }

h1, h2, h3, h4, h5, h6 {
	line-height:20px;
	color:#757474;
	font-weight:bold;
	margin-bottom:20px;
}

h1 { font-size:25px; color:#000; margin-top: 21px;}
h2 { font-size:18px; color:#353535; font-weight: normal; }
h3 { font-size:16px; color:#353535; margin-bottom:10px; font-weight: normal;} 

h4 { font-size:14px; margin-bottom:10px;}
h5 { font-size:12px; margin-bottom:5px;}
p  { margin:0 0 20px 0; }

h2 + .post{
	margin: -17px auto;	
}

.post h2,
.post h3{ margin:0 0 12px 0; }

.post strong{
	color: #010101;
	font-weight: bold;
}

.post a{
	text-decoration: underline;
	color: #535252;
}
	.post a:hover{
		text-decoration: none;	
	}

.fr  { float: right; }
.fl  { float: left;  }
.cb  { clear: both; }
.cbf { clear: both; display:block; height:0; line-height:0; }

/*
===================================================================== rating
*/	

span.rating { 
	display:block;
	background-image:url("images/stars.png") ;
	background-repeat:no-repeat;
	width: 116px;
	height: 21px;
	text-indent:-9999px;
	margin:0 auto;
}

.s-0   { background-position: 0 0; }
.s-0-5 { background-position: 0 -26px; }
.s-1   { background-position: 0 -52px; }
.s-1-5 { background-position: 0 -78px; }
.s-2   { background-position: 0 -104px; }
.s-2-5 { background-position: 0 -129px; }
.s-3   { background-position: 0 -155px; }
.s-3-5 { background-position: 0 -181px; }
.s-4   { background-position: 0 -207px; }
.s-4-5 { background-position: 0 -232px; }
.s-5   { background-position: 0 -258px; }


.rtng { 
	width:212px; 
	position: absolute;
	top: 27px;
	left: 438px;
	
	font-size:15px; 
	color:#b0b0b0; 
	margin-top: 23px; 
	font-weight: normal; 
}
	.rtng strong, .rtng span.rating  { float:right; margin-right: 10px; }
		.rtng strong, .rtng span.Title  { float:left; margin-right: 10px; }
	.ie6 .rtng, .ie7 .rtng,  .ie8 .rtng, { font-size:16px; }

/*
============================================================= images
*/

.alignleft, img.alignleft {
	float:left;
	margin:0 20px 20px 0;	
}

.alignleft img { float:none; margin:0; }

.alignright, img.alignright {
	float:right;
	margin:0 0 20px 20px;	
}

.alignright img { float:none; margin:0; }




/*
=========================================================================
*/

.styles, .falsenav { 
	position:absolute;
	top:0;
	padding:10px;
}
.styles a, .falsenav a {  
	color:#ccc; 
	padding:0 10px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic; 
	border-bottom: 1px dotted #FC0; 
	line-height:32px;
	display:block;
}
.falsenav { right:0; } .styles { left:0; }
.styles a.act, .falsenav a.act { color:#FC0; }



/*headings*/
h2.red_title{
	color: #931109;
	font-size: 20px;
	font-weight: bold;
	margin: 40px 0 28px 0;
	
}

h3.red_title{
	color: #931109;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 18px;
	margin-top: 40px;
}


/*buttons*/
a.medium_button{
	width: 121px;
	height: 26px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #2a2a2a;
	background: url("images/medium_btn_states.png") no-repeat 0 0;
	text-decoration: none;
	padding-top: 6px;
}

	a.medium_button:hover{
		background-position: 0 -32px;	
	}
	
	a.medium_button:active{
		background-position: 0 -64px;	
	}
					

a.small_button{
	width: 101px;
	height: 26px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #2a2a2a;
	background: url("images/small_btn_states.png") no-repeat 0 0;
	text-decoration: none;
	padding-top: 6px;
}

	a.small_button:hover{
		background-position: 0 -32px;	
	}
	
	a.small_button:active{
		background-position: 0 -64px;	
	}


/*toplist*/
.toplist_wrap{
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
}

	.toplist_wrap .toplist_bg{
		width: 620px;
		background: #fef3f3 url("images/TableBg.png") repeat 0 0;
		position: relative;
		border: 1px solid #723831;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px; 
		behavior: url("js/libs/PIE.css");
	}
	
	.toplist_wrap .editors_choice{
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		text-align: center;
		position: absolute;
		top: -14px;
		left: 32px;
		padding: 4px;
		background: #f7ab3e;

		behavior: url("js/libs/PIE.css");
	}
	
	.ie9 .toplist_wrap .row_1_corner_text {padding-top:2px;height:28px;}
	
	.ie8 .toplist_wrap .row_1_corner_text {
		top:-1px;
		left:1px;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}
	.ie7 .toplist_wrap .row_1_corner_text
	 {
		top:-1px;
		left:1px;
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}
	
	.toplist_wrap table#toplist{
		width: 620px;
		text-align: center;
		vertical-align: middle;
		border-collapse: collapse;
	}
	
		.toplist_wrap table#toplist td{
			height: 65px;
		}
		
			.toplist_wrap table#toplist tr#row_1{
/*				background: url("images/first_row_bg.png") no-repeat 0 -1px;*/
			}
			
			.toplist_wrap table#toplist tr.last_row_dark{
/*				background: url("images/last_row_bg_dark.png") no-repeat 0 0;*/

			}
				
			.toplist_wrap table#toplist tr.dark_row td{
/*				background: #f7eded;	*/
			}
			
			.toplist_wrap table#toplist td.logo{
				width: 176px;	
			}
			
			.toplist_wrap table#toplist td.stars{
				width: 116px;
			}
			
				.toplist_wrap table#toplist td.stars span.rating{
					width: 116px;
					display: block;
				}
				
				.toplist_wrap table#toplist td.stars a.review_link{
					font-size: 12px;
					color: #aaa;
					text-decoration: underline;
				}
				
					.toplist_wrap table#toplist td.stars a.review_link:hover{
						text-decoration: none;	
					}
				
						
			.toplist_wrap table#toplist td.bonus{
				color: #000;
				font-size: 12px;
			}
			
			.toplist_wrap table#toplist td.btn{
				width: 145px;
			}
			
	
	.toplist_wrap a.table_bottom_link{
		color: #a90f09;
		font-size: 14px;
		text-decoration: underline;
		line-height: 37px;
		display: block;
		text-align: center;
	}
	
		.toplist_wrap a.table_bottom_link:hover{
			text-decoration: none;	
		}


/*featured*/
.featured_wrap{
	width: 620px;
	height: 280px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 40px auto 0;
}

	.featured_wrap h3.red_title{
		text-align: center;	
	}
	
	.featured_wrap .box{
		width: 180px;
		height: 240px;
		background: #f8f4f4;
		border: 1px solid #ead3d4;
		text-align: center;
		float: left;
		zoom: 1;
		position: relative;
		
		-webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		border-radius: 13px; 
		behavior: url("js/libs/PIE.css");
	}
	
	.featured_wrap #box_1,
	.featured_wrap #box_2{
		margin-right: 35px	
	}
	
		.featured_wrap .box a.logo_link{
			width: 110px;
			height: 67px;
			display: block;
			margin: 12px auto;
		}
		
		.featured_wrap .box p.bonus_text{
			color: #000;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			margin-top: 15px;
		}
		
		.featured_wrap .box a.medium_button{
			margin: 22px auto 0;	
		}

/*mini_toplist*/
.mini_toplist_wrap table.mini_toplist{
	width: 250px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	margin-left: -6px;
}
	
	.mini_toplist_wrap table.mini_toplist td{
		height: 70px;
	}
	
	.mini_toplist_wrap table.mini_toplist td.mini_links{
		width: 80px;	
	}
	
		.mini_toplist_wrap table.mini_toplist td.mini_links a.logo_link{
			width: 80px;
			height: 40px;
			display: block;
		}
		
		.mini_toplist_wrap table.mini_toplist td.mini_links a.review_link{
			color: #aaa;
			font-size: 12px;
			text-decoration: underline;
		}
		
			.mini_toplist_wrap table.mini_toplist td.mini_links a.review_link:hover{
				text-decoration: none;	
			}
			
	.mini_toplist_wrap table.mini_toplist td.mini_bonus{
		color: #000;
		font-size: 12px;
		line-height: 13px;
		padding-right: 5px;
	}
	
	.mini_toplist_wrap table.mini_toplist td.mini_btn{
		width: 101px;	
	}
	
/*related articles*/
.related_articles{
	width: 560px;	
}

	.related_articles ul.articles_list{
		margin-left: 13px;
		margin-top: 5px;
	}
	
		.related_articles ul.articles_list li{
			list-style-type: disc;
			margin: 0;
			padding: 0;
			line-height: 25px;
			color: #958896;
		}
		
			.ie7 .related_articles ul.articles_list li{
				margin: 0 0 0 3px;	
			}
			
			.related_articles ul.articles_list li a{
				color: #535252;
				font-size: 13px;
				font-weight: 600;
				text-decoration: none;
			}
			
				.related_articles ul.articles_list li a:hover{
					text-decoration: underline;	
				}
				
				
				
				/* PrettyPhoto */
				
	
	
	.Magnivier {
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		width:29px;
		height:29px;
		background:transparent url("images/zoom_icon.jpg") no-repeat 0 0;
	}
	.Overlay { display: none; background:transparent url("images/BgOverlay.png") repeat scroll 0 0 ;height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9995;}
	.popupImg {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 6px solid;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px #000000;
    display: none;
    left: 50%;
    margin-left: -300px;
    margin-top: -150px;
    min-height: 300px;
    padding: 20px 20px 40px;
    position: fixed;
    top: 30%;
    width: 600px;
    z-index: 99999;
}
.popupImg img {
    width: 600px;
}

.popupImg .close {
    background: url("images/close.png") no-repeat 0 0;
	cursor: pointer;
    display: block;
    height: 37px;
    overflow: hidden;
    position: absolute;
    right: -20px;
    text-indent: 99px;
    top: -18px;
    width: 37px;
}
.clearfix::after{content:"";display:table;clear:both}