/* Layout pad 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; line-height: 1.2em; margin: 1em 0em 1em 1em;}
h3 { font-size: 1.1em; 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; font-weight:normal;}
p { margin: 0px 0px .75em 0px; }
img { max-width: 100%; margin-bottom: 0em;}

.page {	width:100%; min-width: 900px; max-width: 910px; position: relative;}
.pageHead { margin: 0 auto; width:100%; min-width: 910px; max-width: 1139px;
position: relative; background: url(../images/interface/bg.jpg) repeat-x;}


.breadcrum_orderconfirm_logo { float:left; width:200px; margin: 1.8em 0 1.8em 0.1em; padding: 0; }
.breadcrum_orderconfirm { float:right; width:600px; font-size: 1.2em; font-weight: bold; line-height:1.0em; margin: 1.8em 0 0.1em 1.6em; padding: 0; text-align:right; text-transform:uppercase;}
.breadcrum_orderconfirm_nr { float:right; width:600px; font-size: 1.1em; line-height:1.0em; margin: 0em 0 1em 1.6em; padding: 0; text-align:right;}


	
header{ height: 104px; width: 900px; margin: 0 auto; padding: 0 0 0 0 ;}
.top { height: 77px; width: 407px;  margin: 10px 0 0px 0; padding: 0px 0px 0px 0px ; background-color:#fff; }
.logo { float:left; height: 37px; width: 336px; margin: 33px 0 32px 0px; padding: 0px 0 0px 0;}
.imgTop { float:right; height: 79px; width: 381px; margin: 10px 15px 0 0; padding: 0px 0 0px 0 ; background-color:#fff; }

header h1 { margin: 0 0;}


nav { width: 900px; padding: 0px 0 0px 0; margin:0 auto; background-color:#ffffff;}
.wsmenu{ margin: 0 auto; width:900px; font-size:11px;}
.wsmenu-list li a .fa{ display: inline-block; font-size:11px; line-height:inherit; margin: 0 4px 0 -4px;}
.wsmenu-list li a .arrow:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid #b3b3b3;
content: ""; float: right; height: 0; margin: 0 0 0 6px; position: absolute; text-align: right; top: 22px; width: 0;}
 

.content { margin: 0px auto; }


.aside { float:left; margin: 18px 0px 0 20px; width:330px; height: 100%; font-size:12px;}
.aside ul { list-style-type: none; margin: 0; padding: 0;}
.aside h1 {font-size: 30px; margin: 0em auto; padding: 0.5em 0 0.6em 0; text-align:center; color:#000;}
.aside h2 { font-size: 18px; margin: 0em auto; line-height:1.5em; font-weight:bold; text-align:center;}
.aside h3 { font-size: 18px; margin: 0em auto; padding: 0; color:#333; font-weight:normal; line-height:1.2em; text-align:center;}

/* article styles */
section {}


.product-info { float:left; margin: 18px 0px 0 20px; width:280px; height: 100%; font-size:12px; padding: 0 0px 0 0;}

.product-order { float:right; margin: 38px 0px 0 0px; width:260px; height: 100%; font-size:12px;}

article h1 { font-size: 1.5em; 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.0em; line-height:1.1em; width: 110px; float:left; padding: 0;}

