
@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);

body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	background-color:#FFFFFF;
	}

img{ margin:0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none; color:#059BD8;}
.container a:hover{text-decoration: underline;}
.fl_left{float:left;}
.fl_right{float:right;}
.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
/* ----------------------------------------------Wrapper-------------------------------------*/


#wrapper{
display:block;
width:100%;
margin:0;
text-align:left;
border-bottom:1px solid #E3E3E3;
color:#FFFFFF; background-color:#F6F6F6;
}


div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;
	border-bottom:1px solid #E3E3E3;
	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}

.col0, .col0 a{color:#FFFFFF; background-color:#666666;}

.col2{color:#FFFFFF; background-color:#F6F6F6;}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topline, #topbar, #breadcrumb, .container, #hpage_cats, #adblock, #socialise, #footer, #copyright{

	margin:0 auto 0;
	display:block;
	width:960px;
	}

/* ----------------------------------------------TopBar-------------------------------------*/

#topline{
	padding:10px 0;
	}

#topline p{
	float:left;
	margin:0;
	padding:0;
	}

#topline ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}

#topline li{
	display:inline;
	margin:0 8px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #999999;
	}

#topline li.last{
	margin-right:0;
	padding-right:0;
	border:none;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	padding:2px 0 20px 0;
	}

#header .fl_left{
	display:block;
	float:left;
	margin-top:7px;
	overflow:hidden;
	}

#header .fl_right{
	display:block;
	float:right;
	width:468px;
	height:60px;
	margin-top:21px;
	overflow:hidden;
	}

#header h1, #header p, #header ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#header h1 a{
	font-size:46px;
	color:#999999;
	background-color:#FFFFFF;
	}

#header h1 strong{
	font-weight:normal;
	color:#059BD8;
	background-color:#FFFFFF;
	}

#header .fl_left p{
	text-align:right;
	margin-top:5px;
	}

/* ----------------------------------------------Topbar-------------------------------------*/

#topbar{
	padding:20px 0;
    z-index:1000;
	}

#topbar #search{
	display:block;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:20px 0;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content-------------------------------------*/

.container{
	padding:20px 0;
	}

.content{
	display:block;
	float:left;
	width:630px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}


#comments .commentlist li.comment_odd a{color:#059BD8; background-color:transparent;}
#comments .commentlist li:nth-child(odd){color:#666666; background-color:#F7F7F7;}
#comments .commentlist li:nth-child(even){color:#666666; background-color:#E8E8E8;}


#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal; text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

.column{
	display:block;
	float:right;
	width:300px;
	}

.column .holder, .column #featured{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

.column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #999999;
	}

.column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

.column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

/* Featured Block */

.column #featured ul, .column #featured h2, .column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color:#666666;
	background-color:#F9F9F9;
	}

.column #featured a{
	color:#059BD8;
	background-color:#F9F9F9;
	}

.column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F9F9F9;
	}

.column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

.column #featured li h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

.column .latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

.column .latestnews li{
	display:block;
	width:100%;
	height:99px;
	margin:0 0 11px 0;
	padding:0 0 21px 0;
	border-bottom:1px dotted #C7C5C8;
	overflow:hidden;
	}

.column .latestnews li.last{
	margin-bottom:0;
	}

.column .latestnews p{
	display:inline;
	}

.column .latestnews img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

/* ----------------------------------------------Homepage Specific-------------------------------------*/

#adblock{
	padding:20px 0;
	}

#hpage_cats{
	padding:0 0 5px 0;
	}

#hpage_cats .fl_left, #hpage_cats .fl_right{
	display:block;
	width:468px;
	margin-bottom:15px;
	}

#hpage_cats .fl_left img, #hpage_cats .fl_right img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #C7C5C8;
	clear:left;
	}

#hpage_cats h2{
	display:block;
	width:100%;
	margin:0 0 15px 0;
	padding:5px 0;
	color:#666666;
	background-color:#EFEFEF;
	text-align:right;
	font-size:13px;
	}

#hpage_cats h2 a{
	margin:0 5px 0 0;
	color:#059BD8;
	background-color:#EFEFEF;
	font-weight:bold;
	text-transform:uppercase;
	}

#hpage_cats p{
	margin:0 0 8px 0;
	padding:0;
	}

#hpage_latest{
	display:block;
	width:100%;
	}

