@import url("brandup.css");

/* 1981, 2018, 2028 */
/*** *  For project  * ***********************************/
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 1.45em;
	line-height: 20px;
	min-width: 1240px;
	width: auto;
}

html, body {
	height:100%;
}

/*** This is assisting classes for build structure pages ************/
.main{ /*** This wrap for left and right columns ***/
	overflow: hidden;
}
.col_left{ /*** This left column on the pages ***/
	float: left;
	width: 650px;
	overflow: hidden;
}
.col_right{ /*** This right column on the pages ***/
	float: right;
	width: 275px;
	overflow: hidden;
}
.col_right_index{/*** This is the margin for main_image spacing ***/
	float: right;
	width: 300px;
	margin-top: 375px;
}
.col_right_details{/*** This is the right column on the page details logo, print, website ***/
	float: right;
	width: 315px;
	overflow: hidden;
}
.wrap{  /*** This class use for padding top in main column page ***/
	padding: 19px 0px;
}
.wrap1{  /*** This class use for padding top in main column page ***/
	padding: 39px 0px 19px 0px;
}
.wrap2{  /*** This class use for padding top in main column page ***/
	padding: 39px 0px 19px 0px;
	/*position: relative;*/
}


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

.col_left_registration{/** This class use for build left column on page "registration" **/
	width: 500px;
	overflow: hidden;
	float: left;
}
.col_right_registration{/** This class use for build right column on page "registration" **/
	width: 450px;
	overflow: hidden;
	float: right;
}
/*****************************************************************************************************/


/*** This classes for form edit profile ***/
table.form{
	width: 100%;
}
.form th{
	font-size: 16px;
	font-weight: bold;
	color: #1e283e;
	border-bottom: 1px solid #e5e5e5;
	line-height: 24px;
	text-align: left;
}
.form td{
	font-size: 12px;
	color: #666666;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.form td strong{
	font-size: 16px;
	font-weight: bold;
	color:#E7434E;
}
.text_14 td{
	font-size: 14px;
}
/*******************************************/



/*********************************************************/
.wrap_container {
	width: auto;
	background-color: #f3f3ed;
	background-image: url(../img/body_bg_1.gif);
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	min-height: 100%;
}
.wrap_container_inner {
	position: relative;
	left: 0px;
	top: 0px;
	min-height: 100%;
	background: url(../img/body_bg.gif) repeat-x left top;
	min-width: 100%;
	width: auto;
}
.container {
	width: 990px;
	margin: 0 auto;
}
.container-bg {
	width: 1100px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
	padding-bottom: 220px;
	margin: 0px auto;
	z-index: 10;
	background-color: #FFF;
}
/*** Header`s  Styles *************************************/
.header{
	margin: 0px auto;
	width: 1100px;
	height: 123px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 20;
}
.bird {
	display: block;
	position: absolute;
	right: 80px;
	top: 50px;
	height: 41px;
	width: 97px; 
	background: url(../images/bird.png) no-repeat right top;
}
/***Navigator (basic navigator project)*******************/

.navigation {
	position:absolute;
	left:55px;
	bottom:0;
	height:35px;
	width: 1040px;
	z-index: 2000;
	margin: 0 auto;
}

ul.navigator{
	display: block;
	list-style: none;
	float:left;
	height: 35px;
}

ul.navigator li{
	display: block;
	float: left;
	margin-right: 3px;
	height: 35px;
	position: relative;
	left: 0px;
	top: 0px;
}
ul.navigator li a,
ul.navigator li a:visited{
	display: block;
	float:left;
	height: 35px;
	background: #ccc url(../img/nav-red-bg.gif) repeat-x left top;
	text-decoration: none;
	white-space: nowrap;
	
}
ul.navigator li a.grey,
ul.navigator li a.grey:visited{
	background: url(../img/nav-grey-bg.gif) repeat-x left top;
}


ul.navigator li a .name,
ul.navigator li a:visited .name{
	display: block;
	background: url(../img/nav-red-left.gif) no-repeat left top;
	float:left;
	height: 35px;
	padding: 0 10px 0 18px;
	font: 16px Arial;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
}
ul.navigator li a.grey .name,
ul.navigator li a.grey:visited .name{
	background: url(../img/nav-grey-left.gif) no-repeat left top;
}

ul.navigator li a .arr-subnav, 
ul.navigator li a:link .arr-subnav,
ul.navigator li a:visited .arr-subnav{
	display: block;
	float:left;
	height: 35px;
	background: url(../img/nav-red-mark.gif) no-repeat left top;
	width: 16px;
}
ul.navigator li a.grey .arr-subnav, 
ul.navigator li a.grey:link .arr-subnav,
ul.navigator li a.grey:visited .arr-subnav{
	display: block;
	float:left;
	height: 35px;
	background: url(../img/nav-grey-mark.gif) no-repeat left top;
	width: 16px;
}

ul.navigator li.active a .arr-subnav,
ul.navigator li.active a.grey .arr-subnav,
ul.navigator li.active a:link .arr-subnav
ul.navigator li.active a:visited .arr-subnav{
	display: block;
	float:left;
	height: 35px;
	background: url(../img/arr-subnav-hover.gif) no-repeat left top;
	width: 16px;
}

ul.navigator li a .right,
ul.navigator li a:visited .right{
	display: block;
	float:left;
	height: 35px;
	background: url(../img/nav-red-right.gif) no-repeat left top;
	width: 6px;
	cursor: pointer;
}

