/*----Version 1.0 , Iteration 101 14/4/2011----*/
/*----[Banner]----*/

.banner-image,.modFlash {
    padding: 0 0 16px 0;
    display: block;
	margin-top:-17px;/*override flash mode to fix it on fire fox*/
}
#button-open-banner {
    float: right;
    margin: 0 12px 10px 0 ;
}
#button-open-banner img {
    padding-top: 0;
}
/*----[Account dropdown]----*/
/*----[Footer links]----*/
#footer_nav {
background-color: #f4f4f4;
}
#footer_nav h3 { display: none; }
#footer_nav a{text-decoration:none;}
#footer_nav h3 span {
padding:11px 31px ;background: url(../img/footer_logo.gif) 0 50% no-
repeat;display:block;margin-left:4px;}
#footer_nav h4 ,#footer_nav h4 a {
font-weight:bold;
margin-bottom:8px;
color: #666;
font-size: 12px;
}
#footer_nav h4.footer_site_nav,#footer_nav h4.footer_site_nav a {color:#666;} 
#footer_nav h4 a:hover, #footer_nav h4.footer_site_nav a:hover {color:#bd0000;} 
/*uncomment to enable social button*/
#footer_nav .footer_col { 
float:left; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0;
width: 180px;
padding-left: 2px;
}
/*remove the following to enable social button 
#footer_nav .footer_col { 
float:left; padding-left:17px; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0;
width: 180px;
padding-left: 11px;}*/
#footer_nav .footer_col ul {margin-bottom:21px;} #footer_nav .footer_col ul a {color:#666;}
#footer_nav .footer_col ul a:hover,#footer_nav .footer_col ul a:focus {color:#bd0000;} 
#footer_nav {
display: block;
width: 958px;
clear: both;
/*Uncomment to enable social button*/
padding: 14px 0 19px 0;
/*Comment to enable social button
padding: 0 0 19px 0; */
}
/*Uncomment to enable social button*/
#footer_nav .footer_col { 
float:left; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0;
width: 180px;
padding-left: 2px;
}
.footerBottom {
background: #f4f4f4;
display: block;
width: 957px;
clear: both;
/*uncomment to enable social button*/
text-align: left; 
/*comment  to enable social button
text-align: right;*/
padding: 14px 0 19px 0;
}
/*Uncomment to enable social button*/
.footerBottom ul {
float: left;
margin-right: -6px;
width: 420px;
}
.footerBottom a {
padding: 0 7px 0 4px;
}
.footerBottom li {
display: inline;
/*Comment to enable social button*/
float:left;  
}
.footerBottom span {
padding: 0 7px 0 4px;
}
/*uncomment to enable social button*/
.footerBottom ul.networks {
float:right;
margin-right:100px;
_margin-right:45px;
width:400px;
}
.footerBottom ul.networks span{
float:left;
margin-top:4px;
padding-right:10px;
}
.footerBottom ul.networks li{
float:right
}
.footerBottom ul.networks li a {
padding:0 3px 0 2px;
float: left !important;
 overflow: hidden !important;
}
.footerBottom ul.networks li a.youtube{
   position:relative;
   top:3px;	
}
.footerBottom ul {
margin-right: -6px;
}
 /*----[Buttons]----*/
a.buttonLight,
a.buttonDark,
a.buttonLoggedIn,
 a.buttonGreen{
	padding-left: 13px;
	display: block;
	float: left;
	text-decoration: none;
}
a.buttonLight.bottomLeft, a.buttonGreen.bottomLeft {
    position: absolute;
    bottom: 18px;
    left:8px;
	z-index:1;
     *z-index:-1
}
a.buttonGreen.bottomTop {
    position: absolute;
    top:4px;
	right:8px;
}
.online a.buttonLight.bottomLeft {
    bottom: 20px;
}
a.buttonLight span,
a.buttonDark span,
a.buttonGreen span
 {
	height: 22px;
	padding: 5px 12px 0 0;
	display: block;
	font-weight: bold;
	cursor: pointer;
	float: left;
	white-space: nowrap /* White space nowrap added for larger text sizes in IE*/
 } 
 a.buttonGreen:link,
a.buttonGreen:visited,
a.buttonGreen:hover,
a.buttonGreen:active{
	background:url(../../img/buttons/buttonGreenLeft.gif) no-repeat left top;
	color: #ffffff;
}
a.buttonGreen span{
	background:url(../../img/buttons/buttonGreenRight.gif) no-repeat right top;
	color: #ffffff;
}
a.buttonLight:link,
a.buttonLight:visited,
a.buttonLight:hover,
a.buttonLight:active{
	background:url(../../img/buttons/buttonLightLeft.gif) no-repeat left top;
	color: #525252;
}
a.buttonLight span{
	background:url(../../img/buttons/buttonLightRight.gif) no-repeat right top;
	color: #525252;
}
a.buttonLight:hover, a.buttonGreen:hover{
	background-position:0 -27px
}
a.buttonLight:hover span, a.buttonGreen:hover span{
	background-position:100% -27px
}
a.buttonDark:link, a.buttonDark:visited, a.buttonDark:hover, a.buttonDark:active {
	background:url(../../img/buttons/buttonDarkLeft.gif) no-repeat left top;
	color: #fff;
}
a.buttonDark span{
	background:url(../../img/buttons/buttonDarkRight.gif) no-repeat right top;
	color: #fff;
}
a.buttonDark:hover{
	background-position:0 -27px
}
a.buttonDark:hover span{
	background-position:100% -27px
}
/*----[Login to account sidebar]----*/
 .modBodySidebar .buttonDark {
	float:left;
	margin: 0 0 0 12px;
}   
.modBodySidebar .buttonLight    {
    margin: 0 0 5px 10px;
}