#hpage_latest h2{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom:2px solid #E3E3E3;
	}

#hpage_latest ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#hpage_latest li{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	}

#hpage_latest li.last{
	margin-right:0;
	}

#hpage_latest img{
	margin:0;
	padding:4px;
	border:1px solid #C7C5C8;
	}

#hpage_latest .readmore{
	font-weight:bold;
	text-align:right;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:20px 0;
	}

#footer h2, #footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer h2{
	color:#CCCCCC;
	background-color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px dotted #999999;
	}

#footer li{
	margin-bottom:5px;
	}

#footer .footbox{
	display:block;
	float:left;
	width:180px;
	margin:0 15px 0 0;
	padding:0;
	}

#footer .last{
	margin:0;
	}

/* ----------------------------------------------Social Bar With Newsletter-------------------------------------*/

#socialise{
	padding:20px 0;
	}

#socialise ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#socialise li{
	display:block;
	float:left;
	margin:0 80px 0 0;
	text-align:center;
	}

#socialise li span{
	display:block;
	margin:8px 0 0 0;
	}

#socialise li.last{
	margin-right:0;
	}

#newsletter{
	display:block;
	float:right;
	width:300px;
	}

#newsletter h2, #newsletter p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#newsletter h2{
	margin-bottom:5px;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

div.col8{border:none;}

#copyright{
	padding:15px 0;
	}

#copyright p{
	margin:0;
	padding:0;
	}