ul.navigator li a.grey .right,
ul.navigator li a.grey:visited .right{
	background: url(../img/nav-grey-right.gif) no-repeat right top;
}


ul.navigator li a:hover{
	text-decoration: none;
	color: #000;
	
}
ul.navigator li a:hover .name{
	color: #000;
}

ul.navigator li a:hover .right{
	text-decoration: none;
	/*background: url(../img/navtabs_right.gif) no-repeat left -35px;*/
	
}

ul.navigator li.green {
	background-color: transparent !important;
}

ul.navigator li.green a,
ul.navigator li.green a:link,
ul.navigator li.green a:visited,
ul.navigator li.green a:hover{
	background: #E4E4E4 url(../img/green_nav_button.png) no-repeat left top;
	background-color: transparent !important;
}

ul.navigator li.green a .name {
	background: #E4E4E4 url(../img/green_nav_button.png) no-repeat left top;
	background-color: transparent !important;
}

ul.navigator li.green a .right {
	background: #E4E4E4 url(../img/green_nav_button.png) no-repeat right top;
	background-color: transparent !important;
}

/*** for active ***/

ul.navigator li.active a,
ul.navigator li.active a:visited,
ul.navigator li.active a:hover{
	display: block;
	float:left;
	height: 35px;
	background: #E4E4E4 url(../img/navtabs_left.gif) repeat-x left -35px;
	padding: 0 0 0 8px;
	text-decoration: none;
}

ul.navigator li.active a.grey,
ul.navigator li.active a.grey:visited,
ul.navigator li.active a.grey:hover{
	background: #E4E4E4 url(../img/navtabs-grey_left.gif) repeat-x left -35px;
}

ul.navigator li.active a:hover{
	display: block;
	float:left;
	height: 35px;
	background: #E4E4E4 url(../img/navtabs_left.gif) repeat-x left -35px;
	padding: 0 0 0 8px;
	text-decoration: none;
}


ul.navigator li.active a .name,
ul.navigator li.active a:visited .name,
ul.navigator li.active a:hover .name{
	display: block;
	background: #BCBDC1 url(../img/navtabs_bg.gif) repeat-x left -35px;
	float:left;
	height: 35px;
	padding: 0 10px;
	font: 16px Arial;
	line-height: 32px;
	color: #222;
}

ul.navigator li.active a.grey .name,
ul.navigator li.active a.grey:visited .name,
ul.navigator li.active a.grey:hover .name{
	background: #BCBDC1 url(../img/navtabs-grey_bg.gif) repeat-x left -35px;
}

ul.navigator li.active a .right,
ul.navigator li.active a:visited .right,
ul.navigator li.active a:hover .right{
	display: block;
	float:left;
	height: 35px;
	background: url(../img/navtabs_right.gif) no-repeat left -35px;
	width: 8px;
	cursor: default;
}

ul.navigator li.active a.grey .right,
ul.navigator li.active a.grey:visited .right,
ul.navigator li.active a.grey:hover .right{
	background: url(../img/navtabs-grey_right.gif) no-repeat left -35px;
}

#sub_tour, #sub_community {
	display: none;
}
.subnav{
	position: absolute;
	left: 0px;
	top: 32px;
	padding-bottom: 14px;
}
.subnav-wrap-link{
	background: #ccc;
	padding-top: 10px;
	overflow: hidden;
}
.subnav-bottom{
	height: 14px;
	position: relative;
	width: 100%;
	clear: both;
	float: none;
}
.subnav-bottom .corn {
	position: absolute;
	bottom: 0px;
	width: 14px;
	height: 14px;
	background-image: url(../img/sub-nav-grey-bg.gif);
	background-repeat: no-repeat;
}
.subnav-bottom .left {
	background-position: left bottom;
	left: 0px;
}
.subnav-bottom .right {
	background-position: -115px bottom;
	right: 0px;
}
.subnav-bottom .bord_bottom {
	margin: 0 14px;
	height: 14px;
	background: #ccc;
}
ul.navigator .subnav ul{
	display: block;
}
ul.navigator .subnav ul li{
	padding: 0 10px;
	background: none;
	height: auto;
	margin-bottom: 5px; 
	clear: both;
}
a.link_subnav,
a.link_subnav:visited,
.active a.link_subnav,
.active a.link_subnav:visited{
	display: inline !important;
	background: none !important;
	color: #222 !important;
	height: auto !important;
	line-height: 1.5;
	white-space: nowrap;
	float: none !important;
}

a.link_subnav:hover,
.active a.link_subnav:hover{
	color: #222!important;
	text-decoration: underline!important;
}
/***********************/


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

/*** Login Box (box on the right top corner header )******************************/
.livechat {
	position: absolute;
	margin: 0 0 0 915px;
	z-index: 999999;
}
.login{
	position:absolute;
	top:10px;
	right:85px;
	font-size: 12px;
	line-height:24px;
	padding-right: 100px;
	/*color: #95cbe9;*/
	
	
}
.login a, .login a:link, .login a:visited{ 
	margin-right:20px;
	cursor:pointer;
/* 
	TODO !! REMOVE IF NEED
	OLEG !! THIS CHANGE FOR THE COMMENT FROM 08.10
	I can change this later today if needed, but can you change all of the blue links on dev to #e32b22
*/
	/*color:#95cbe9;*/
	/*color:#e32b22;*/
	color: #666666;
}
.login a:hover{ 
	/*color:#0096d7;*/
	color: #FFF;
	text-decoration:none;
}

