* { margin: 0; padding: 0; border:none;}
.clr {clear:both; height:0px; font-size:0px;}
h1.margin0 {margin:0px;}
.rounded { background: #d5d5d5; text-align: right;}
img.ramka { border: 3px solid #dedede; float: left; margin: 20px 20px 10px 0px; }
img.ramka_nofloat { border: 3px solid #dedede; margin: 20px 20px 10px 0px; }
img.icon_img { float:left; margin-top: 10px; margin-right: 20px; }
p { font: 12px Arial, Helvetica, sans-serif; color: #fff; text-align: justify; }
p.smallheader { font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px 10px 0px 0px; }
body { color: #989898; font: 12px Arial, Helvetica, sans-serif; background: #000000 url(body_bg.jpg) repeat fixed; }
img { border-style: none; }
h1 { font: bold 14px Arial, Helvetica, sans-serif; color: #FFFFFF; }
h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #ff2a2a; margin-bottom:10px; font-weight:normal;}
.big { font-size:18px;}
.orange { color: #ff6805; }
.red { color: #ff2a2a; }
.white { color: #ffffff; }
.center { text-align:center;}
.lined { text-decoration:line-through;}
.strong { font-weight:bold;}
.topmargin5 { margin-top:10px;}
.leftmargin5 { margin-left:5px;}
.rightmargin5 { margin-right:5px;}
a { cursor: hand;}
a { cursor: pointer;}

option { background: #000000;}
input.textfield { border: 1px solid #2c0702; background: #1a1a1a url(inputBg.png) repeat-x; font-size: 11px; color: #AAA; padding:2px 0px; }
input.btn { border: 1px solid #2c0702; margin-bottom: 5px; background: #000000; font-size: 11px; color: #ff2a2a; padding:0px 8px; font-size:12px;}
select { border: 1px solid #2c0702; background: #000000; font-size: 11px; color: #AAA; padding: 2px 0px; }
input.button { border: 1px solid #2c0702;  color: #fff; width: 88px; padding: 1px 0px 2px 0px; background: #000;  }
a{ color: #fff; text-decoration: underline; }
a.arrowlink { color: #989898; text-decoration: underline; background: url(arrow.gif) no-repeat left; padding-left: 15px; }
a:hover, a.arrowlink:hover { color:#989898; text-decoration: underline; }
#container { margin: 0 auto; width:900px; background:#070707;}

#header {}
#header .left { width: 366px; height: 159px; float:left; }
#header .right { width: 534px; height: 159px; float:left; background: url(header_right.jpg) no-repeat; }

#menu { height:36px; clear:left; background: url(menu_bg.jpg) no-repeat; }
#menu ul#nav { list-style: none; margin-left:40px;}
#menu ul#nav li { float:left;}
#menu ul#nav li a { color: #aaa; display:block; padding: 8px 15px 11px 10px; background: url(menu_wyciecie.jpg) no-repeat right; font-size: 12px; text-decoration:none;}
#menu ul#nav li.active a { color: #ffffff; display:block; padding: 8px 15px 11px 10px; background: url(menu_wyciecie.jpg) no-repeat right; font-size: 12px; }
#menu ul#nav li a:hover { color:#ffffff;  }

#menu ul#nav li:hover ul { display: block; }
#menu ul#nav li.over ul { display: block; }

#leftbar { width:170px; float:left;}
#rightbar { width:170px; float:left;}

.boxRed { width: 170px; color: #ffffff; }
.boxRed .top { background: #1e0b0b url(boxRedBgTop.jpg) no-repeat; padding-top:10px; }
.boxRed .btm { background: url(BoxRedBgBtm.jpg) no-repeat; height: 26px; width: 170px; }
.boxRed h1 { text-transform: uppercase; color: #FFFFFF; font-weight: normal; padding-left:20px; padding-bottom:30px;}
.h1 {color:#FFFFFF;font-weight:normal;padding-bottom:30px;padding-left:20px;text-transform:uppercase;-x-system-font:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;line-height:normal;}
#h1_content {color:#FFFFFF;font-size:14px;font-weight:normal;padding-bottom:25px;-x-system-font:none;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;line-height:normal;}

.boxRed form { padding-left:10px; }
.boxRed select { margin-bottom:10px; width:150px; }
.boxRed input.textfield { width:110px; margin-bottom: 5px; }

.leftmenu .el { width:170px; }
.leftmenu .el a { color: #fff; display:block; background: url(sideMenuBg.png) repeat-x; border-bottom: 1px solid #46120a; padding:4px 0px 4px 20px; text-decoration:none;}
.leftmenu .el a:hover { color:#e34141; text-decoration:none; background: #2c0d09; }
.leftmenu .el a.active { color:#e34141; display:block; background: #1a0907 url(arrow_smallest.gif) no-repeat 10px; border-bottom: none; padding:4px 0px 4px 20px; }
.leftmenu .subel a { color:#fff; display:block; background: #1a0907 url(plus_smallest.gif) no-repeat 20px; border-bottom: none; padding:4px 0px 4px 30px; text-decoration:none;}
.leftmenu .subel a.active { color:#e34141; }
.leftmenu .subel a:hover { color:#ffffff; text-decoration:none; background: #2c0d09 url(plus_smallest.gif) no-repeat 20px;  }
.numbers a.active { color:#e34141; }

.boxGrey { width: 170px; color: #ffffff; }
.boxGrey .top { background: #181617 url(boxGreyBgTop.jpg) no-repeat; padding-top:10px; }
.boxGrey .btm { background: url(boxGreyBgBtm.jpg) no-repeat; height: 26px; width: 170px; }
.boxGrey h1 { text-transform: uppercase; color: #FFFFFF; font-weight: normal; padding-left:20px; padding-bottom:30px;}
.boxGrey form { padding-left:10px; }
.boxGrey select { border: 1px solid #2c0702; margin-bottom:10px; width:150px; background: #000000; font-size: 10px; color: #aaa;}
.boxGrey input.textfield { width:110px; margin-bottom: 5px; }

.top .ins { padding:0px 10px 10px 10px;}

.loggedin { font-size: 11px;}
.editprofile { font-size: 11px;}
.logout { font-size: 11px;}



#content { width:550px; float:left; padding:0px 5px;}
#content h1 { font-size: 14px; font-weight: normal; color: #FFFFFF; padding-bottom:25px;}
#content .ins { padding: 20px; height: 100px; background: #121212; }
#content .ins { min-height: 100px; height: auto; }
#content .ins .order_details {font-size: 11px; }
#content .ins .order_details .titlebold {font-size: 14px; color: #FFFFFF;height: 20px; font-weight: bold;}
#content .ins .order_details .title {font-size: 14px; color: #FFFFFF;}
#content .top { padding:60px 20px 0px 20px;  background: #121212 url(contentBgTop.jpg) no-repeat; }
#content .top form { }
#content .top input.textfield { width:150px; }
#content .top input.btn { margin-bottom: 0px; }
#content .top select { width:150px; }
#content .btm { background: #000000 url(contentBgBtm.jpg) no-repeat; height: 50px; width: 550px; }
#content .cart table { border-collapse: collapse; }
#content .cart th { border: 1px solid #202020; text-align: center; color: #ff2a2a; padding: 5px 10px 5px 10px;}
#content .cart td { border: 1px solid #202020; text-align: center; color: #fff; font-size: 12px; padding: 5px 10px 5px 10px; }
#content .cart td.total {  color: #ff2a2a; }
#content .cart td.totaltotal {  color: #ff2a2a; font-weight: bold; }
#content .article { padding-bottom: 10px; }
#content .article img { margin: 10px; }
#content .article p { color: #777; }

.productBox { border-bottom: 1px solid #202020; padding:20px 0px 20px 0px; height:1%;}
.productBox .image { float:left; width:120px; }
.productBox .image img { margin-bottom: 8px; }
.productBox .rightside { width: 390px; float: left; }
.productBox .desc { float:left; width: 270px; }
.productBox .price { float:left; width:120px; padding-top:10px;}
.productBox .price p { text-align:right; padding-top:10px;}
.productBox .price a.checkout { background: url(icon_basket.gif) no-repeat right; padding-right: 25px; text-decoration:none;}
.productBox .description { padding: 10px 0px 0px 0px;  }
.productBox .white { color: #fff; font-weight: bold; }
.productBox table { border-collapse: collapse; }
.productBox td { border-width: 0px; font-size: 12px; padding: 0px 10px 5px 0px; }
.productBox td.caption {  color: #fff; }
.productBox td.value {  color: #ff2a2a; }
.productBox select { width: 130px; }
.productBox .varianthalf { float: left; width: 180px; }
.productBox .variants { padding-top: 15px; padding-bottom: 10px; }

#footer {  background: url(footerBgTop.jpg) no-repeat; }
#footer #ft_menu { text-align:center; padding:50px 0px 10px 0px; }
#footer #ft_menu a { color: #9c9c9c; padding: 0px 10px; font-size: 11px; text-decoration:none;}
#footer #ft_menu a:hover { color:#ffffff; text-decoration: underline;  }
#footer #signature { background: url(footerBgBtm.jpg) no-repeat; padding: 10px 0px 75px 0px; font-size:11px;}
#footer #signature .fleft { float:left; width:300px; padding-left:20px;}
#footer #signature .fcenter { float: left; width:300px; text-align:center; }
#footer #signature .fright { float:right; width:250px; text-align:right; padding-right:20px;}
#footer #signature a { color:#FFFFFF; text-decoration:none; }
#footer #signature a:hover { text-decoration: underline;}

table.forms { border-collapse: collapse; }
table.forms td { border-width: 0px; text-align: left; color: #666666;  }
table.forms td.caption { width: 180px; text-align: right; padding: 5px 5px 5px 0px; color: #FFFFFF;}
table.forms td.field { width: 240px; padding: 5px 0px 5px 5px; }
table.forms td.desc { width: 180px; padding: 5px 0px 5px 15px; color: #CF2C0C; }
table.forms td.desc a { color: #CF2C0C; text-decoration: underline; font-weight: bold;} 
table.forms input { width: 200px;  }
table.forms input.readonly { color: #AAA; }
table.forms input.checkbox { width: 15px; height: 15px; color: #333; background: #000; border: 1px solid #2c0702; }
table.forms select { color: #333; background: #fdf5ea; border: 1px solid #7db5de; }
table.forms textarea  { width: 195px; height: 40px; color: #AAAAAA; background: #1a1a1a url(inputBg.png) repeat-x; padding: 2px; border: 1px solid #2c0702; font-family: Arial; font-size: 12px; }


#orderdetails .label {width: 120px; font-size: 11px; height: 30px; float: left; margin-right:10px;}
#orderdetails .elem {width: 120px;  font-size: 11px; height: 30px; float:left;}
#payment {width: 250px; height: 300px; float: right;}

.address_data .label {width: 100px; font-size: 11px; height: 20px; float: left; margin-right:10px;}
.address_data .elem {width: 120 px;  font-size: 11px; height: 20px;}
.address_data .title {font-size: 13px; color: #ff2a2a; height: 25px;}

.invoice_data .label {width: 100px; font-size: 11px; height: 20px; float: left; margin-right:10px;}
.invoice_data .elem {width: 120 px;  font-size: 11px; height: 20px;}
.invoice_data .title {font-size: 13px; color: #ff2a2a; height: 25px;}


table.orderhistory { margin-bottom: 5px; border-collapse: collapse; }
table.orderhistory th { font-size: 11px; border: 1px solid #9d9c9c; text-align: center; font-weight: normal; color: #FFFFFF; padding: 5px 10px 5px 10px; }
table.orderhistory td { font-size: 11px; border: 1px solid #9d9c9c; text-align: center; color: #5e5e5e; padding: 3px 10px 3px 10px; }

#white { color: #FFFFFF;}
.error_login {font-size: 10px; color: #ff2a2a; margin-left: 10px;}
#err_info {width : 500px; font-size: 13px; color: #FF4323; margin-left: 135px;}
.opinion .link {height: 30px; width :250px; margin-left:30px;} 
.opinionbox .author {  width: 250px; height:20px; margin-left:30px;}
.opinionbox .date_added { width:250px; height:20px; margin-left:30px;}
.opinionbox .author .caption { font-size: 12px; float:left; color: #ff2a2a;}
.opinionbox .content {font-size: 14px; width:400px; margin-left:30px;}
.opinionbox .content .field {font-size: 12px; color: #FFFFFF;}

.relatedshopping {width: 300px; margin-left: 260px; margin-top:20px; height:80px;}
.sort_by {width : 600 px; margin-left: 367px;}
a.h2 { font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #ff2a2a; margin-bottom:10px; font-weight:normal;}
a.h2:hover { text-decoration: none; }

#tipDiv {  z-index: 1000; background: none;; left: 0px; visibility: hidden;  position: absolute; top: 0px; text-align: left }

#content .article table { border-collapse: collapse; }
#content .article td { border: 1px solid #9d9c9c; }

.newcollection { font-size: 14px; color: #FFFFFF;}