/* ---------------------------------------------- Форма Ввхода -------------------------------------*/
#loginForm {
width: 290px;
padding: 24px 24px 0;
background: #FEFEFE;
border: 1px solid #CAD8DE;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
font: 14px/18px Arial, Tahoma, sans-serif;
color: #444;
}
#loginForm .field {
margin: 0 0 18px;
}
#loginForm .field label {
display: block;
margin: 0 0 11px;
}
#loginForm .field .input {
border-radius: 4px;
}
#loginForm .field input {
font: 12px Arial, Tahoma, sans-serif;
color: #444;
width: 262px;
padding: 9px 13px;
border: 1px solid #D2D9DC;
border-radius: 3px;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 0 5px #F7F9FA;
outline: none;
}
#loginForm .field input:focus {
border-color: #B7D4EA;
box-shadow: inset 2px 2px 6px #EBEBEB, 0 0 4px #D0E6F6, 0 0 0 5px #F2F8FC;
}
#forgot {
float: right;
font-size: 11px;
color: #ababab;
text-decoration: none;
margin: 0;
}
#forgot:hover {
	color: #444;
  text-decoration: underline;
}
#loginForm .submit {
	overflow: hidden;
	margin: 30px -24px 0;
	padding: 22px 24px;
	background: #F0F5F7;
	border-top: 1px solid #DDE0E8;
	border-radius: 0 0 4px 4px;
	box-shadow: inset 0 1px #FFF, inset -1px -1px #F7FAFB, inset 1px 0 #F7FAFB;
  font-size: 11px;
}
#remember {
	display: block;
	margin: 5px 0 0;
	cursor: pointer;
}
#remember input {
	margin: 0 4px 0 0;
	vertical-align: middle;
}
#loginForm .submit button {
	float: right;
	padding: 6px 20px;
	height: 30px;
  border-top: 1px solid #98CCE7;
  border-bottom: 1px solid #7DB0CC;
  border-left: 1px solid #8CBFD9;
  border-right: 1px solid #8CBFD9;
  border-radius: 15px;
	color: #FFF;
  font: bold 13px Arial, Tahoma, sans-serif;
	box-shadow: inset 0 1px #D4EBF7, 0 1px 3px #B8BEBE;
	background: -moz-linear-gradient(top,  #badff3 0%, #7acbed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#7acbed));
	background: -webkit-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -o-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: -ms-linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background: linear-gradient(top,  #badff3 0%,#7acbed 100%);
	background-color: #9FD7F0;
	cursor: pointer;
	text-shadow: 0 -1px rgba(0,0,0,0.15);
	outline: none;
}
#loginForm .submit button::-moz-focus-inner{border:0}


/* --------------------------------------------------- уведомление ------------------------------------------------------------*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
border-radius: 10px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('../images/validation.png');
}

.pagenavi { clear:both; font: normal 11px Arial, Helvetica, sans-serif; margin:0 auto; text-align:right; padding:20px 0 20px 20px;}
.pagenavi a,
.pagenavi .current { margin-left:3px; padding:3px 8px; text-decoration:none; color:#939393; background:#f9fbfc; border:1px solid #d9e3cb;}
.pagenavi a:hover,
.pagenavi .current {  background:#78bbe6; color:#FFF;}
.pagenavi .pages { float:left;}



/* --------------------------------------------------- уведомление ------------------------------------------------------------*/
a.rm, a.com { padding:0; text-decoration:none; padding:5px 15px; background:#78bbe6; color:#FFF;}
.fl { float:left;}
.fr { float:right;}
a.rm, a.com { padding:0; text-decoration:none; padding:5px 15px; background:#78bbe6; color:#FFF;}

 /*    Витрина      */
.center_content{
width:630px;
float:left;
padding:5px 10px;
}

.center_title_bar{
width:520px;
height:33px;
float:left;
padding:0 0 0 40px;
margin:0 0 0 12px;
_margin:0 0 0 6px;
line-height:33px;
font-size:12px;
color:#847676;
font-weight:bold;
background:url(../images/bar_bg.gif) no-repeat center;
}

 .prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}

.top_prod_box{
width:173px;height:12px;background:url(../images/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box{
width:173px;height:10px;background:url(../images/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box{
width:173px;height: auto;background:url(../images/product_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;
}

.product_title{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
}
.prod_box:hover{
margin:0 auto;
border-radius:5px;
background:RGBA(255,255,255,1);
-webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);
box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
background:url(../images/products_details_bg.gif) no-repeat center;
margin:3px 0 0 0;
}

 img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:25px;
display:block;
float:left;
background:url(../images/square-blue-add.gif) no-repeat left;
padding:0 0 0 20px;
margin:4px 0 0 68px;
text-decoration:none;
color:#0fa0dd;
}

.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 10px 15px;
}

.top_prod_box_big{
width:554px;height:12px;background:url(../images/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px;
}
.bottom_prod_box_big{
width:554px;height:12px;background:url(../images/details_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px;
}
.center_prod_box_big{
width:554px;height: auto;background:url(../images/details_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px;
}

.product_img_big{
width:170px;
padding:5px 0 5px 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ea2222;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:3px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
span.reduce{
color:#999999;
text-decoration:line-through;
}
span.price{
color:#ea2222;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(../images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(../images/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#5F9FAB;
}

 .postimage {
  display: inline-block;
  height: auto;
}

.postimage-s {
  max-width: 200px;
}

/*                  ccccccccccccccccccccccccccccccc */
a.photo img{border-radius:5px; border:1px solid #C7C5C8; padding:2px; margin:0 5px 8px 0;}

a.photo:hover img{
margin:0 auto;
border-radius:5px;
background:RGBA(255,255,255,1);
-webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);
box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);
}

/* Форум */
.forumline {padding:0;margin:0;}
.thf{border:1px solid #78bbe6; padding: 0px;text-align: left;}
.thCornerL, .thTop, .thCornerR, .thHead, .thLeft, .thRight, .catHead {border:1px solid #CCCCCC; vertical-align:middle;font-weight:bold; color:#FFF; padding:8px 0px 8px 5px; background-color: #666666;}
.titlemedium, .thSides, .catLeft, .rowpic {border:1px solid #CCCCCC; border font-weight:bold; color:#FFF; padding:7px; margin:0px; background-color:#E8E8E8;}
td.spaceRow { background: #6FA0E3 }
.row1 {border:1px solid #CCCCCC; background-color: #FBFBFB; padding:5px;margin-top:1px}
.row2 {border:1px solid #CCCCCC; background-color: #F7F7F7; padding:5px;margin-top:1px}
.row3 {border:1px solid #CCCCCC; background-color: #E8E8E8}
.row4 {border:1px solid #CCCCCC; background-color: #E4EDF4}
.forumlink {font-weight: bold; font-size: 12px; color : #006699;}
.postbody  {font-size : 13px;}

.d{
    background-color: #E3E5E3; border-style: dotted; border-width: 1px;
	border-color: #B8C1B7; padding: 10px; padding-left: 35px;
	background-image: url(../images/code.gif); background-repeat: repeat-y; font-size: 11px;
	display: block;
	overflow: auto;
}