.login a span.login-white, .login a:link span.login-white, .login a:visited span.login-white{ 
	color:#fff;
}
/*.login a:hover span.login-white{ 
	color:#95cbe9;
}*/

.login .cart_sum{
	padding: 0px 0px 0px 20px;
	text-align: right;
}



.login a.inactmessage,
.login a.inactmessage:visited,
.login a.inactmessage:hover{
	display: block;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	height: 30px;
	text-decoration: none;
	background: url(../images/ico_message_inactive.gif) no-repeat right center;
	padding-right: 26px;
	white-space:nowrap;
	width: 120px;
}

.login a.cart{
	background: url(../images/ico-cartb.gif) no-repeat left center;
	padding-left:24px
}

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

/*** Search Box (box on the header pages)**********************************************/
.navigation .wrap_search{
	background:#BCBDC1 url(../img/navtabs-grey_bg.gif) repeat-x scroll left top;
	height: 32px;
	float:left;
	overflow:hidden;
	margin-right: 3px;
}
.navigation .wrap_search .search{
	height: 32px;
	float:left;
	background: url(../img/navtabs-grey_left.gif) no-repeat left top;
}
.navigation .search form{
	display: block;
	float: left;
	padding-left:20px;
	background: url(../img/navtabs-grey_right.gif) no-repeat right top;
	height: 32px;
	width: 309px;
}

.search-label{
	background: url(../images/letushelp.gif) no-repeat left top;
	width: 128px;
	height: 32px;
	position:absolute;
	top:-40px;
	right:-74px;
}

.search_long{
	padding-left: 5px;
	border: 1px solid #cdcdcd;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	color: #60759C;
	height: 22px;
	width: 105px;
}

.navigation .btn_search{
	background:none;
	width: 60px;
	border: none;
	cursor: pointer;
	border: none;
	font: 16px Arial;
	color:#fff;
	margin: 7px 0 0;
	float:left;
}
.navigation .inp_search{
	float:left;
	width: 200px;
	background: #fff url(../images/ico-search.gif) no-repeat left center;
	margin: 6px 15px 4px 0;
	border:1px solid #C3C3C3;
	padding: 2px 2px 2px 20px;
	font-size: 14px;
	color: #6F87A9;
}

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

/*** Footer`s Styles *******************************************************************/
.footer{
	background: #000 url(../img/footer-bg.gif) repeat-x left top;
	margin:0 auto;
	width:100%;
	min-width:1207px;
	height: 220px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 20;
	overflow: hidden;
	
}
.footer .cont{
	width: 980px;
	margin: 0px auto;
	padding: 20px 0 0 0;
	color: #666;
	font-size: 12px;
	line-height: 20px;
}
.footer .cont .box_left a,
.footer .cont .box_left a:visited{
	font-size: 12px;
	line-height: 20px;
 	color: #666;
}
.footer .cont .box_left a:hover{
 	color: #fff;
	text-decoration: none;
}
.footer .cont a.rss{
	display: block;
	height: 20px;
	width: 20px;
	background: url(../images/ico_rss.gif) no-repeat left top;
	margin: 0px auto;
}
.footer .cont .box_left{
	overflow: hidden;
	padding-bottom:20px;
}
.footer .cont .box_left .column{
	float: left;
	width: 160px;
}
.footer .cont .box_left .column h1{
	font-size:16px;
	font-weight:normal;
	padding:0;
	line-height: normal;
	padding-bottom: 10px;
	color: #444;
}

.copyright{
	clear: both;
	border-top:1px solid #222;
	padding-top: 10px;
}
.copyright .column {
	float: left;
	width: 306px;
	height: 12px;
	font-size: 12px;
	font-family: Helvetica, Arial;
	line-height: 18px;
	color: #666; 
	padding:0 10px;
}
.copyright .column.left {
	width: 310px;
	padding:0 8px;
	line-height: 12px;
}
.copyright .column.middle {
	border-left: 1px solid #222;
	border-right: 1px solid #222;
}
/****************************************************************************************/




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

/*** !!!DID!! Text block (This text block have title, small content and link )********/
.text_block {
	margin-bottom: 17px;
	background: #fff;
	padding: 0px 0px 17px 0px;
	overflow: hidden;
	border-bottom: 1px dotted #e5e5e5;
}
.text_block .type{
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	color: #222;
	line-height: 1.45em;
}
.date{
	font-family: Georgia,Times,serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	color: #0088CC;
	/*color: #E32B22; */
}
.text_block a,
.text_block a:visited{
	font-family: Georgia,Times,serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	letter-spacing: normal;
	color: #0088CC;
	/*color: #E32B22;*/
}
.text_block a.title,
.text_block a.title:visited{
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: normal;
	color: #222;
	line-height: 1.45em;
}
.text_block a:hover,
.text_block a.title:hover{
	/*color:#0096d7;*/
	text-decoration: underline;
}
.text_block p{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: nomal;
	line-height: 1.5em;
	color:#666;
}
/**************************************************************************/

