/* ========================== Main Tags ============================== */
*{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

body 
{
    background-color:#FFFFFF; 
    background:url(images/layout/back1.gif) repeat-y left;
	font-size: 11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;	
}

html, body, .container
{
	min-height:100%;
	min-width: 1000px;
	position: relative;
}

* html .container
{
	height:100%;
	/* width:expression(document.body.clientWidth > 1000? "auto" : "1000px"); */
}

img
{
	border-style:none;
}

h1, h2, h3, h4, a{
	font-size:100%; color: #666;
		/* headers and links are basically red, only when they aren't (in PNG) another color is declared for them later in CSS */
}

a {color:#CC0000; outline: none;}

h2
{
	margin-bottom:10px;
}

h3
{
	margin:5px 0px;
}

* html .iefix
{
        height:1%;
        z-index:1;
}
.hidden{display:none !important;}
/* ================================ Main Tags End =================================== */

/* ================================ Page struct clases ============================== */

.container
{
    height:100%;
	min-height:100%;
	height:auto;

}

.content 
{
    position:relative;
	/*background:url("images/layout/back1.jpg") left top no-repeat;*/
	padding:15px 0 30px 200px;     
	height:auto;
	min-height:500px;
	z-index:0;
  overflow:hidden;
}
* HTML .content {
    
}
DIV.extra_girl{
  position:absolute;
  z-index:100;
  top:127px;
  left:0;
  width:88px;
  height:160px;
  background:url("images/layout/back1.jpg") left top no-repeat;
}
/* =================================Header styles Begin============================ */
.header 
{
    background:url(images/layout/back2.gif) repeat-x;
    /*height:127px;*/
}

.logo 
{
    display:block;
	background:url(images/layout/logo.jpg) no-repeat left;
	width:571px;
	height:127px;
}

.logo h1
{
        display:none;
} 

.logo a
{
    width:385px;
    height:118px;
    cursor:hand;
    cursor:pointer;
    display:block;
    text-decoration:none;
}

.login
{
    position:absolute;
    right:25px;
    top:83px; 
}

.loginForm a, .searchForm a
{
    font-weight:bold; 
    font-size:120%; 
    font-family:Arial, Helvetica, sans-serif;
}

/* =================================== Header styles End ==========================================*/

/*==================================== Footer Block Begin================================================*/  

/*
.footer 
{
    clear:both;
    position:relative;*/
	/*margin-top:-110px;*/
	/*padding-left:200px;
	height:110px;
	font-weight:bold;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:1;
}*/
.footer, .foot_l, .foot_r {height:260px;/*width:900px;*/}

.footer 
{
    clear:both;
    position:relative;
    font-weight:bold;
	font-size:1em;
	margin-left:100px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:1;	
	background: url(images/foot_bg.jpg) repeat-x;
	left: -8px;
}

.foot_l {background: url(images/foot_l.jpg) no-repeat left top;  position:relative; }
.foot_r {background: url(images/foot_r.jpg) no-repeat right top;padding: 10px;}
.footer h4 {color: #666; font-weight: normal; font-size: 14px; margin-bottom: 20px;}
.footer i {margin-top:20px; display:block;}

ul.foot_menu {
  /*display:none;
  text-align:center;
  min-width:792px;*/  
  min-width:850px;
  white-space: nowrap;/*line-height:10px;*/ text-align: center;
 /* margin-top: 28px !important;
  margin-left: 10px;*/
  margin: 28px auto 0 !important;
  padding-top: 143px;
}
* html ul.foot_menu {padding-top: 153px;}
*+html ul.foot_menu {padding-top: 153px;}
/*
* HTML ul.foot_menu {width:792px;}
ul.foot_menu li {
        display:inline; 
        margin-left:25px;
        height:10px;
        vertical-align:top;
}
ul.foot_menu li a:link,
ul.foot_menu li a:visited{
        color:#666;
        font-weight:bold; 
        font-size:95%;
        font-family:inherit;
        text-decoration:none;
}

ul.foot_menu li a:hover {text-decoration:underline;}
ul.foot_menu li a:active {text-decoration:underline;}
*/
* HTML ul.foot_menu {width:850px;}
ul.foot_menu li {
        display:inline; 
        margin-left:25px;
        height:10px;
        /*vertical-align:top;*/
}
/*
ul.foot_menu li a:link,
ul.foot_menu li a:visited{
        color:#666;
        font-weight:bold; 
        font-size:95%;
        font-family:inherit;
        text-decoration:none;
}
*/

ul.foot_menu {/*margin: 0 auto 12px auto !important; width: 550px !important;*/}
ul.foot_menu li {margin: 0 !important; padding: 0 10px !important;}
ul.foot_menu li a,
ul.foot_menu li {font-size: 10px !important; font-weight: normal !important; font-family: Arial !important;/*color: #006666;*/ /*color: #999 !important;*/}

.foot_big_menu {width:850px;/*margin: 10px auto;*/margin: 20px auto /*20px 20px 40px*/;/*border-top:1px solid #999;*/}
.foot_big_menu ul {/* height:100px;*/padding: 10px 0px 0 38px;text-align:left;float:left;}
.foot_big_menu li a, ul.foot_menu li a {/*font-size:10px !important; color:#999;*/ font-weight: normal !important;}
.foot_big_menu li a:hover, ul.foot_menu li a:hover { text-decoration:underline !important;color:#333;}
.f_b_1 {width:200px; position: absolute; top: 30px; left:30px;}
.f_b_2 {width:210px;position: absolute; top: 30px; left:30%;}
.f_b_3 {width:150px;position: absolute; top: 30px; left:59%;}
.f_b_4 {width:120px;position: absolute; top: 30px; right:40px;}
.center_foot {}

/* ================================ Footer Block End =============================================*/

/* ================================ Main Tags End =================================== */






/* ====================== Columns ======================================*/

.narrow_column
{
    width:expression(document.implementation ? '50%' : '25%' );
	padding-left: 2px;
}

.narrow_column_blya /*used for firefox adaptive fro main page*/
{
    margin-left:175px;
    margin-right:200px;
}

.narrow_column_vvv{
	float:left;
	width:33%;
	width:expression(document.implementation ? '33%' : '25%' );
}



.narrowest_column
{
	width: 170px;
	float:left;
}



.wider_column
{
    float:left;
    width:66%;
    width:expression(document.implementation ? '66%' : '50%' );
}

.half_column
{
    float:left;
    width:50%;
    width:expression(document.implementation ? '49%' : '35%' );
}

.half_column_wj 
{	
    width:60%;
    padding-bottom:20px;
}

.column_content_main
{
	padding:1px 10px 20px 10px;
}

.full_column{
  
}

.content form ul li{
	margin-bottom:15px;
}

.column_content
{
	padding:1px 10px 20px 10px;        
}

.column_content .page_title
{
    padding:0px;
}

.column_content p 
{
    margin-bottom:10px;
}


/*================================================WHY JOIN===================================*/
UL.wj_features_list{
  list-style:disc none inside;
  margin:0;	
}
UL.wj_features_list LI{
  font-weight:normal;
  list-style:disc none inside;
  line-height:1.25em;
  margin:0.25em 0 0 0;
}
H3.wj_header{
 margin:1em 0 0.5em -0.25em;
}	

/*================================================REMEMBER PASSWORD==========================*/
DIV.rempass{
  width:80%;
  margin:2em 0 0 0px;
}
DIV.rempass H2{
  font-size:1.6em;
  color:#CC0000;
  font-weight:bold;
}
LABEL.rempass_label{
  display:block;
  font-weight:normal;
  margin:0 0 1em 2em;
  
}
DIV.rempass INPUT{ margin:0 0 0 2em;}
DIV.rempass INPUT.rempass_butt{
  border:0px solid black;
  background:transparent url(images/buttons/b2.gif) no-repeat;
  width:68px;
  height:18px;
  font-size:100%;
  line-height:18px;
  font-weight:bold;
  color:#666666;
  margin:0;
  padding:0 0 3px 0;
}


/*================================================FEATURE REQUEST================================*/
DIV.feature-request{
  overflow:auto;  
}
DIV.feature-request P{
  clear:both;  
  width:55em;  
  margin:14px 0 32px 32px;  
}
DIV.feature-request DIV.fn,
DIV.feature-request DIV.email,
DIV.feature-request DIV.subject,
DIV.feature-request DIV.description{
  overflow:hidden; 
    margin:0 0 10px 0;  
}
DIV.feature-request DIV.fn LABEL,
DIV.feature-request DIV.email LABEL,
DIV.feature-request DIV.subject LABEL,
DIV.feature-request DIV.description LABEL{
  width:9em;
  float:left;
  display:block;
  clear:left;  
  margin:0 0 0 0;
  padding:3px 0 0 0;
  text-align:left; 
}
DIV.feature-request DIV.fn INPUT,
DIV.feature-request DIV.email INPUT,
DIV.feature-request DIV.subject INPUT{
  border:1px solid #cccccc;
  font-family:inherit;
  font-size:1.25em;
}
DIV.feature-request DIV.description TEXTAREA{
  
  float:left;
  clear:right;  
  border:1px solid #cccccc;
  
  display:block;
  font-family:inherit;
  font-size:1.25em;
}
DIV.feature-request DIV.subject LABEL,
DIV.feature-request DIV.subject INPUT{
  margin-top:10px;
  margin-bottom:0;     
}
DIV.feature-request DIV.fn INPUT,
DIV.feature-request DIV.email INPUT{
  width:15em;  
}
DIV.feature-request DIV.subject INPUT,
DIV.feature-request DIV.description TEXTAREA{
  width:40em; 
}
DIV.feature-request DIV.description TEXTAREA{
  margin-bottom:30px;  
}
DIV.feature-request  DIV.description TEXTAREA{height:auto;}

DIV.feature-request INPUT.submit_button{
  clear:both;
  border:0;
  margin:0 0 0 47em;  
  float:none;
  display:block;
}

/*===============================================MODULES==========================================*/
/*----------------------------------------Address Block Control-----------------------------------*/
DIV.control_location{
   font-size:1em;
   color:#666666;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   margin-bottom:2em;   
}
DIV.control_location LI.register-adress DIV.dAddress{
  overflow:hidden;  
  margin:0.5em auto 0 0.5em;
  width:700px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
DIV.control_location DIV INPUT,
DIV.control_location DIV SELECT{
  background:#fff;
  border:1px solid #c7c7c7;
  color:#000;
  width:15em;
  float:left;  
}
DIV.control_location LI.use-private-adress{
  margin-bottom:1em;
  text-align:left;   
}
DIV.control_location LI.register-adress{
  text-align:left;   
}
DIV.control_location LI.use-private-adress LABEL,
DIV.control_location LI.register-adress LABEL{
  font-size:1.3em;
  color:#000;
  font-weight:normal;
  margin-left:0.25em;
  text-align:left;  
}

DIV.control_location LI.register-adress UL{
  font-weight:normal; 
  width:49%;
  float:left;
}
DIV.control_location LI.register-adress UL LI{
  margin:5px 0;
  overflow:hidden;
  float:left;
  width:100%;
}
DIV.control_location LI.register-adress UL LABEL{
  font-size:1em;
  color: #666666;
  font-weight: bold; 
  width:9em;
  float:left;
  clear:left;
  margin-top:3px;   
}
DIV.control_location LI.register-adress UL LI.zipcode{
  width:auto;
  border:0px solid #f00;
  
}
DIV.control_location LI.register-adress UL LI.zipcode INPUT{
  width:95px;
  float:left;
}
DIV.control_location LI.register-adress UL LI.zipcode A{
  margin:0 0 0 2px;
  float:left;
}
DIV.control_location LI.register-adress UL LI.zipcode SPAN.mark{
  color:#cc0000;
  font-size:0.92em;
  clear:left;
  display:block;
  margin-left:10em;
}
DIV.control_location LI.register-adress DIV.disabled LABEL
DIV.control_location LI.register-adress LI.disabled{
      color:#c7c7c7;
}

DIV.control_location LI.register-adress DIV.disabled INPUT,
DIV.control_location LI.register-adress DIV.disabled SELECT,
DIV.control_location LI.register-adress LI.disabled INPUT,
DIV.control_location LI.register-adress LI.disabled SELECT{
  background:#f7f7f7;
  border:1px solid #cccccc;
  color:#888888;
}

/*-----------------------------------Account Status-----------------------------------------*/
DIV.account-status{
   color:#000;
  font-weight:bold;
  
  font-size:12px; 
  line-height:23px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
}
DIV.account-status DIV{
  overflow:hidden;
  width:196px;
  height:22px;
  margin:0 auto;
  text-align:left;
}
DIV.account-status DIV.account_on{
  background:#cccccc url(images/account_on.gif) top left no-repeat;
}
DIV.account-status DIV.account_off{
  background:#cccccc url(images/account_off.gif) top left no-repeat;
}
DIV.account-status SPAN.type{
  width:131px;
  float:left;
  display:block;
  text-indent:15px;
  
}
DIV.account-status SPAN.value{
  width:65px;
  float:left;
  display:block;
  text-align:left;
  text-transform:uppercase;
   text-indent:10px;
}
DIV.account-status DIV.account_on SPAN.value{
  color:#006600; 
} 
DIV.account-status DIV.account_off SPAN.value{
  color:#cc0000;  
} 

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