@media screen {

/* special styling for validation summary lists */
.validationSummary ul { padding-left:0; }

/* default styling for links */
input { vertical-align:middle; }
input.textBox { background-color:#FFFFFF; border:1px solid #b3b3b3; padding: 2px; width:190px; height:16px; margin:0 3px 0 15px; }
input.button, a.button {
    background: url(images/assets/orange_gradient.png) repeat-x top; font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; color: Black !important; cursor:pointer; margin: 1px 0; font-weight:900; padding-left:10px; padding-right: 10px;
    border:1px solid black; white-space: nowrap; }

input.button:hover, a.button:hover { background:#bbe9f9 url(images/assets/orange_gradient.png) repeat-x top; border: 1px solid black; }
a.button { padding: 4px 5px; display:-moz-inline-box; display:inline-block;}
a.button:hover { padding: 4px 5px 4px 5px; display:-moz-inline-box; display:inline-block; }
input.button { height:21px; }
input.button:hover { height:21px; }

.contentArea { padding:5px 10px 5px 10px; }
.borderedArea { border:solid 1px #7dc2db;}
.noTopPadding { padding-top:0; }
.noBottomPadding { padding-bottom:0;}
.noRightPadding { padding-right:0;}
.noLeftPadding { padding-left:0;}
.noTopBottomPadding {padding-top:0; padding-bottom:0;}
.noLeftRightPadding {padding-left:0; padding-right:0;}


/* style for element that acts as a spacer between other elements */
.spacer { clear:both; font-size: 1px; line-height: 1px; height: 1px; padding: 0; margin: 0; }

/* container for the breadcrumbs trail */
.breadCrumbPanel {
    background:#FFFFFF url(images/CategoryBreadCrumbsEdge.gif) no-repeat left top; padding: 8px 0;color:black; 
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:lighter; text-indent:16px;}
.breadCrumbPanel a { color:black; font-size:11px; font-weight:lighter; text-transform: lowercase; }
.breadCrumbPanel a:hover{ color:#788A95; }
.breadCrumbPanel a:visited{ color:black; font-weight:bold; }
.CategoryBreadCrumb{
    padding: 8px 0; background:#FFFFFF url(images/CategoryBreadCrumbsEdge.gif) no-repeat left top; color:#C2D2DC;
    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-indent:16px;}
.CategoryBreadCrumbs a{ color:black; font-size:12px; text-transform: lowercase; }
.CategoryBreadCrumbs a:hover{ color:#788A95; }
.CategoryBreadCrumbs a:visited{ color:black; font-weight:bold; }
.breadCrumbLink {
    text-decoration: underline; text-indent: 0; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0;
    border:1px solid #FF0000;}

/* applied to ajax progress update */
#centeredProgress {
    width: 300px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -200px; z-index: 99;
    color: #FFFFFF; border: 5px solid #C1C1C1; background: #FFFFFF url(images/processing.gif) no-repeat 50%; }

/* background style for the screen when an ajax progress update is displayed */
#ajaxProgressBg {
    border: 0; padding: 0; margin: 0; width: 100%; position: absolute; background-color: #444444; opacity: 0.3;
    filter: Alpha(opacity:30); z-index: 0;
}
#ajaxProgress {
    padding: 0; position: absolute; background-color: #FFFFFF; background: #FFFFFF url(images/processing.gif) no-repeat 50%;
    z-index: 1; left:50%; margin-left:-100px; width:200px; height:200px; border: solid 2px #444444;
}

/*---------------------------------------*/
/*- styles for main panel               -*/
/*---------------------------------------*/
H2.preference {
    background: url(images/section_header_bg.gif) repeat-x; height:29px; line-height:24px; padding: 0 5px 0 4px;
    margin:0; color:Black; margin-left:4px; margin-right:4px;
}

/* additional style required when container is a table */
table#contentLayout .form tr { background: #FFFFFF; color: #444444; border: 1px solid #9eb4d3;}
table#contentLayout { width:100%; }

.allButton {
    font-family: Arial, Helvetica, sans-serif; background: url(images/button_bg.gif) repeat-x; font-size: 11px;
    text-transform: capitalize; color: #134FA3; border: solid 1px #919FA2; padding: 0 2px; font-weight: bold;
    cursor:pointer; margin:0; position: absolute; left: 172px; width:56px; height:19px; text-align:center;
    line-height:22px;
}
.allButton:hover { background: url(images/button_bg_hover.gif) repeat-x; color: #867001; }

/******************************************************************************************/
/* default styling for generic input forms                                                */
/******************************************************************************************/
/* container for form */
table.inputForm { background:#FFFFFF; width: 100%; text-align: left; margin: 0; }
table.inputForm input { border:solid 1px #7dc2db; color: #444444; padding: 2px; }
table.inputForm select { border:solid 1px #7dc2db; width: 330px; color: #444444; padding: 2px; }
table.inputForm th, table.inputForm td { padding:0 5px 2px 10px; margin: 0; text-align:left;} 
table.inputForm .rowHeader { color: #444444; padding:10px 5px 10px 10px; text-align:left; width: 130px; }
table.inputForm .rowHeader a {  border:1px solid #650101; width:100%; color: #444444; font-size: 10px; font-weight:bold; text-align:left; padding: 6px; }
table.inputForm .rowHeader * {  font-weight: bold; font-size: 12px;  }

/******************************************************************************************/
/* styling for pager controls                                                             */
/******************************************************************************************/
/* style for paging container */
.paging { text-align: right; padding: 15px 0 5px 1px; margin: 15px 0 5px 0;}
.paging span , .paging .current {padding: 3px 5px;  border: 1px solid #7dc2db; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background: #c3e6d0 url(images/paging.gif) no-repeat top left; 
color: #765e8a; }
.paging a { padding: 3px 5px; border: 1px solid #7dc2db; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; margin: 3px 0 3px 1px; background: #a6dec1 url(images/pagingA.gif) no-repeat left top; color: #3e2b4b; text-decoration:none; }
.paging a:hover { background: #2c9052 url(images/pagingAhover.gif) no-repeat left top; color: #FFFFFF; border:1px solid #005b95; }

/******************************************************************************************/
/* styles for the simple category list (such as might show on the home page)              */
/******************************************************************************************/
/* list container for categories */
ul.category { margin: 0; padding: 0; list-style-type: none; }
ul.category li
{
	margin:0; padding:0 0 0 5px ; border-bottom: 1px solid #7cc1de; background: #a4e1f6; border-left: 1px solid #7cc1de;
	border-right: 1px solid #7cc1de;
}
ul.category li a { display: block; background: #d0e9ee url(images/left_panel_item_bg.gif) no-repeat top left; padding: 8px 0 8px 20pt; color: #444444; line-height:12px; }
ul.category li a:hover { padding: 8px 0 8px 20pt; background:#c8eefb url(images/left_panel_item_bg_hover.gif) no-repeat top left; color:#005b90; }

/******************************************************************************************/
/* styles for the buy product form                                                        */
/******************************************************************************************/
/* container for the buy product form */
table.buyProductForm { background: #9eb4d3; padding:10px 5px 5px 5px;  width: 100%; }
table.buyProductForm td, table.buyProductForm th {  padding:3px; }
table.buyProductForm .rowHeader {
    color: #FFFFFF; font-weight: bold; font-size: 11px; border-width: 0;  padding:10px 5px 5px 5px; 
    border-right: dotted 1px #E1EAEF; text-align: right; }

.optionPicker td { border: outset 2px #999; }
.optionPicker td.selected { border: inset 2px #999; }

/******************************************************************************************/
/* styles for the catalog nodes                                                           */
/******************************************************************************************/
/* wrapper for the catalog container */
.catalogWrapper {padding: 5px; margin:1px 1px 0 1px;}
.catalogWrapper .Thumbnail{
    padding: 10px 10px 10px 10px;  
    margin-right: 10px; 
    background:#ffffff;}
.catalogWrapper td{ color: #80919C; }
.catalogWrapper a{color: #3e2b4b;}
.catalogWrapper a:hover{color: #ffffff;}
.catalogWrapper .tableNode{ height: 270px;}
.catalog {}
#Price { border:solid 1px red; }
.catalog td { border-bottom: solid 10px #e1f2f8; border-top: solid 10px #e1f2f8; }
.catalog .flowNode {text-align:center; margin:0; padding:5px; float:left; width:238px; height:180px; border:1px solid #C4C4C4; }
.catalog .tableNode {
    background:#FFFFFF; text-align: center; padding: 10px;}
.catalog .tableNode div { margin-top:10px;}
.catalog .tableNode img { margin-top:6px;}
.catalog .tableNode a { color:#005b95; font-weight:normal; }
.catalog .tableNode a:hover { color:#268fd2; }
.catalog .tableNode .Thumbnail { background: #ffffff; padding: 5px; line-height: 25px;}
.catalog .thumbnail { display: block; width: auto; margin: 0 auto 5px; color:#01076C; background: #003333; }
.catalog .separator { padding: 0 0 0 6px;}

/******************************************************************************************/
/* styles for featured products grid                                                      */
/******************************************************************************************/
/* container for the products grid */
table.productsGrid { margin-top:10px;}
table.productsGrid td {  }
table.productsGrid tr { height:50px; }

/* cell that contains the product thumbnail */
td.thumbnail{
    background: #FFFFFF; border-right:0; text-align:center;
    padding-left:6px; padding-right:20px; vertical-align:middle;}
table.productsGrid .thumbnail { width: 120px; }

/* cell that displays the product details */
td.details{
    padding-left:10px; padding-right:5px; padding-top:10px; padding-bottom:5px; text-align: left; vertical-align:text-top;}
td.details div{ padding: 3px 3px 3px 0;}
td.details p {height:0;}
td.details .highlight{ height:20px;}
td.details .detailsInnerPara { }
td.details .detailsInnerPara a{color:#045a95;}
td.details .detailsInnerPara a:hover {color:#444444;}

td.details p a{color:#045a95;}
td.details p a:hover{color:#444444;}


/* style for separators in the grid */
.rowSeparator{ padding-bottom: 3px; padding-top: 3px; }
.itemSeparator{background: url(images/v_dot.gif) repeat-y left top; padding-right:5px;}

/******************************************************************************************/
/* styles for product display pages                                                       */
/******************************************************************************************/
/* container for the product header */
div.productHeader  { margin: 0 0 9px 0; padding: 0; background: #546FC8 url(images/section_header_bg1.gif) repeat-x 0 0; }
div.pageHeader H1{ color: #444444; padding: 0; margin: 0; font-weight:bold; line-height:50px; text-indent:0px;  }
div.productTabDetail { min-height:200px; border:1px solid black; padding:4px; }
div.productTabDetail H2 { background:#FFFFFF; border:solid 1px black; font-size:12px; font-weight:bold; padding:4px; margin:2px 0 4px 0;}
.searchFilterPanel { margin:0; }
.productGridBorder{ border:solid 1px #7fc1db; border-top:0; padding: 0 0 3px 0; margin:0; background: #FFFFFF; }
.productGridBorder input{ border:solid 1px #9eb4d3; }


/**************************/
/* styles for the basket  */
/**************************/
/* container for message that displays when a basket is empty */
.emptyBasketPanel {
    background:url(images/empty_shop.gif) no-repeat 15%; padding-top: 20px; padding-left: 60px; margin: 20px 35px 35px 35px;
    height: 50px; text-align:center; }
.emptyBasketPanel span.message { font-size: 18px; font-weight: normal; color: #666666; }

/* links to products that are displayed in the basket contents */
a.basketProductLink {text-decoration: none; color:Red; font-weight:bolder;}
a.basketProductLink:hover {color:#444444;}
.basketDialogPrice { font-weight:bold; }

/****************************************/
/* styles common to all checkout pages  */
/****************************************/

div.checkoutPageHeader { margin:8px 0 8px 0; }
div.checkoutPageHeader .content a {
    background:#c7e4ef url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top; padding: 1px 10px 1px 10px;
    color: #005b94; font-weight:bold; }
div.checkoutPageHeader .content a:hover {
    background:#9eb4d3 url(images/checkoutPageHeaderEdge.gif) no-repeat left top; color:#ffffff; }

/* checkout page header caption */
div.checkoutPageHeader H1 { font-size: 18px; color: #005b94; padding: 4px 0; margin: 3px 0 6px 0; text-indent: 5px; border-bottom: 1px solid #9eb4d3; }
div.checkoutPageHeader div.checkoutSteps {
    background-color:#E5DECA; border:1px solid #BEB49D; padding:0; margin:4px 5px 4px 4px; float:right; }
div.checkoutPageHeader div.content { width: 100%; border:none;  font-size:13px; text-align:justify;vertical-align:top; }
.checkoutAlert{padding:10px; width: 800px; margin:0pt; border:solid 1px #9eb4d3;  font-size:13px; text-align:justify; background: #e7f9ff url(images/oddRowBg.gif) repeat-x;}
.checkoutFloatRight
{
    float: right;
    margin-top:-55px;
    margin-right:10px;
}



/* Login Message */
.LoginMessage { 
    background:#FFFFFF url(images/CategoryBreadCrumbsEdge.gif) no-repeat left top;
    padding: 5px 0; text-indent: 10px; width: 800px; margin:0pt auto; color:red; }
.LoginMessage a { 
    background:#c7e4ef url(images/checkoutPageHeaderEdgeHover.gif) no-repeat left top; color: #005b94; font-weight: bold;
    padding: 1px 15px;  }
.LoginMessage a:hover { background:#9eb4d3 url(images/checkoutPageHeaderEdge.gif) no-repeat left top;  color: #FFFFFF; font-weight: bold;}

/* used to contain the details for an individual shipment, used wherever information is organized by shipment */
div.shipmentSection { margin-bottom:5px; border: solid 1px black; border-collapse:collapse; }
div.shipmentSection div.header { border: solid 1px black; }
div.shipmentSection H2 { margin:0; padding: 0 2px; height:25px; line-height:25px; font-size:12px; }
div.shipmentSection .content { padding:2px; }

/* default column header styling for item list */
th.columnHeader{margin:0; max-height: 29px; padding:7px 10px; }

/* used wherever a list of order items is displayed */
table.itemList { width:100%; border-collapse:collapse; border:none;}
table.itemList td { padding:2px 10px; background: #FFFFFF;} 
table.itemList td a{ color: #416573;}
table.itemList td a:hover{color: #788F03;}
table.itemList th.items { padding-top: 6px; padding-bottom: 6px;  max-height:29px;}
table.itemList td.items {  padding:10px 10px 10px 15px; text-align:left; line-height: 18px;}
table.itemList th.price { padding-top: 6px; padding-bottom: 6px; max-height:29px; }
table.itemList td.price { padding:10px; border: solid 1px #b3b3b3; }
table.itemList th.address { padding-top: 6px; padding-bottom: 6px; max-height:29px; }
table.itemList td.address { padding:10px; }
table.itemList td.address select{ padding: 2px;}

/* Checkout Navigation */
.checkoutNavigation { margin-top:4px; margin-bottom:8px; }
.checkoutNavigation span.validation { display:block;margin-bottom:12px; }
.checkoutNavigation span.buttons { }

/******************************************************************************************/
/* styles for table that lays out a form of data (such as an invoice)                     */
/******************************************************************************************/
/* table style */
table.form {
    margin: 4px 0; border-collapse: collapse; padding: 10px; page-break-inside:avoid; border:none; width:100%;}
table.form td, table.form th { padding:4px 8px; }
table.form th { font-weight:bold; font-size:14px; }
table.form th.verticalText {
    width:10px; text-align:center; color: #015c95; font-size: 11px; letter-spacing: 25px; font-weight:bold; 
    background: #bbe9f9; vertical-align:middle; }
table.form th.header { text-align:left; }
table.form th.header span.caption { font-size:20px; }
table.form td.address { width:180px; color: #444444; font-size: 12px;}
table.form td.address a{ color: #005b94; background: #E4ECEE url(images/button_bg.gif) repeat-x; float: right; padding: 1px 5px 1px 5px; }
table.form td.address a:hover{ background: #DAE7EA  url(images/button_bg_hover.gif) repeat-x; }
table.form td.expand { width:504px; color: #444444;  line-height: 25px;}
table.form td.dataSheet { padding:0; background: #FFFFFF; }
table.form td.dataSheet * { font-size:12px; }
table.form table.dataSheet { margin-bottom:-1px; }
table.dataSheet tr.totalRow td, table.dataSheet tr.totalRow th { background-color:#656565; color:White; }
table.form td.orderSummary { width:100%;padding:15px; }
table.form td.orderSummary h3 { margin: 0 0 2px 0; }
h1.invoice {
    margin: 0 0 6px 0; font-size:24px; font-weight:bold; }
h1.storeName {
    margin: 0 0 6px 0; font-size:18px; font-weight:bold; }

/******************************************************************************************/
/* styles for checkout progress indicator                                                 */
/******************************************************************************************/
/* container for the checkout progress indicator */
.checkoutProgress{
    background: url(images/assets/statusGrey.gif) repeat-x center;
    border:none;
    height: 25px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    margin: 30px 30px 30px;
    width:90%;
}
.checkoutProgress span { display:block; float: left;  width: auto; }
.gecko .checkoutProgress span.on { padding:5px; margin:00px 10px; background:url(images/assets/statusDot.gif) no-repeat top; height:29px; }
.ie9 .checkoutProgress span.on { padding:5px; margin:00px 10px; background:url(images/assets/statusDot.gif) no-repeat top; height:29px; }
.chrome .checkoutProgress span.on { padding:5px; margin:00px 10px; background:url(images/assets/statusDot.gif) no-repeat top; height:29px; }
.checkoutProgress span.on { padding:5px; margin:-1px 10px; background:url(images/assets/statusDot.gif) no-repeat top; height:29px; }
.checkoutProgress span.off { padding: 5px; margin: 0 30px; }
.checkoutProgress span.on span { padding: 5px;  border: none; color: black; margin-top:10px;}
.checkoutProgress span.off span { padding: 5px; margin-top:10px; }
.checkoutProgress span.end { margin-top:-51px; margin-left:5px; background:url(images/assets/statusGreyEnd.gif) no-repeat right top; width:100%; display: block; float:left; }
.gecko .checkoutProgress span.end { margin-top:-50px; margin-left:5px; background:url(images/assets/statusGreyEnd.gif) no-repeat right top; width:100%; display: block; float:left; }
.ie9 .checkoutProgress span.end { margin-top:-47px; margin-left:5px; background:url(images/assets/statusGreyEnd.gif) no-repeat right top; width:100%; display: block; float:left; }
.chrome .checkoutProgress span.end { margin-top:-50px; margin-left:5px; background:url(images/assets/statusGreyEnd.gif) no-repeat right top; width:100%; display: block; float:left; }

/******************************************************************************************/
/* styles for checkout steps                                                              */
/******************************************************************************************/
/* style for the outer container for checkout steps *//* style for the outer container for checkout steps */
#storeHeader div.checkoutSteps { background-color:#E5DECA; border:1px solid #BEB49D; padding:0; width:100%; }

/******************************************************************************************/
/* styles for select shipping address                                                     */
/******************************************************************************************/
/* style for the address book table */
table.addressBook { width:97%; }
table.addressBook th.caption{
    border-left: 1px solid #7ec1db; border-right: 1px solid #7ec1db;  
    background: #005b94 url(images/section_header_bg.gif) repeat-x; color: #005b94; text-indent: 10px; padding: 2px 3px 2px 2px;
    margin: 5px 0 0 0;  }
table.addressBook th.caption .text{    float:left; display:block; line-height:24px;}
table.addressBook th.caption .buttons { float: right; display: block; }
table.addressBook td.entries {border: 1px solid #9eb4d3; text-align: left; padding: 5px; background: #FFFFFF;}
table.addressBook .entry {
    background:url(images/shipping_address_bg.gif) no-repeat; vertical-align:middle; text-align:left; margin:0;
    padding:5px 0 0 0; display: block; width: 350px; height:195px; float: left; }
.addressBook .address {
    text-align:left; padding:47px 0 0 50px; color: #444444; font-weight: bold; line-height: 15px;  width:200px; float: left;}
.addressBook td .buttons {
    margin-top:5px; text-align:left; padding:60px 0 0 0; width: 100px; float: right; }
.addressBook td .buttons a{display:block; margin-bottom: 5px; width: 40px;}
table.addressBook td .buttons .button {margin-right: 5px;}

/*************************************************/
/* styles for select multiple shipping addresses */
/*************************************************/
/* styling for shipping addreses table */
table.setShippingAddresses { }
table.setShippingAddresses th { }
table.setShippingAddresses th.items { }
table.setShippingAddresses td.items { }
table.setShippingAddresses th.price { }
table.setShippingAddresses td.price { }
table.setShippingAddresses th.address { }
table.setShippingAddresses td.address { }
table.selectShippingMethod {}
table.selectShippingMethod td.dataSheet { padding: 6px; border:1px solid #9eb4d3;}
table.selectShippingMethod td.dataSheet th { padding: 5px 2px;  background:  url(images/searchCriteriaBg.jpg) repeat-x top; max-height:29px; border: solid 1px #9eb4d3;}
table.selectShippingMethod th.shipto { 
	background: #FFFFFF; color:#045a95; height: 29px; line-height: 30px; border-bottom:solid 2px #9eb4d3;}
table.selectShippingMethod td.items{background-color:#DEDEDE;}
table.selectShippingMethod th.items{background-color:#DEDEDE;}
table.selectShippingMethod td.methods { padding: 4px; text-align:left;  border-left:1px solid #8698B2; width:200px; }
table.selectShippingMethod td.methods h3{
    padding: 5px 2px; border-left: 1px solid #9eb4d3; border-right: 1px solid #9eb4d3; border-bottom:solid 1px #045a95;
    background: #8F9FAC url(images/section_header_bg.gif) repeat-x; display:block; font-weight:bold; font-size:100%;
    text-align:center; color: #045a95; margin: 3px 3px 6px 3px; }
table.selectShippingMethod td.methods .caption {
    display:block; font-weight:bold; margin-bottom:6px; text-align:center; }
table.selectShippingMethod td.methods textarea{ border:solid 1px #afa9b3;}

/* section to ask the customer whether to set gift options for an order */
.addGiftOptions {
    background:#FFFFFF url(images/giftbox3.gif) no-repeat left top; margin: 0 auto; width:500px; height:98px;
    border: solid 0 #8698B2; float:right; text-align:right; }
.addGiftOptions h3 { margin: 10px 10px 5px 300px; font-size:100%; }
.addGiftOptions .content { margin-right:10px; margin-top:5px; }
.addGiftOptions .buttons { margin-right:10px; margin-top:5px; }

.VisiblePanel { display:block; }
.ProductItemList{border-collapse:inherit!important;}
.PIVThumnail{ height:80px;}
.PIVimage_desc{ min-height:60px;}
.ProductItemView div{ background: #e1f2f9; padding: 5px; border: solid 1px #7ec1db; }
.ProductItemViewOdd { 
	background: #e1f2f9; padding: 5px; border: solid 1px #7ec1db; border-bottom:0; width:194px; height:215px;
	vertical-align:bottom;}
.ProductItemViewOdd div { background: #FFFFFF; padding: 5px; border: solid 1px #7ec1db; }


.HiddenPanel { display:none; }

/*---------------------------------------*/
/*- styles for layout of payment page -- */
/*---------------------------------------*/
/* style for the summary pane of the payment information section */
.paymentMethodSummary { width:170px;padding: 10px; padding-right: 30px; padding-top:50px;}
div.paymentMethodSummary { float:left;}
.paymentMethodList { background: #FFFFFF;  width:100%; }
div.paymentMethodList { }
.paymentMethodSummary .section { margin-bottom:20px; }
.paymentMethodSummary .section .header { background: url(images/section_header_bg.gif) repeat-x; margin-top: 10px; margin-bottom: 10px; }
.paymentMethodSummary .section .header h2 { color:#8a0000 !important; }
paymentMethodSummary .section .content { }
table.orderSummary { width:100%; }
table.orderSummary th { text-align:right; white-space:nowrap; border-bottom:0;}
table.orderSummary td { text-align:right; border-bottom:0;}
table.orderSummary tr.totalDivider { }
table.orderSummary tr.totalDivider td { width:100%; }
table.orderSummary tr.totalDivider td hr { }

/* styles the table for the entry form of a payment method */
table.paymentForm { width:100%; margin-bottom:20px; margin-left:5px;}
table.paymentForm td { padding: 2px; }
table.paymentForm th.caption {padding-top:8px; border-bottom:dotted 1px #9eb4d3; color: #005b94; font-size: 14px; line-height:30px; text-align:left;}
table.paymentForm th.rowHeader { text-align:right;  background: #e6f1f6; padding-right: 10px; color: #444444; width:200px;}
table.paymentForm input{ border:solid 1px #9eb4d3;}
table.paymentForm select{ border:solid 1px #9eb4d3; width: 145px;}
table.paymentForm td.submit { text-indent:10px; }
table.paymentForm td.submit span.button { }

ul.columns { margin: 0 0 0 30px; padding: 0; list-style: none; }
ul.columns li { 
    margin: 2px; background-image: url(images/bullet1.gif); background-position: 0 3px;
    background-repeat: no-repeat; text-indent:20px; height: 20px; }

/* container for the order summary table */
div.orderSummaryPanel {
    background: #7dc3db url(images/orderSummaryPanelBg.gif) repeat-x; border: solid 1px #7dc2db; margin: 5px 0;}
table.orderSummaryTable{width:100%; padding-left: 10px;  text-indent: 10px;  text-align:left; color:#444444;}
table.orderSummaryTable th.rowHeader{ width:16%; text-align:right; }
table.orderSummaryTable td a{
    color:#015c95; font-size: 12px; font-weight: bold;  border: solid 1px #7dc2db; padding: 0px 10px 2px 10px;  
    margin: 0; background: #E1EAEF url(images/orderSummaryTableAhoverBg.gif) repeat-x;}
table.orderSummaryTable td a:hover{ color:#444444; background: #bbe9f9 url(images/button_bg_hover.gif) repeat-x;}

/************************************************/
/* styles for view row-style of my account page */
/************************************************/
.odd{background-color: #DBDADA;padding: 6px 2px 6px 6px;}
.even{background-color: #F5F5F5; padding: 6px 2px 6px 6px;}
.altodd{padding: 6px 2px 6px 6px;}
.altodd a:link {color: #fff;}
.altodd a:hover{color: #fff;}
a.altoddButton{ border: solid 1px #000; padding: 3px 3px; background:#e4ecee; color: #000; line-height: 22px; text-align:center;}
a.altoddButton:link { color: Black; text-decoration:none; }
a:hover.altoddButton { color: Black; text-decoration:none; }
a:hover.altoddButton{ background:#e4ecee; color: #000;}
.altodd td{color: #000; padding: 5px 5px;  line-height: 18px;}
.altodd input { border:solid 1px #afa9b4; padding:2px;}
.altodd select { border:solid 1px #afa9b4; padding:2px;}
.alteven{background: #F5F5F5 url(images/evenRowBg.gif) repeat-x top ;padding: padding: 6px 2px 6px 6px;}
.alteven a {color: #005b95;}
.alteven a:hover{color: #268fd2; }
.alteven td{ color: #000; padding: 5px; line-height: 18px;}
.alteven  input { border:solid 1px #afa9b4; padding:2px;}
.alteven  select { border:solid 1px #afa9b4; padding:2px;}

/**********************************************************************/
/* styles for view 'ship to' in ViewOrder page (Members/MyOrder.aspx) */
/**********************************************************************/
.ship_to{writing-mode: tb-rl; filter: flipv fliph;}
.small_cell{width: 300px;}
.small_cell .header{margin-top: 0;}
.lebeling{width: 100px;}

/******************************************************************************************/
/* styles for paged list of data                                                          */
/******************************************************************************************/
/* table style */
table.pagedList { min-width:300px;  background:#FFFFFF; padding: 5px; }
table.pagedList td {padding:2px 4px; }
table.pagedList th { padding: 7px 2px; font-weight:bold; margin:0; color:#444444; }
table.pagedList th a { padding-left: 2px; color: #444444; text-decoration:none; }
table.pagedList th a:hover { color: #005b95; text-decoration:underline; }
table.pagedList tr.oddRow { height:32px; }
table.pagedList tr.evenRow { height:32px;}

table.pagedList tr.empty td { width:300px; text-align:center; padding: 10px; font-style:italic; border: solid 1px black; }

/************** Style for the Conactpage List ****************/
ul.contact li { list-style-image: url(images/bullet1.gif); }

/************** Style for the Product Image ******************/
.productimg { vertical-align:top; text-align:center; max-width: 500px; padding: 6px; background: #FFFFFF;}

/******************************************************************************************/
/* begin styles for modal popup dialogs                                                   */
/******************************************************************************************/
/* background for main page when modal popup is visible */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:450px;}
.modalPopupHeader {
    cursor:move; background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px;  padding:6px; font-weight:bold;}
.modalPopupText {  padding:10px; }

.pricePopup {
    background-color:#E3EFFF; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:300px;
    position:absolute; left:50%; margin-left:-150px; z-index:99; }
.pricePopupHeader { background-color:#DDDDDD; border:solid 1px Gray; color:Black; margin:-3px; padding:6px; font-weight:bold;}
.pricePopup span.fieldHeader { display:block;float:left;width:135px;text-align:right;margin-right:6px; }
.pricePopup span.fieldValue { display:block;float:left; }

/******************************************************************************************/
/* begin styles for one page checkout                                                     */
/******************************************************************************************/
/* outer frame of the one page checkout form */
.opcFrame { margin:0; width:800px; }
.opcFrame .content { border: solid 1px #9eb4d3; background-color: #f3f3f3; }
.opcMainPanel{
    width:800px; background: #FFFFFF; padding-right:10px; padding-left:10px;
    vertical-align:baseline; }
.opcMainPanel select { border:solid 1px #9eb4d3; padding: 2px; color: #444444; }
.opcMainPanel input { border:solid 1px #9eb4d3; padding: 2px; color: #444444; margin: 5px 0 0 0;}
.opcMainPanel h2 { background: url(images/searchCriteriaBg.jpg) repeat-x top; color: #444444; border: solid 1px #9eb4d3; }
.opcMainPanel .inputForm { background: #FFFFFF; border: solid 1px #9eb4d3; }
.opcSidebar{
    width:200px; background:#FFFFFF; border-top: solid 10px #FFFFFF; border-bottom: solid 13px #FFFFFF;
    border-right: solid 5px #FFFFFF; padding: 5px; }
.opcPaymentFrame { }
.opcPaymentMethods { background:#ffffff url(images/PaymentMethodsBg.gif) repeat-x; width:130px; padding: 5px; }
.opcPaymentForm { }

/*********** img-description *******/
p.image_desc { margin-left:3px; margin-right:3px; }
.ProductItemView { 
	width:194px; padding: 5px; border:solid 1px #7dc2db; border-bottom:0; height:215px; vertical-align:bottom;}
.ProductItemView .productsGrid .thumbnail{ border:solid 3px #f1eff4;  height: 120px;}
.ProductItemView .productsGrid { padding: 0;}
.ProductItemView .productsGrid .image_desc{ border:solid 1px #e1f2f9; border-top:0; } 
.featuredProductContainer { padding-bottom: 0; }
.AgreementView {
    background-color: #FFFFFF; margin: 5px; padding: 10px; border:solid 1px #92A7EC; }

/* Welcome*/
div.welcomeImage { width: 580px; height:180px; background:#FFFFFF url(images/image.gif) no-repeat; }
td.welcomeImage { width: 100%; background:#FFFFFF url(images/background.gif) repeat-x; }
.welcomeText{
    background:#effaff url(images/WelcomeTextBg.gif) repeat-x top; color: #444444; font-size:11px; font-weight: 500;
    font: Verdana, Arial, Helvetica, sans-serif; margin: 0; }
.welcomeText td { border: 1px solid #a0daee; text-align:justify; padding:4px; }
.itemSeperator { width: 2px;}
.inputFormText {
    border: 1px solid #8ed4af; padding:5px 0 0 9px; border-bottom: 0; border-top:0; font-weight: lighter;
    font: Arial, Helvetica, sans-serif; font-size:12px; color: #444444; background-color:#FFFFFF; margin: 0;}
.inputFormBodyText { font: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #444444; }
.orderItemsList{ margin-left:12px; padding:0; color:#666666; }
/* used to display reviews message  */
pre.Reviews 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.section { padding-top:10px; }
.nodeSummaryLink{text-decoration: underline; text-indent: 0px; color:#5872CB; margin:4px 0 8px 0; padding:4px 0 8px 0; cursor:pointer;}

/*




Imported from DSI




*/
* { padding: 0; margin: 0;}
img {  border: 0; }
body, html { color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; background-color: #fff; height:100%; }
body { BACKGROUND-COLOR: #ffffff; font-size: 70%; min-width: 760px;  }

p  { padding: 7px 0 7px 0; TEXT-ALIGN: left; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; FONT-SIZE: 11px; }
A:link { COLOR: #003399; }
A:active { COLOR: #0066cc; }
A:visited { COLOR: #330066; }
A:hover { COLOR: #0066cc; }
h1, h2, h3 { font-weight: bold; padding-bottom: 5px; }
h1 { FONT-FAMILY: Arial, Helvetica, sans-serif; MARGIN-BOTTOM: 0em; COLOR: #000000; FONT-SIZE: 20px; FONT-WEIGHT: normal; }
h2 { FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif; MARGIN-BOTTOM: 0em; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; }
h3 { FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif; MARGIN-BOTTOM: 0em; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; }
h1 a, #header h2 { color: #fff; }
.clear { clear: both; }
#mainContainer { height:100%; margin-bottom:-50px; }

/* HEADER */
#header { background: white; height:46px; float:none; width:100%; position:relative; }
#headerLogo { float: left; width: 168px; padding: 8px 2px 8px 2px; background: black; }
#HeaderNavigation {  }
#nav-menu ul { list-style: none; padding: 0; margin: 0; height:23px; width:800px; }
#nav-menu li { float: left; margin: 0; }
#nav-menu li a { height: 2em; line-height: 2em; float: left; width: 88px; display: block; text-decoration: none; text-align: center; color:White; font-weight:bold; }
#nav-menu li a { float: none; }
#nav-menu { background-color: black; } 
#nav-image
    {
        background-position: -100px;
        background: #000875 url("/Images/topbar.gif") no-repeat;
        min-width: 590px;
        height: 23px;
        padding: 0;
        margin: 0;
        margin-left:170px;
    }

/*CONTENT AND COLUMNS*/
/*.outer { border-left: 172PX solid #000875; height:100%; }*/
.outer { padding: 10px; /*height:100%;*/ }
.float-wrap { width: 800px;  /*height:100%;*/  }
#content { background: #fff; width: 800px; /*height:100%;*/ }
* html #content { position: relative;  }
.contentWrap { padding: 5px; }
.contentWrap ol, .contentWrap ul { margin: 3px 0 5px 35px; }
.contentWrap li { padding-bottom: 2px; }

/*LEFT COLUMN*/
#left { float: left; width: 170; min-height: 250px; padding: 5px;  }
* html #left { position: relative; }
#left ul { list-style: none; padding-bottom: 4px; }
#left li { padding-bottom: 2px; }

/* FOOTER  */
#footer 
{
    /*margin-top: -50px;*/ /* negative value of footer height */
	/*clear:both;*/
} 
/* Additional Stuff */
.nav1 { FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; COLOR: #99ccff; FONT-SIZE: 15px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A.nav1:link { COLOR: #99ccff;}
A.nav1:visited { COLOR: #99ccff; }
A.nav1:active { COLOR: #99ccff; }
A.nav1:hover { COLOR: #ffff66; }
.nav2 { FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; PADDING-TOP: 6px; }
A.nav2:link { COLOR: #ffffff; }
A.nav2:visited { COLOR: #ffffff; }
A.nav2:active { COLOR: #ffffff; }
A.nav2:hover { COLOR: #ffff66; }



/* Home Content Columns */
#ProductsContainer { padding: 20px 20px 20px 20px; margin:0; clear:both; }
#ProductsLeft { float: left; }
#ProductsRight { float:right; }
}

/* Input Controls */



/*

*/

.t {background: url("images/assets/grey.gif") 0 0 repeat-x; width: 100%}
.b {background: url("images/assets/grey.gif") 0 100% repeat-x}
.l {background: url("images/assets/grey.gif") 0 0 repeat-y}
.r {background: url("images/assets/grey.gif") 100% 0 repeat-y}
.bl {background: url("images/assets/bt_lft_crn.gif") 0 100% no-repeat}
.br {background: url("images/assets/bt_rgt_crn.gif") 100% 100% no-repeat}
.tl {background: url("images/assets/tp_lft_crn.gif") 0 0 no-repeat}
.tr {background: url("images/assets/tp_rgt_crn.gif") 100% 0 no-repeat; padding:10px} 


/* Checkout Button */
.CheckoutButton input { vertical-align:middle; }
.CheckoutButton input.textBox { background-color:#FFFFFF; border:none; padding: 2px; width:190px; height:16px; margin:0 3px 0 15px; }
.CheckoutButton input.button, a.button {
    background: url(images/assets/bttn_Secure.png) repeat-x top; font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; color: Black !important; cursor:pointer; margin: 1px 0; font-weight:900;
    border:none; white-space: nowrap; }

.CheckoutButton input.button:hover, a.button:hover { background:#bbe9f9 url(images/assets/bttn_Secure.png) repeat-x top; border:none; }
.CheckoutButton a.button { padding: 4px 5px; display:-moz-inline-box; display:inline-block;}
.CheckoutButton a.button:hover { padding: 4px 5px 4px 5px; display:-moz-inline-box; display:inline-block; }
.CheckoutButton input.button { height:21px; }
.CheckoutButton input.button:hover { height:21px; }

/* Continue Button */
.ContinueButton input { vertical-align:middle; }
.ContinueButton input.textBox { background-color:#FFFFFF; border:none; padding: 0px; width:190px; height:16px; margin:0; }
.ContinueButton input.button, a.button {
    background: url(images/assets/bttn_cont.png) repeat-x top; font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; color: Black !important; cursor:pointer; margin: 0; font-weight:900;
    border:none; white-space: nowrap; }

.ContinueButton input.button:hover, a.button:hover { background:#bbe9f9 url(images/assets/bttn_cont.png) repeat-x top; border:none; }
.ContinueButton a.button { padding: 0; display:-moz-inline-box; display:inline-block;}
.ContinueButton a.button:hover { padding: 0 display:-moz-inline-box; display:inline-block; }
.ContinueButton input.button { height:21px; }
.ContinueButton input.button:hover { height:21px; }

/* Squared Off Button */
.SquaredButton {
	border:none;
	background:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:visible;
	text-align:center;
	white-space:nowrap;
	height:40px;
	line-height:35px;
	text-decoration:none;
	color:Black;
}
.SquaredButton span, .SquaredButton em{
	display:block;
	height:40px;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; color: Black !important; cursor:pointer; margin: 0; font-weight:900;
    border:none; white-space: nowrap;
}
.SquaredButton span{
	padding-left:20px;
	background:url(images/assets/bttn_cont_ext.png) no-repeat 0 0;
}
.SquaredButton em{
	font-style:normal;
	min-width:138px;
	padding-right:20px;
	background:url(images/assets/bttn_cont_ext.png) no-repeat 100% 0;
}

/* Errors */
/* Text styles used to provide status information */
.goodCondition{font-weight: bold; color: #008000; padding-bottom: 3px;}
.warnCondition{font-weight: bold; color: #FFA500; padding-bottom: 3px;}
.errorCondition{font-weight: bold; font-size:medium; color: #FF0000; padding-bottom: 3px;}