@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;
}