html {
}

body {
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
}

a:link, a:visited, a:link *, a:visited * { text-decoration:none; color:#235183; }
a:hover, a:hover * { text-decoration:underline; }
input[type=text], input[type=password], select {
	padding-left:1px;
}
input[type=text], input[type=password], select, textarea {
	margin-bottom:4px;
	background:url(../../images/blue-transparent.png);
    -moz-border-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding-left:2px;
	border:1px solid #aaa;
}
input[type=submit], input[type=button] {
	margin:0;
	padding:2px 6px 2px 6px;
	
	font-size:14px;
	background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	color:#5d5d5d;
} 

input[type=submit]:hover, input[type=button]:hover {
	text-decoration: none;
	background:#efefef;
}
input[type=submit]:active, input[type=button]:active {
	position: relative;
	top: 1px;
}

h2 {
	font-size:18px;
}

a { color:#000 }

.bold { font-weight:bold }

.error { color:#f00; }

.nodisplay { display:none; }

select {
	height:auto;
}

.no-padding {
	padding:0 !important;
}

/**** Label Field Row Style ****/
div.row div.label {
	float:left;
	line-height:15px; 
	vertical-align:bottom;
	width:120px;
}
div.row div.field {
	display:inline;
	width:160px;
}
div.row div.label, div.row div.field { 
	text-align:left;
}
/**** Label Field Row Style ****/

/**** Text aligner ****/
.align-center { text-align:center !important }
.align-left { text-align:left !important }
.align-right { text-align:right !important }
/**** Text aligner ****/

/***** DIV aligner by center ********/
div.align_center {
    position: relative;
    width: 100%;
    height:1px;
}
div.align_center:after {
	clear: both;
    content: '';
    display: block;
}
div.align_center_to_left {
	float: right;
    position: relative;
    right: 50%;
}
div.align_center_to_right {
    position: relative;
    right: -50%;
/* text-align:center;*/
    z-index: 1;
}
/***** DIV aligner ********/

/**** Float align ****/
.float-left { float:left !important }
.float-right { float:right !important }
/**** Float align ****/

/**** Div Clear ****/
.clear-left { clear:left }
.clear-right { clear:right }
.clear-both { clear:both }
/**** Div Clear ****/

/**** Checkbox label pair ****/
.checkbox-label-pair{
	padding-bottom : 10px;
	padding-top : 10px;
	
	}
	.checkbox-label-pair-bottom-border{
		border-bottom : 1px solid #ccc;
	}

	.delivery-method-description{
	}
	
	.delivery-method-label{
		width : 210px !important;
	}

.checkbox-label-pair input { float:left; }
.checkbox-label-pair label {
    font-size : 14px;
    line-height: 14px;
    padding-left:3px;
    margin-bottom:5px;
/*    float:left;*/
}

.checkbox-label-pair .description{
	padding-left : 30px;
	font-size: 12px;
	}
	
.checkbox-label-pair .price, .checkbox-label-pair .price-for-free, .checkbox-label-pair .free{
	padding-left : 50px;
	font-size: 12px;
	
	}
.checkbox-label-pair .price, .checkbox-label-pair .price-for-free{
	font-weight : bold;
	}
.checkbox-label-pair .free{
	font-weight: bold;
	}

/**** Checkbox label pair ****/

/**** Vertical Spacer ****/
.vertical-spacer-5 {
	padding-top:5px;
}
.vertical-spacer-10 {
	padding-top:10px;
}
.vertical-spacer-20 {
	padding-top:20px;
}
.vertical-spacer-30 {
	padding-top:30px;
}
/**** Vertical Spacer ****/

/*** Rounded box ***/
.content .b1, .content .b2, .content .b3, .content .b4{font-size:1px; overflow:hidden; display:block;}
.content .b1 {height:1px; background:#abaaaa; margin:0 5px;}
.content .b2 {height:1px; background:#fff; border-right:2px solid #abaaaa; border-left:2px solid #abaaaa; margin:0 3px;}
.content .b3 {height:1px; background:#fff; border-right:1px solid #abaaaa; border-left:1px solid #abaaaa; margin:0 2px;}
.content .b4 {height:2px; background:#fff; border-right:1px solid #abaaaa; border-left:1px solid #abaaaa; margin:0 1px;}
.content .contentb {background: #fff; border-right:1px solid #abaaaa; border-left:1px solid #abaaaa;}
.content .contentb div.padded-panel  {margin-left: 1px;padding:10px;}
/*** Rounded box ***/

.textfield {
	width:250px;
}
.shortfield {
	width:50px;
}
.withshortfield_left {
	margin-left:5px;
	width:185px;
}
.withshortfield_right {
	margin-right:5px;
}

.nowrap {
	white-space: nowrap;
}
/********ERROR-INFO-BLOCK********/
.error-block{
	width : 90%;
	padding : 10px;
	background-color: #ed6060;
	border : 2px solid #ff4c00;
	color : #fff;
	}
	
.error-block .title{
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	}
.error-block ul {
	padding-left : 10px;
	}
.error-block ul li{
	font-size : 12px !important;
	text-transform: none;
	}
	
.info-block{
	width : 95%;
	padding : 10px;
	background-color: #7db244;
	border : 2px solid #235183;
	color : #fff;
	}
	
.info-block .title{
	text-align : center;
	font-size : 14px;
	font-weight : bold;
	}

	
	
	/*** Comments ***/
/*****Content comments*******************************/
.content-comment-item{
	padding-left:20px;
	padding-top:15px;
	}
	
	.content-comment-item .comment-author{
		font-weight : bold;
		text-decoration : underline;
	}
	.content-comment-item .comment-text{
		padding-top : 5px;
		padding-bottom : 5px;
		font : 1.1em Arial,sans-serif;
	}
	.content-comment-item .comment-date{
		padding-left : 30px;
		color : #666;
	}
	
	.content-comment-item .comment-link{
		padding-left:10px;
	}
	.content-comment-item .comment-link a{
		color : #666;
	}
	
	.content-comment-item .comment-admin{
		padding-left : 10px;
	}
	
	a.comment-answer-link{
		color : #666;
		
	}
	
	.admin-hide{
		color : #cf5d5d;
	}
	
	.admin-reason{
		padding-top : 3px;
		color : #888;
	}
	
	.answer-textarea{
		border:1px solid #ccc;
		width:80%;
		height:100px;
	}
	
	.comment-label{
		font : 0.85em Arial,sans-serif;
		color : #333;
	}
	
	
.comment-form-guest input, 
.comment-form-guest textarea{
	border : 1px solid #ccc;
	width : 300px;
}

.comment-form-guest textarea{
	height : 80px;
	}

.comment-form-guest table td{
	padding : 5px;
	border-bottom : 1px solid #fff;
	border-left : 1px solid #fff;
	}
	
.comment-form-guest .label{
	font-weight : bold;
	}
.comment-form-guest label{
	color : #f00;
	display : none;
	}

/*** Comments ***/


/****** Articles List Styles *******/
.article-list-item {
	
}

.article-list-item p{
	
}
.article-list-item p a{
	font-weight: bold;
}
.article-list-item p img{
	float : left;
	margin : 10px 10px 0px 0px;
}

.article-list-item h2{
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
	color:#619EDA;
	padding-top:5px;
	padding-bottom:5px;
	}
/****** Articles List Styles *******/


/*****ORDER STATISTIC AT CUSTOMER PAGE******/
.profile-content{
    padding-top : 20px;
}

.customer-orders-stat{
	}
        
        .customer-orders-stat td {
            border-bottom: 1px dashed #ccc;
            padding-top:15px;
            padding-bottom:15px;
            text-align: center;
            font-size: 14px;
        }
        
        .customer-orders-stat .price-cell {
            color: #FF4300;
            font-weight: bold;
        }
        
        .customer-orders-stat th{
            border-bottom: 1px dashed #ccc;
            font-weight: normal;
            font-size: 16px;
            
        }
.customer-orders-stat .order{
	border-bottom: 1px solid #000;
	background: none repeat scroll 0 0 #F7F7F7;
	padding : 5px;
	}
.customer-orders-stat .common-info{
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
	color: #2C5987;
	white-space: nowrap;
	border-bottom: 1px solid #fff;
	padding-bottom : 5px;
	}
	
.common-info-data{
/*	white-space: nowrap;*/
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
	border-bottom: 1px solid #fff;
	
	}
.order-list-item-head th{
	 background: none repeat scroll 0 0 #D9EEFA;
	 white-space: nowrap;
	 color: #808080;
     font-size: 10px;
     padding: 7px 5px;
     text-align: left;
     text-transform: uppercase; 
	}
	
.order-stat .price-panel-cell{
	white-space: nowrap;
	padding-top:15px;
	}
.order-list-item td{
	white-space: nowrap;
	padding : 10px;
	}
	
.order-list-item .number{
	width : 20px;
	}
/*****ORDER STATISTIC AT CUSTOMER PAGE******/

.ui-effects-transfer { 
	border: 2px dotted #666;
}


/**********PROMOTIONS**********************/
.promotion-block{
	 border: 1px solid #FF6600;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    padding: 5px 0 15px;
    position: relative;
	width : 80%;
	margin-left:5%;
	margin-right:5%;
	float:left;
}

.promotion-left-nav{
	float:left;
	width : 4%;
        padding-top: 100px;
}

.promotion-right-nav{
	float:left;
	width : 4%;
        padding-top: 100px;
}

.cell-group-description{
	text-align: center;
	}
.promotion-title{
	font-size : 16px;
	color : #FF6600;
	text-align : center;
	}
	
	.promotion-title a {
		color:#FF6600;
	}
	
	.product-image-promotion{
	    background: url("../../images/promotion.gif") no-repeat !important;
	    
	    /*border : 1px solid #ff0000;*/
	    width : 50px;
	    height : 50px;
	    position : absolute;
	    margin-left : 10px;
	    margin-top : 10px;
	}
	
	.product-image-promotion-at-list{
	    background: url("../../images/promotion.gif") no-repeat !important;
	    /*border : 1px solid #ff0000;*/
	    width : 50px;
	    height : 50px;
	    position : absolute;
	    margin-left : 0px;
	    margin-top : 0px;
	}
/******************************************/

.sub-products{
	padding : 5px;
	/*background: #ff0000;*/
	float:right;
	margin-top:10px;
	margin-right: 0px;
	width: 200px;
}

#child-quantity{
	clear:both;
	width : 200px;
}
#child-image-block{
	clear:both;
}

.child-images{
	cursor: pointer;
	border:5px solid #fff;
	}
.child-images-selected{
	border : 5px solid #aaa;
	}
.select-error-child{
	border : 1px solid #f00;
	}
.quantity-error-child {
	color : #f00 !important;
	}

	
/******************************************/
.whs-block-title{
	font-size : 13px;
	font-weight : bold;
}

.whs-item {
	padding-left : 20px;
	padding-top : 5px;
}

.city-at-region-item {
	padding : 5px;
}


/***************************************/
.warning {
    background-color: #feffce;
    padding : 10px;
    margin : 5px;
    font-weight: bold;
    border-radius: 10px 10px 10px 10px;
}


.customer-form td{
	border-bottom: 1px solid #eee;
}

.customer-form .section-title{
	color : #FF6600;
	font-size: 14px;
        background-color : #D9EEFA;
}

.customer-form input[type="text"], .customer-form input[type="password"], .customer-form select, .customer-form textarea{
    background: none;
}

.customer-form input[disabled="disabled"]{
    background: #eee;
    color : #666;
}

.customer-form textarea{
    width : 248px;
    height : 80px;
}

.horiz-menu-list{
	padding:10px;
}
.horiz-menu-list span {
	padding-left : 20px;
}
.horiz-menu-list span a{
	font-weight:bold;
	text-decoration: underline;
}

.horiz-menu-list span a.current{
    color : #FF6600 !important;
}



.reseller-table td{
    border-bottom: 1px dashed #ccc;
    font-size : 14px;
    padding : 15px;
}

.reseller-table td.left-cell{
    width : 200px;
}

.reseller-table .reseller-title{
    font-size : 16px;
    font-weight: bold;
    color : #FF6400;
}

.content-bigger{
    font-size : 14px;
}

.content-bigger .notice{
    color:#FF6400;
    padding:10px;
    font-style: italic;
}


/*******************************************/
.reseller-contact-form{
    width : 100%;
}

.reseller-contact-form td{
    border-bottom: 1px dashed #ccc;
    font-size : 14px;
    padding : 15px;
}

.reseller-contact-form td input, .reseller-contact-form td textarea{
    width : 750px;
}

.reseller-contact-form td textarea.high{
    height: 400px;
}

.reseller-contact-form td textarea.middle{
    height: 200px;
}

.reseller-contact-form td textarea.low{
    height: 80px;
}


a:visited.underline-link, a:link.underline-link{
    border-bottom: 1px dashed #FF6400 !important;
    color:#FF6400;
    font-weight: bold;
    
}

a:hover.underline-link{
    border-bottom: none !important;
    text-decoration: none;
}



.category-notice{
    padding: 10px 10px 10px 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-style: italic;
    font-size: 14px;
    /*height:50px;
    overflow: scroll;*/
}

.mobile-display {
	display: none;
}