@charset "UTF-8";

/* Layout Small Screens */



body {
	margin: 0 auto; color: #000; line-height: 1.5em; text-align: left; font-family: arial; background-color:#FFF;}

h1 { color: #000; margin: 0em 0em .5em 0em; font-size: 2em; font-weight: normal; }
h2 { color: #000; font-size: 1.1em; margin: 1em 0em 1em 1em; text-align:center; }
h3 { font-size: 0.9em; margin: 0em 0em 0em 0em;}
h4 { font-size: 0.9em; font-weight:normal; margin: 0.8em 0em 0em 0em; color:#000; }
h5 { font-size: 0.9em; margin: 0em 0em 0em 0em; line-height: 1.5em; color:#333;}
p { margin: 0px 0px .75em 0px; }
img { max-width: 100%; margin-bottom: 0.5em;}
.breadcrum { font-size: 1.3em; line-height:1.0em; margin: 0.8em auto 1em; padding: 0; text-align:center;}

.breadcrum_orderconfirm_logo { float:none; width:75px; margin: 0 auto 0; padding: 0; }
.breadcrum_orderconfirm { float:none; width:300px; font-size: 1.0em; font-weight: bold; line-height:1.0em; margin: 1.0em auto 1.0em; padding: 0; text-align:left; text-transform:uppercase;}
.breadcrum_orderconfirm_nr { float:none; width:300px; font-size: 1.1em; line-height:1.0em; margin: 0em auto 1.6em; padding: 0; text-align:left;}
.page { margin: 0 auto; width:100%; min-width: 1139px; max-width: 1140px; position: relative;}

.mspace { margin:230px auto 20px;}

.page { margin: 0 5px; padding:0 5px 0 5px; width:100%; min-width: 30px; max-width: 960px; position: relative; background-color: #fff;}
.pageHead { margin: 0 auto; width:100%; min-width: 320px; max-width: 950px; position: relative; background: url(../images/interface/bg.jpg) repeat-x;}

header {margin: 0px auto; height: 100%; width: 100%; }

.logo { float:none; height: 37px; width: 270px; margin: 0px auto; padding: 33px 0 0px 0;}

.del { display:none;}


.content { margin: 0px auto;}

.aside { float:none; margin: 18px auto; width:330px; font-size:14px;}
.aside h1 { font-size: 26px; margin: 0 auto; padding: 0em 0 0.2em 0; text-align:left; color:#000;}
.aside h2 { font-size: 18px; margin: 0em 0 10px 90px; line-height:1.2em; font-weight:bold;}
.aside h3 { font-size: 18px; margin: 0em 0 10px 90px; padding: 0; color:#333; font-weight:normal; line-height:1.2em;}

/* article styles */
.product-info { float:none; margin: 0 auto; width:310px; font-size:12px; padding: 0 0px 0 0; background-color: #fff;}

article h1 { font-size: 1.3em; line-height:1.0em; margin: 0.5em 0 0 0; padding: 0.5em 0 1.0em 0; text-align:left;}

.product-details-header { font-size: 1.3em; margin: 0em 0 0 0.5; padding: 0em 0 0em 0; line-height:1.0em; width: 130px; text-align:left; color:#000; float:left;}

.product-details { font-size: 1.3em; margin: 0em 0 0 0; padding: 0em 0em 1.0em 0em; color:#000; font-weight:normal; line-height:1.3em; text-transform: none;
width: 170px; text-align:left; float:left;}

.product-order { float:none; margin: 100px auto; width:310px; font-size: 1.3em;}

.productList { float:none; margin: 18px auto 22px; width:270px; height: 360px;}
.productList-img { margin: 20px 0px 10px 0px; width:270px; height: 270px;}
.productList h1 { font-size: 0.9em;  margin: 0 0 5px 0; color:#333; font-weight:bold; width: 260px; text-transform: uppercase; border-bottom:#C7C3C3 1px dotted;}

.productList-header { font-size: 1.1em; padding: 0em 0em 0.5em 0em; color:#333; font-weight:normal; line-height:1.3em; width: 100px; float:left;}
.productList-details { font-size: 1.1em; padding: 0em 0em 0.5em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none; width: 160px; float:left; text-align:right;}
		 
.productList-price { font-size: 1.1em; padding: 0em 0em 0.5em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none; width: 100px; float:left; text-align:left border-bottom:#C7C3C3 1px dotted;}
		 
.productList-amount { font-size: 1.1em; padding: 0em 0em 0.5em 0em; color:#333; font-weight:normal; line-height:1.3em; width: 160px; float:left; text-align:right; border-bottom:#C7C3C3 1px dotted;}

/*footer styles*/
footer { overflow:hidden; height: 280px; margin: 30px auto 0px; max-width: 100%;}

#footerContent{ margin: 0 auto; max-width: 768px; height: 200px; padding-top:20px;}
.support{ float:none; width: 100%; height: 30px; padding:10px 0px 10px 0px; margin: 0 auto 0px;
border-top:#a7a6a6 1px solid; text-align:center; font-size: 80%; text-transform:none;}

footer a { font-size: 1.1em; line-height:1.4em; margin-bottom: 0em; color:#485085; text-align:center;}
				  
#form-product-order{ float:left; width:310px;; padding: 5px; margin: 2px 0 4px 0; font-size: 11px; letter-spacing: 2px; background-color: #f3fad9; }

input { text-align: right; border: 1px solid #ccc; padding:2px; margin: 2px 0px 4px 0; font-size: 13px; background-color: #fff; }


table { width: 100%; font-size: 1.3em;}
td, th { border-bottom: 1px dotted green; text-align:center; }
th { height: 20px;}
tfoot th { text-align:center; padding: 20px 20px 20px 0; border-bottom: 0px;}


/* SEARCHBOX */


#main-search{ margin:30px auto; top:55px; width:271px; position: static;}
#main-search input[type="text"]{ border:1px solid #7fb719; color:#666; float:none;  height:28px; margin:0; padding:0 10px; width:240px; }
#main-search input[type="submit"]{ background: url(../images/interface/sprites.png) no-repeat scroll -80px -160px transparent; float:right; height:30px; margin:0 0 0 1px; padding:0; text-indent:-9999em; width:28px; }

#main-search input[type=submit]:hover, input[type=submit]:focus{ background: url(../images/interface/sprites.png) no-repeat scroll -114px -160px transparent; float:right; height:30px; margin:0 0 0 0; padding:0; text-indent:-9999em; width:28px; }


/* SHOPPINGBAG */

.userinfo {float:none; width:200px; margin:5px 0 0 0; color:#666; font-size:14px; line-height:12px; text-transform:none;}
#shoppingbag {float:none; width:200px; margin:0px auto 20px; padding: 10px 0px 10px 10px; background-color: #f3fad9; }
	
	

	
	/*------------------------------------ Mobile CSS ---------------------------------------------*/

@media only screen and (max-width: 950px) {
	
/* Default Theme */ 
.wsmenu-submenu li:hover>a{ background-color:#7b7b7b !important; color:#fff !important;}
.wsmenu .wsmenu-list li a.active{color: #fff !important; background-color: #7b7b7b !important;}
.wsmenu .wsmenu-list li a:hover{ color: #fff !important; background-color: #7b7b7b !important;}	

.wsmenu-list li:hover .wsmenu-submenu{display:none ;}
.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:4px; border:solid 1px #eeeeee; background-color:#fff;}
.wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
.wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}

.wsmenucontainer{overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	min-height:800px;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
.wsmenuexpandermain{
	display:block !important;
	z-index:101; 
	top:0;
	right:0;
	left:0;
	}



/* Mobile click to drop arrow */
.wsmenu-click { position:absolute; top:0; right:0; display:block; cursor:pointer;}

.wsmenu-click i{ display:block; height:23px; width:25px; margin-top:11px; margin-right:8px;
	background:url(../images/down.png) no-repeat top left; background-size:25px;}

.wsmenu-rotate{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);}


/*2nd UL Style*/
.wsmenu-submenu-sub{
	width:100% !important;
	position:static !important;
	left:100% !important;
	top:0 !important;
	display:none;
	margin:0px !important;
	padding:0px !important;
	border:solid 0px !important;
	}
.wsmenu-submenu-sub li{
	margin:0px 0px 0px 0px !important;
	padding:0px;
	position:relative;
	}
.wsmenu-submenu-sub a{
	display:block;
	padding:10px 25px 10px 25px;
	border-bottom:solid 1px #ccc;
	font-weight:normal;
	/*background:#333333 !important;
	background-image:none !important;
	color: #000 !important;
	border-right: 0 none !important;*/
	}
.wsmenu-submenu-sub li a.active{color:#fff !important;}
.wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; color:#fff;}



.wsmenu-submenu-sub-sub{
	width:100% !important;
	position:static !important;
	left:100% !important;
	top:0 !important;
	display:none;
	margin:0px !important;
	padding:0px !important;
	border:solid 0px !important;
	}
.wsmenu-submenu-sub-sub li{
	margin:0px 0px 0px 0px !important;
	}
.wsmenu-submenu-sub-sub a{
	display:block;
	color:#000;
	padding:10px 25px;
	background:#000 !important;
	border-bottom:solid 1px #ccc;
	font-weight:normal;
	}
.wsmenu-submenu-sub-sub li a.active{ color:#fff !important;}
.wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; color:#fff;}
.wsmenu{position: relative;}

.wsmenu .wsmenu-list{
	height:100%;
	overflow-y:auto;
	display:block !important;
	}
.wsmenu .wsmenu-list li{
	display:block;
	float:none;
	border-right:none;
	background-color:#333333;
	position:relative;
	white-space:inherit;
	}
.wsmenu .wsmenu-list li a{
	padding:9px 32px 9px 17px;
	font-size:15px;
	text-align:left;
	border-right:solid 0px;
	background-color:#333333;
	color:#fff;
	line-height:25px;
	border-bottom:1px solid;
	border-bottom-color:rgba(0, 0, 0, 0.15);
	
	}
.wsmenu .wsmenu-list li a .fa{font-size: 16px; color:#f8f8f8;}
.wsmenu .wsmenu-list li a .arrow:after{ display:none !important; }
.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#ffffff; }

.mobile-sub .wsmenu-submenu{
	display:none;
	position:relative !important;
	top:0px;
	background-color:#1c1c1c ;
	border:solid 1px #000;
	}
.mobile-sub .wsmenu-submenu li a{
	line-height:20px;
	height:36x;
	background-color:#1c1c1c !important;
	padding-left:18px;
	border-bottom:1px solid #000000 !important;
	font-size: 15px !important;
	color:#8E8E8E;
	/*background:#333333 !important;
	background-image:none !important;
	color: #000 !important;
	border-right: 0 none !important;*/
	}
.mobile-sub .wsmenu-submenu li a:hover{ background-color:#000 !important; }
.mobile-sub .wsmenu-submenu li:hover>a{ background-color:#000 !important; }
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36x; background-color:#111111 !important; border-bottom:solid 1px #000 !important; padding-left:28px;}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36x; background-color:#000 !important; border-bottom:solid 1px #000 !important; padding-left:38px;} 

.mrginleft{
	margin-left: 240px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}




.wsmenu {
	width:0px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	background-color: #333333;
	border-radius:0px;
	z-index:100;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}

/*Nav Expanding Open Effect*/
.wsmenu.open {
	width:240px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
 
.wsmenu.close{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	}
 
.wsmenucontent{z-index: 1;}
 
/* Navigation arrow Animation */
.animated-arrow {
	position: absolute;
	left:0; top:0;
	}
.animated-arrow{
	cursor:pointer;
	padding:10px 35px 16px 0px;
	margin:10px 0px 0px 10px;
	}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
	cursor: pointer;
	border-radius: 0.5px;
	height: 3px;
	width: 28px;
	background: white;
	position: absolute;
	display: block;
	content: '';
	}
.animated-arrow span:before{
	top: -8px; 
	}
.animated-arrow span:after {
	bottom: -8px;
	}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
	transition: all 500ms ease-in-out;
	}
.animated-arrow.open span{
	background-color: transparent;
	}
.animated-arrow.open span:before, .animated-arrow.active span:after{
	top:8px;

	}
.animated-arrow.open span:before {
	transform: rotate(45deg);
	-moz-transform:  rotate(45deg);
	-ms-transform:  rotate(45deg);
	-o-transform:  rotate(45deg);
	-webkit-transform:  rotate(45deg);
	bottom:0px;
	}
.animated-arrow.open span:after {
	transform: rotate(-45deg);
	-moz-transform:  rotate(-45deg);
	-ms-transform:  rotate(-45deg);
	-o-transform:  rotate(-45deg);
	-webkit-transform:  rotate(-45deg);
	}


/* Color Theme */
.gry .wsmenu-list li:hover>a{background:#fff !important; color:#000 !important;}
.gry .wsmenu-list li a:hover {background:#c3c3c8 !important; color:#fff !important;}
.gry .wsmenu-list li a.active{background:#fff !important; color:#000 !important;}
.gry .wsmenu-submenu li a:hover {background:#424242; border-radius:0px!important; color:#fff;}





	 
@media only screen and (max-width: 780px) {

/* Color Theme */
.gry .wsmenu-submenu li:hover>a{ background-color:#424242 !important; color:#fff;}
.gry .wsmenu .wsmenu-list li a.active{color: #fff; background-color: #424242;}
.gry .wsmenu .wsmenu-list li a:hover{ color: #fff; background-color: #424242;}
	
	

}


#shoppingCart { float:none; margin: 18px auto 15px; width:310px; height: 100%; font-size:12px;}

.item { float:left; width:100%;}

.header-img { float:left; margin-right: 10px; width:50px; height: 20px; display: none;}

.header-artnum { float:left; width:75px; font-weight:bold; text-align:center; display: none;}

.header-product { float:left; width:190px; font-weight:bold; display: none;}

.header-color  { float:left; width:70px; text-align:center; font-weight:bold; display: none;}

.header-price { float:left; width:70px; text-align:center; font-weight:bold; display: none;}

.header-qty { float:left; width:70px; text-align:center; font-weight:bold; display: none;}

.header-update { float:left; width:80px; font-weight:bold; text-align:center; display: none;}

.header-delete { float:left; width:50px; font-weight:bold; text-align:center; display: none;}

.header-total { float:left; width:70px; font-weight:bold; text-align:right; display: none;}

.item-img { float:none; margin: 20px auto 10px ; width:150px; height: 150px;}

.item-artnum { float:left; padding: 0 0 10px 0; width:290px; height: 25px; text-align:left; border-bottom:#C7C3C3 0px dotted;}

.item-product { float:left; padding-top:0px; width:290px; height: 25px; border-bottom:#C7C3C3 0px dotted;}

.item-color { float:left; margin:0 1px 0px 0; padding:0 0 10px 0; width:45px; height: 35px; text-align:left; border-bottom:#C7C3C3 1px dotted;}

.item-price { float:left; margin:0 1px 0px 0; padding:0 0 10px 0; width:73px; height: 35px; text-align:center; border-bottom:#C7C3C3 1px dotted;}

.item-qty { float:left; margin:0 1px 0px 0; padding:0 0 10px 0; width:42px; height: 35px; text-align:center; border-bottom:#C7C3C3 1px dotted;}

.item-update { float:left; margin:0 1px 0px 0; padding: 0; width:37px; height: 35px; text-align:center; font-size:15px; border-bottom:#C7C3C3 1px dotted;}

.item-delete { float:left; margin:0 1px 0px 0; padding:0 0 10px 0; width:30px; height: 35px; text-align:center; font-size:15px; border-bottom:#C7C3C3 1px dotted;}

.item-total { float:left; padding:0 0 10px 0; width:78px; height: 35px; text-align:left; border-bottom:#C7C3C3 1px dotted;}


.shoppingCart-qtyfield { padding-right:2px; width:40px; text-align:right; }



#shoppingCart-total { float: none; clear:both; margin: 18px auto 15px; padding: 0px; width:330px; height: 250px; background-color: #f3fad9;}

.shoppingCart-total-head { font-size: 1.1em; padding: 2em 0em 0.5em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none;
width: 270px; float:left; text-align:right; border-bottom:#C7C3C3 1px dotted;}


.shoppingCart-total-header { font-size: 0.7em; margin: 5px; padding: 0em 0em 0em 0em; color:#333; font-weight:normal; text-transform: uppercase;
width: 160px; float:left; text-align:right;}
		 
.shoppingCart-total-amount { font-size: 0.9em; margin: 5px; padding: 0em 0em 0em 0em; color:#333; font-weight:normal; text-transform: none; width: 95px; float:left;
text-align:right; border-bottom:#C7C3C3 1px dotted; }
		 
.shoppingCart-total-footer { font-size: 1.1em; padding: 1em 0em 0.5em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none;
width: 330px; float:left; text-align:center;}


.checkout-info { float:none; clear:both; margin: 0px auto; width:300px; height: 100%; font-size:12px; padding: 0 0px 0 0;}
.checkout-details { font-size: 1.1em; padding: 0em 0em 1.0em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none; width: 180px; float:left;}
.checkout-text { font-size: 1.1em; padding: 0em 0em 0em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none; width: 180px; float:left;}


#report {float:none; margin: 0px auto 10px; width:300px; height: 100%; font-size:12px;}

.itemReport { float:none; width:300px;}

#reportSearch { float:none; margin: 0px auto 10px; padding: 15px; width:300px; height: 180px; background-color: #f3fad9;}

.header-dateFrom { float:left; width:75px; font-weight:bold; text-align:left; display:none;}
.item-dateFrom { float:left;  margin:0 1px 0px 0; padding-right:0px; padding-top:0px; width:75px; height: 25px; text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-dateTo {float:left; width:75px; font-weight:bold; display:none;}
.item-dateTo { float:left;  margin:0 1px 0px 0; padding-top:0px; width:98%; height: 25px; border-bottom:#C7C3C3 0px dotted;}
.header-reportGen { float:left; width:150px; text-align:left; font-weight:bold; display:none;}
.item-reportGen { float:left;  margin:0 1px 0px 0; padding-top:0px; width:98%; height: 25px; text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-reportFram { float:left; width:140px; text-align:left; font-weight:bold; display:none;}
.item-reportFram { float:left;  margin:0 1px 0px 0; padding-top:0px; width:98%; height: 25px; text-align:left; border-bottom:#C7C3C3 1px dotted;}

.header-office { float:left; width:100%; text-align:left; font-weight:bold;}

.header-ordernumber { float:left; width:100px; font-weight:bold; text-align:left; display:none;}
.item-ordernumber { float:left;  margin:0 1px 0px 0; padding-top:0px; width:98%; height: 25px; text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-orderdate{ float:left; width:90px; font-weight:bold; text-align:left; display:none;}
.item-orderdate { float:left;  margin:0 1px 0px 0; padding-top:0px; width:98%; height: 25px; text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-ordertracking { float:left; width:120px; font-weight:bold; text-align:left; display:none;}
.item-ordertracking { float:left; padding-top:0px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-ordertracking-one { float:left; width:120px; font-weight:bold; text-align:left; display:none;}
.item-ordertracking-one { float:left; padding-top:0px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 0px dotted;}


.header-orderadress-one { float:left; width:170px; font-weight:bold; text-align:left; display:none;}
.item-orderadress-one { float:left; padding-top:0px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-orderadress { float:left; width:170px; font-weight:bold; text-align:left; display:none;}
.item-orderadress { float:left; padding-top:0px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-orderStatus { float:left; width:90px; font-weight:bold; text-align:left; display:none;}
.item-orderStatus { float:left; padding-top10px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-sendNr { float:left; width:90px; font-weight:bold; text-align:left; display:none;}
.item-sendNr { float:left; padding-top10px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 0px dotted;}
.header-ordersum { float:left; width:90px; font-weight:bold; text-align:left; display:none;}
.item-ordersum { float:left; padding-top:0px; width:98%; height: 25px;text-align:left; border-bottom:#C7C3C3 1px dotted;}
.item-orderconfirm-link { float:left;  margin:0 1px 0px 0; padding-top:0px; width:98%; height: 25px; text-align:left; border-bottom:#C7C3C3 1px dotted;}


.header-customernumber { float:left; width:100px; font-weight:bold; text-align:left; display:none;}
.item-customernumber { float:left;  margin:0 1px 0px 0; padding-top:0px; width:87px; height: 25px; text-align:left; border-bottom:#C7C3C3 1px dotted;}
.header-customername { float:left; width:110px; font-weight:bold; text-align:left; display:none;}
.item-customername { float:left;  margin:0 1px 0px 0; padding-top:0px; width:120px; height: 25px; text-align:left; border-bottom:#C7C3C3 1px dotted;}
.header-customersum { float:right; width:90px; font-weight:bold; text-align:left; display:none;}
.item-customersum { float:right;  margin:0 1px 0px 0; padding-top:0px; width:90px; height: 25px; text-align:left; border-bottom:#C7C3C3 1px dotted;}


.report-totalcustomer { float:none;  margin:15px 1px 0px 0; padding:4px 0 0 0; width:100%; height: 30px; border-bottom:#C7C3C3 1px dotted; background-color:#f5f5f5;}
.report-totalcustomerheader { float:left; width:150px; height: 30px; text-align:right; font-weight: bold; font-size:12px; text-transform: uppercase;}
.report-totalcustomerprice { float:left; padding-top:0px; width:97px; height: 30px; text-align:right; }

.report-totaladmin { float:none;  margin:15px 1px 0px 0; padding:4px 0 0 0; width:100%; height: 30px; border-bottom:#C7C3C3 1px dotted; background-color:#f5f5f5;}
.report-totaladminheader { float:left; width:150px; height: 30px; text-align:right; font-weight: bold; font-size:12px; text-transform: uppercase;}
.report-totaladminprice { float:right; padding-right:6px; width:110px; height: 30px; text-align:right; }



.order-confirmation { float:none; margin: 0px auto 0px; width:300px; height: 100%; font-size:12px; padding: 0 0px 0 0;}
.order-confirmation-head { font-size: 1.0em; padding: 0.6em 0em 0.4em 0em; color:#333; font-weight:bold; line-height:1.3em; text-transform: uppercase; width: 300px; float:left;}
.order-confirmation-details { font-size: 1.0em; padding: 0em 0em 0.4em 0em; color:#333; font-weight:normal; line-height:1.3em; text-transform: none; width: 300px; float:left;}

.order-confirmation-qty { font-size: 0.8em; padding: 1.6em 0em 0.2em 3.8em; color:#333; font-weight:bold; line-height:1.3em; text-transform: uppercase; width: 100px; float:left; display:none;}
.order-confirmation-des { font-size: 0.8em; padding: 1.6em 0em 0.2em 0.8em; color:#333; font-weight:bold; line-height:1.3em; text-transform: uppercase; width: 500px; float:left;}
.order-confirmation-u-price { font-size: 0.8em; padding: 1.6em 0em 0.2em 0em; color:#333; font-weight:bold; line-height:1.3em; text-transform: uppercase; width: 120px; float:left;  text-align:center; display:none;}
.order-confirmation-net-amount { font-size: 0.8em; padding: 1.6em 0.8em 0.2em 0em; color:#333; font-weight:bold; line-height:1.3em; text-transform: uppercase; width: 100px; float:right; text-align:right; display:none;}

.order-confirmation-box { float:left; margin: 0px 0px 0 0px; width:330px; height: 100%; font-size:14px; padding: 0 0px 0 0; border-top:1px #000000 solid; border-bottom:0px #000000 solid; border-left:0px #000000 solid; border-right:0px #000000 solid;}
.order-confirmation-qty-item { padding: 0.2em 0.6em 0.2em 0.3em; line-height:1.3em; text-transform: none; width: 300px; float:none; text-align:left; border-right:0px #000000 solid;}
.order-confirmation-des-item { padding: 0.2em 0.3em 0.2em 0.3em; line-height:1.3em; text-transform: none; width: 300px; float:none; border-right:0px #000000 solid;}
.order-confirmation-u-price-item { padding: 0.2em 0.6em 0.2em 0.3em; line-height:1.3em; text-transform: none; width: 300px; float:none; border-right:0px #000000 solid; text-align:left;}
.order-confirmation-net-amount-item { padding: 0.2em 0.6em 0.2em 0.3em;  line-height:1.3em; text-transform: none; width: 300px; float:none; text-align:left;  border-bottom:1px #000000 solid;}


.order-confirmation-box-total { float:left; margin: 0px auto 0px; width:300px; height: 100%; font-size:14px; padding: 0 0px 0 0; border-bottom:1px #000000 solid;}
.order-confirmation-amendment  { padding: 0.6em 0.3em 0.2em 0.6em; line-height:1.3em; text-transform: none; width: 300px; height:75px; float:left; }
.order-confirmation-head-goodstot { float:left; padding: 0.3em 0em 0.3em 0em; font-size: 12px; line-height:1.8em; text-transform: uppercase; font-weight: bold; width: 180px; height:80px; text-align:left;}
.order-confirmation-item-goodstot { float:right; padding: 0.2em 0.6em 0.2em 0em; font-size: 14px; line-height:1.5em; text-transform: none; width: 100px; height:80px; text-align:right;  border-right:0px #000000 solid; border-bottom:0px #000000 solid; border-left:0px #000000 solid;}



.order-confirmation-foot { float:left; margin: 10px 0px 20px 0px; width:300px; font-size:12px; padding: 5px 0px 0 0; border-top:0px #000000 solid;}
.order-confirmation-foot-head { font-size: 1.0em; padding: 0em 0em 0em 0em; color:#333; font-weight:bold; line-height:1.5em; width: 330px; float:left; text-align:left;}
.order-confirmation-foot-left { font-size: 1.0em; padding: 0em 0.5em 0.4em 0em; color:#333; font-weight:bold; line-height:1.3em; text-transform: none; width: 100px; float:left; text-align:left;}
.order-confirmation-foot-right { font-size: 1.0em; padding: 0em 0em 0.4em 0em; color:#333; font-weight:bold; line-height:1.3em; text-transform: none; width: 200px; float:left;}

#startMain {float:none; margin: 18px auto 10px auto; width:100%; height: 100%; font-size:12px;}

.startMainLeft { float:none; margin: 18px auto 10px auto; padding: 0px; width:300px; height: 100%;}
.startMainLeft img{ float:none; margin: 0 auto; padding: 0px; width:300px;}

.startMainRight { float:none; margin: 0 auto; padding: 0px; width:300px; height: 100%;  color:#000;}

.startMainRight h1{ font-size: 2.3em; line-height:1.0em; margin: 0em 0 0em 0em; padding: 0; text-align:left; color:#000;}
.startMainRight h2{ font-size: 1.2em; line-height:1.5em; margin: 1.0em 0 1em 0em; padding: 0; text-align:left; color:#000; font-weight: bold;}
.startMainRight h3{ font-size: 1.2em; line-height:1.5em; margin: 1.0em 0 1em 0em; padding: 0; text-align:left; color:#000;}
.startMainRight ul{ list-style-type: circle; font-size: 1.1em; line-height:1.5em; margin: 1.0em 0 1em 2.6em; padding: 0; text-align:left; color:#000;}

#startNews { float:none; margin: 0 auto; padding: 0px; width:300px; height: 100%; background-color: #f3fad9;}
.startNewsItem { margin: 0 auto; padding:10px; width:90%; border-bottom:#C7C3C3 1px dotted;} 
.startNewsItem h1{ font-size: 1.4em; line-height:1.5em; margin: 0em 0 0em 0em; padding: 0; text-align:left; color:#7fb719;}
.startNewsItem h3{ font-size: 1.0em; line-height:1.0em; margin: 0.5em 0 .5em 0em; padding: 0; text-align:left;}
.startNewsItem a{ background-color:#e10c68; display:block; margin:15px 0 0 0; padding: 5px; width:60px height: 30px; font-size: 1.0em; color:#fff; font-weight:bold; text-align:center; }
.startNewsItem a:hover{ text-decoration: underline;}
.startNewsItem img{ padding:20px 20px 10px 20px;}