﻿/**
 * default
 */
* { margin: 0px; padding: 0px; font-size: 100.1%; }
a img { border: 0px; }
div img { display: block; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.inline { display: inline; }
.textCenter { text-align: center; }

body { color: #fff; background-color: #222; height: 100%; font-size: 13px; font-family: Arial; min-width: 1000px; }

p, input, textarea, h2, h3 { font-size: 13px; color: #969696; }
a { color: #989898; text-decoration: underline; }
a:hover { text-decoration: none;}
a.how_to { float: left; width: 360px;}
h1 { font-size: 19px; color: #ab9d73; font-weight:normal; }
h2, h3 { color: #ab9d73; font-weight: bold; }

/**/
.ap_actionBtn {
	text-decoration: none;
	background: transparent; 
	padding: 2px 10px 3px 10px;
	height: 23px; 
	color: #646464; 
	cursor: pointer; 
	border: 1px solid #646464; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	white-space: nowrap;
}
.ap_actionBtn:hover {
	color: #222;
	border-color: #222;
	background-color: #AB9D73;
}

/* input[type="submit"] { border: none; background: transparent url("images/bg_button.gif"); width: 83px; height: 21px; color: #656565; padding: 2px 0 3px; cursor: pointer; }
input[type="submit"].short {  }
input[type="submit"]:hover  { background-position: left bottom; color: #2a2a2a;}
input[type="submit"].login { margin: 24px 0 0 17px; }
input[type="submit"].long { background-image: url("images/bg_button_long.gif"); width: 214px; height: 21px; }
input[type="submit"].middle { background-image: url("images/bg_button_middle.gif"); width: 135px; } */

/* link buttons */
.button { background: transparent url("images/r_button.gif") no-repeat right top; width: 109px; height: 21px; border: none; display: block; text-decoration: none; cursor: pointer; }
.button span { background: transparent url("images/left_button.jpg") no-repeat left top; line-height:20px; text-align:center; width: 100%; height: 21px; display: block; }
.button:hover { background-image: url("images/r_button2.gif"); color: #2a2a2a;}
.button:hover span { background-image: url("images/left_button2.jpg"); }

.size_button1 { width: 120px;}
.size_button2 { width: 150px;}
.size_button3 { width: 162px;}

/**
 * header
 */
div.header { margin: 37px auto 0; width: 981px; height: 125px; background: transparent url("images/bg_header.jpg") no-repeat left top; 
	position: relative;
}
a.logo { width: 314px; height: 101px; margin: 24px 0 0 65px; float: left; }



/**
 * login-form
 */

.form {
	position: absolute;
	right: 25px;
	top: 33px;
}
.form .blockWrpr { float: left; }

.form .password { }
.form .username {
	margin-right: 15px;
 }
/*  span.checkbox { vertical-align:top;color: #696969;}
 a.checkbox{ vertical-align:top;color: #696969;padding-left:7px;} */
.form  label { 
	color: #646464;
	margin-bottom: 3px;
	display: block;
}
.form  .row { 
	margin-top: 3px;
}
.form  .row img { 
	position: relative;
	top: 3px;
	left: -1px;
}

.form  .row a { 
	text-decoration: none;
	color: #646464;
}
.form  .row .checkbox { 
	color: #646464;
}
.form .forgotPssw:hover
{
    color:#AB9D73;
}
/* .form  input.inputError{
    border:1px solid #C80000 !important;
} */
.form .error { color: #C80000; line-height: 26px; padding-left: 12px; }

textarea,
.fashion-pager  input[type="text"],
.modalPopup input[type="text"],
.info input[type="text"],
.info input[type="password"],
.username input[type="text"], 
.password input[type="password"] { 
    background: #646464;
	color: #323232;
    border: none;
    height: 16px;
    padding: 2px 7px 3px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	-webkit-box-shadow: 0px 5px 3px 0px #242424;
	-moz-box-shadow: 0px 5px 3px 0px #242424;
	box-shadow: 0px 5px 3px 0px #242424; 
}

.username.inputError input[type="text"], 
.password.inputError input[type="password"] {
	border:1px solid #C80000;
}
.username input[type="text"] {
	width: 177px;
}
.password input[type="password"] { 
	width: 121px;
}
 

.form  input[type="submit"] { 
	
	background: transparent; 
	padding: 2px 10px 3px 10px;
	height: 23px; 
	color: #646464; 
	cursor: pointer; 
	border: 1px solid #646464; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
	margin: 18px 0 0 17px;
}

.form  input[type="submit"]:hover { 
	color: #222;
	border-color: #222;
	background-color: #AB9D73;
}
.commentToSupport { overflow: auto;};


.form select { padding: 1px; width: 183px; background-color:#BDBDBD; border:1px solid #888C93; }
div.period select { margin-left: 15px; }  

/**
 * menu|tab
 */
.tab .ajax__tab_header { background-color: #212121; } 
.tab .ajax__tab_outer {  text-align: center; display: inline-block; cursor: pointer; }
.tab .ajax__tab_inner { } 
.tab .ajax__tab_active .ajax__tab_outer { background-color: #ab9d73;  } 
.tab .ajax__tab_tab { line-height: 25px; height: auto; color: #8f8f8f; }
.tab .ajax__tab_hover .ajax__tab_tab { color: #d9d9d9;  } 
.tab .ajax__tab_active .ajax__tab_tab { color: #222; font-weight: bold; } 
.tab .ajax__tab_body { } 

.top-strip-tab .ajax__tab_header { border: solid 1px #3c3c3c; }
.top-strip-tab .ajax__tab_outer { background: transparent url("images/sline.gif") no-repeat right 50%; }
.top-strip-tab .ajax__tab_active .ajax__tab_outer { background-image: none; }
.top-strip-tab .ajax__tab_tab { }
.top-strip-tab .home { width: 111px; }
.top-strip-tab .about { width: 115px; }
.top-strip-tab .fashion { width: 161px; }
.top-strip-tab .services { width: 185px; }
.top-strip-tab .contact { width: 129px; }
.top-strip-tab .support { width: 111px; }
.top-strip-tab .join { width: 140px; }



.left-strip-tab .ajax__tab_header { border: none; float: left; margin-top: 25px; margin-left: 1px; width: 274px; height: auto; border-top: solid 1px #3c3c3c; }
.left-strip-tab .ajax__tab_outer { background-image: none; display: block !important; width: 100%; border-bottom: solid 1px #3c3c3c; }
.left-strip-tab .ajax__tab_inner { width: 100%; }
.left-strip-tab .ajax__tab_tab { padding: 0px; height: auto !important;}
.left-strip-tab .ajax__tab_body { background-color: Red; } 

.left-strip-tab .ajax__tab_body img.top150px { margin-top: 150px; z-index: 0; }

/**
 * flash
 */
.flash { margin: 0 auto; background: transparent url("images/flash.jpg") no-repeat left top; width: 981px; height: 372px; clear: both;} 

/**
 * content
 */
div.content { margin: 0 auto; width: 981px; }
.block { width: 244px; float: left; }
.block h1 { display: none;}
.block p { margin: 15px;}
.block a { margin: 0 15px 10px;}
.left_block {  width: 249px;}
.left_block p, .left_block a { margin-left: 20px;}
.right_block {  width: 242px;}

.set_blocks {  border-left: 1px solid #373737; border-right: 1px solid #373737; width: 979px; float: left; }
.top-border { border-top: 1px solid #3c3c3c; }

.toc { width: 981px; height: 51px; display: block; background: transparent url("images/toc.jpg") no-repeat left top; }
.down {  width: 981px; height: 11px; float: left; background: transparent url("images/down_block.jpg") no-repeat left top; }

img.img_page { float: left; }

.info { float: right; width: 640px; padding: 20px 30px 0 0; }
.info p, .info h1, .info h2 { margin-bottom: 15px;}
.info a.lb { float: left; width: 165px; margin: 10px 25px 30px 0;}
.pr_name { position: relative; height: 100px; width: 50%; float: left;}
.pr_name i { display: block; position: absolute; top: 40%; }

.center { margin: 0 auto; width: 420px;}
.center .button { clear: both; margin: 0 0 25px 120px;}

.form_mail { border-top: 1px solid #3c3c3c; }
.info form { margin: 80px 0 0 130px; width: 275px;}
div.period { margin-top: 7px; margin-left: 25px; width: 83%;}
.form_mail p { margin-bottom: 8px; float: right; }
div.period p  {  margin-bottom: 8px; float: none;}
div.period p label { width: 180px; text-align: right; float: left;}
.info p.button_center { margin: 12px auto 25px; width: 135px;}
div.period p.button_center { width: 50px; margin-bottom: 15px; }
.info input[type="text"],
.info input[type="password"] 
{ width: 180px;  margin-left: 15px;}
.info select {
	width: 193px;
}
.info input[type="text"].input_small { width: 93px; background-image: url("images/bg_input3.gif"); margin: 0 76px 0 15px;}
input[type="text"].input_supersmall { width: 41px; margin: 0 3px 0 3px;}
textarea { border: none; height:139px; margin-left:15px; width:293px;  padding: 3px 7px; }

.details { width: 520px; padding: 0 15px; border-left: 1px solid #3c3c3c; margin: 24px 0 24px 50px;}
.details p { font-style: italic; color: #ab9d73;}

.pages { text-align:center; }
.pages a, .pages strong { border-right:1px solid; padding: 0 8px 0 4px; font-weight:normal; }
.pages a.anline, .pages strong.anline { border-right: none; padding-right: 4px; }
.signature_pages { float: left;}
.pages_block { margin: 12px 45px 23px 50px; width: 884px; float: left; }
.pages_block form { margin: -2px 0 0;}

.frame { width: 170px; float: left; margin-left: 20px; height: 160px; }
.frame div.logo-back { width: 170px; height: 107px; float: left; background: transparent url("images/frame.gif") no-repeat left top; margin-bottom: 4px; }
.frame div.logo-back input[type="image"] { margin: 15px 15px; }
.frame div.logo-back  img{ margin: 15px 15px; cursor:pointer; }


.col_left {float: left; width: 303px; border-right: 1px solid #3c3c3c; margin-right: 20px;}

.fashion-filter { float: left; width: 100%; margin: 10px 0; }
.fashion-filter div { margin-right: 20px; }
.fashion-filter label { margin: 0 3px 0 20px;}
.fashion-pager { width: 939px; margin: 5px 20px 0px 20px; }
.top_blocks { border-bottom: 1px solid #373737;}
.top_blocks h1 { margin: 10px 0 0 20px;}
.top_blocks .selAnchor a { color: #ab9d73; font-weight: bold; }

/**
 * small logos
 */
.logos { margin: 25px auto; width: 981px; height: 40px;}
.logos img { opacity:0.5; margin-right: 25px; display: inline; }
.logos img { opacity:1; }

/**
 * footer
 */
div.footer { text-align: center; width: 981px; margin: 0 auto; clear: both; }
div.footer p { padding: 20px 0 90px; color: #464646; font-size: 12px; }
div.footer a { padding: 0 10px; color: #464646;}


/**
 * small logos
 */
.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#CCCCCC; 
    position:absolute; 
    width:150px; 
    height:50px;
    top: 170px;
    right: 425px;
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}

/**
 * round corners
 */
.modalBackground
{
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    background-color: #222;
    border: solid 1px #373737;
    padding: 6px 6px 15px 6px;
    width: 440px;
}
.modalPopup div.popup-header { border-bottom: solid 1px #373737; /*cursor: move;*/ } 
.modalPopup div.popup-header h4 { margin: 0px 0px 6px 2px; color: #ab9d73; font-weight: bold; }
.modalPopup p { color: #969696; padding: 10px 0px 10px 0px; }
.modalPopup input[type="text"] { width: 169px; }

.hoverPopupFashion
{
    background-color: #222;
    border: solid 1px #373737;
    padding: 6px 6px 15px 6px;
    width: 160px;
    height:160px;
}

