/* COMMON STYLES */
* { font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:13px;}

body, img {border:0px; padding:0px; margin:0px;}
td { vertical-align:top;}
.verticalMiddle { vertical-align:middle;}
.clear { clear:both;}
.textBold { font-weight:700;}
.disabled { background-color: #eee!important; }

/* BUTTONS */

.buttonStyle4 { background-color: #990000; padding: 10px 30px 10px 30px; color: #FFFFFF; text-decoration: none; font-size:13px;line-height:35px;}
.boxButtonStyle4 a {color: #FFFFFF !important; text-decoration: none!important; font-size: 13px;}

.buttonStyle5 { background-color: #009900; padding: 10px 30px 10px 30px; color: #FFFFFF; text-decoration: none; font-size:13px; line-height:35px; }
.boxButtonStyle5 a {color: #FFFFFF !important; text-decoration: none!important; font-size: 13px; }

.buttonStyleBack { background-color:#5E5653; background-image:url(/WebResources/Durite/UIImages/bg_buttonStyle1.jpg) }

/* HEADER */

.adminHeader { height: 122px; padding: 10px 0px; background-color: #FFFFFF; min-width: 800px;}
.headerLogo {padding-left: 20px; float: left; padding-top: 10px;}
.headerText {font-size: 25px; color: #FE390F; font-weight: bold; float: right; padding-top: 28px; padding-right: 20px; }

.pageWrapper { margin:0 20px auto 20px; padding-bottom:40px; min-width:1024px; }


/* SUMMARY SECTION */
textarea {resize:none}
.sectionHeader {background-color:#FE390B; padding:20px 60px 20px 60px;}
.sectionHeaderTitle {font-size:13px; color:#ffffff; font-weight:700; float:left; }
.sectionHeader a {font-size:13px; color:#ffffff; font-weight:400; float:right; text-decoration:underline;}
.sectionHeader a:hover {text-decoration:none;}

.summary {padding:20px 60px 20px 60px; background-color:#F2F2F2;}
.summary table td {padding-bottom:13px;}
.summary table td a {color:#005888; text-decoration:underline;}
.summary table td a:hover {color:#005888; text-decoration:none;}

.summaryTextBox1 {background-color:#ffffff; border:2px solid #000000; width:200px; font-size:13px; color:#333333; padding:4px; vertical-align:middle;}
.summaryTextBox2 {background-color:#ffffff; border:2px solid #000000; width:100px; font-size:13px; color:#333333; padding:4px; vertical-align:middle;}
.summaryTextBox3 {background-color:#ffffff; border:2px solid #000000; width:90px; font-size:13px; color:#333333; padding:4px; vertical-align:middle; text-align:center;}
.summaryCommentBox1 {background-color:#ffffff; border:2px solid #000000; width:200px; height:100px; font-size:13px; color:#333333; padding:4px;}
.summaryCommentBox2 {background-color:#ffffff; border:2px solid #000000; width:400px; height:130px; font-size:13px; color:#333333; padding:4px;}
.summaryCommentBox3 {background-color:#ffffff; border:2px solid #000000; width:900px; height:50px; font-size:13px; color:#333333; padding:4px;}


/* DETAILS SECTION */

.detailsSectionHeader { background-color:#FE390B; padding:20px 60px 20px 60px;}
.detailsSectionHeaderTitle {font-size:13px; color:#ffffff; font-weight:700!important; float:left; margin-right:30px; }
.detailsSectionHeader p  {font-size:13px; color:#ffffff; font-weight:400; float:left;}
.detailsSectionHeader p a {font-size:13px; color:#ffffff; font-weight:400; text-decoration:underline;}
.detailsSectionHeader p a:hover {text-decoration:none;}

.details { padding:20px 60px 20px 60px; background-color:#DDEBF7;}

.detailsBorderTop { border-top:1px solid #000000; marging-top:10px;}

.details table td {padding-bottom:5px;}

.detailsSectionSubTitle { font-size:15px; font-weight:700; color:#000000; vertical-align:middle}
.detailsTextBox1 {background-color:#ffffff; border:2px solid #000000; width:700px; font-size:13px; color:#333333; padding:4px; vertical-align:middle;}
.detailsTextBox2 {background-color:#ffffff; border:2px solid #000000; width:135px; font-size:13px; color:#333333; padding:3px; height:26px;}
.detailsTextBox3 {background-color:#ffffff; border:2px solid #000000; width:70px; font-size:13px; color:#333333; padding:3px; height:26px; text-align:center;}

.detailsTable {background-color:#ffffff; margin-top:3px;}

.detailsTable th {border-bottom:1px solid #000000;}
.detailsSubTable td { padding-bottom:4px;}

.detailsTableRowGrey {background-color:#F2F2F2;}
.detailsRow  { background-color:#fff; }

.detailsBlank { width:40px; border-bottom:3px solid #fff; }
.detailsRow:first-child .detailsBlank { border-top:3px solid #fff; }

.detailsSKU {width:155px; text-align:left; text-align:center;}
.detailsSKU img { width:120px; height:120px; }
.detailsSKUTextBox {width:80px; border:1px solid #000000; padding:3px; font-weight:700; color:#FF0000; text-align:center; margin:0 15px;}
.detailsSKURed { font-weight:700; color:#FF0000; }
.detailsDescription {width:220px; text-align:left;padding-bottom:4px; padding-top:3px;}
.detailsDescriptionCommentBox1 {width:250px; border:1px solid #000000; padding:3px; color:#666666; height:41px;}
.detailsStock {width:50px; text-align:center;padding-bottom:4px; padding-top:3px;}
.detailsPkQty {width:60px; text-align:center;padding-bottom:4px; padding-top:3px;}
.detailsPkQtyTextBox {width:60px; border:1px solid #000000; padding:3px; color:#666666; text-align:center;}
.detailsCost {width:135px; text-align:right;padding-bottom:4px; padding-top:3px;}
.detailsCostTextBox {width:125px; border:1px solid #000000; padding:3px; color:#666666; text-align:right;}
.detailsCostText {padding-top:4px; color:#333333; font-weight:300; }
.detailsMargin {width:75px; text-align:right;padding-bottom:4px; padding-top:3px;}
.detailsMarginTextBox1{width:70px; border:1px solid #000000; padding:3px; color:#666666; text-align:right;}
.detailsMarginText {padding-top:4px; color:#333333; font-weight:300; }
.detailsPrice {width:130px; text-align:right;padding-bottom:4px; padding-top:3px;}
.detailsPriceTextBox1{width:120px; border:1px solid #000000; padding:3px; color:#666666; text-align:right;}
.detailsPriceText {padding-top:4px; color:#333333; font-weight:300; }
.detailsQty {width:75px; text-align:right;padding-bottom:4px; padding-top:3px;}
.detailsQtyTextBox1{width:65px; border:1px solid #000000; padding:3px; color:#666666; text-align:right;}
.detailsTotal {width:90px; text-align:right;padding-bottom:4px; padding-top:3px;}
.detailsTotalText {padding-top:4px; color:#333333; font-weight:300; }
.detailsRemove {width:105px; text-align:center; color:#FF0000;padding-bottom:4px; padding-top:3px;}
.detailsRemove a {color:#FF0000; text-decoration:underline}
.detailsRemove a:hover {color:#FF0000; text-decoration:none}






/*  SUB TOTALS */

.subTotals { border-top:1px solid #000000; border-bottom:1px solid #000000; margin-top:15px; padding:20px 0px 15px 60px; margin-bottom:10px;}
.subTotals table td {padding-bottom:4px;}
.subTotalsTitle {font-weight:700; width:200px;}
.subTotalsDescription { text-align:right;}
/* .subTotalsDescription span {font-weight:700;} */
.subTotalsPrice {width:110px; text-align:right; }
.subTotalsTextBox1 { width:100px; border:2px solid #000000; margin-top:-3px; padding:1px; text-align:right; font-weight:700}
/*.subTotalsPrice span {font-weight:700;} */
.subTotalsGBP {width:102px; text-align:left; padding-left:4px; color:#A6A6A6;}

/* TOTALS */

.totals { border:2px solid #000000; margin-top:0px;padding:20px 0px 15px 60px;}
.totals table td {padding-bottom:4px;}
.totalsLarge { font-size:20px; font-weight:700; vertical-align:bottom;}
.totalsDescription { text-align:right;}
.totalsPrice { width:110px; text-align:right;}
.totalsGBP {width:102px; text-align:left; padding-left:4px; color:#A6A6A6;}