@charset "utf-8";
/*----------------------------------------------------------------------------- 
CMS BWI Screen Stylesheet 

version:   1.4 
date:      25/09/2012
author:    developer@bestwebimage.ro 
website:   www.bestwebimage.ro
version history:
	25/09/2012 - new layout for the CMS
	23/04/2013 - added .product_image
-----------------------------------------------------------------------------*/

/* Import other stylesheets 
-----------------------------------------------------------------------------*/ 
/*@import url("reset.css");*/
@import url("http://fonts.googleapis.com/css?family=Ubuntu:light,lightitalic,regular,italic,500,500italic,bold,bolditalic");
@import url("tables-style.css");
@import url("form-style.css");
@import url("uniform.default.css");
@import url("impromptu.css");
@import url("qq.fileuploader.css");



/* General classes
-----------------------------------------------------------------------------*/
@font-face {
  font-family: "MyCalibri";
  src: url('/public/fonts/calibri.eot');
  src: local("Calibri"), url('/public/fonts/calibri.ttf') format("truetype"); /* non-IE */
  font-style:regular;
  font-weight:normal;
}
@font-face {
  font-family: "MyCalibri";
  src: url('/public/fonts/calibrib.eot');
  src: local("Calibri Bold"), url('/public/fonts/calibrib.ttf') format("truetype"); /* non-IE */
  font-style:regular;
  font-weight:bold;
}
@font-face {
  font-family: "MyCalibri";
  src: url('/public/fonts/calibrii.eot');
  src: local("Calibri Italic"), url('/public/fonts/calibrii.ttf') format("truetype"); /* non-IE */
  font-style:italic;
  font-weight:normal;
}
* { 
    margin: 0; 
    padding: 0;
}
blockquote {
	padding-left: 20px;
}
.display-block {
	display:block;
	background:url(/public/images/_misc/blank.gif) repeat 0 0;
}
.full-block {
	width:100%;
	height:100%;
}
.right { 
    float:right; 
} 
.left { 
    float:left; 
}
.center {
	text-align:center;
}
.lalign {
	text-align:left;
}
.ralign {
	text-align:right;
}
.mcenter {
	margin:0 auto;
}
.uppercase {
	text-transform:uppercase;
}
.clear { 
    clear:both; 
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
table.fixed {
	table-layout:fixed;
}
.nobullet {
	list-style-type:none;
}
.nounder {
	text-decoration:none;
}
.nounder:hover {
	text-decoration:underline;
}

/* SPRITES 
-----------------------------------------------------------------------------*/ 
.sprite {
	background-image:url(/private/images/sprite.png);
	background-repeat:no-repeat;
}

/* WIDTHS
-----------------------------------------------------------------------------*/ 
.width20 {
	width:20px; 
}
.width25 {
	width:25px;
}
.width30 {
	width:30px;
}
.width40 {
	width:40px;
}
.width50 {
	width:50px; 
}
.width60 {
	width:60px; 
}
.width70 {
	width:70px; 
}
.width100 {
	width:100px; 
}
.width100m {
	min-width:100px; 
}
.width150 {
	width:150px; 
}
.width200 {
	width:200px;
}
.width210 {
	width:210px;
}
.width220 {
	width:220px;
}
.width240 {
	width:240px;
}
.width268 {
	width:268px;
}
.width320 {
	width:320px;
}
.width330 {
	width:330px;
}
.width360 {
	width:360px;
}
.width400 {
	width:400px;
}
.width500 {
	width:500px;
}
.width550 {
	width:550px;
}
.width570 {
	width:570px;
}
.width590 {
	width:590px;
}
.width620 {
	width:620px;
}
.width620m {
	min-width:620px;
}
.width610 {
	width:610px;
}
.width680 {
	width:680px;
}
.width680m {
	min-width:680px;
}
.width690 {
	width:690px;
}
.minheight500 {
	min-height:500px;
}
.margin-left5 {
	margin-left:5px!important;
}
.margin5 {
	margin:5px;
}
.width98p {
	width:98%;
}

/* SEPARATORS 
-----------------------------------------------------------------------------*/ 
.separator {
	width:100%;
}
.separator10 {
	height:10px;
	width:100%;
}
.separator20 {
	height:20px;
	width:100%;
}
.separator30 {
	height:30px;
	width:100%;
}
.separator40 {
	height:40px;
	width:100%;
}
.separator50 {
	height:50px;
	width:100%;
}
.separator100 {
	height:100px;
	width:100%;
}
.hide {
	display:none;
}
.hide2 {
	display:none!important;
}
a.red {
	color:#F00!important;
	padding:2px!important;
}
a.red:hover {
	background-color:#F00!important;
	color:#FFF!important;
}
.dash-border {
	border-top:1px dotted #b1b1b1;
	height:5px;
}
.loading-bar {
	background:url(/private/images/ajax-loader-bar.gif) no-repeat center center;
	min-height:300px;
}
.loading-notification {
	background:url(/private/images/ajax-loader-bar.gif) no-repeat center center;
	min-height:42px;
}
ul.inline-li li {
	display:inline;
	float:left;
}

/* Sizes 
-----------------------------------------------------------------------------*/
.size8 {
	font-size:8px;
}
.size10 {
	font-size:10px;
}
.size11 {
	font-size:11px;
}
.size12 {
	font-size:12px;
}
.size13 {
	font-size:13px;
}
.size14 {
	font-size:14px;
}
.size15 {
	font-size:15px;
}
.size16 {
	font-size:16px;
}
.size18 {
	font-size:18px;
}
.size19 {
	font-size:19px;
}
.size20 {
	font-size:20px;
}
.size22 {
	font-size:22px;
}
.size24 {
	font-size:24px;
}
.size30 {
	font-size:30px;
}
.size32 {
	font-size:32px;
}
.size36 {
	font-size:36px;
}
.size50 {
	font-size:50px;
}

/* Font weights
-----------------------------------------------------------------------------*/
.normal {
	font-weight:400;
}
.bold {
	font-weight:700;
}
.ultrabold {
	font-weight:900;
}
.italic {
	font-style:italic;
}

/* COLORS 
-----------------------------------------------------------------------------*/
.white,.white:visited, .white a:visited, .white a {
	color:#FFF;
}
.black,.black:visited, .black a:visited, .black a {
	color:#000;
}
.red,.red:visited, .red a:visited, .red a {
	color:#F00;
}
.green,.green:visited, .green a:visited, .green a {
	color:#396105;
}
.green2,.green2:visited, .green2 a:visited, .green2 a {
	color:#4b8700;
}
.blue,.blue:visited, .blue a:visited, .blue a {
	color:#336699;
}

/* BG gradients 
-----------------------------------------------------------------------------*/
.green-bg {
	background: rgb(108,160,43); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYTAyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzZjYTAyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Y2EwMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(108,160,43,1) 0%, rgba(108,160,43,1) 47%, rgba(108,160,43,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,160,43,1)), color-stop(47%,rgba(108,160,43,1)), color-stop(100%,rgba(108,160,43,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(108,160,43,1) 0%,rgba(108,160,43,1) 47%,rgba(108,160,43,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(108,160,43,1) 0%,rgba(108,160,43,1) 47%,rgba(108,160,43,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(108,160,43,1) 0%,rgba(108,160,43,1) 47%,rgba(108,160,43,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(108,160,43,1) 0%,rgba(108,160,43,1) 47%,rgba(108,160,43,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca02b', endColorstr='#6ca02b',GradientType=0 ); /* IE6-8 */
}
.black-bg {
	background: rgb(128,128,128); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzY3Njc2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(128,128,128,1) 0%, rgba(120,120,120,1) 24%, rgba(112,112,112,1) 49%, rgba(103,103,103,1) 75%, rgba(102,102,102,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,1)), color-stop(24%,rgba(120,120,120,1)), color-stop(49%,rgba(112,112,112,1)), color-stop(75%,rgba(103,103,103,1)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(128,128,128,1) 0%,rgba(120,120,120,1) 24%,rgba(112,112,112,1) 49%,rgba(103,103,103,1) 75%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(128,128,128,1) 0%,rgba(120,120,120,1) 24%,rgba(112,112,112,1) 49%,rgba(103,103,103,1) 75%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(128,128,128,1) 0%,rgba(120,120,120,1) 24%,rgba(112,112,112,1) 49%,rgba(103,103,103,1) 75%,rgba(102,102,102,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(128,128,128,1) 0%,rgba(120,120,120,1) 24%,rgba(112,112,112,1) 49%,rgba(103,103,103,1) 75%,rgba(102,102,102,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#666666',GradientType=0 ); /* IE6-8 */
}
.greish-bg {
	background-color:#F3F3F3;
}

/* Notifications
-----------------------------------------------------------------------------*/
.notification {
	width:100%;
	height:42px;
	text-align:left;
	color:#484848;
	margin-bottom:5px;
	background-image:url(/private/images/error_frame_bg.jpg);
	background-repeat:no-repeat;
}
.notification div {
	height:30px;
	line-height:30px;
	padding:6px 20px 6px 40px;
}
.notification p {
	display:inline;
}
.notification.error {
	background-color:#fbe3e4;
	border:1px solid #ddb9bb;
	background-position:5px -42px;
}
.no-supply {
	border:1px solid #ddb9bb;
	width:50px;
	height:3px;
}
.no-supply div {
	background-color:#fbe3e4;
	width:1px;
	height:3px;
}
.notification.succes {
	background-color:#e6efc2;
	border:1px solid #bbc984;
	background-position:5px 0;
}
.high-supply {
	border:1px solid #bbc984;
	width:50px;
	height:3px;
}
.high-supply div {
	background-color:#e6efc2;
	width:50px;
	height:3px;
}
.notification.warning {
	background-color:#fff6bf;
	border:1px solid #d7cb8e;
	background-position:5px -84px;
}
.low-supply {
	border:1px solid #d7cb8e;
	width:50px;
	height:3px;
}
.low-supply div {
	background-color:#fff6bf;
	width:10px;
	height:3px;
}
.notification.tip {
	background-color:#a8b2c5;
	border:1px solid #6b7d9f;
	background-position:5px -126px;
}

/* Pagination 
-----------------------------------------------------------------------------*/
/*
.pagination-frame {
	margin:5px 0;
	text-align:right;
}
.pagination-frame strong, .pagination-frame a {
	padding:2px;
	border:1px solid #ddd;
}
.pagination-frame strong {
	background-color:#578222;
	color:#FFF;
	font-size:11px;
}
.pagination-frame a {
	color:#000!important;
	font-size:11px;
	text-decoration:none!important;
}*/

/* Forms 
-----------------------------------------------------------------------------*/ 
input.text { 
  padding: 3px; 
  border: 1px solid #999999;     
}

/* Buttons 
-----------------------------------------------------------------------------*/
.button1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff!important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #810e05;
}.button1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
	cursor:pointer;
}.button1:active {
	position:relative;
	top:1px;
}
.button2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777!important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #ffffff;
}.button2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	cursor:pointer;
}.button2:active {
	position:relative;
	top:1px;
}
.button3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff!important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #689324;
}.button3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
	cursor:pointer;
}.button3:active {
	position:relative;
	top:1px;
}
.button1small {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff!important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #810e05;
}.button1small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
	cursor:pointer;
}.button1small:active {
	position:relative;
	top:1px;
}
.button2small {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777!important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #ffffff;
}.button2small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	cursor:pointer;
}.button2small:active {
	position:relative;
	top:1px;
}
.button3small {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff!important;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #528009;
}.button3small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
	cursor:pointer;
}.button3small:active {
	position:relative;
	top:1px;
}