/*** Block announcement on landing page ***********************************/
a.announcement,
a.announcement:visited,
a.announcement:hover{
	display: block;
	background: url(../images/main_image.gif) no-repeat center top;
	width: 980px;
	height: 346px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 18px;
	text-decoration: none;
}
a.web_announcement,
a.web_announcement:visited,
a.web_announcement:hover{
	display: block;
	background: url(../images/web_soon.jpg) no-repeat center top;
	width: 980px;
	height: 330px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 18px;
	text-decoration: none;
}
a.print_announcement,
a.print_announcement:visited,
a.print_announcement:hover{
	display: block;
	background: url(../images/print_soon.jpg) no-repeat center top;
	width: 980px;
	height: 330px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 18px;
	text-decoration: none;
}
a.buyer,
a.buyer:visited,
a.buyer:hover{
	display: block;
	background: url(../images/pic_flowers.jpg) no-repeat left top;
	width: 660px;
	height: 146px;
	position: relative;
	margin-bottom: 18px;
}
.announcement .f_l{
	display: block;
	padding-left: 25px;
}
.announcement .h1{
	display: block;
	margin-top: 30px;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #fff;
}
.announcement .date{
	display: block;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}
.announcement .descr{
	display: block;
	float: right;
	behavior: url(js/iepngfix.htc);
	background: url(../images/whitebox_trans.png) no-repeat left top;
	width: 241px;
	height: 124px;
	position: relative;
	right: 18px;
	top: 11px;
}
.announcement .descr .cont{
	display: block;
	padding: 15px 10px 0 20px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #60759c;
	line-height: 1.5;
}
.announcement .descr .cont .p{
	display: block;
	font-family: Arial, sans-serif;
	font-size: 16px;
}
/*************************************************************************/


/****************************************************************************/
.panel_grey .top .browse p{
	float: left;
	padding: 0px 5px;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #7083AB;
	font-weight: bold;
}
/***********************************************************/

/*  USER ICONS  */
/****************************/
a.user-ico, a.brand:link
a.user-ico:visited{
	display: block;
	float: left;
	margin: 4px;
	font-size: 11px;
	color: #435270;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
	width: 53px;
}
a.user-ico:hover{
	text-decoration: none;
}
a.user-ico img,
a.user-ico:visited img{
	padding:3px;
	border: 1px solid #e5e5e5;
	background-color:#fff;
}
a.user-ico:hover img{
	padding:3px;
	border: 1px solid #fff;
	background-color:#000;
}


img.user-ico {
	padding:4px;
	border: 1px solid #e5e5e5;
	background-color:#fff;
}


.user-ico img{
	padding:4px;
	border: 1px solid #e5e5e5;
	background-color:#fff;
}






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



/*** Brand (this is classes for show images brands)**************************/

.wrap_brands{ 			 /* This class for wrap div with img brand have "float: left;" and white border */
	overflow: hidden;
	
}
.wrap_brands_orange { /* This class for wrap div with img brand have "float: left;" and orange border */
	overflow: hidden;
}

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