.product-details { font-size: 1.0em; color:#333; font-weight:normal; line-height:1.1em; text-transform: none; width: 150px; float:left;}
.product-details-short { font-size: 1.1em; margin: 0em 0em 1.0em 0em; padding: 0em 0em 1.0em 0.5em; color:#333; font-weight:normal;
line-height:1.3em; text-transform: none; max-width: 170px; height:36px; display: block; overflow: hidden; float:left;}
		 
article h4 { font-size: 1.0em; line-height:1.2em; margin-bottom: 0.1em; color:#000;}
article p { font-size:1.2em; margin: .8em 0;}

section img { padding: 0em 2.0em 0 0; float:left;}


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


#shoppingCart { float:none; margin: 18px auto 15px; width:780px; height: 100%; font-size:12px;}
#shoppingCart-total { float:right; margin: 18px 90px 10px 0px; padding: 15px; width:300px; height: 100%; background-color: #f3fad9;}

.checkout-info { float:left; margin: 0px 0px 0 0px; 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;}
/* SEARCHBOX */

#main-search{ left:43%; margin:0 0 0 0px; position:absolute; top:40px; }
#main-search input[type="text"]{ border:1px solid #7fb719; color:#666; float:left;  height:28px; margin:0; padding:0 10px; width:220px; }
#main-search input[type="submit"]{ background: url(../images/interface/sprites.png) no-repeat scroll -80px -160px transparent; float:left; 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 1px; padding:0; text-indent:-9999em; width:28px; }



#form-product-order{ float:left; height: 100%; width:250px;; padding: 0px; margin: 0;  background-color: #f3fad9; }
input { text-align: right; border: 1px solid #ccc; padding: 5px; margin: 2px 0 4px 0; font-size: 11px; background-color: #fff; }





/* SHOPPINGBAG */

.userinfo {float:left; width:200px; margin:5px 0 0 0; color:#666; font-size:12px; line-height:12px; text-transform:none;}
#shoppingbag {float:right; width:200px; margin:10px 0px 30px 40px; padding: 0px 0px 5px 8px; background-color: #f3fad9;}




/*footer styles*/
footer { overflow:hidden; height: 80px; margin: 30px auto 0px; max-width: 100%;}
.support{ float:none; width: 100%; height: 30px; padding:10px 0px 10px 0px; margin: 0 auto; 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;}			  


.order-confirmation { float:left; margin: 0px 0px 20px 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;}
.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;}
.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;}
.order-confirmation-box { float:left; margin: 0px 0px 0 0px; width:900px; height: 100%; font-size:14px; padding: 0 0px 0 0; border:1px #000000 solid;}
.order-confirmation-qty-item { padding: 0.2em 0.6em 0.2em 0em; line-height:1.3em; text-transform: none; width: 100px; float:left; text-align:right; border-right:1px #000000 solid;}
.order-confirmation-des-item { padding: 0.2em 0.3em 0.2em 0.6em; line-height:1.3em; text-transform: none; width: 500px; float:left; border-right:1px #000000 solid;}
.order-confirmation-u-price-item { padding: 0.2em 0.6em 0.2em 0em; line-height:1.3em; text-transform: none; width: 120px; float:left; border-right:1px #000000 solid; text-align:right;}
.order-confirmation-net-amount-item { padding: 0.2em 0.6em 0.2em 0em;  line-height:1.3em; text-transform: none; width: 100px; float:right; text-align:right;}


.order-confirmation-box-total { float:left; margin: 0px 0px 0 0px; width:900px; height: 75px; font-size:14px; padding: 0 0px 0 0;}
.order-confirmation-amendment  { padding: 0.6em 0.3em 0.2em 0.6em; line-height:1.3em; text-transform: none; width: 600px; height:75px; float:left; }




.order-confirmation-foot { float:left; margin: 30px 0px 20px 0px; width:300px; height: 100%; font-size:12px; padding: 5px 0px 0 0; border-top:1px #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;}
.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:right;}
.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:left; margin: 18px 0px 10px 0px; width:650px; height: 100%; font-size:12px;}
.startMainLeft { float:left; margin: 18px 10px 10px 0px; padding: 0px; width:280px; height: 100%;}

.startMainRight { float:left; margin: 18px 10px 10px 10px; padding: 5px; width:340px; height: 100%;  color:#000;}

.startMainRight h1{ font-size: 1.8em; line-height:1.0em; margin: 0em 0 0em 0em; padding: 0; text-align:left; color:#000;}
.startMainRight h2{ font-size: 1.0em; line-height:1.6em; margin: 1.0em 0 1em 0em; padding: 0; text-align:left; color:#000; font-weight: bold;}
.startMainRight h3{ font-size: 1.0em; 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:right; margin: 35px 0px 10px 0px; padding: 5px; width:260px; height: 542px; background-color: #f3fad9;}
.startNewsItem { margin: 0 auto; padding:5px; width:90%; border-bottom:#C7C3C3 1px dotted;} 
.startNewsItem h1{ font-size: 1.1em; line-height:1.5em; margin: 0em 0 0em 0em; padding: 0; text-align:left; color:#7fb719;}
.startNewsItem h3{ font-size: 0.9em; 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;}