/* Tables  
-----------------------------------------------------------------------------*/
table 
  {  
  border-spacing: 0; 
  border-collapse: collapse; 
}
td  
  { 
  text-align: left; 
  font-weight: normal; 
  padding:2px 10px;
  vertical-align:top;
}
.table-submenu {
	display:none;
}

/* Header & Document 
-----------------------------------------------------------------------------*/ 
body {
	font:12px Calibri,"MyCalibri","Ubuntu",Arial, Helvetica, sans-serif;
}
body.login-page {
	background:#4B8700;
}
#page-frame {
	min-width:960px;
	min-height:500px;
	margin:0 auto;
}
#header-frame {
	height:70px;
	position:relative;
	z-index:3;
	margin:0 20px;
}
#logo-frame {
	width:350px;
	height:100%;
}
#logo {
	width:50px;
	margin:2px 20px 0 0;
}
#user_box {
	margin:25px 0 0 0;
}
#user_box strong , #user_box a {
	line-height:18px;
	text-decoration:none;
	padding:0 15px;
}
#user_box a:hover {
	text-decoration:underline;
}

/* Navigation 
-----------------------------------------------------------------------------*/ 
#navigation-frame {
	height:32px;
	width:100%;
	margin:0 auto;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#navigation-frame ul {
	list-style-type:none;
}
#navigation-frame ul li {
	display:inline;
	float:left;
	height:32px;
	margin:0 0 0 20px;
}
#navigation-frame ul li a {
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	padding:5px;
	display:block;
	margin-top:7px;
}
#navigation-frame ul li.nav-icon a {
	padding:0!important;
	margin-top:1px!important;
}
#navigation-frame ul li a:hover, #navigation-frame ul li a.selected {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#396105;
}