.grey-box .wrap_brands{ 
	border-bottom: 1px solid #fff;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

a.brand-ico, 
a.brand-ico:link,
a.brand-ico:visited{
	display: block;
	float: left;
	margin: 4px;
	font-size: 11px;
	color: #435270;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
	cursor:pointer;
}
a.brand-ico:hover{
	text-decoration: none;
}
a.brand-ico img,
a.brand-ico:visited img{
	padding:3px;
	border: 1px solid #CCCCCC;
	background-color:#fff;
}
a.brand-ico:hover img,
a.selected_ico img {
	padding:0px;
	border: 4px solid #000;
}

/*img.brand-ico {
	padding:4px;
	border: 1px solid #e5e5e5;
	background-color:#fff;
}*/


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

.wrap_upgrade_user{
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 15px 20px;
	overflow: hidden;
}
.table_search td{
	padding: 5px 5px 0px 5px;
}


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

a.brand_middle,
a.brand_middle:visited{
	display: block;
	float: left;
	margin: 8px;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
	position: relative;
	height: 112px;
	width: 141px;
	padding: 3px;
	border: 1px solid #EEE;
}
a.brand_middle:hover{
	text-decoration: none;
	padding: 0px;
	border: 4px solid #000;
}
a.brand_middle .number,
a.brand_middle:visited .number{
	display: none;
}
a.brand_middle:hover .number{
	display: block;
	position: absolute;
	right: -4px;
	bottom: -4px;
	background: #000;
	color: #fff;
	font-size: 11px;
	height: 20px;
	width: 60px;
	line-height: 20px;
	text-align: center;
}

/************************/
a.brand_big{
	display: block;
	position: relative;
	width: 184px;
	height: 147px;
	border: 4px solid #fff;
	overflow: hidden;
}
a.brand_big:hover{
	border: 4px solid #55648B;
	text-decoration: none;
}
a.brand_big .number{
	display: none;
}
a.brand_big:hover .number{
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 60px;
	padding-left: 4px;
	height: 16px;
	background: #55648B;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
}
*html a.brand_big:hover .number{
	bottom: -1px;
}
/**********************************************************************************/
/*** This block view brand on page "portfolio" ***********************/
a.brand_big_portf{
	display: block;
	position: relative;
	width: 200px;
	height: 160px;
	border: 4px solid #fff;
	overflow: hidden;
	margin: 4px 12px 20px 12px;
	float: left;
}
a.brand_big_portf:hover{
	border: 4px solid #55648B;
	text-decoration: none;
}
a.brand_big_portf .number{
	display: none;
}
a.brand_big_portf:hover .number{
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 60px;
	padding-left: 4px;
	height: 16px;
	background: #55648B;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
}
*html a.brand_big_portf:hover .number{
	bottom: -1px;
}


/*******!!!! This styles for pages on all pages ***********************/
.pager{
	padding: 10px 0px;
}
.pager table{
	margin: 30px auto;
}
.pager a,
.pager a:visited{
	display: block;
	float: left;
	height: 25px;
	padding: 0 10px;
	color: #666;
	border: 1px solid #e5e5e5;
	line-height: 25px;
}
.pager a:hover{
	color:#0096d7;
	text-decoration: none;
}
.pager a.prev,
.pager a.prev:visited{
	background: url(../img/pager_arr.gif) no-repeat 5px 9px;
	padding-left: 15px;
}
.pager a.next,
.pager a.next:visited{
	background: url(../img/pager_arr_r.gif) no-repeat 40px 9px;
	padding-right: 15px;
}
.pager span.current,
.pager span.current:visited,
.pager span.current:hover{
	display: block;
	float: left;
	height: 27px;
	padding: 0 10px;
	color: #1e283e;
	text-decoration: none;
	font-weight: bold;
	line-height: 27px;
	background: url(../img/pager-num-bg.gif) repeat-x left top;
	color: #fff;
}
/***********************************************************************/

/*********Comments styles************************/
.user_comments {
	width: 100%;
}
.pic-item-comment {
	width: 165px;
	text-align: center;
	vertical-align: top;
}
.pic-item-comment a,
.pic-item-comment a:visited {
	display: block;
	border: 1px solid #e5e5e5;
	padding: 4px;
	float: left;
}
.pic-item-comment a:hover {
	border: 5px solid #000;
	padding: 0px;
}

.messages{
	padding: 10px 0px 0px 0px;
}
.item{
	margin-bottom: 30px;
	border-bottom: 1px solid #BDBDBF;
}
.item table{
	width: 100%;
}
.item table td{
	font-size: 12px;
	vertical-align: top;
	padding-bottom: 8px;
}


.item table td.comment-num{
	width: 80px;
	font-size:24px;
	font-weight:bold;
	color:#999;
	text-align:center;
	vertical-align:top;
	padding-top:10px;
}
.item table td.comment-num span{
	font:10px georgia, arial, helvetica;
	color:#999;
	font-style:italic;
}

.item table td.user-ico{
	width:90px;
	padding-left:30px;
	text-align:left;
	vertical-align:top;
	font-size:11px;
}

.item table td.comment .comment-wrap{
	background: url(../images/comments-left-arrow.gif) no-repeat left top;
	padding-left:20px;
}

.item table td.comment .comment-body{
	border:4px solid #eee;
	border-left:none;
	padding:5px;
	min-height:100px;
}

*html .item table td.comment .comment-body{
	height:100px;
}


.item p{
}

/* ******************************************Form fields*******************************/

.form-fields {
	float:left;
	margin-top:10px;
}
.form-fields input { /* use only for inputs not buttons*/
	border:1px solid #e5e5e5;
	padding: 5px;
	margin-bottom:10px;
	background:#fff;
}
/*.form-buttons input { 
	background: url(../images/btn-greyh32-bg.gif) repeat-x left top;
	border:none;
	padding: 0 50px;
	height:32px;
	font: bold 12px arial, helvetica;
	color:#fff;
	line-height:32px;
	
}
*/
.form-fields-2col { 
	float:right;
	margin:10px 0 0 20px;
	
}

.form-fields-2col textarea { /* use only for inputs not buttons*/
	border:1px solid #e5e5e5;
	padding: 5px;
	margin-bottom:10px;
	background:#fff;
	width:100%;
	font:12px arial, helvetica;
}

/*** Form flags ***/
.flag{
	float: left;
	height: 22px;
	width: 22px;
	margin-left: 10px;
}
.flag.ok{
	background: url(../img/ico-ok2.gif) no-repeat left top;
}
.flag.error{
	background: url(../img/ico-wrong.gif) no-repeat left top;
}
/*****************************************************/
.brand_details{
	margin-bottom: 18px;
	line-height: 1.3;
}
.brand_details .user-ico{
	margin: 0 15px 15px 0;
}
.brand_details a.main-pic{
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	padding: 5px;
	display: block;
	padding: 6px;
}

.details-item {
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
}

.details-item.no-border{
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: none;
}

/*** ico & ico-link2 [start] ***/
a.ico-link2,
a.ico-link2:visited {
	color: #000;
	text-decoration: none;
	font-weight:bold;
	line-height: 19px;
	margin: 0 18px;
	padding-left: 24px;
	display:block;
	float: left;
	cursor: pointer;
}

a.ico{
	display:block;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
a.ico-link2:hover {
	color:#0097D7;
}
a.ico.not_active,
a.ico-link2.not_active{
	cursor: default;
	color:#999;
}
a.ico.spring,
a.ico-link2.spring {
	background: url(../img/ico_spring.gif) no-repeat left center;
}
a.ico.spring.not_active,
a.ico-link2.spring.not_active {
	background: url(../img/ico_spring_disable.gif) no-repeat left center;
}

a.ico.favoriteit,
a.ico-link2.favoriteit {
	background: url(../img/ico_favorite.gif) no-repeat left center;
}
a.ico.favoriteit.not_active,
a.ico-link2.favoriteit.not_active {
	background: url(../img/ico_favorite_disable.gif) no-repeat left center;
}

a.ico.delete,
a.ico-link2.delete {
	background: url(../images/ico_remove.gif) no-repeat left -31px;
}
a.ico.delete.not_active,
a.ico-link2.delete.not_active {
	background: url(../images/ico_remove.gif) no-repeat left top;
}

a.follow,
a.follow:visited,
a.follow:hover{
	display: block;
	float: right;
	background: url(../img/ico-plus.gif) no-repeat left top;
	height: 16px;
	line-height: 16px;
	padding: 0 0 0 22px;  
	color: #222;
	margin-top: 2px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}
a.follow.not_active,
a.follow.not_active:visited,
a.follow.not_active:hover{
	color: #999;
	cursor:default;
	padding: 0;
	background: none;
}


a.ico-link3,
a.ico-link3:visited {
	text-decoration: none;
	cursor: pointer;
	width: 39px;
	height: 32px;
	display:block;
	float: left;
}
a.ico-link3 .counter {
	color: #222222;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	display: inline;
}


a.ico-link3.spring {
	background-image: url(../img/ico-spring.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
a.ico-link3.favoriteit {
	background-image: url(../img/ico-favoriteit.png);
	background-repeat: none;
	background-position: left bottom;
}
a.ico-link3.not_active{
	background-position: left top;
	cursor: default;
}

/*** profile page [start] ***/
.profile-actions-panel a{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	height: 19px;
}
.profile-actions-panel a:hover,
.profile-actions-panel a:visited{
	height: 19px;
}

.profile-actions-panel a.follow.not_active,
.profile-actions-panel a.follow.not_active:visited,
.profile-actions-panel a.follow.not_active:hover{
	background: url(../img/ico_remove.gif) no-repeat left bottom;
	padding: 0 0 0 22px;
	cursor: pointer;
	
}
/*** profile page [end] ***/

/*** ico & ico-link2 [end] ***/

.brand_details .options{
	margin-bottom: 15px;
	padding: 0 0 5px 0;
	border-bottom:1px solid #e7e7e7;
}
.brand_details .options a.ico-link2.share.simple {
	background: none;
	padding-left: 22px;
	position: relative;
}

.brand_details .options a.share a{
	position: absolute;
	left: 0px;
}

.brand_details .options a.share a span {
	font-size:0px;
}
.brand_details .options a.share a:hover{
	text-decoration: none;
}
.brand_details .options .v-dev {
	border-left:1px solid #e7e7e7;
	width:1px;
	height:20px;
	float:left;
}

.designer-says {
	margin: 0 10px 10px 0;
	padding-right: 25px;
	line-height: 20px;
/*	padding: 0 0 6px 0;
	margin-bottom:20px;
	background: url(../images/dot_line.gif) repeat-x left bottom;*/
	width: 135px;
	font-weight:bold;
	border-right: 1px solid #e7e7e7;
}

.designer-says span{
	color:#000;
}

.views {
	margin: 0 20px 10px 0;
	font-size:11px;
	line-height: 20px;
}

.views span{
	color:#000;
	font-weight:bold;
}

.dot-line-bottom{
	padding: 0 0 6px 0;
	background: url(../images/dot_line.gif) repeat-x left bottom;
}

.brand_details .available_brand .cont{
	padding: 10px 0;
}
.brand_details .available_brand .cont .brand-ico{
	margin: 5px 7px;
}
.brand_details .available_brand .cont h3{
	margin-bottom: 5px;
}

.brand_details a.help{
	margin-top: 9px;
}


.list_categories td{
	vertical-align: top;
}
/******************************************************/

.grey-box {
	background: #eee;
	border:1px solid #e5e5e5;
	padding:15px;
}



/*** Domain for Sale on buyer_landing_page ******************************************/
.domain{
	width:100%;
}
.domain th{
	background: #6F6F6C;
	font-size: 12px;
	text-align: center;
	color: #fff;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	padding:0;
}
.domain td{
	font-size: 14px;
	text-align: left;
	color: #1e283e;
	height: 31px;
	font-weight: normal;
	vertical-align: middle;
	background: #fff;
	padding-left: 5px;
}
.domain td.right{
	width: 79px;
	padding-left: 0px;
}
.domain td a,
.domain td a:visited{
	display: block;
	background: #057AA9 url(../images/ico-cart-sm.gif) no-repeat left center;
	font-size: 12px;
	text-align: left;
	color: #fff;
	height: 31px;
	width: 79px;
	line-height: 30px;
	padding-left: 5px;
	font-weight: normal;
	overflow: hidden;
}
.domain td a:hover{
	background: #61749C url(../images/ico-cart-sm.gif) no-repeat left center;
	text-decoration: none;
}


/******** For table domain in brand details ******************************/
ul.domain{
	display: block;
	width: 290px;
	list-style: none;
}
ul.domain li{
	padding-bottom: 2px;
}
ul.domain li a,
ul.domain li a:visited{
	display: block;
	height: 20px;
	background: #fff;
	border:1px solid #fff;
	text-decoration: none;
	font-size:11px;
}
ul.domain li a:hover{
	border:1px solid #CCCCCC;
	text-decoration: none;
}
ul.domain li span.domain_name{
	display: block;
	line-height: 20px;
	width: 170px;
	float: left;
	padding: 0px 5px;
	cursor: pointer;
}
ul.domain li span.cost{
	display: block;
	line-height: 20px;
	width: 70px;
	float: left;
	padding: 0px 5px;
	cursor: pointer;
}
ul.domain li span.cart{
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	background: url(../images/ico-tocart.gif) no-repeat right center;
	cursor: pointer;
}
*html ul.domain li .cart,
*html ul.domain li .cost,
*html ul.domain li .domain_name{
	height: 22px;
}


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

/*** Oksana`s css *******************************************************************/

.box_left_in_grey_panel{
	float: left;
	width: 148px;
}
.box_right_in_grey_panel{
	float: right;
	width: 484px; 
}

.box_left_contact {
	float: left;
	width: 200px;
}
.box_right_contact {
	float: right;
	width: 700px;
}

/*** For page edit profile *****************************/

.portfolio{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 17px;
	padding-bottom: 17px;
	overflow: hidden;
}
.portfolio .wrap_img{
	border: 1px solid #e5e5e5;
	padding: 4px;
	float: left;
	clear: left; 
	margin-bottom: 3px;
}
.error_ico{
	background: url(../img/ico-wrong.gif) no-repeat left top;
	height:22px;
	width: 21px; 
	margin: 0 5px;
}
.error_text{
	color: #CC0000;
	font-size: 11px;
	font-style: italic;
	font-family: Georgia, Times, serif;
	padding-left: 10px;
	
}
ul.note{
	color: #666666;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, Times, serif;
	margin-left: 0px;
	padding: 0;
	list-style-position:inside;
}
ul.note a,
ul.note a:visited{
	text-decoration:underline; 
}
ul.note a:hover{
	text-decoration:none; 
}

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

.status_details{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #0097D7;
}

/*** Table contact on the contact list ******************/
.table_classic {
	width: 100%;
	/*background: url(../img/bg_row.gif) repeat left top;*/
	margin-top: 20px;
}

.table_classic th{
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 1.45;
	line-height: 20px;
	padding-bottom:2px;
	text-align: left;
}
.table_classic td{
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 5px 3px;
	vertical-align: middle;
}
/********************************************************/

.left_nav a.link_user_action, 
.left_nav a.link_user_action:visited,
.left_nav span, .portfolio span {
	color:#666666;
	font-family:Georgia,Times,serif;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	line-height: 3;
	cursor:pointer;
}

.left_nav span {
	color:  #D2D2D2;
	cursor: default;
}
.left_nav span.active, .block_links span.active {
	color: #0096D7;
	cursor: default;
}
/********************************************************/



/*** Sell your logo *************************************/
.box_how_does_work {
	background: #222222;
	margin-bottom: 50px;
	padding: 20px;
	overflow: hidden;
}
.box_how_does_work .descr{
	float: left;
	width: 370px;
	padding-left: 5px;
}
.box_how_does_work .descr .title {
	color: #fff;
	font-size: 24px;
	line-height: 40px;
	border-bottom: 1px solid #444444;
	font-weight: bold;
	margin-bottom: 20px;
}
.box_how_does_work ul {
	list-style: none;
	display: block;
	margin-bottom: 10px;
}
.box_how_does_work ul li{
	margin-bottom: 10px;
	display: block;
	clear: both;
	overflow: hidden;
}
.box_how_does_work ul li span{
	display: block;
	float: left;
	line-height: 38px;
	font-size: 14px;
	font-weight: bold;
	color: #888888;
}
.box_how_does_work ul li span.bullet{
	list-style: none;
	background: url(../img/bullet.gif) no-repeat left top;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-size: 18px;
	font-style: italic;
	padding-right: 5px;
}
.box_how_does_work .player{
	float: right;
	width: 541px;
}
.col_left_sell {
	float: left;
	width: 540px;
}
.col_right_sell {
	float: right;
	width: 380px;
	margin-bottom: 70px;
}
.col_left_sell .panel_grey .top,
.col_right_sell .panel_grey .top {
	height: 40px;
	
}
.col_left_sell .panel_grey .top h3,
.col_right_sell .panel_grey .top h3 {
	font-size: 24px;
	line-height: 40px;
	height: 40px;
	
}
.col_left_sell .panel_grey .cont p {
	font-size: 14px;
	margin-bottom: 30px;
}
ul.catch li{
	display: block;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/ico-ok-new.gif) no-repeat left top;
	padding-left: 36px;
	line-height: 29px;
	margin-bottom: 15px;
	font-family: Helvetica, Arial!important;
}
/********************************************************/

/*** Site map *******************************************/
.site_map a,
.site_map a:visited{
	display: block;
	padding-left: 18px; 
}
.site_map a:hover{
	background: url(../img/mark-site-map-hover.gif) no-repeat left center;
	text-decoration: none;
	
}
.site_map a.active,
.site_map a.active:visited,
.site_map a.active:hover{
	background: url(../img/mark-site-map.gif) no-repeat left center;
	font-weight: bold;
}
.site_map h4.active {
	text-decoration: none;
}
/********************************************************/

/**** Registration domain *******************************/
.box_sel {
	background: #FFFFFF;
	border: 1px solid #e5e5e5;
	float: right;
	height: 22px;
	left: 0;
	position: relative;
	top: 0;
	width: 65px;
}
.box_sel .sel, 
.box_sel .sel:visited {
	background:transparent url(../img/arr-sort.gif) no-repeat right center;
	color:#1E283E;
	display:block;
	float:left;
	font-size:12px;
	height:22px;
	line-height:22px;
	padding-left:10px;
	width:55px;
}
.inp_domain {
	border: 1px solid #e5e5e5;
	height: 20px;
	padding-top: 2px;
	width: 185px; 
}
.box_sel .variation {
	border:1px solid #BDBDBF;
	left:-1px;
	position:absolute;
	top:22px;
	width:65px;
}
.box_sel .variation a, 
.box_sel .variation a:visited {
	background: #F7F7F7;
	border:1px solid #FFFFFF;
	color: #60759C;
	display: block;
	float: none;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
}
.box_sel .variation a:hover{
	display: block;
	float: none;
	border: 1px solid #fff;
	background: #E4E4E4;
	font-size:12px;
	line-height:22px;
	height:22px;
	padding-left: 10px;
	text-decoration: none;
	color: #1e283e;
}
.box_sel .variation a.active, 
.box_sel .variation a.active:visited, 
.box_sel .variation a.active:hover {
	background: #E4E4E4;
	border:1px solid #FFFFFF;
	color: #1E283E;
	display: block;
	float:none;
	font-size:12px;
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
	text-decoration:none;
}
/********************************************************/

span.counter {
	color:#FF0000;
	display:block;
	font-size:20px;
	text-align:right;
	width:48px;
}

/* @group LOGO BUYING PROCESS */

.logo_buying_process h2 {
	font-size: 1.6em;
	margin-top: -30px;
}

.lbp_menu {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

.get_started_buy, .tour_page {
	float: left;
}

.get_started_buy a, .tour_page a {
	display: block;
	float: left;
	height: 30px;
	overflow: hidden;
	margin-right: 10px;
	padding: 0 0 0 45px;
	color: #fff !important;
	text-decoration: none !important;
}

.get_started_buy {
	padding-right: 10px;
	margin-right: 15px;
	border-right: 1px solid #eee;
}

.get_started_buy a {
	background: url(../images/howitworks_sprite.png) no-repeat 0 top;
}

.get_started_buy a:hover {
	background: url(../images/howitworks_sprite.png) no-repeat 0 -30px;
}

.get_started_buy a span, .tour_page a span {
	height: 35px;
	display: block;
	float: left;
	padding: 5px 15px 0 0;
	background: url(../images/howitworks_sprite.png) no-repeat right top;
}

.tour_page a {
	background: url(../images/howitworks_sprite.png) no-repeat -360px top;
}

.tour_page a:hover {
	background: url(../images/howitworks_sprite.png) no-repeat -360px -30px;
}

.tour_page a span {
	height: 35px;
	display: block;
	float: left;
	padding: 5px 15px 0 0;
	background: url(../images/howitworks_sprite.png) no-repeat right top;
}

.get_started_buy a:hover span, .tour_page a:hover span {
	background: url(../images/howitworks_sprite.png) no-repeat right -30px;
}

.lbp_header {
	background: url(../images/logo_buying_process_header.png) no-repeat center top;
	width: 988px;
	height: 310px;
	overflow: hidden;
}

.lbp_header_left {
	position: absolute;
	text-align: center;
	width: 320px;
	height: 83px;
	margin: 207px 0 0 0;
}

.lbp_header_center {
	position: absolute;
	text-align: center;
	width: 347px;
	height: 83px;
	margin: 207px 0 0 321px;
}

.lbp_header_right {
	position: absolute;
	text-align: center;
	width: 319px;
	height: 83px;
	margin: 207px 0 0 669px;
}

.lbp_header_large {
	font: bold 24px Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
}

.lbp_header_med {
	font: bold 14px Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	color: #fff;
}

.lbp_header_small {
	font: 14px Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	color: #999;
}

.lbp_header_left .lbp_header_large {
	color: #00A7DD;
}

.lbp_header_center .lbp_header_large {
	color: #9FD100;
}

.lbp_header_right .lbp_header_large {
	color: #F37B1F;
}

.lbp_body {
	border-bottom: 1px solid #ccc;
	background: url(../images/logo_buying_process_bg.png) repeat-y left top;
	margin-bottom: 25px;
}

.lbp_body_left {
	float: left;
	width: 281px;
	padding: 20px;
}

.lbp_body_center {
	float: left;
	width: 308px;
	padding: 20px;
}

.lbp_body_right {
	float: right;
	width: 279px;
	padding: 20px;
}

.lbp_body ul {
	list-style-type: none !important;
}

.lbp_body ul li {
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	border-bottom: 1px dashed #ccc;
	list-style-type: none !important;
	background: url(../images/accordian_sprite.png) no-repeat left 13px;
	cursor: pointer;
}

.lbp_body ul li.active {
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	display: block;
	border-bottom: 1px dashed #ccc;
	list-style-type: none !important;
	background: #FAF0D1 url(../images/accordian_sprite.png) no-repeat left -172px;
	cursor: pointer;
}

.lbp_body ul li span {
	color: #E32B21;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
}

.lbp_body ul li.lbp_list_last {
	border: 0 !important;
}

.lbp_footer {
	margin-bottom: 20px;
}

.expander {
	cursor: pointer;
}
 
/* slightly enhanced, universal clearfix hack */
 
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
 
.clearfix { display: inline-block; }
 
/* start commented backslash hack \*/
 
* html .clearfix { height: 1%; }
 
.clearfix { display: block; }
 
/* close commented backslash hack */

/* @end */



/* @group UPGRADE */

.upgrade_user_btn {
	width: 275px;
	height: 150px;
	padding: 0;
	margin: 0 0 20px 0;
	overflow: hidden;
	background: url(../images/profile_upgrade.png) 0 top;
	color: #fff;
}

.upgrade_user_btn:hover {
	background: url(../images/profile_upgrade.png) 0 -150px;
}

.upgrade_user_btn .upgrade {
	padding-top: 12px;
	padding-left: 65px;
	text-transform: uppercase;
	font: bold 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.upgrade_user_btn .upgrade_to {
	text-align: center;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.upgrade_user_btn .standout {
	text-align: center;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.upgrade_user_btn .link a {
	width: 275px;
	height: 22px;
	padding-top: 128px;
	display: block;
	position: absolute;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
}

/* @end */