﻿
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Arial";
    font-size: 16px;
    
    color:#000;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/images/icms/tab-site.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color:#222;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
    color:#fff;
    top:1px;
    border-bottom:1px solid #b00000;
}

.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top:7px;
    padding-bottom:5px;
    padding-right: 0;
    
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top:7px;
    padding-bottom:5px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    color:#fff;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
     
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active, .ui-tabs-unselect { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #bfbfbf;
    padding: 5px 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
body { text-align:center;font-family:Arial;font-size:12px;margin:0 auto;
background:#fff;width:1014px;padding-top:10px;
}
#header { width:999px;height:236px;background:url(/images/header.gif) no-repeat; }
#adblockstop {height:69px;text-align:right;width:742px;float:right;margin-top:39px;margin-right:20px;position:relative;left:10px; }
#introholder { display:none; }
#dollareye { width:93px;height:45px;float:left;margin-top:67px;margin-left:83px; }

.topad { color:#242424;margin-top:5px;text-align:left;float:right;line-height:150%; }
.topad div a { color:#bb0423;text-decoration:underline;font-size:14px;font-weight:bold; }
.topad .msg { margin-top:2px; }
.topad .adlink { color:#008066; }

#introtext { width:748px;clear:both;margin-top:47px;float:right;margin-right:5px;color:#291f0a;font-size:22px;text-align:left;font-style:italic; }
#introtext li { list-style-type:none; } 
#introtext li a { color:#242222;text-decoration:none;font-weight:bold; }
#introtext li a:hover { text-decoration:none;color:#222; }

#txtDate { float:left;margin-top:22px;font-size:15px;font-weight:bold;display:block;width:152px;text-align:center; }

#tabshometop { background:url(/images/tabs-tophome-def.gif) no-repeat top;width:994px;height:145px;}
.tabcontent { width:994px;background:url(/images/bgcontentarea.png) repeat-y;display:table;text-align:left;}

.contentareatop { background:url(/images/contentarea-top.gif) no-repeat top;width:994px;height:98px; }

#maincontainer { position:relative;top:-41px;left:2px; }

.tabcontentbottom {  width:994px;height:39px;background:url(/images/bgcontentareabottom.png) no-repeat;}
.tabcontentarea  { width:930px;text-align:left;margin-left:29px;font-size:14px;display:table;}

.tabcontentarea a { color:#000; }

.hr { background:#fff url(/images/contentareahr.gif) no-repeat;height:17px;width:935px;
position:relative;left:-3px;clear:both;border:0;}
.hr hr { display:none; }

#tabshometop ul { margin:0;padding:0;width:994px;height:50px;}
#tabshometop ul li { display:none; }

#tabshometop h1 { margin:0;padding:0;font-size:23px;color:#b00000;width:195px;float:left;text-align:center;margin-top:26px;margin-left:28px; }
.contentareatop h1 { margin:0;padding:0;font-size:23px;color:#b00000;width:195px;float:left;text-align:center;margin-top:27px;margin-left:28px; }

#tabshometop h2 { font-size:14px;color:#fff;float:left;width:720px;text-align:left;margin-left:25px;margin-top:33px; }
.contentareatop h2 {font-size:14px;color:#fff;float:left;width:720px;text-align:left;margin-left:25px;margin-top:35px; }

.articlesList { clear:both;padding-left:10px;padding-right:10px;width:903px; }
.articlesList p { clear:both;padding-bottom:10px;border-bottom:1px dotted silver;float:left;width:100%;padding-top:10px; }
.articlesList p img { float:left;margin-right:8px;border:1px solid silver;background:#f3f3f3;cursor:pointer; }
.articlesList td strong { color:#000;height:7px;display:block; }
.articlesList td strong a { color:#000;text-decoration:none; }
.articlesList td strong a:hover { color:#ec0025;text-decoration:underline; }
.articlesList td { clear:both;padding-bottom:10px;border-bottom:1px dotted silver;padding-top:10px; }

.bonusitemline { background:url(/images/bonusitemline.png) no-repeat;width:934px;height:44px;clear:both;position:relative;top:5px;z-index:5000; }
.bonusitemline h3 { float:left;font-size:16px;padding:0;margin:0;padding-top:9px;padding-left:10px;color:#fff; }
.bonusitemline h3 a { color:#fff;text-decoration:none;float:none;font-size:16px; }
.bonusitemline span { float:right;font-size:13px;color:#fff;padding-top:11px;padding-right:20px;text-decoration:none;cursor:pointer; }
.bonusitemdescription { background:#fef7f7;color:#291f0a;font-size:14px;padding:10px;margin-bottom:10px; }
.bonusitemdescription a { color:#000; }
.bonusitemlistings { padding-left:10px; }

.bonusitems { width:915px;position:relative;left:-2px; }
.bonusitems tr.lastitem td { border-bottom:0; }
.bonusitems td { font-size:12px;text-align:center;border-bottom:1px dotted silver;cursor:pointer; }

.bonusitems td a { font-weight:bold;color:#000;text-decoration:underline; }

.bonusitemheader { background:#ffffff url(/images/bgmetal.png) repeat-x bottom; }
.bonusitemheader td {  }
.bonusitems thead td { border-bottom:1px solid silver;font-weight:bold;color:#000;position:relative;z-index:2000; }

.biusa { width:32px;height:32px;background:url(/images/usa.gif) no-repeat; }
.binusa { width:32px;height:32px;background:url(/images/usano.gif) no-repeat; }

#bonusReviewArticle { padding:10px;font-size:14px;font-family:Arial; }
#bonusReviewArticle h3 { margin:0;padding:0;color:#b0003a;font-size:16px; }
#bonusReviewArticle h2 { margin:0;padding:0;color:#000;font-size:16px;display:inline; }

td.hover, tr.hover
{
	background-color: #fdf3f4;
}
th.hover, tfoot td.hover
{
	background-color: red;
}
td.hovercell, th.hovercell
{
	background-color: #ffdbde;
}
td.hoverrow, th.hoverrow
{
	background-color: #6df;
}

td.dr { background:#fff; }

#footer { 
width:970px;height:368px;background:url(/images/bgfooter.png) no-repeat;
position:relative;top:-15px;
padding-left:25px;
padding-top:20px;
 }
 
#footer div {
float:left;width:230px;margin-right:10px;
text-align:left;
 }
 
#footer strong { color:#fff;font-size:14px;padding-bottom:15px;display:block; }
#footer strong a { color:#fff;text-decoration:none; }
#footer strong a:hover { text-decoration:underline;}
#footer div ul { list-style-type:none;margin:0;padding:0; }
#footer div ul li { padding-bottom:6px; }
#footer div ul li a { color:#fff; }
#footer div ul li a.current { font-weight:bold;color:#ffda77 }
#footertext { width:970px;position:relative;top:-20px;text-align:left; }
#footerend { width:970px;text-align:left;clear:both;margin-top:15px;border-top:1px solid silver;padding-top:15px; }

.BonusItemDescription { display:none; }
#drDescription { display:none; }

.aimg { text-align:center;min-width:150px;float:left;margin-bottom:10px;margin-right:10px;display:table; }
.aimg img { position:relative;top:4px;background:silver;margin-bottom:10px; }
.aimg span { font-size:12px;color:red; }
.links p { display:inline;margin-left:15px;}
.related { border-bottom:1px dotted silver;padding-top:10px;clear:both;margin-bottom:10px; }
.date { float:right;font-size:12px;color:#bb0423;font-style:italic;width:100px; }