@media screen{

/* =GLOBAL ---------------------------------------------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body {
	font:11px Verdana, Helvetica, Arial, sans-serif;
	background-color:#EAECEC;
	text-align:center;
	color:#000;
	height:100%;
	
	background-image: url(../img/bg.gif); 
	background-position: top left; 
	
	background-color: #000000;
}

a {text-decoration:underline; color:#CC0000;}
a:hover, a:focus {text-decoration:none; color:#333;}
a img, fieldset {border:0;}
h1, h2, h3, h4 {font-weight:bold; display:block;}
h4, p, li {line-height:15px; font-size:1em;}
p.smaller {font-size:.9em;}
p.bigger {font-size:1.1em;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;}
sup {font-size:10px; vertical-align:text-top;}
code {
	font:500 1em/1.5em "Lucida Console", "Courier New", monospace;
	margin:4px 0;
	padding:8px; 
	display:block; 
	overflow:auto; 
}
blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	border-left:2px solid #C6D9E9;
	background-color:#EEE;
	margin:0.5em;
	padding:0.5em;
}

.center {text-align:center;}
.right {text-align:right;}
.to_left {float:left;}
.to_right {float:right;}
.clearfix:after {visibility:hidden; content:""; height:0; clear:both; display:block;}
.clearfix {display:inline-block; overflow:hidden; clear:both;}
.none, legend {display:none !important;}

.container {width:960px; margin:19px auto 0 auto; text-align:left;}
#header, #content, #navigation, #content .breadcrumbs, #content .item, #extra, #cols, #footer {overflow:hidden; clear:both;}
#header, #content, #footer {width:922px; padding:0 19px;}
#extra, #cols {padding:26px 19px;}
#header p {display:block; width:400px; padding:25px 55px 0 0; font-size:10px;}
#header.banner p {width:470px; padding:0 35px 0 0;}
#header.banner p img {display:inline;}
#header p a {color:#333;}

/* =HEADER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#header {padding-top:20px;}
#header h1 {margin-bottom:34px;}
#header h1, #header h1 a {
	text-decoration:none;
	font-size:25px;
	line-height:29px;
	width:338px;
	height:58px;
	padding-left:15px;
}



/* =CONTENT ---------------------------------------------------------------------------------------------------------------------------------------------- */

#content {padding-top:23px; padding-bottom:29px; background-color:#FFF}
#content h2 {font-size:23px; line-height:25px; font-weight:normal;}
#content h3 {font-size:18px; line-height:18px; font-weight:normal; padding-bottom:12px;}
#content h2, #content p {padding-bottom:15px; padding-left:18px;}
#content h2.nopad {padding-left:0;}
#content div h2, #content div p {padding-left:0;}

ul#navigation {
	background:#1B1B1B url('../img/bg_nav.gif') 0 0 repeat-x; 
	margin-bottom:29px;
	text-align:center;
	width:922px;
	height:34px; 
}
ul#navigation li {font:12px Arial, sans-serif; line-height:34px; display:inline;}
ul#navigation li a {
	background:url('../img/border.gif') 0 0 no-repeat;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold; 
	padding:9px 25px;
	color:#FFF;
}
ul#navigation li a:hover {text-decoration:underline;}
ul#navigation li:first-child a {background-image:none;}

#content .breadcrumbs {border-bottom:1px solid #EBEFF0; padding:0 0 9px 2px; margin-bottom:18px; width:920px;}
#content .breadcrumbs ul li {display:inline; font:12px Arial, sans-serif; line-height:13px;}
#content .breadcrumbs ul li a {
	background:url('../img/arrow.gif') 100% 60% no-repeat;
	padding-right:10px;
	margin-right:5px;
	display:block;
	float:left;
}

#content #extra {
	background:#F4F8FB url('../img/bg_extra.jpg') 0 100% repeat-x;
	margin-bottom:23px;
	padding:16px 32px;
	padding-bottom:1px;
	width:858px;
}
#content #extra.noimg {background:#F8F9FB; margin:0; line-height:16px; margin-top:12px;}
#content #extra.noimg2 {color:#FFF; background:#F4F8FB url('../img/bg_extra.jpg') 0 30% repeat-x; margin:0; line-height:16px; margin-top:15px;}
#content #extra.withmg {margin:-6px 0 23px !important; padding-bottom:18px;}
#content #extra.noimg h4 {padding-bottom:18px;}
#content #extra.noimg ul {padding-top:2px; padding-bottom:12px;}
#content #extra.noimg li a {color:#000;}
#content #extra.noimg2 h4 {padding-bottom:1px;}
#content #extra.noimg2 ul {padding-top:2px; padding-bottom:13px;}
#content #extra.noimg2 li a {color:#FFF;}
#content #extra h2 {color:#FFF;}
#content #extra .to_left {width:410px;}
#content #extra .to_left p {line-height:17px; color:#FFF;}
#content #extra .to_right {width:400px;}
#content #extra .to_right img {
	border:2px solid #FFF;
	margin-left:60px;
	display:block;
}

#content #extra .to_right a:hover img {}
#content #extra .to_right .bonus {font-weight:bold; line-height:20px;}
#content #extra .to_right .bonus a {display:block; color:#FFF; text-decoration:none;}
#content #extra .to_right .bonus a:hover {text-decoration:none;}
#content #extra .to_right .bonus img {
	margin:6px 12px 0 0;
	display:block;
	float:left;
	border:none;
}