/* Footer 
-----------------------------------------------------------------------------*/ 
#footer-frame {
	min-width:960px;
	margin:20px auto 0;
	height:30px;
	line-height:30px;
	border-top:1px dotted #b1b1b1;
	text-align:right;
}
#footer-frame * {
	color:#777;
}
#footer-frame a {
	text-decoration:none;
}
#footer-frame a:hover {
	text-decoration:underline;
	color:#000;
}

/* Jquery UI 
-----------------------------------------------------------------------------*/ 
.ui-state-highlight {
	height: 2.5em; 
	line-height: 1.2em;
	background-color:#578222!important;
	border:1px solid #DDDDDD!important;
}
.sort-items tr:hover {
	cursor:move;
}
ul.sortable-list,ul.sortable-list2 {
	list-style-type:none;
	margin:10px auto;
}
ul.sortable-list li.level1:not(.sortable-list-header) {
	border-bottom:1px solid #CCCCCC;
	color:#336699;
	padding:6px 8px;
	background-color:#FFF;
}
ul.sortable-list li:not(.sortable-list-header):hover, ul.sortable-list2 li:not(.sortable-list-header):hover {
	cursor:move;
}

/* Content 
-----------------------------------------------------------------------------*/ 
.section-box ul {
	list-style-type:none;
}
.section-box ul li {
	margin-right:7px;
	height:16px;
}
.section-box ul li a {
	background:url(/private/images/arrow.gif) no-repeat 0 center;
	padding-left:7px;
	line-height:16px;
}

