/*
Quick.Cart webmaster-responsive stylesheet
*/

@font-face {
    font-family: 'Zurich';
    src: url('img/ZurichLtCnEUNormal.eot');
    src: url('img/ZurichLtCnEUNormal.eot?#iefix') format('embedded-opentype'),
         url('img/ZurichLtCnEUNormal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#000;font-size:1em;font-family:Zurich, Arial, sans-serif;}

body{padding:0;background:#fff;text-align:center;}

.input, select, textarea{}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.submit{font-style:normal;}
.form{}
.hide{display:none;}
.form legend{display:none;}
.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}

a{background-color:inherit;color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#container{position:relative;width:100%;margin:0 auto;overflow:hidden;}
#body, #foot{float:left;width:100%;margin:0 auto;}
#head1, #head3, #head2{width:960px;margin:0 auto;text-align:right;}
#body .container, #foot .container{width:960px;margin:0 auto;text-align:left;border-left:1px solid #999;border-right:1px solid #999;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1 .container{overflow:hidden;position:absolute;top:0;height:80px;width:960px;}
* html #head1 .container, * html #head2, * html #body{background:none;} /* IE 6 hack */

/* MENU TOP 1 */
#menu1 ul{float:right;margin:18px 3px 0 0;list-style:none;}
#menu1 li{float:left;padding:0 5px 0 15px;}
#menu1 li a{padding-left:10px;font-size:1.083em;color:#000;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline;}

#menu1 li.lBasket{text-align:center;padding:0;}
#menu1 li.lBasket a{padding:0;background:none;color:#fff;font-weight:bold;}
#menu1 li.lBasket a:hover{color:#fff;}
#menu1 li.lBasket span{padding:2px 0 5px;display:block;color:#000;font-size:0.917em;font-family:sans-serif;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */

#logo{padding:10px 10px 10px 0px;width:250px;clear:both;text-align:right;}
#logo #title a{font-weight:normal;font-size:3em;text-decoration:none;line-height:0.9em}
#logo #slogan{padding:5px 0 0 4px;background:inherit;color:#666;font-size:1em;}

/* HEADER WITH TOP MENU BELOW LOGO */
#head3{background:#fff;}
#head3 .container{overflow:hidden;height:53px;}

/* MENU TOP 2 */
#menu2 ul{float:left;height:100%;margin:0;list-style:none;}
#menu2 li{float:left;padding:0;}
#menu2 li a{float:left;height:53px;padding:18px 25px 0;color:#fff;font-size:1.17em;background:inherit;}
#menu2 li a:hover, #menu2 .selected a{text-decoration:underline;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;}
#body .container{overflow:hidden;background-image:url('img/port.jpg');background-repeat:no-repeat;background-position:0px 0;background-color:#fff;}

/* LEFT COLUMN STYLES */
#column{float:left;width:300px;padding:10px 0;position:relative;top:350px;min-height:900px;}
#home {width:230px;height:200px;position:absolute;top:40px;}
/* 
If you want display left menu on right side:
#column{float:right;width:270px;padding:10px 0;}
*/
#column .type{display:none;margin-top:25px;padding:7px 0 7px 10px;font-size:1em;letter-spacing:1px;}
#menu3{padding:0 20px 10px;clear:both;}
.order #column{display:none;}

/* LEFT MENU */
#menu3 ul{padding:3px 20px;list-style:none;}
#menu3 li{padding:4px 0;text-align:right;}
#menu3 a{display:block;width:87%;padding:1px 2% 1px 7%;font-size:1.5em;}
#menu3 a:hover, #menu3 .sub1 a:hover{}
#menu3 .selected > a:first-child{}

#menu3 .sub1{margin:0;padding:0;}
#menu3 .sub1 li{padding:2px 0 2px 24px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0;}

/* search form */
#searchForm{margin:10px 25px 0px 30px;float:right;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width:115px;border:1px solid #eee;padding:10px;background:#eee;}
#searchForm .submit{font-size:1.5em;font-family:zurich;background:#fff;padding-left:10px;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:580px;padding:20px 40px 5px;text-align:center;}
* html #content{width:580px;}
* html #page{width:99%;}
#page{position:relative;width:99%;margin:0 auto;text-align:left;margin-top:80px;}

.order #content{width:100%;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */
#body.order .container{width:1000px;background:#fff;border:0;}

/* PAGE TITLE */
#page h1{margin:18px 0 10px;font-size:2.417em;font-weight:normal;}

/* NAVIGATION PATH - TREE */
#page h4{position:absolute;top:-25px;padding:2px 0;}
#page h4 a{font-weight:normal;}
#page h4 a:hover{text-decoration:underline;}
*:first-child+html #page h4{top:-5px;} /* IE 7 hack */
* html #page h4{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding-top:5px;font-size:1.083em;line-height:1.2em;}
#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px;}

.pages{padding:8px 0;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 0px 0;text-align:center;}
.imagesList li div{text-align:center;display:none;}
.subpagesList li img, .imagesList li img, .imagesList#imagesListPreview li img, .imagePreview img, #products li .photo img{padding:0px;border:0px solid #eee;}
.subpagesList li img:hover, .imagesList li img:hover, .imagesList#imagesListPreview li img:hover, .imagePreview img:hover, #products li .photo a:hover img{border-color:#eee;}

#imagesList1{float:left;margin:0px 20px 0 0;}
#imagesList2{clear:none;text-align:center;margin:0px;padding:0;}

#imagesList2 li {float:left;}
body#page6 #imagesList2 li {float:left;height:120px; overflow:hidden;}
body#page6 #imagesList2 li img  {width:100px}
.imagePreview div{margin:5px 0 10px;text-align:center;}
#imagesListPreview{float:left;margin:9px 20px 0 0;}
* html #imagesListPreview{margin-top:-5px;}
.imagesList#imagesListPreview li{margin-bottom:3px;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;background:inherit;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 18px 5px 0;}
.subpagesList li h2{padding-bottom:10px;}
.subpagesList li h2, .subpagesList li h2 a{font-size:1.25em;font-weight:normal;}
.subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
.subpagesList li ul, .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList li p{padding-bottom:10px;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;font-size:1em;text-align:right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 10px 0;}
#options .back, #options .print{float:right;}

.message{padding:50px 0;text-align:center;}
.message h3{background:inherit;color:#000;font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;height:100px;font-size:1.083em;}
#foot .container{width:960px;margin:0 auto;padding:10px 0;background:#fff;color:#888;overflow:hidden;border-top:1px solid #999;border-bottom:1px solid #999;}
#foot a{background:inherit;color:#999;}
#foot a:hover{text-decoration:underline;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}

/* PRODUCTS LIST */
#products{float:left;width:100%;margin-bottom:10px;list-style:none;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;width:100%;padding:10px 20px 30px;border-bottom:1px dotted #eee;}
#products .list li:nth-child(even){background:#fff;}
#products li .photo{font-size:0px;line-height:0px;float:left;margin-right:20px;}
#products li h2{padding:5px 0 5px 0;font-weight:bold;font-size:1.083em;}
#products li h3{padding:5px 0 9px;text-align:left;font-weight:normal;font-size:0.917em;}
#products li h3 em{padding:0 5px;}
#products  span {margin-top:20px;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#000;font-weight:normal;text-decoration:none;}
#products li .price em{padding:0 6px 0 0;font-style:normal;font-weight:normal;}
#products li .price strong{font-size:1;font-weight:normal;}
#products li .noPrice strong{font-size:1em;font-weight:normal;}
#products li .price span{padding-left:4px;font-size:1.083em;font-weight:normal;}
#products li .basket{font-size:0.917em;padding-left:3px;}
#products li .basket a{display:block;font-weight:bold;text-align:center;padding:5px;color:#fff;background:#888;}
#products li .description {font-size:0.9em;color:#888;}
/* PRODUCTS LIST - COLUMNS TEMPLATE 
#products{clear:both;margin-top:10px;}
#products .list li{clear:none;width:200px;margin-left:20px;padding:20px 0;text-align:center;}
#products li.column1{clear:both;margin-left:0;}
#products li h3{text-align:center;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li .basket{width:150px;margin:10px auto 0;}
#products li.pages#pagesAfter{clear:both;}
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}*/

#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;}

#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;color:#777;}
#products .sort ul{display:inline;list-style:none;}
#products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #666;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}

/* PRODUCTS DETAILS */
#product{float:right;display:block;width:580px;margin:0 20px;text-align:left;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:85px 10px 5px;font-size:2.25em;font-weight:normal;}
#product h4{margin:0 0 10px;padding:2px 10px 7px;font-weight:normal;font-size:0.917em;color:#888;}
#product h4 em{padding:0 5px;}

#product #box{float:right;width:100%;margin:5px 0 10px 5px;padding:3px 0 10px;text-align:center;color:#000;}
#product #box li {font-size:1.2em;list-style:none;padding:0 15px;text-align:left;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{float:left;padding:0px 0;font-size:1.1em;text-align:center;margin:0 10px;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;font-weight:bold;}
#product #box #available{padding:8px 2px 0;font-weight:bold;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px;}
#product #box #addBasket .submit{width:176px;padding:5px;text-align:center;border:0;background:#888;color:#fff;font-size:1.1em;font-weight:bold;}

#product div.content{clear:left;padding:0 0 10px;font-size:1.083em;line-height:1.5em;}
#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}
#product div.content li{margin:8px 0;padding:0;border-left:0;}
#product div.content p{padding-bottom:10px;}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;font-size:1em;}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{padding-bottom:11px;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{display:none;}
#orderedProducts tfoot{text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}

#basket #orderedProducts table{margin:10px 0 0;}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount .submit{padding:2px 3px;}
#basket #save{text-align:left;}
#basket .summaryProducts{font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{font-weight:bold;}
#basket .del{padding:0 5px 0 10px;}
#basket .buttons #save .submit{padding:3px 5px;}
#basket .buttons .submit.continue{margin-right:5px;}
#basket #pageDescription{margin-top:20px;}
#basket legend{display:none;}

#basket #continue{text-align:left;}
#basket #save{padding:6px 7px 0;}

#order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;}
#order #personalData{padding:12px 3%;overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:bold;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}

#shippingAndPayments div{padding:11px 3%;}

#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;}
#order .summaryOrder, #orderPrint .summaryOrder{font-size:1.36em;font-weight:bold;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order #rulesAccept th, #order #nextStep th{text-align:right;font-weight:normal;}
#order #rulesAccept th a{font-weight:bold;}
*:first-child+html .nextStep .submit, *:first-child+html #basket #save .submit{padding:2px 0px;} /* IE 7 hack */

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint #pageDescription{padding:0;}
#orderPrint #pageDescription p{padding:5px 0;font-weight:normal;font-size:1.5em;text-align:center;}
#orderPrint .legend{clear:both;padding:20px 0 10px;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}

/* Quick Contact Form */
#sFormID{ margin:0 auto;background:#fff;border:0px;padding-top:20px;}
#sFormID input{width:200px; font-size:12px;padding:7px;border:1px solid #999;margin-bottom:20px;}
#sFormID select{width:400px; font-size:12px;}
#sFormID textarea{width:400px; font-size:12px;border:1px solid #999;margin-bottom:20px;}
#sFormID label{width:100px; font-size:15px; font-weight:normal; color:#000;display:block;margin-bottom:20px;}
#sFormID table{background:#fff; border:0px;width:400px;}
#sFormID th{width:200px; text-align: right;}
#sFormID td{width:400px;}
#sFormID .submit{background:#000;color:#fff; border:0px;width:100px;}
#sFormID .submit:hover{background:#656565;color:#fff; border:0px;width:100px;}
.td_right{text-align:right; width:100px;}

#noticeAboutCookies{display:none;padding:7px 0;background:#fff;font-weight:normal;width:300px;position:fixed;bottom:0;left:0;z-index:999;padding:20px;}
#noticeAboutCookies .close{margin-left:20px;font-size:2em;color:#999;font-weight:bold;text-decoration:none;}
#noticeAboutCookies .close:hover{color:#f00;}

#column .box{margin:0 20px 15px;position:absolute;bottom:10px;color:#ddd;}
#column .box .type{}
#column .box .content{padding:8px 10px;list-style:none;line-height:1.5em;}
#column .box .visits{font-size:1.2em;}
#column .box .visits span{margin-right:15px;}
#column .box .visits em{font-style:normal;}

#sideTab{z-index:51;position:fixed;right:-55px;top:30%;border:0px solid #c22463;background:#000;border-bottom:none;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
* html #sideTab{display:none;}
*:first-child+html #sideTab{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);border-bottom:2px solid #75a321;right:0px;}
#sideTab{margin-right:-55px \ ;border:2px solid #75a321 \ ;}
#sideTab a{display:block;padding:13px;text-decoration:none;color:#fff;font-size:1.633em;}

@media print{
  /* PRINT STYLES */

  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;}
#sideTab, #foot, .print, .back{display:none;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head2 .container, #head2{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page h4{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit{display:none;}

}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1199px){
#head1, #head3, #head2{width:100%;margin:0 auto;text-align:right;}
#body .container, #foot .container{width:100%;margin:0 auto;text-align:left;border-left:1px solid #999;border-right:1px solid #999;}
#column {    float: left;    width: 100%;   padding: 10px;  position: relative;    top: 70px;    left: auto;    min-height: 200px; }
#head1 .container {    overflow: visible;position: relative; top: 0;  height: auto;    width: 100%;    padding-left: 0;}
#content{width:90%;}
#logo {    padding: 10px 10px 10px 0px; width: 50%; clear: both; text-align: right;}
.content.visits{display:none;}

#menu3{padding:0 20px 10px;float:left;width:50%;}
.order #column{display:none;}

/* LEFT MENU */
#menu3 ul{padding:3px 20px;list-style:none;}
#menu3 li{padding:4px 0;text-align:right;float: right;}
#menu3 a{display:block;width:87%;padding:1px 2% 1px 7%;font-size:1.5em;}

}


/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:768px){
#body .container{background-size:30%;}
#column { right: 20px;width:100%;left:20px;}
#content{width:90%;padding: 0px 20px 5px;}
#sideTab{display:none;}
#searchForm {    float: left;    margin: 0px 5px 0px 0px;display:none;}
#menu1 ul {    float: left;    margin: 5px 3px 0 0;    list-style: none;}
#menu1 li {    float: left;    padding: 10px;}
#logo {   width: 80%; clear: both; text-align: right;}
#menu3{padding:0 20px 10px;float:left;width:73%;}
img {max-width:100%;}
#page6 #imagesList1{margin:0;}
#page{width:100%;}
.foot{width:90%;text-align:center;}
#copy{width:90%;text-align:center;}
#products .list li {padding:0;}
}