/*
Quick.Cart default stylesheet
*/
@import url( 'plugins.css' );

/* global styles */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,td,th{margin:0;padding:0;border:0}
body{background:#fff;font:11px arial;color:#3b4044;}

a{color:#3b85b7;text-decoration:underline;}
a:hover{color:#000;text-decoration:underline;}

input{font:12px arial;}
.inputr, .input, select, textarea{border:1px solid #666;font:12px arial;}
.inputr:focus, .input:focus, select:focus{background:#ffebc1;}
.inputr{text-align:right;}

#news{border:1px solid #ddd;}
#news iframe{width:99%;height:480px;margin:0;padding:0;border:0;}

#logoOs a, #menuBar a, .menu a{border:0;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}

#msg{width:400px;margin:0 auto 10px;padding:5px 0;border:1px solid #d2e2ed;background:#f1f8fd;text-align:center;font-weight:bold;font-size:16px;position: absolute; top: 20px;
left: 40%;}
div.error{color:#870707;}

#back{clear:both;padding:8px 10px;font-weight:bold;}

/* header, logo and top menu styles */
#header{float:left;width:100%;background:#4d5258 url('images/header-bg.gif') repeat-x bottom left;}
.shop-name {
	font-size: 180%;
	font-weight: bold;
	font-family:"Trebuchet MS", Arial, Tahoma;
	color: #fff;
	margin: 20px;
	display: block;
}
.shop-name a {
	color: #fff;
	text-decoration: none;
}
#logoOs{float:left;}
#menuTop{float:right;padding:15px 20px 0;color:#fff;}
#links a{padding:0 7px;color:#fff;}
#links a:hover{color:#ccc;}
#lang{padding:20px 20px 0 0;color:#fff;text-align:right;}
#qc-logo {
	position: absolute;
	top: 40px;
	right: 25px;
	border: none;
	z-index: 10;
}
#body{padding:30px 1%;}

#menuBar {
	position: relative;
	z-index: 999;
}

/* top menu under logo styles */
#menuBar, .menu{color:#fff;font:bold 12px Arial;}
#menuBar a, .menu a{text-decoration:none;cursor:pointer;color:#3c4145;}
.menu a:hover{color:#000;text-decoration:underline;cursor:pointer;}
#menuBar{height:32px;margin:0;padding:0 0 0 10px;list-style:none;}
#menuBar li{float:left;margin:0 2px 0 0;padding:0;background:url( 'images/menu_bg.gif' );}
* html #menuBar li{background:url( 'images/menu_bg.gif' ) repeat-x 0 1px;}
#menuBar li a{display:block;float:left;background:url( 'images/menu_bg_2.gif' ) no-repeat right;}
#menuBar li a span{display:block;float:left;height:30px;padding:2px 10px 0 40px;line-height:32px;}

.menu{position:absolute;visibility:hidden;top:0;left:0;z-index:101;margin:0;padding:0;border:1px solid #978888;border-top:none;background:#fff;list-style:none;width:160px;}
.menu a{display:block;padding:3px 10px;color:#3c4145;text-decoration:none;}
.menu .sep{display:block;margin:4px 10px 2px;padding:0;border-top:1px solid #bbb;line-height:1px;font-size:1px;}

/* menu bar - icons */
#menuBar .pages{background:url( 'images/ico_edit.gif' ) no-repeat 10px 5px;}
#menuBar .lang{background:url( 'images/ico_flags.gif' ) no-repeat 10px 5px;}
#menuBar .files{background:url( 'images/ico_files.gif' ) no-repeat 10px 5px;}
#menuBar .products{background:url( 'images/ico_products.gif' ) no-repeat 10px 5px;}
#menuBar .orders{background:url( 'images/ico_orders.gif' ) no-repeat 10px 5px;}
#menuBar .banners{background:url( 'images/ico_ad.gif' ) no-repeat 7px 5px;}
#menuBar .pools{background:url( 'images/ico_pool.gif' ) no-repeat 7px 5px;}
#menuBar .newsletter{background:url( 'images/ico_newsletter.gif' ) no-repeat 7px 5px;}
#menuBar .blocks{background:url( 'images/ico_blocks.gif' ) no-repeat 7px 5px;}
#menuBar .adminusers{background:url( 'images/ico_adminusers.gif' ) no-repeat 7px 5px;}
#menuBar .design{background:url( 'images/ico_design.gif' ) no-repeat 7px 5px;}

#menuBar { _margin-bottom: -1px; }

/* title */
h1{padding:17px 10px 5px 0;border-bottom:0;color:#3b4044;font-size:20px;font-weight:bold;}
h1 img{margin-right:10px;vertical-align:middle;}

/* list styles */
#list, #mainForm .mainTable{width:100%;border:1px solid #ddd;}
#list td, #list th{padding:4px;background:#fff;text-align:left;}
#list thead td{font-weight:bold;}
#list .save th, #mainForm .save th{padding-right:10px;background:#f2efef;text-align:right;}
#list .save td{background:#f2efef;font-weight:normal;}
#list .save input, #mainForm .save input{font-size:12px;font-weight:bold;}
#list .l0 td, #list .l0 th{background:#f7f7f7;}
#list .l1 td, #list .l1 th{background:#eee;}
#list .l1 th{padding-left:20px;}
#list .l2 td, #list .l2 th{background:#e3e3e3;}
#list .l2 th{padding-left:40px;}
#list .l3 td, #list .l3 th{background:#d7d7d7;}
#list .l3 th{padding-left:60px;}
#list .l4 td, #list .l4 th{background:#cdcdcd;}
#list .l4 th{padding-left:80px;}
#list .type td{font-size:14px;text-align:left;padding-top:20px;}
#list .inputr{border:1px solid #bbb;}

#list .id{width:30px;}
#list .position, #list .options{width:80px;}
#list .status{width:100px;}
#list.files .name{font-weight:bold;}
.orders .checkbox{vertical-align:top;}
#search{padding:10px;background:#f7f7f7;}

/* form styles */
#mainForm td, #mainForm th{padding:4px;}
#mainForm .l0{background:#fff;}
#mainForm .l1{background:#f1f8fd;}
#mainForm #type3 td{width:20%;}
#mainForm #type3 th{text-align:left;}
#mainForm #type3 .save th{text-align:right;}

#tabsDisplayLinks{padding:0 0 10px;text-align:right;float:right;}
#tabProductsPayment tfoot .info{text-align:right;}
#tabProductsPayment tfoot .summary{font-size:14px;font-weight:bold;}
#tabProductsPayment .input, #tabProductsPayment .inputr{background:#f4f4f4;border-color:#d6d1d1;}
#tabProductsPayment #addProductLink img{vertical-align:middle;}

#mainForm #type1 td{vertical-align:top;}
#mainForm #type1 .l1 td{padding:10px;border-bottom:1px solid #aaa;background:#e9e9e9;}

#mainForm #type1 .l0 th, #mainForm #type2 .tabs{width:1px;padding:0 0 10px;background:inherit;font-weight:normal;vertical-align:top;text-align:left;}
#mainForm #type1 .l0 td{font-size:12px;font-weight:bold;padding-top: 15px;}
#mainForm #type1 .l0 th td{font-size:11px;font-weight:normal;}
#mainForm .end td{}
#mainForm #tabs{width:450px;margin:0 10px;}
#mainForm #tabs td{vertical-align:middle;}
#mainForm #tabsForms{width:100%;border:1px solid #aaa;background:#f2efef;}
#mainForm #type1 .controlholder td{padding:4px;border-bottom:0px;}
#mainForm #tabsNames{float:left;margin:10px 0 0;padding:0;list-style:none;}
#mainForm #tabsNames li{float:left;}
#mainForm #tabsNames li a{display:block;margin:0 5px;padding:4px 10px;border:1px solid #aaa;border-bottom:0px;background:url( 'img/tabs_bg.png' );font-weight:bold;text-decoration:none;}
#mainForm #tabsNames li a:hover{text-decoration:underline;}
#mainForm #tabsForms{clear:left;}
#mainForm #type1 .tab, #mainForm #type2 .tab{display:none;}
#mainForm #tabFiles h3{text-align:center;}
#mainForm #type1 .banner{padding-top:5px;}
#mainForm td .defaultSkin td, #mainForm #type1 .l1 td .defaultSkin td{padding:inherit;border-bottom:inherit;}

#mainForm #page #tabOptions{display:block;}
#mainForm #page .tabOptions a{color:#000;}
#mainForm #config #tabOptions{display:block;}
#mainForm #config .tabOptions a{color:#000;}
#mainForm #product #tabOptions{display:block;}
#mainForm #product .tabOptions a{color:#000;}
#mainForm #order #tabProductsPayment{display:block;}
#mainForm #order .tabProductsPayment a{color:#000;}
#mainForm #carrier #tabPayments, #mainForm #payment #tabPayments{display:block;}
#mainForm #carrier .tabPayments a, #mainForm #payment .tabPayments a{color:#000;}
#mainForm #carrier .inputrd, #mainForm #payment .inputrd{border:1px solid #ddd;background:#f7f7f7;color:#777;}

#mainForm #page #tabProperties{display:block;}
#mainForm #page .tabProperties a{color:#000;}

#mainForm big {
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

#order #tabs{width:550px;margin:0 10px;}
#order #status{margin:5px 0;padding:0 0 0 20px;}
#order #status li{padding:2px 0 0;}

/* form - files list styles */
#mainForm h3{font-size:12px;}
#mainForm #filesDir{overflow:auto;width:430px;height:300px;margin:5px 0 0;padding:5px 0;border:1px solid #ccc;}
#mainForm #filesDir ul{margin:0;padding:0;list-style:none;}
#mainForm #filesDir .file{padding:2px 2px 2px 5px;}
#mainForm #filesDir .file input{margin:0 15px 0 10px;}
#mainForm #filesDir .file a{font-size:12px;}
#mainForm #filesDir .options{display:none;padding:2px 0 8px 15px;border-bottom:1px solid #ccc;}

#mainForm #filesForm{overflow:auto;width:430px;margin:0 0 5px;padding:5px 0;border:1px solid #ccc;}
#mainForm .false{height:370px;}
#mainForm .true{height:190px;}
#mainForm #filesForm ul{margin:0;padding:0;list-style:none;}
#mainForm #filesForm .file{padding:2px 2px 2px 5px;}
#mainForm #filesForm .file a{font-size:12px;}
#mainForm #filesForm table{width:95%;}
#mainForm .l0 #filesForm table th{width:25%;vertical-align:middle;}
#mainForm #filesForm .options{display:none;margin-bottom:5px;padding:2px 0 8px 28px;border-bottom:1px solid #ccc;}

#mainForm #filesList{overflow:auto;width:430px;margin:0 0 5px;padding:5px 0;border:1px solid #ccc;}
#mainForm #filesList ul{margin:0;padding:0;list-style:none;}
#mainForm #filesList .file{padding:2px 2px 2px 5px;}
#mainForm #filesList .file input{margin:0 10px 0 5px;}
#mainForm #filesList .file a{font-size:12px;}
#mainForm #filesList .options{margin-bottom:5px;padding:2px 0 8px 38px;border-bottom:1px solid #ccc;}

#mainForm #type2 .save th{width:100%;text-align:right;}
#mainForm .save input{margin-left:10px;}
#mainForm #type2 th{width:20%;text-align:left;font-weight:normal;}

#optionBoxes .title{font-weight:bold;}
#tabsShow{display:none;}

/* login form */
#bodyLogin{background:#eae9e9;}
#panelLogin{width:400px;margin:150px auto 0;background:url( 'img/login_bg.png' );color:#fff;}
#panelLogin #top{height:21px;background:url( 'img/login_top.png' );}
#panelLogin #logo{text-align:center;font-size: 180%;font-weight: bold;font-family:"Trebuchet MS", Arial, Tahoma;margin: 10px 0;}
#panelLogin #body{padding:0 12px;}
#panelLogin #bottom{height:39px;background:url( 'img/login_bottom.png' );}
#panelLogin #home, #panelLogin #version{padding:17px 0 0;}
#panelLogin #home{float:left;padding-left:15px;}
#panelLogin #version{float:right;padding-right:15px;}
#panelLogin #bottom a{color:#888;}
#panelLogin #bottom a:hover{color:#000;}
#panelLogin #error{padding:45px 0 42px;font-size:16px;font-weight:bold;text-align:center;}
#panelLogin #error #back{padding:10px 0 0;font-size:14px;}
#panelLogin #error #back a{color:#fff;}
#panelLogin #error #back a:hover{color:#ffb51a;}
#panelLogin form{padding:10px 57px 20px 0;font-size:14px;text-align:right;}
#panelLogin #login input, #panelLogin #pass input{width:200px;font-size:18px;}
#panelLogin label{padding-right:5px;}
#panelLogin #login, #panelLogin #pass{padding:10px 0;}
#panelLogin #pass{padding-top:0;}
#panelLogin #submit input{background:#fff;font-size:12px;}
#bodyLogin #back{display:none;}
#bodyLogin #error #back{display:block;}

#bttns {
	margin: 10px 20px;
	font-size: 120%;
}
#bttns a.new_invoice {
	line-height: 32px;
	background: url(img/ico_invoice.gif) no-repeat left center;
	padding: 10px 0;
	padding-left: 40px;
}
#hiddenForm {
	display: none;
	margin: 10px;
	border:1px solid #aaa;background:#f2efef;
	width: 550px;
}
.colorpicker_table td {
  padding: 2px 0 !important;
  vertical-align: middle !important;
}

.colorpicker_ul {
  margin: 5px 10px 20px 10px;
  padding: 0;
}
.colorpicker_ul li {
  list-style: none;
  margin: 0;
  padding: 2px 0 2px 10px; 
  background: url(images/arrow.gif) no-repeat 1px 6px;
}
.colorpicker_ul li.expanded {
  background: url(images/arrow2.gif) no-repeat 0 7px;
}
.colorpicker_ul li a {
  text-decoration: none;
  color: #3b4044;
  font-size: 120%;
}
.colorpicker_ul li.expanded a {
  font-weight: bold;
}
.colorpicker_ul li .f {
  margin: 0 0 10px 10px;
  display: none;
}
.colorpicker_ul li .f div {
  clear: left;
  text-align: right;
  width: 300px;
  padding-top: 2px;
}
.colorpicker_ul li.expanded .f {
  display: block;
}
.colorpicker_ul li .f div span {
  float: left;
  line-height: 180%;
}
.colorpicker_ul li .f div .rgb_input {
  width: 90px;
}
.colorpicker_ul li .f div span.sample {
  float: none;
  padding: 1px 6px;
  margin: 0 0 0 5px;
  background: red;
  border: 1px solid #666;
}
#template_design #preview {
  width: 99%;
  height: 300px;
  border: 1px solid #ccc;
  margin: 5px 0 0 0;
}
#template_design .header {
  margin: 5px 10px;
  width: 320px;
}
#template_design .header .input {
  width: 99%;
  margin: 2px 0 10px 0;
}
#template_design #helpers {
  margin: 0 10px;
}