/*
Theme Name: Casino MP Multi General 1
Description: Child theme of the webpals framework
Author: Webpals
Template: framework
*/

@import url("../framework/style.css");

html { overflow-y: scroll; height:100%;} /* always force a scrollbar in non-IE */
body { 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #000; 
	height:100%;
} 

ul, ul li, ol, ol li {list-style:none; padding:0; margin:0;}
/*
===============================================================
		layout
===============================================================
*/
.FbLink {
    position: absolute;
    right: 110px;
    top: 129px;
    z-index: 999999;
}
.FbLink a {}

#wrap {
	width:880px;
	margin:0 auto 20px auto;	
}

#main {
	width:630px;
	padding:20px;
	float:left;	
}
#sidebar {
	width:190px;
	float:right;	
}

#main, #sidebar {
	background:#fff;
	box-shadow:0 1px 3px #999;	
	-moz-box-shadow:0 1px 3px #999;	
	-webkit-box-shadow:0 1px 3px #999;	
	-o-box-shadow:0 1px 3px #999;	
	behavior: url(js/libs/PIE.htc);	    
}


/*general bullets*/
#main ul, #main ol{
	margin: 0 0 15px 15px;
}

	#main ul li{
		list-style-type: disc;
		margin-bottom: 3px;
	}
	
	#main ol li{
		list-style-type: decimal;
		margin: 0 0 3px 4px;
	}