.section-box2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px;
	height:150px;
	width:150px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin:0 10px 10px 0;
}.section-box2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.section-box2:active {
	position:relative;
	top:1px;
}

/* Your template 
-----------------------------------------------------------------------------*/
.nav-panel {
	padding-left:20px;
	margin-left:-100%;
}
.content-wrapper {
	width:100%;
}
.content-panel {
	margin-left:240px;
	padding-right:10px;
}
.content-panel2 {
	margin-left:20px;
	padding-right:10px;
}
.inlineh1 {
	text-indent:20px;
}
#h1-frame {
	height:70px;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin:0 0 10px 0;
}
#h1-frame h1 {
	font-size:36px;
	color:#4b8700;
	padding:20px 0 0 0;
	text-transform:uppercase;
}
#content-filter-frame {
	height:40px;
	width:100%;
	border-bottom:1px dotted #ccc;
	margin:10px 0;
}
#filter-frame {
	/*margin:8px 10px;*/
}
/* right nav panel */
.operation-box-frame {
	padding-right:20px;
}
.operations-frame {
	margin:10px 0 0 0;
}
.operations-frame ul {
	list-style:none;
}
.operations-frame ul li a {
	background:url(/private/images/arrow.gif) no-repeat 0 center;
	padding-left:7px;
	line-height:18px;
}
/* END right nav panel */
.box-frame {
	border:1px solid #ccc;
	margin:0 auto;
	min-height:100px;
}
.box-header {
	width:98%;
	height:36px;
	padding:0 0 0 2%;
}
.box-header:not(.green-bg) {
	background:url(/private/images/sprite.png) no-repeat 0 -154px;
}
.box-header.box2 {
	background:url(/private/images/sprite.png) no-repeat 0 -226px!important;
}
.box-header ul {
	list-style-type:none;
}
.box-header ul li {
	display:list-item;
	float:right;
	height:17px;
	margin:9px 10px 0 0;
}
.box-header ul li span, .box-header ul li a {
	color:#FFFFFF;
	display:inline-block;
	height:100%;
	padding:5px;
	text-align:center;
	text-decoration:none;
	width:100%;
}
.box-header ul li span {
	font-weight:bold;
	font-size:14px;
	padding:0 5px 5px 5px;
}
.box-header ul li a:hover, .box-header ul li.selected a{
	background:none repeat scroll 0 0 #FFFFFF;
	color:#396105;
}
.box-header ul li.box-title {
	float:left;
	display:list-item;
}
.box-header ul li.hide-show {
	margin:0;
	padding:0;
}
.box-header ul li.hide-show a {
	width:36px;
	height:36px;
	background:url(/private/images/sprite.png) no-repeat right -154px;
	margin:0;
	padding:0;
}
.box-header.box2 ul li.hide-show a {
	background:url(/private/images/sprite.png) no-repeat right -226px!important;
}
.box-header ul li.hide-show a em {
	display:none;
}
.box-content-tab {
	padding:10px 5px;
	display:none;
	background-color:#fff;
}
.box-content-tab.selected {
	display:block
}
.box-content-tab h2 {
	font-weight:normal;
	font-size:24px;
	margin:0 0 0 10px;
}
.box-content-tab a {
	color:#369;
	text-decoration:underline;
}
.box-content-tab a.title-link {
	text-decoration:none;
}
/*css hack for ckedtir so it doesnt show undelines in buttons*/
#cke_content a {
	text-decoration:none;
}
.box-content-tab a:hover {
	color:#578222;
	text-decoration:none;
}
.box-content-tab ul, .box-content-tab ol {
	/*margin:0 0 0 25px;*/
}
.text-box-frame {
	margin:10px 0 10px 20px;
}
.text-box-frame {
	line-height:160%;
}

/* Order PAGE
-----------------------------------------------------------------------------*/
#predefined_products {
	margin:20px 0 0 0;
}

/* LOGIN PAGE
-----------------------------------------------------------------------------*/

#login-header {
	width:350px;
	height:80px;
	margin:30px auto 10px;
}
#login-header * {
	display:inline;
	float:left;
}
#login-footer {
	margin:10px auto;
	text-align:center;
}
#login-footer * {
	color:#fff;
	font-size:12px;
}
#login-footer a:hover {
	text-decoration:none;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* HACKS
-----------------------------------------------------------------------------*/
#uniform-undefined {
	overflow:hidden;
}
.size14 {
	font-size:14px;
}
.product_image {
	width:180px;
}
.brochure-filename {
	padding-top: 4px;
	font-weight: 700;
	padding-right: 10px;
}