#content #extra2 {
	margin-bottom:21px;
	padding:16px 32px;
	padding-bottom:1px;
	width:875px;
}
#content #extra2.info {background:#F4F4F4; margin:0; line-height:14px; margin-top:17px; font-size:10px; color:#9E9E9E; padding-bottom:19px; padding-left:15px;}
#content #extra2.info h4 {padding-bottom:4px;}
#content #extra2.info a { color:#9E9E9E; text-decoration:underline;}




#content #cols {margin-left:-40px; padding-bottom:20px; padding-top:10px;}
#content #cols .col {padding-left:40px; float:left;}
#content #cols .col, #content #cols .item {width:268px;}
#content #cols .border {border-bottom:1px solid #EBEFF0; padding-bottom:10px; margin-bottom:6px;}
#content #cols .col .to_left {width:77px;}
#content #cols .col .to_left img {margin-top:15px; display:block;}
#content #cols .col .to_right {width:175px;}
#content #cols .col .to_right a {font-size:11px;}
#content #cols .col .to_right a.flag {
	background:url('../img/flag.gif') 100% 100% no-repeat;
	padding:4px 23px 0 0;
	line-height:23px;
	font-weight:bold;
}
#content #cols .col .to_right a.noflag {
	padding:4px 23px 0 0;
	line-height:23px;
	font-weight:bold;
}
#content #cols .col .to_right a.txt {display:block; font-size:10px; color:#000; text-decoration:none;}
#content #cols .col .to_right a.txt:hover {text-decoration:none;}
#content #cols .col .to_right .links {display:block; padding-top:6px;}
#content #cols .col .to_right .links a {display:inline; margin-right:18px;}

#content .faq {width:900px; padding:10px 0 20px;}
#content .faq div {padding-bottom:15px;}
#content .faq .to_left {width:100px; text-align:center;}
#content .faq .to_right {width:780px; line-height:16px;}
#content .faq .to_right strong {display:block;}

#content .reviews, #content .reviews .item {width:922px;}
#content .reviews .item {padding-bottom:16px;}
#content .reviews .border {border-bottom:1px solid #EBEFF0; margin-bottom:36px;}
#content .reviews .logo {width:240px; padding-top:10px;}
#content .reviews .logo h3 {
	background:url('../img/tick.png') 0 0 no-repeat;
	padding-left:25px;
	font-weight:bold;
}
#content .reviews .logo p {padding:0; font-size:12px;}
#content .reviews .logo img {display:block; margin:5px auto 16px auto;}
#content .reviews .logo ul li {line-height:13px;}
#content .reviews .logo ul.info {width:240px; overflow:hidden; clear:both;}
#content .reviews .logo ul.info li {
	border-top:1px solid #EBEFF0; 
	padding:8px 0 8px 2px; 
	width:238px; 
	overflow:hidden; 
	clear:both;
}
#content .reviews .logo ul.info li:first-child {border-top:none;}
#content .reviews .logo ul.info li strong {display:block; width:90px; float:left;}
#content .reviews .logo ul.hits {width:225px; padding-left:15px; list-style-type:disc;}
#content .reviews .logo ul.hits li {margin-bottom:12px;}
#content .reviews .logo ul.hits li a {text-decoration:none;}
#content .reviews .description {width:360px; padding-left:25px; position:relative;}
#content .reviews .description h2 a {display:block; color:#000; text-decoration:none;}
#content .reviews .description h2 a:hover {text-decoration:none;}
#content .reviews .description .stars {position:absolute; top:9px; right:15px;}
#content .reviews .description .link {text-align:center; font-size:16px; line-height:16px; padding-top:10px;}
#content .reviews .description .link a {
	background:url('../img/link.png') 0 90% no-repeat;
	padding:5px 0 5px 45px;
	font-weight:bold;
}
#content .reviews .bonus {width:250px;}
#content .reviews .bonus p {padding:0 18px 20px 18px;}
#content .reviews .bonus p a {display:block; color:#000; text-decoration:none;}
#content .reviews .bonus p a:hover {text-decoration:none;}
#content .reviews .bonus p.smaller {text-align:center;}
#content .reviews .bonus p.adv {padding:25px 0 10px 0;}
#content .reviews .bonus .frame {
	background:#FFFCF0 url('../img/bg_bonus.jpg') 0 0 repeat-x;
	border:1px solid #FFBF3D;
	margin-bottom:6px;
	width:248px;
}
#content .reviews .bonus .frame p {font-weight:bold;}
#content .reviews .bonus .frame h3 {
	background-color:#FFBF3D;
	margin-bottom:19px;
	line-height:32px;
	text-indent:16px;
	padding:0;
}


/* =FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {line-height:14px; font-size:10px; padding:19px 21px 31px 19px; color:#CCCCCC;}
#footer .to_left {width:671px;}
#footer .to_right {width:251px; text-align:right;}


/* =FORMS ---------------------------------------------------------------------------------------------------------------------------------------------- */

form {padding:5px 0 15px;}
form div {padding-bottom:10px; overflow:hidden;}
form label {display:block; padding-bottom:3px;}
input, textarea, select {
	font:1.1em Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:1px solid #999;
	color:#333;
	padding:2px 3px;
}
select {padding:1px !important;}
option {padding-left:5px;}
.radio, .checkbox{
	background-color:transparent !important;
	width:13px !important;
	height:13px !important;
	margin:2px 5px -2px 0; 
	padding:0; 
	border:none;
	float:left; 
}


}