body {
font-family: arial, verdana, sans-serif;
background: #c8c8c8;
margin-top: 20px;

}

.right {
text-align: right;
}

#page {
width: 985px;
border: 1px #fff solid;
}


#footer {
margin-top: 4px;
width: 979px;
background: #878787;
padding: 4px;
float: right;
font-size: 11px;
color: #fff;
}



#footer .cr a, #footer .cr a:visited {
color: #e80000;
text-decoration: none;
}

#footer .cr a:hover, #footer .cr a:active {
color: #e80000;
text-decoration: underline;
}

#footer a, #footer a:visited {
color: #000;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color: #000;
text-decoration: underline;
}

.frontBoxL {
background: url('images/front_lback.gif') top no-repeat;
padding: 12px 17px 0px 17px;
float: left;
width: 286px;
height: 188px;
border-left: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
border-right: 1px dotted #dbdbdb;
margin-bottom: 6px;
}


.frontBoxL .detailImg img , .frontBoxR .detailImg img {
width: 80px;
height: 117px;
}

.frontBoxR {
background: url('images/front_rback.gif') top no-repeat;
padding: 12px 17px 0px 17px;
float: left;
width: 285px;
height: 188px;
float: left;
border-top: 1px solid #dbdbdb;
border-right: 1px dotted #dbdbdb;
margin-bottom: 6px;
}

.frontBoxL h2, .frontBoxR h2 {
margin: 0;
padding: 0;
}

.frontBoxL a, .frontBoxL a:visited, .frontBoxR a, .frontBoxR a:visited {
background: url('images/arrow.gif') left no-repeat;
padding-left: 8px;
color: #112047;
text-decoration: none;
font-weight: bold;
}

.frontBoxL a:hover,.frontBoxL a:active , .frontBoxR a:hover, .frontBoxR a:active{
color: #112047;
text-decoration: underline;
font-weight: bold;
}
.frontBox {
float: left;
width: 644px;
margin: 20px 15px 10px 15px;
}

.frontBox a, .frontBox a:visited {
color: #112047;
text-decoration: none;
font-size: 11px;
font-weight: bold;
background: url('images/arrow.gif') left no-repeat;
padding-left: 8px;
}

.frontBox a:hover, .frontBox a:active {
color: #e80000;
text-decoration: none;
font-size: 11px;
font-weight: bold;
}


.frontBox p {
font-size: 11px;
line-height:14px;
color: #000;
margin: 0 0 6px 0;
padding: 0px;
}

 .frontBoxL p, .frontBoxR p {
font-size: 11px;
line-height:14px;
color: #000;
text-align: justify;
}

.frontBox h1 {
font-family: arial, verdana, sana-serif;
font-size: 20px;
margin: 0 0 3px 0;
padding: 0px;
}

#shell {
background: #fff;
width: 987px;
border-right: 1px #7d7d7d solid;
padding-bottom: 20px;
float: right;
}

#outerwtf {
width: 987px;
position: absolute;
left: 50%;
margin-left: -492px;
}

#leftSide {
float: left;
width: 150px;
padding-top: 26px;
font-size: 11px;
}

#rightSide {
float: left;
width: 150px;
}

#detailBox {
float: left;
width: 644px;
margin: 0px 15px 0px 15px;
}


#detailBody {
background: url('images/detail_back.gif') top center no-repeat;
padding: 12px 18px 12px 18px;
width: 608px;
font-size: 12px;
border-left: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
border-right: 1px dotted #dbdbdb;
}


.detailInfo {
font-weight: bold;
font-size: 12px;
float: left;
width: 438px;
height: 252px;
}
.detailInfo a, .detailInfo a:visited {
font-weight: bold;
font-size: 12px;
color: #e80000;
text-decoration: none;
}

.detailInfo a:hover, .detailInfo a:active {
font-weight: bold;
font-size: 12px;
color: #e80000;
text-decoration: underline;
}

#detailBody p {
margin: 0 0 10px 0;
line-height: 16px;
}



