/*--------------------------
STYLING PRODUCT DETAIL PAGE
---------------------------*/
#sectionProduct h1 {margin: 0.5em 0 0 0; color: #FFF; line-height: 28px; background: url('site/section_productbg.png') no-repeat 100% 0 #08589C;}
#sectionProduct .feature {color: #F8AC0A;}
#sectionQuote h1 {color: #000; line-height: 28px; background: url('site/section_quotebg.png') no-repeat 100% 0 #F8AC0A;}
#sectionQuote .feature {color: #5D085E;}

.source {margin: 0 0 1em 0; padding-left: 3px; background: #F8AC0A; border-bottom: 1px solid #D57F0F; height: 22px; line-height: 22px; vertical-align: middle;} /* tag-line under main heading. Displays info about product source -- supplier code and catalogue/supplier */
.source a {color: #08589C; text-decoration: underline;}
.source a:hover {color: #FFF;}

#infoTable {border: 0; width: 98%; margin: 0;}
#infoTable #image {width: 120px;}
#infoTable #image a {text-decoration: none;}
#infoTable #image img {width: 100px; height: 100px; border: 1px solid #000; margin: 0; text-decoration: none ! important;}


/* product section styling */
#sectionProduct h3 {font-size: 1em; color: #B00; margin: 1.5em 0 0 0;}
#sectionProduct p {margin: 0;}

/* interested in product form/div */
.requestInfo {margin: 2em 0 1em 0; padding: 0 10px; width: 480px; background: url('../site/interest_bg.jpg') repeat-x #E5E5E5; border: 1px solid #666;}
.requestInfo h2 {color: #B00;}
.requestInfo table {margin-top: 0.5em;}

/*** GRAPHICS & IMAGES **/
.bigButton {width: 120px; height: 62px; border: 0;}
.thumb50 {width: 50px; height: 50px; border: 1px solid #000;}
.infoArrow {width: 25px; height: 25px; border: 0; margin: 0 5px 0 0;}
.extendArrow {width: 25px; height: 25px; border: 0; cursor: pointer;}
.task {width: 145px; height: 30px; border: 0;} /* primarily used for quote and order actions */
.edit {width: 39px; height: 17px; border: 0;}

/**** TABLES ***/
.data th, .data td {padding: 5px;}
.dataBorder {border: 1px solid #222;}
.dataBorder .header th {border-color: #222;}
.dataBorder th, .dataBorder td {border-style: solid; border-color: #AAA; border-width: 0 1px 1px 0;}
.data .header th {background: #222; color: #FFF;}
.data .header2 th, .data .header2 td {background: #044454; color: #FFF; font-weight: bold; border-color: #022832;}
.data .feature td {background: #10405F; color: #FFF; border-color: #000;}
#mainArea #page .data .feature td a {color: #F9A80B ! important;}
#mainArea #page .data .feature td a:hover {color: #FFF ! important;}
.data .alt {background: #E8E8E8;}
.data .header .null {background: #FFF;}

.data .header a, .data .header a:visited {color: #F2C806;}
.data .header a:hover {color: #ECECEC;}


/**** LAYOUT STRUCTURES ****/
/*** TWO COLUMN SUB SYSTEM (left and right side data ***/
.leftHalf, .rightHalf {margin: 0; padding: 0; border: 0; width: 48%; float: left;}
#rightCol .leftHalf h4, #rightCol .rightHalf h4 {margin: 0 0 0.5em 0;}
#rightCol .leftHalf h3, #rightCol .rightHalf h3 {margin: 0 0 0.5em 0;}


/*** DYNAMIC PAGE ELEMENTS ***/
.infoArrow {width: 25px; height: 25px; border: 0; margin: 0 5px 0 0;}
.extendArrow {width: 25px; height: 25px; border: 0; cursor: pointer;}
.sectionHeader {margin: 0; padding: 0; height: 25px; cursor: pointer; background: #044454; border: 1px solid #000; border-bottom: 0; position: relative;}
.sectionHeader h2 {margin: 0; padding: 0 0 0 5px; color: #FFF; float: left; width: 90%; line-height: 25px;}
.sectionHeader img {width: 25px; height: 25px; border: 0; float: left; margin: 0;}
.touch, .touchFill {margin: 0; padding: 0;}
.touch {padding-top: 10px;}
.touchFill {background: #E7E2C5; border-style: solid; border-width: 0 1px 1px 1px; border-color: #A5A18A;}
.touch p, .touch h4 {margin: 0 0 1em 0;}
.inner {margin: 0 10px 10px 5px; padding: 0;}

/* update detail row (hidden by default) */
.detailRow {background: url('site/admin/detailshadow.gif') repeat-x #F5C032;}
.detailRow td {border-bottom: 1px solid #AB8623;}
.detailRow .half {margin: 0; padding: 0; width: 48%; float: left;}
.detailRow textarea {background: #252525; color: #FFF; width: 90%;}