/*
white #FFFFFF;
black #000000;
*/

.productOuter {
height: 650px; 
/*width: 97%; */
overflow: auto;
}

#deliveryOuter {
height: 250px; 
/*width: 97%; */
overflow: auto;
}

.productList {
/*overflow-y: scroll; */
/*margin-left:10px;*/ /*adding this made the white bodytext bg appear wrong in IE6 ; luckily it's not need if floated right*/
display: none;
/*width: 600px; */
}

.productCatOuter {
text-align: left;
padding: 10px; 
background-color : black;
border: 1px solid #0473B8;
color: yellow;
}

.deliveryInner {
text-align: left;
padding: 10px; 
background-color : black;
border: 1px solid #0473B8;
color: yellow;
height: 220px; 
}

.productCatHeader {
border-bottom: 1px solid red;
font-weight:bold;
color: yellow;
}

.catNote {
font-weight:bold;
margin: 20px;
}

.productDetails {
text-align: left;
/*width: 100%; */
}

.productCategories {
text-align: left;
margin-bottom: 10px;
padding: 10px;
background-color : black;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
color: yellow;
overflow: auto;

}

.leftMenuExtra {
text-align: left;
margin-bottom: 10px;
padding: 10px;
background-color : black;
border-right: 1px solid #0473B8;
border-bottom: 1px solid #0473B8;
color: yellow;
overflow: auto;
}

.productInitial {
padding-top:170px;
padding-bottom:170px;
text-align:center;
color: yellow;
font-size:2.0em;
font-weight:bold;
/*overflow-y: scroll; */
/*margin-left:10px;*/ /*adding this made the white bodytext bg appear wrong in IE6 ; luckily it's not need if floated right*/
}


.product {
border-bottom: 1px solid #0473B8;
padding-bottom: 5px;
overflow: auto;
}
.product:hover {
background-color: #FA58AC;
}

.productName {
clear: both;
font-weight:bold;
display:  table-cell;
/*
margin-left: 20px;
width: 300px; */ 
}

.productPrice {
float: right;
margin-right: 10px;
width: 120px;
text-align: right;
}


.productInfo {
float: right;
margin-right: 5px;
width: 150px;
}

.productCheck {
float: right;
margin-right: 5px;
width: 20px;
clear: left;
}

.productExtras {
 display: none;
}

.ascList {
clear: both;
margin-top: 5px;
overflow: auto;
width: 100%; 
}

.warranty, .asc {

}

.warrantyName, .ascName {
clear: both;
float: left;
margin-left: 30px;
width: 430px; 
}

.warrantyRadio, .ascCheck {
float: right;
margin-right: 10px;
width: 20px;
}

.warrantyPrice, .ascPrice {
float: right; 
margin-right: 5px;
width: 60px; 
width: 100px;
text-align: right; 
}


.detailProductImage {
float: left;
border: 3px solid green;
}

detailProductName, detailProductItem {
float: right;
}

.fullProductDetails {
  text-align: left;
  /*width: 100%; */
  border: 2px solid black;
}

.detailsProductTitle {
  font-weight: bold;
  font-size: 1.6em;
  text-align: center;
}

.productImage {
  float: left;
  width:400px;
}

.productImage IMG {
  float:right;
}

.productSpec {
  float: left;
  width:500px;
}

.specItem{
  margin-bottom: 10px;
}

.specName {
  font-weight:bold;
  display: inline-block;
  vertical-align: top;
  width: 150px;
}

.specDetail {
  display: inline-block;
  width: 300px;
}


#noteInternal {
height: 120px;
overflow: auto;
text-align: center;
}

#quoteTotalValue{
float: right;
font-weight:bold;
color: #0473B8;
}


#productListTrailer {
margin-top: 5px;
margin-left:30px;
margin-bottom: 10px;
font-weight:bold;
}


#bottomNav {
margin-top: 10px;
clear: both;
margin-left: auto;
margin-right: auto;
width: 650px;
overflow: auto;
}

#bottomNav A {
text-decoration: none;
}

#bottomNav A:hover {
text-decoration: underline;
}

.navLeft {
margin-left: 20px;
padding: 5px;
float: left;
font-weight:bold;
cursor:pointer;
/*
background-color: #D8D8D8;
border: 2px solid black;
*/
}

.navRight {
float: right;
margin-right: 20px;
padding: 5px;
font-weight:bold;
cursor:pointer;
/*
background-color: #D8D8D8;
border: 2px solid black;
*/
}