/*============= Button =============*/
a.Button_facebook {display:block; float:left; height:29px; line-height:29px;  font-size:11px; white-space:nowrap;}
a.Button_facebook:hover span {cursor:pointer;}
a.Button_facebook span {background: url("images/Button_facebook.png") no-repeat right 0 transparent; height:29px; line-height:29px;}
a.Button_facebook span.FBText {padding-right:10px; text-shadow:1px 1px 1px #333;}
a.Button_facebook > span {
	color:#FFF;
    display: block;
    float: left;
    font-weight: bold;
}
a.Button_facebook span:first-child {background-position:0 -29px;
    display: inline-block;
    float: left;
    width:28px;}



/*
===============================================================
		header
===============================================================
*/


#header {
	width:1000px;
    height: 160px;
    margin: 0 auto;
	position:relative;
	z-index:999;
}	
/*
	#header a.logo { 
		display:block;
		color:#fff;
		width:180px;
		height:40px;
		float:left;
		padding:90px 0 0 100px;
		text-decoration:none;
	}*/
	
	#header ul { 
		background:url(images/black50.png);
		height:20px;
		line-height:20px;
		
		box-shadow:0 -1px 2px #333;
		-webkit-box-shadow:0 -1px 2px #333;
		-o-box-shadow:0 -1px 2px #333;
		position:relative;
		z-index:9999;	
	}
	
	#header .logo { 
		position:absolute; 
		padding:20px 40px 0 0;
		height:140px;
	}
	
	.simple .logo {  padding:0 !important; }
	
	
	
	#header .logo a { display:block; color:#fff; text-decoration:none; }
	#flashContent { 
		position:absolute;
		top:0;
		right:0; 
	}
	
		
	.nav-sml-container {
		overflow:hidden;
		background:url(images/black35.png);	
		box-shadow:0 1px 2px #333;
		-webkit-box-shadow:0 1px 2px #333;
		-o-box-shadow:0 1px 2px #333;
		float:right; 
		margin:35px 0 0 0;
		padding:3px 0;
	}	
	
	.ie6 .nav-sml-container, .ie7 .nav-sml-container { width:550px; }
		
	
	#header ul.nav-sml { background:none; float:right; }
	
	#header ul.nav-sml li { background-position: 0 -782px; }
	
	#header  li.fb a, #header  li.fb a:hover {
		display:block;
		width:16px;
		height:19px;
		background:url(images/fb.png) no-repeat 50% 2px !important;
		text-indent:-9999px;
		float:right;
		margin-left:5px;	
	}
	
	
	#header  form {
	
		color:#fff;
		text-decoration:none;
		padding:0 10px;
		font-size:11px; 
		float:right;
	}
	

	
	#header form input[type="text"] {
		height:12px;
		line-height:12px;
		font-size:10px;
		margin-top:-2px;	
	}
	
	#header input[type="submit"] {
		
		overflow:hidden;
		height:20px;
		width:30px;		
		border: 0 none;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		text-transform:uppercase;
		text-align: center;
		text-decoration: none;
		padding-bottom:6px;
		
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
		-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
		-o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		behavior: url(js/libs/PIE.htc);		
	}
	
	
	
	
	#header .nav-sml li a { 
		float:left;
		height:20px;
		line-height:20px;
		color:#fff;
		text-decoration:none;
		padding:0 10px;
		background:none;
		font-size:11px;
	}
	
	
	
	#header ul.nav { 
		clear:both;
		margin:0 60px; 
		height:30px;
		position: absolute;
		bottom:0;
		width:85%;
	}
	
	
	#header li  {  float:left; position:relative; }
	#header li:first-child  { background:none; }
	
	
	
	
	#header li a { 
		float:left;
		height:30px;
		line-height:30px;
		color:#fff;
		text-decoration:none;
		padding:0 15px;
		margin:0 1px;
		
	}
	
	

	

	#header ul ul {
		display: none;
		position: absolute;
		height:auto;
		top: 30px;
		left: 0px;
		float: left;
		min-width:200px;	
	}
	#header ul ul li {
		display:block;
		float:none;
		min-width: 180px;
		background:none;
	}
	#header ul ul ul {
		left: 100%;
		top: 0;
	}
	#header ul ul a {
		display:block !important;
		float:none;
		background: none;
		border-bottom:1px solid #c8c0c0;
		width:85% !important;
	}
	
	.ie7 #header ul ul a {
		
		display:block !important;
		width:180px !important;
		
	}
	
	#header ul.nav li:hover > ul { display: block; }	
	
	
	.breadcrumbs { height:30px; line-height:30px; font-size:11px; }
	.breadcrumbs li { display:inline; color:#333; text-transform:capitalize;  }
		.breadcrumbs li a { color:#333; text-decoration:none;}
		
/*
===============================================================
		tables
===============================================================
*/

table, th, td, tr { vertical-align:middle; }
table { width:100%; }
td img  { vertical-align:middle; }


.toplist, .toplist-2  {
	position:relative;
	zoom:1;
	margin:10px	0 10px -35px;
	clear: both;
	
}
.toplist { width:638px; }
.toplist table {
	width:100%; 
	color:#000;
	box-shadow:0 1px 2px #999;
	-moz-box-shadow:0 1px 2px #999;
	-webkit-box-shadow:0 1px 2px #999;
	-o-box-shadow:0 1px 2px #ccc;
	behavior: url(js/libs/PIE.htc);		
}
td a { color:#000; text-decoration: none; }
.toplist th { 
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	padding:5px;
}
.toplist table td { 
	background:#fff;
	border-bottom:1px dashed #999; 
	padding:5px;
	text-align:center;
}
.toplist table tr.odd td { background:#eee; } 
.toplist .rating , .toplist-2 .rating { margin:0 auto; }
td.rt { color:#8f8e8e; font-size:10px; }
.toplist .meta {
	padding:5px 16px;
	box-shadow:0 1px 2px #999;
	-moz-box-shadow:0 1px 2px #999;
	-webkit-box-shadow:0 1px 2px #999;
	-o-box-shadow:0 1px 2px #ccc;
	behavior: url(js/libs/PIE.htc);		
}
.toplist .meta a { color:#fff; }
.toplist .corner, .toplist-2 .corner {
	width:15px;
	height:15px;
}
td a.btn-green { margin: 0 auto; text-decoration:none !important; }

/***************************************************************/

.toplist-2 th {
	font-size:16px;
	text-transform:uppercase;
}
.toplist-2 table { width:100%; color:#000; }
.toplist-2 td, .toplist-2 th  { 
	background:#ededed; 
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	text-align:center;
	padding:5px;
}
.toplist-2 td.last, .toplist-2 th.last { 
	background:#d6d4d4; 
	width:115px;
}
.toplist-2 th.last {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;		
}
.toplist-2 td.end {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.toplist-2 td a { text-decoration:underline; }
.toplist-2 .meta {
	background:#ededed;
	padding:5px 16px;
	width:76%;
	border-top:1px solid #ccc;	
}

.toplist-2 th.last {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.ie6 .toplist-2 th.last, .ie7 .toplist-2 th.last, .ie8 .toplist-2 th.last { background:url(images/round.png) no-repeat 0 0;	}
.ie6 .toplist-2 td.end, .ie7 .toplist-2 td.end, .ie8 .toplist-2 td.end { background:url(images/round.png) no-repeat left bottom;	}

/*********** calendar ***************************************/

.calendars { overflow:hidden; padding:0 0 40px 0; }
.calendars .t-wrap {
	width:165px;
	float:left;	
	padding:1px;
	overflow:hidden;
	margin:0 0 20px 0;
	
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	-webkit-box-shadow:0 1px 3px #ccc;
	   -moz-box-shadow:0 1px 3px #ccc;
            box-shadow:0 1px 3px #ccc;
	behavior: url(js/libs/PIE.htc);
}

.calendars .middle { margin:0 60px;  }
.calendars table { background:#fff; width:100%; }
.calendars thead td {
	

	
	color:#fff;
	padding:10px;
	font-size:18px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}

.calendars tbody td a  {
	display:block;
	height:35px;
	line-height:35px;
	width:35px;
	border:2px solid #fff;
	margin:0;
	text-align:center;
	text-transform:capitalize;
	text-decoration:none;
	overflow:hidden;
}
.calendars tbody td a:hover { background-position:-460px -345px; color:#fff; }
.calendars tbody td.inactive span, .calendars tbody td.selected span{
	display:block;
	height:35px;
	line-height:35px;
	width:35px;
	text-align:center;
	border: 2px solid #fff;
}
.calendars tbody td.selected span {
display:block;
	height:35px;
	line-height:35px;
	width:35px;
	border:2px solid #fff;
	margin:0;
	text-align:center;
	color:#ffffff;
	text-transform:capitalize;
	text-decoration:none;
	overflow:hidden;
}

#main .newslist li {
	background:url(images/sep.png) repeat-x bottom;
	padding: 0 0 40px 0;
	overflow:hidden;
	list-style:none;
}

.news-list  div.date {
    color: #FFFFFF;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    height: 43px;
    line-height: 12px;
    margin-right: 20px;
    width: 43px;
}

.news-list .date span, .news-list .date strong {
    display: block;
    font-weight: bold;
    text-align: center;
}
.news-list .date span { padding:7px 0 0 0; }
.news-list .date strong { font-size:14px; }


.news-list a.more {
    padding-right: 20px;
}

.new-item  .meta {
    border-right: 1px solid #F0F0F0;
    float: left;
    padding-right: 20px;
    width: 15%;
}


.new-item .content {
    border-left: 1px solid #CCCCCC;
    float: left;
    padding-left: 20px;
    width: 75%;
}

.new-item .content img {max-width:470px; }


.new-item  .date {
    clear: both;
    float: none;
    font-size: 18px;
    height: 58px;
    line-height: 20px;
    padding-top: 10px;
    width: 68px;
	text-align:center;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	margin-bottom:20px;
}

.date span.mon {
	
	display:block;
    font-size: 16px;
}
.date span.day {
	display:block;
    font-size: 28px;
}


/*
===============================================================
		footer
===============================================================
*/
	
#footer {
	 width:100%;
	 clear:both;	
}
#colophon {
	width:880px;
	padding:20px 0;
	margin:0 auto;
	color:#fff;
	text-align:center;
}

#colophon ul { margin-bottom:20px; }
#colophon li { display:inline; }
#colophon li a { 
	display:inline-block; 
	padding: 0 10px;
	color:#fff;
	text-decoration:none; 
}

#colophon li a:hover {
	background:#fff;
}

#colophon p { font-size:10px; }



/*
===============================================================
	review
===============================================================
*/

.review .page-title {
	margin-right:230px;	
}

.casino-info {
	width:210px;
	float:right;
	margin:-85px 0 20px 20px;
}
	.casino-info .main { padding:20px 10px 10px 10px; background:#e8e8e8 url(images/top-gr.png) repeat-x top;  }
	.casino-info .main img, .casino-info .main span, .casino-info .main h3 { margin:0 auto 5px auto; display:block; }
	.casino-info .main h3 {
		text-align:center;
		font-size:17px;
		text-transform:uppercase;
		font-weight:bold;	
	}
	.casino-info .main a { margin:0 0 5px -5px; }
.casino-info ul { 
	padding:10px; 
	font-size:11px; 
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd; 
	background:#faf8f8; 
	margin:0 0 10px !important;
}
	#main .casino-info ul li        { margin-bottom:2px; line-height:20px; list-style-type: none;}
	.casino-info ul li.payment span { display:block; }
	.casino-info ul li.payment img { max-width:40px; }
	.casino-info .screen { display:block; margin:0 auto; max-width:210px;}

.screenshots { clear:both; margin:20px 0; text-align:center; }
.screenshots img { max-width:205px;margin: 0 1px 1px 1px; }
.casino-desc { float:left; width:400px; }

	.casino-desc h3       { font-size:16px; margin:20px 0 5px 0; font-weight:bold; line-height:24px;}
	.casino-desc ul    {margin: 0 0 30px 0 !important; }
	.casino-desc ul li    { position:relative; overflow:hidden; font-size:11px; margin:0 0 8px 0; list-style-type: none;}
	
	#main.review .casino-desc ul li{
		list-style-type: none;	
	}
	
	.casino-desc ul li strong { display:block; }
	.casino-desc ul li strong, .casino-desc ul li p  { padding: 0 0 0 60px; }
	.casino-desc ul li p  { margin:0; }
	.casino-desc ul li h4 {
		display:block;
		width:60px;
		height:35px;
		line-height:35px;
		font-size:28px;
		font-weight:normal;
		float:left;
	}
	.casino-desc li.total    {  
		padding-top:6px; 
		background:url(images/ic.png) 50px 0 no-repeat;
	}
	.casino-desc li.red       { background-position:50px -194px; }
	.casino-desc li.orange    { background-position:50px -97px; }
	.casino-desc li.yellow    { background-position:50px -291px; }
	.casino-desc li.green     { background-position:50px 0; }
	
	.casino-desc li.total h3 {  font-size:18px; font-weight:normal; margin:0; line-height:43px; padding-left:110px; }
	.casino-desc li p 		 { color:#a4a2a2; }

.review blockquote {
	width:180px;
	margin:5px 20px 0 20px;
	float:right;	
}
.review blockquote img { margin:0 0 0 20px; }
.bottom-buttons {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #999999;
    overflow: hidden;
    padding: 10px !important;
}
.bottom-buttons a { margin-left:12px; }
.bottom-buttons h3 {
	font-size:16px;	
	margin-right:340px;
	height:40px;
	line-height:44px;
	text-indent:10px;
}
.resize-payment-logos{
max-width:44px;
margin:0 3px 5px 0;
}
/*
===============================================================
		sidebar
===============================================================
*/



.widget { margin-bottom:10px; }

.widget-title {
	background:#d0d0d0;
	color:#2a2a2a;
	font-size:15px;
	line-height:15px;
	min-height:20px;
	font-weight:normal;
	text-transform:capitalize;
	padding:7px 0 0 0	
}
.widget-content { padding:10px;	}


.side-nav { padding:5px 0;	}
	.side-nav  li { border-bottom:1px solid #d0d0d0; }
		.side-nav  li a { 
			color:#000;
			text-decoration:none;
			height:24px;
			line-height:24px;
			padding:0 10px;
			display:block;
		}

.side-news { padding-bottom:0 !important; }		
.side-news li { clear:both; margin-bottom:10px; overflow:hidden;   }		
	.side-news .date {
		width:25px;
		float:left;
		
	}
		.side-news .date span {
			display:block;
			background:#a0a0a0;	
			color:#fff;
			font-size:10px;
			text-align:center;
			text-transform:capitalize;
			margin-bottom:1px;
			line-height:10px !important;
		}
		.side-news .date strong {
			display:block;
			border:1px solid #a0a0a0;	
			color:#680607;
			text-align:center;
			font-size:14px;
		}
	
.side-toplist li {
	clear:both;
	border-bottom:1px dashed #7b7b7b;
	vertical-align:baseline;
	overflow:hidden;
	padding:0 5px;	
}

.side-toplist li {}
.side-toplist li .Section_right {float:left; padding:11px 0;}
.side-toplist li .Section_right span.rating-sml {margin:0;}
	
.side-toplist img.logo {
	float:left;
	padding:7px 0;
	margin-right:10px;
	width:80px;
	height:40px;
	background:#fff;
}

.side-toplist strong, .side-toplist a { display:block; }

.side-toplist span.rating-sml {
    background-image: url(images/stars-sml.png);
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    text-indent: -9999px;
    width: 68px;
	margin:5px 0 5px 95px;
}

.side-news a { 
	color:#000; text-decoration:none; 
	display:block;
	padding:0 0 0 35px;
	min-height:30px;   
}

.side-promo { position:relative;	}

.side-promo p {
	position:absolute;
	bottom:5px;
	left:0;
	margin:0;
	display:block;
	padding:10px;
	color:#fff;
	z-index:999;
	border-top: 1px groove #fff;
	text-align:center;
	background:url(images/black75.png);
	width:170px;
}

.side-promo p a { margin:5px auto; }
#sidebar img { max-width:190px; }
#sidebar li.last { margin:0;}




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


span.rating { 
	display:block;
	background-image:url(images/stars.png) ;
	background-repeat:no-repeat;
	width:90px;
	height:20px;
	text-indent:-9999px;
}

.s-0   { background-position: 0 -200px; }
.s-0-5 { background-position: 0 -180px; }
.s-1   { background-position: 0 -160px; }
.s-1-5 { background-position: 0 -140px; }
.s-2   { background-position: 0 -120px; }
.s-2-5 { background-position: 0 -100px; }
.s-3   { background-position: 0 -80px; }
.s-3-5 { background-position: 0 -60px; }
.s-4   { background-position: 0 -40px; }
.s-4-5 { background-position: 0 -20px; }
.s-5   { background-position: 0 0; }


span.rating-sml {
    background-image: url("images/stars-sml.png");
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    text-indent: -9999px;
    width: 68px;
	margin:2px auto 5px auto;
}

.sml-0   { background-position: 0 -150px; }
.sml-0-5 { background-position: 0 -135px; }
.sml-1   { background-position: 0 -120px; }
.sml-1-5 { background-position: 0 -105px; }
.sml-2   { background-position: 0 -90px; }
.sml-2-5 { background-position: 0 -75px; }
.sml-3   { background-position: 0 -60px; }
.sml-3-5 { background-position: 0 -45px; }
.sml-4   { background-position: 0 -30px; }
.sml-4-5 { background-position: 0 -15px; }
.sml-5   { background-position: 0 0; }


/*
===================================================================== icons
*/


.icons { 
	background-repeat:no-repeat;
	height:30px;
	width:38px;
	overflow:hidden;
	display:block;
	
    float: left;
    margin: -10px 10px 0 5px;
}
.ic-1 { background-position: -460px 0; }
.ic-2 { background-position: -460px -30px; }
.ic-3 { background-position: -460px -60px; }
.ic-4 { background-position: -460px -90px; }
.ic-5 { background-position: -460px -120px; }
.ic-6 { background-position: -460px -150px; }

	
/*
===================================================================== buttons
*/


.btn-green {
	overflow:hidden;
	background-repeat: no-repeat;
	display:block;
	border: 0 none;
    color: #fff !important;
    cursor: pointer;
	font-family:Tahoma, Geneva, sans-serif;
    font-weight: bold;
  	text-transform:uppercase;
    text-align: center;
    text-decoration: none !important;
	
    text-shadow: 0 1px 0 #666;
	-moz-ext-shadow: 0 1px 0 #666;	
	-webkit-ext-shadow: 0 1px 0 #666;	
	-o-ext-shadow: 0 1px 0 #666;	
	
	behavior: url(js/libs/PIE.htc);
}
.green30 {
	width:30px;
	height:20px;
	line-height:20px;
	background-position:-420px -7px;	
}
.green30:hover { background-position:-420px -27px; }
.green100 {
	width:100px;
	height:30px;
	line-height:30px;
	background-position:0 -7px;	
}
.green100:hover { background-position:0 -37px; }
.ie6 .green100 { line-height:40px; }
.green120 {
	width:120px;
	height:30px;
	line-height:30px;
	background-position:-200px -74px;	
}
.green120:hover { background-position:-200px -104px; }
.green100-nice {
	padding-right:30px;
	width:70px;
	height:37px;
	line-height:45px;
	background-position:-100px 0;	
}
.green100-nice:hover { background-position:-100px -37px; }
.green120-nice {
	padding-right:30px;
	width:90px;
	height:37px;
	line-height:45px;
	background-position:-200px 0;
	text-indent:30px;	
}
.green120-nice:hover { background-position:-200px -37px; }



.green200 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	width:200px;
	height:60px;
	line-height:55px;
	
	font-size: 24px;
    font-weight: bold;

	background-position:0 -280px;	
}
.green200:hover { background-position:0 -340px; }
.green200-nice {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	padding:0 45px 0 10px;
	width:145px;
	height:60px;
	line-height:70px;
	
	font-size: 24px;
    font-weight: bold;

	background-position:0 -123px;	
}
.green200-nice:hover { background-position:0 -183px; }
.grey100 {
	width:100px;
	height:30px;
	line-height:30px;
	background-position:-320px -7px;		
}
.grey100:hover { background-position:-320px -37px; }
.grey120 {
	width:120px;
	height:30px;
	line-height:30px;
	background-position:-200px -133px;		
}
.grey120:hover { background-position:-200px -163px; }



.green180 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	width:180px;
	height:40px;
	line-height:40px;
	background-position:-240px -280px;	
}
.green180:hover { background-position:-240px -330px; }

.grey140 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	width:140px;
	height:40px;
	line-height:40px;
	background-position:-240px -400px;	
}
.grey140:hover { background-position:-240px -450px; }

/* == SITEMAP FROM DDAGON PLUGIN == */
.ddsg-wrapper ul li ul{
	margin-left:15px;
}

/*
============================================================================
						conversion
============================================================================
*/

.banner  {
	
	position:relative;
	margin: 50px auto 20px auto;	
	background:#000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	clear: both;	
	width:590px;
	behavior: url(js/libs/PIE.htc);
}

.ie6 .banner, .ie7 .banner {
	top: 40px;
	margin-bottom:40px;	
}

.banner  img { 
	position:relative; 
	z-index:5;
	padding:10px;
	display:block;
	max-height:310px;
	max-width:570px;
}

.banner  .blackbg {
	background:url(images/black75.png);
	display:block;
	padding:10px 10px 10px 20px;
	position:absolute;
	bottom:10px;
	z-index:10;
	border-top:2px solid #fff;
	width:560px;	
}

.banner h4 {
	position:absolute;
	padding:9px 20px 6px 20px;
	top:-31px;
	left:20px;
	color:#fff;
	color: #FFFFFF;
    font-size: 17px;
	text-transform:uppercase;
	
}

.banner h5 {
	border:none;
	color:#fff;	
	font-size:16px;
	padding:0;
	margin:0;
	padding-right:100px;
}

.banner p {  color:#fff; padding-right:200px; margin:0;  }
.banner a { color:#F00; display:block; text-transform:uppercase; font-size:14px; }


.banner a.btn-big-blue {
	width:185px;
	height:60px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	position:absolute;
	right:-24px;
	top:15%;
	text-decoration:none;
}
.banner a.btn-big-blue:hover { text-decoration:none; background-position:0 -461px}


.ie7 .banner a.btn-big-blue {
	right: -28px;
}



.ppp { position:absolute; background:#f00; padding:20px; color:#fff; z-index:9999999;  }



/******************************************************************/


.banner-sml {
	
	position:relative;
	margin:20px auto;
	border:1px solid #fff;
	box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	-webkit-box-shadow:0 0 5px #999;
	
	behavior: url(js/libs/PIE.htc);	}

.banner-sml .top {
	background:url(images/banner-bg-sml-top.png) repeat-x 0 0 #bababa;	
	padding:10px ;
}
.banner-sml .bottom {
	background:url(images/banner-bg-sml-bottom.png) repeat-x 0 0 #2a2a2a;	
	padding:10px ;
}


.banner-sml img.logo { float:left; margin:0 20px 0 0; }
.banner-sml h2 {   
	border:none;  
	font-size:22px; 
	text-transform:capitalize; 
	margin:0; 
	padding:5px 10px 10px 130px; 
}

.banner-sml p { color:#fff; padding:0 100px 0 0; margin:0; }
.banner-sml p a { color:#F33; }
/**********************************************************************/


.banner-toplist {
	padding:15px 20px 20px 20px;
	background:#7d7d7d;	
	margin:10px auto;
	color:#999;
	clear: both;	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	behavior: url(js/libs/PIE.htc);
}
.banner-toplist h3 {
	padding:10px; 
	color:#fff;	
	text-align:center;
	text-transform:uppercase;
	text-shadow:0 1px 0 #000;
	-moz-text-shadow:0 1px 0 #000;
	-webkit-text-shadow:0 1px 0 #000;
	-o-text-shadow:0 1px 0 #000;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
	font-size:16px;
	height:37px;
	line-height:37px;
	
	behavior: url(js/libs/PIE.htc);	}

.banner-toplist .table-wrap {
	padding:5px 20px;
	background:#000;
	box-shadow:0 3px 5px #000;
	-moz-box-shadow:0 3px 5px #000;
	-webkit-box-shadow:0 3px 5px #000;
	-o-box-shadow:0 3px 5px #000;
	
	behavior: url(js/libs/PIE.htc);	
}

.banner-toplist .table-wrap th { 
	background-image:none; 
	background-color:#000;
	color:#fff;
	font-size:11px;
	padding:5px 0;
	text-transform:uppercase;
	
}
.banner-toplist .table-wrap td { 
	background-color:#fafafa;
	border-bottom:1px dashed #ccc;
	padding: 5px 10px;
}
.banner-toplist td {
	padding:5px;	
}
.banner-toplist td p { font-size:11px; line-height:12px; display:block; margin:0; }
.banner-toplist td p a { color:#000; text-decoration:underline; }

	
	
.banner-toplist td.rtng { text-align:center; font-size:10px; }

	

/*
============================================= typo
*/


#related {
    background: none repeat scroll 0 0 #F3F3F3;
    margin: 10px auto 0 auto;
}
#related h2 {
    background-color: #aaa;
    color: #fff;
    font-size: 16px;
    padding: 3px;
	border:none;
    text-indent: 30%;
    text-shadow: 0 1px 0 #000;
	
	-moz-text-shadow: 0 1px 0 #000;
	-webkit-text-shadow: 0 1px 0 #000;
	-o-text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
	padding:0;
	line-height:28px;
}
#related ul {
    list-style: none outside none;
    margin: 20px 40px;
    padding: 0 0 10px;
    text-align: left;
}
#related ul li {  display: inline; }


#related ul li a {
    color: #A993A1;
    display: inline-block;
    padding: 5px 15px;
    width: 150px;
}

h2, h1.page-title { font-family:Arial, Helvetica, sans-serif;font-weight:normal;}

h2, h1 {
	font-size:25px;
	line-height:30px;
	font-weight:normal;
	padding:0 0 10px 0;
	margin-bottom:18px;
}
h1.page-title { font-size:30px; }

h3 { 
	font-size:20px; 
	font-weight:normal;
	line-height:30px;
 }
p { margin-bottom:10px; }




@font-face {
    font-family: 'Lobster13Regular';
    src: url('images/fonts/Lobster_1.3-webfont.eot');
    src: url('images/fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/fonts/Lobster_1.3-webfont.woff') format('woff'),
         url('images/fonts/Lobster_1.3-webfont.ttf') format('truetype'),
         url('images/fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




.fl { float:left; }
.fr { float: right; }
.cb { clear:both; display:block; }

.cbf { clear:both; display:block; height:0; line-height:0; font-size:0; }


img.fl {  margin: 0 20px 20px 0; }
img.fr { margin: 0 0 20px 20px;  }


a       { color:#680607; }
a:hover { color:#000; }
a.blue  { color:#0e5896; font-style:italic; font-weight:bold; }

blockquote { 
	font-size:16px;
	line-height:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc;
	font-style:italic;
	text-indent:40px;
}



.pok {
    clear: both;
    height: 105px;
    margin-right: -510px;
    position: absolute;
    right: 50%;
    top: 80px;
    width: 120px;
    z-index: 9999;
}


.bullets, /*ol*/ { margin: 20px 0 20px 40px; }

.bullets li, /*ol li*/  {
	line-height:20px;
	margin-bottom:10px;
	padding:0 0 0 15px;
	background:url(images/bullet.png) no-repeat 0 7px ;
}

.bullets, /*ol*/ { margin-bottom:18px; }

.banner-toplist iframe { overflow:hidden; }


/*
============================================================= images
*/
.alignleft, img.alignleft {
	float:left;
	margin:0 20px 10px 0;	
}

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

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

.alignright img { float:none; margin:0; }
img.aligncenter { 
	display:block;
	margin:16px auto;
}

.styles {
	position:absolute;
	top:10px;
	left:10px;
	padding:10px;
	background:#333;
	z-index:999999;
}

.styles a { 
	display:block;
	float:left;
	margin:0 5px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

.styles a:hover { color:#9C0; }


table.BrandTable {display:block;clear:both; margin:10px 0;position:relative;  font-family:arial; font-size:12px; color:#323131;  border-collapse:collapse; background-color:#FFF;}
table.BrandTable thead tr td {height:26px; text-align:center; color:#FFFFFF; font-size:16px; text-transform:uppercase; vertical-align:middle; border-left:1px solid #FFF;}
table.BrandTable thead tr td:first-child {border-left:none;}
table.BrandTable tbody tr {height:85px; }
table.BrandTable tbody tr td { text-align:center; vertical-align:middle;}
table.BrandTable tbody tr:first-child {background:transparent url(images/TableFistLiBg.png) repeat-x 0 bottom;}
table.BrandTable tbody tr td a.BrandLogoImg { display:block; margin:0 7px; border:none;}
table.BrandTable tbody tr td a.BrandLogoImg img {border:none;}
table.BrandTable tbody tr td span.rating {margin:0 auto 5px;}
table.BrandTable tbody tr td a.VisitBtn {color:#292929; font-size:17px;}
table.BrandTable.Btn tbody tr td a.VisitBtn {display:block; margin:0 7px; text-align:center; width:99px; height:33px; color:#FFFFFF; line-height:30px; font-size:15px; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 2px #000; }
table.BrandTable.Btn tbody tr td a.VisitBtn:hover {background-position:right top;}
#main table.BrandTable tbody tr td ul.TableWhyPlayList {float:left; padding:0; margin:15px;text-align:left; list-style:none !important;}
#main table.BrandTable tbody tr td ul.TableWhyPlayList li {padding-left:10px; list-style:none !important;}
table.BrandTable td a.BrandLogoImg {display:block;padding-left:10px;text-align:center;}
table.BrandTable td .EditorChoice {display:block;width:59px;height:60px;position:absolute;left:0px;top:26px;background:transparent url(images/EditorChoice.png) no-repeat 0 0;}
table.BrandTable td a.MoreInfoBtn {color:#323131; font-size:13px;width:128px;display:inline-block; text-decoration:underline; padding: 0 7px;}
table.BrandTable tr.last, table.BrandTable tr.last td {height:22px; }
table.BrandTable tr.last a {color:#FFFFFF; text-decoration:none;}
table.BrandTable tr.last a:hover {text-decoration:underline;}


/* TableBrandList */

#main ul.TableBrandList {
    clear: left;
    float: left;
    font-family: arial;
    font-size: 12px;
	list-style:none;
    margin: 10px 0;
	width: 100%;
}
#main ul.TableBrandList > li {
    background:transparent url(images/BrandLiBg.png) repeat-x 0 0 ;
	border:1px solid #680607;
    float: left;
	clear:left;
	list-style:none none;
    height: 108px;
    margin-bottom: 7px;
    position: relative;
    width: 100%;
}
ul.TableBrandList > li .img {
    height: 109px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 139px;
}
ul.TableBrandList > li .img a, ul.ABBrandList > li .logo a {
    border: medium none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
ul.TableBrandList > li .img img {
    height: 109px;
}
ul.TableBrandList > li .Favorite {
    background:transparent url(images/FavoriteLiBrand.png) no-repeat 0 0 ;
    height: 34px;
    left: -2px;
	padding:20px 0;
    overflow: hidden;
    position: absolute;
	vertical-align:center;
	z-index:999;
    top: 0;
    width: 73px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#2A5D03;
    text-align:center;
}
ul.TableBrandList > li .logo {
    left: 140px;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 140px;
}
ul.TableBrandList > li a.Review {
    color: #084682;
    left: 142px;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 140px;
}
ul.TableBrandList > li .RatingNBtn {float:right;padding: 25px 0 0; height:88px; width:154px; border-left:1px solid #cac9c9;}
ul.TableBrandList > li .rating {
margin:0 auto;
}
ul.TableBrandList > li a.btn-green {
    margin: 10px auto 0;
}
ul.TableBrandList > li .Desc {
    height: 90px;
    left: 280px;
    line-height: 16px;
    position: absolute;
    text-align: left;
    top: 14px;
    width: 190px;

}

/*
===============================================================
		Doron | 15-Aug-2012
===============================================================
*/
.Button_ConvE {width:318px; height:58px; display:block; line-height:50px; text-align:center; background:url(images/ConvE_Button.png) no-repeat 0 0; color:#FFF; font-size:24px; font-weight:bold; text-transform:uppercase; text-decoration:none;}
.Button_ConvE:hover {background-position:0 -58px; color:#FFF;} 
.ConvE_Review {width:574px; height:75px; display:block; background:url(images/ConvE_BG.png) no-repeat 0 0; padding:7px 30px 0 30px;}
.ConvE_Review span {display:inline-block; float:left; font-size:17px; line-height:50px;}
.ConvE_Review .Button_ConvE {display:inline-block; float:right;}