#leftSide a, #leftSide a:visited, a.sm:link, a.sm:visited {
text-decoration: none;
color: #616161;
line-height: 12px;
font-weight: normal;
}

#leftSide a:hover, #leftSide a:active, a.sm:hover, a.sm:active {
text-decoration: underline;
color: #e80000;
}


.country {
font-weight: bold;
color: #112047;
text-decoration: none;
}

.country a, .country a:visited, .country a:hover, .country a:active {
text-decoration: none;
color: #112047;
}

h2 {
font-weight: bold;
font-size: 14px;
color: #e80000;
margin: 0 0 4px 0;
text-decoration: none;
}

.frontBoxL h2 a, .frontBoxL h2 a:visited, .frontBoxL h2 a:hover, .frontBoxL h2 a:active {
color: #e80000;
padding-left: 0px;
background: url('');
}

.frontBoxR h2 a, .frontBoxR h2 a:visited, .frontBoxR h2 a:hover, .frontBoxR h2 a:active {
color: #e80000;
padding-left: 0px;
background: url('');
}

.currentMag {
color: #112047;
}

h3 {
text-align: right;
font-weight: bold;
font-size: 18px;
color: #a2a2a2;
margin: 0 0 4px 0;
}


.price {
color: #e80000;
}

.detailImg {
float: left;
margin: 0px 8px 4px 0px;
}

.frontBoxL .detailImg a {
border: 0px;

padding-left: 0px;
}

.frontBoxR .detailImg a {
border: 0px;

padding-left: 0px;
}

img {
border: 0px;
}

#header_logo {
width: 290px;
height: 99px;
float: left;
}


h1 {
font-family: arial, verdana, sans-serif;
}


#header_logo h1 {
padding:20px 0px 0px 10px;
font-weight: bold;
margin: 0px;
font-size: 45px;
line-height: 30px;
color: #fff;
letter-spacing: -1px;
text-transform: uppercase;
}

#header_logo a, #nav_top_r a,#nav_top_r a:visited,#nav_top_r a:hover,#nav_top_r a:active ,#header_logo a:visited,#header_logo a:hover,#header_logo a:active  {
text-decoration: none;
color: #fff;
}

#header_banner {
height: 77px;
padding-top: 22px;
float: left;
vertical-align: middle;
text-align: center;
width: 546px;
}

#header_login {
width: 148px;
height: 99px;
float: right;
border-left: 1px #000 dotted;
}

#header {
background: url('images/head_back.gif') top repeat-x;
width: 100%;
height: 99px;
}

#nav_top {
background: url('images/topnav_back.gif') repeat-x;
height: 30px;
}

#nav_top_l {
float: left;
height: 16px;
margin-top: 14px;
margin-left: 14px;
}

#nav_top_r {
float: right;
width: 148px;
font-size: 11px;
color: #fff;
padding-top: 8px;
text-align: center;
}

#nav_top_l a, #nav_top_l a:visited {
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #c7cdde;
text-transform: uppercase;
padding: 6px 13px 4px 13px;
}

#nav_top_l a:hover,  #nav_top_l a:active {
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #e80000;
text-transform: uppercase;
padding: 6px 13px 4px 13px;
background-color: #fff;
}

#main {
margin: 8px 4px;
background: #fff;
}

.subNav {
background: #fff;
padding-bottom: 14px;
}

.subNav a, .subNav a:visited {
font-size: 11px;
color: #2c4985;
text-decoration: none;
background: url('images/subnav.gif') right top no-repeat;
padding: 0px 18px 0px 0px;
}
.subNav a:hover, .subNav a:active {
font-size: 11px;
color: #e80000;
text-decoration: none;
}


.subNavEnd:link, .subNavEnd:visited {
font-size: 11px;
color: #2c4985;
text-decoration: none;
background: url('images/clear.gif') right top no-repeat;
padding: 0px 18px 0px 0px;
}
.subNavEnd:hover, .subNavEnd:active {
font-size: 11px;
color: #e80000;
text-decoration: none;
background: url('images/clear.gif') right top no-repeat;
padding: 0px 18px 0px 0px;
}