/* {
   color: #000000;
}*/

HTML, BODY {
   color: #000000;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 11px;
   height: 100%;
   margin: 0px;
}

BODY {
   background: transparent url(/images/background-fade.jpg) no-repeat scroll 0% 0%;
}

A, A:active, A:link, A:visited {
   color: #000000;
   text-decoration: none;
}

A:hover {
   text-decoration: underline;
}

FIELDSET {
   border: none;
}

FIELDSET LEGEND {
   display: none;
}

FORM, H1, H2, H3, H4, IMG, INPUT, LI, OL, P, UL {
   margin: 0;
   padding: 0;
}

H1 {
   font-size: 18px;
   line-height: 20px;
}

H2 {
   font-size: 18px;
   line-height: 20px;
}

H3 {
   font-size: 14px;
   line-height: 16px;
}

H4 {
   font-size: 13px;
   line-height: 14px;
}

P {
   padding: 5px 0;
}

OL, UL {
   padding-left: 15px;
}

/*~~~~~~~~~~~~~~~~~~*/
/*   Form Styles    */
INPUT[type="text"], INPUT[type="password"], SELECT {
   border: 1px solid #999999;
}

/*~~~~~~~~~~~~~~~~~~~~~~~*/
/*   Zend Form Styles    */
TABLE.formContainer {
   width: 100%;
}

TR.formRow {
}

TR.formRow TD {
   background: #EFEFEF;
   border: 0;
   padding: 2px !important;
   text-align: right;
   vertical-align: middle;
   width: 50%
}

TR.formRow TD.formElement {
   text-align: left;
   width: 50%;
}

TR.formRow LABEL {
   padding-right: 5px;
   padding-top: 2px;
}

TR.formRow LABEL.required {
   color: #FF0000;
}

TD.formElement {
   background: #FFFFFF !important;
}

TD.formElement INPUT[type="text"], TD.formElement INPUT[type="password"] {
   width: 173px;
}

TD.formElement UL.errors {
   list-style-type: none;
   padding-left: 0;
}

TD.formElement UL.errors LI {
   color: #FF0000;
}

/*~~~~~~~~~~~~~~~~~~~~*/
/*   Layout Styles    */
#headerLayout {
   height: 86px;
   margin: 0;
   min-width: 990px;
   padding: 0;
   position: relative;
   width: 100%;
}

#headerLayoutLeft {
   height: 86px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 210px;
}

#headerLayoutRight {
   height: 86px;
   position: absolute;
   right: 0px;
   top: 0px;
   width: 210px;
}

#headerLayoutCentre {
   height: 86px;
   margin: 0 210px;
   text-align: center;
}

#mainLayout {
   height: 100%;
   margin: 0;
   min-height: 100%;
   min-width: 990px;
   padding: 0;
   position: relative;
   vertical-align: top;
   width: 100%;
}

#mainLayoutLeftColumn {
   height: 100%;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 180px;
}

#mainLayoutRightColumn {
   height: 100%;
   position: absolute;
   right: 0px;
   top: 0px;
   width: 180px;
}

#mainLayoutRightColumnContainer {
   margin: 0 8px;
}

#mainLayoutLeftColumnContainer {
   margin: 0 8px;
}

DIV.rightColumnBox, DIV.leftColumnBox {
   margin-top: 8px;
}

DIV.rightColumnBox DIV.rightColumnBoxHeaderCurve, DIV.leftColumnBox DIV.leftColumnBoxHeaderCurve {
   background: transparent url(/images/right_column_box_header.gif) no-repeat scroll bottom center;
   width: 164px;
}

DIV.rightColumnBox DIV.rightColumnBoxFooterCurve, DIV.leftColumnBox DIV.leftColumnBoxFooterCurve {
   background: transparent url(/images/right_column_box_footer.gif) no-repeat scroll top center;
   width: 164px;
}

DIV.rightColumnBox DIV.rightColumnBoxHeaderTitleContainer, DIV.leftColumnBox DIV.leftColumnBoxHeaderTitleContainer {
   background: #CCDBEC;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 1px;
   padding-bottom: 5px;
   text-align: center;
   width: 164px;
}

DIV.rightColumnBox DIV.rightColumnBoxContentContainer, DIV.leftColumnBox DIV.leftColumnBoxContentContainer {
   background: #FFFFFF;
   min-height: 40px;
   padding: 10px 0;
   vertical-align: middle;
   width: 164px;
}

DIV.rightColumnBox DIV.rightColumnBoxFooterTextContainer, DIV.leftColumnBox DIV.leftColumnBoxFooterTextContainer {
   background: #CCDBEC;
   font-size: 9px;
   font-weight: bold;
   margin-top: 1px;
   padding-top: 5px;
   text-align: left;
   width: 164px;
}

DIV.rightColumnBox DIV.rightColumnBoxHeaderTitleContainer DIV.rightColumnBoxHeaderTitle, DIV.rightColumnBox DIV.rightColumnBoxContentContainer DIV.rightColumnBoxContent, DIV.rightColumnBox DIV.rightColumnBoxFooterTextContainer DIV.rightColumnBoxFooterText, DIV.leftColumnBox DIV.leftColumnBoxHeaderTitleContainer DIV.leftColumnBoxHeaderTitle, DIV.leftColumnBox DIV.leftColumnBoxContentContainer DIV.leftColumnBoxContent, DIV.leftColumnBox DIV.leftColumnBoxFooterTextContainer DIV.leftColumnBoxFooterText {
   padding: 0 9px
}

DIV.miniBasketTotalText {
   font-size: 10px;
}

#mainLayoutCentreColumn {
   margin: 0 180px;
   min-height: 100%;
   text-align: center;
}

#mainLayoutCentreColumnContainer {
   height: 100%;
   margin: 0;
   min-height: 100%;
   padding: 0;
   position: relative;
   vertical-align: top;
   width: 100%;
}

#mainLayoutCentreColumnContainer DIV.centreColumnHeaderLeftBorder {
   background: transparent url(/images/center_top_left.gif) no-repeat scroll 0% 0%;
   height: 16px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 16px;
}

#mainLayoutCentreColumnContainer DIV.centreColumnHeaderRightBorder {
   background: transparent url(/images/center_top_right.gif) no-repeat scroll 0% 0%;
   height: 16px;
   position: absolute;
   right: 0px;
   top: 0px;
   width: 16px;
}

#mainLayoutCentreColumnContainer DIV.centerColumnHeaderContent {
   background: transparent url(/images/center_top_bg.gif) repeat-x scroll 0% 0%;
   height: 16px;
   margin: 0 16px;
   text-align: center;
}

#mainLayoutCentreColumnContainer DIV.centreColumnLeftBorder {
   background: transparent url(/images/center_left_bg.gif) repeat-y scroll 0% 0%;
   height: 100%;
   left: 0px;
   min-height: 100%;
   position: absolute;
   top: 16px;
   width: 6px;
}

#mainLayoutCentreColumnContainer DIV.centreColumnRightBorder {
   background: transparent url(/images/center_right_bg.gif) repeat-y scroll 0% 0%;
   bottom: 0px;
   height: 100%;
   min-height: 100%;
   position: absolute;
   right: 0px;
   top: 16px;
   width: 6px;
}

#mainLayoutCentreColumnContainer DIV.centerColumnContent {
   background: #FFFFFF;
   height: 100%;
   margin: 0 6px;
   min-height: 700px;
   padding-bottom: 16px;
   text-align: left;
}

DIV.blueBoxHeader {
   background: #E8EEF3;
   clear: both;
   height: 25px;
}

DIV.blueBoxHeaderLeft {
   background: #FFFFFF url(/images/product-detail-information-bg.gif) scroll no-repeat 0 0;
   height: 25px;
   float: left;
   width: 25px;
}

DIV.blueBoxHeaderRight {
   background: #FFFFFF url(/images/product-detail-information-bg.gif) scroll no-repeat 0 -25px;
   height: 25px;
   float: right;
   width: 25px;
}

DIV.blueBoxContent {
   background: #E8EEF3;
   clear: both;
   color: #000000;
   padding: 0 15px;
}

DIV.blueBoxFooter {
   background: #E8EEF3;
   clear: both;
   height: 25px;
}

DIV.blueBoxFooterLeft {
   background: transparent url(/images/product-detail-information-bg.gif) scroll no-repeat 0 -75px;
   height: 25px;
   float: left;
   width: 25px;
}

DIV.blueBoxFooterRight {
   background: transparent url(/images/product-detail-information-bg.gif) scroll no-repeat 0 -50px;
   height: 25px;
   float: right;
   width: 25px;
}

/*~~~~~~~~~~~~~~~~~~~~~*/
/*    Header Styles    */
DIV.headerNavigationLinks {
   color: #FFFFFF;
   font-size: 13px;
   padding-top: 18px;
}

DIV.headerNavigationLinks A, DIV.headerNavigationLinks A:active, DIV.headerNavigationLinks A:link, DIV.headerNavigationLinks A:visited {
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
}

DIV.headerNavigationLinks A:hover {
   text-decoration: underline;
}

TD.headerNavigationSearchFormContent {
   background: transparent url(/images/header_search_bg.gif) scroll repeat-x 0 0;
   font-size: 12px;
   font-weight: bold;
}

TD.headerNavigationSearchFormContent LABEL.required {
   color: #000000;
}

SELECT#int_department_id {
   width: 180px;
}

DIV.headerRightStats {
   color: #000000;
   font-size: 12px;
   line-height: 16px;
   padding-right: 8px;
   padding-top: 5px;
   text-align: right;
}

DIV.headerRightWelcome {
   color: #FFFFFF;
   font-size: 14px;
   font-weight: bold;
   padding-right: 8px;
   padding-top: 10px;
   text-align: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Currency Styles    */
SPAN.currencySymbol {
   /*color: inherit;*/
   padding-right: 2px;
}

SPAN.currencyValue {
   /*color: inherit;*/
   font-size: inherit;
}

SPAN.currencyVAT {
   font-size: 0.7em;
}

.priceNoVAT SPAN.currencyVAT {
   display: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Home Page Styles    */
DIV.featuredProductRow, DIV.featuredProductFirstRow {
   /*min-height: 175px;*/
   margin: 0 10px;
   overflow: hidden;
}

DIV.featuredProductFirstRow {
   margin-top: 0;
}

DIV.featuredProductRow DIV.featuredProductContainer, DIV.featuredProductFirstRow DIV.featuredProductContainer {
   float: left;
   /*height: 175px;*/
   width: 50%;
}

/*
 * IE Fix as it does not handle sub-pixel rendering and cannot do maths.
 */
DIV.featuredProductContainerRightMost {
   background: transparent url(/images/divider_vertical.gif) repeat-y scroll top left;
   margin-right: -2px;
}

DIV.featuredProductRowDivider {
   background: transparent url(/images/divider_horizontal.gif) repeat-x scroll 0% 50%;
   clear: both;
   height: 10px;
   margin: 0 10px;
}

DIV.featuredProductContainer DIV.productName {
   color: #000000;
   font-size: 13px;
   font-weight: bold;
   padding: 5px 0 0 10px;
   text-align: left;
}

DIV.featuredProductContainer DIV.productPrice {
   color: #D97A1A;
   font-size: 16px;
   font-weight: bold;
   padding: 5px 0 0 10px;
   text-align: left;
}

DIV.featuredProductContainer SPAN.productAlternativePrice {
   color: #333333;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
}

DIV.featuredProductContainer DIV.productEstimatedDeliveryDate {
   color: #0298CB;
   font-size: 11px;
   font-weight: bold;
   padding: 5px 0 5px 10px;
   text-align: left;
}

DIV.featuredProductContainer DIV.productDescription {
   color: #000000;
   font-size: 11px;
   padding: 5px 0 5px 10px;
   text-align: left;
}

DIV.featuredProductContainer DIV.productImage {
   float: right;
   height: 140px;
   padding: 0 5px 0 5px;
   text-align: center;
   width: 140px
}

DIV.featuredManufacturersContainer {
   margin: 10px;
}

TD.featuredManufacturersContainerHeader {
   background: url(/images/featured_manufacturer_header_bg.gif);
}

TD.featuredManufacturersContainerHeader H2 {
   font-size: 18px;
   line-height: 20px;
   padding-left: 16px;
   margin: 0;
   text-align: left;
}

DIV.featuredManufacturersContainerContent {
   background: #E4EDF5;
   padding: 0px;
   margin: 0px;
}

DIV.featuredManufacturersContainerContent TD.featuredManufacturer {
   height: 100px;
   text-align: center;
   vertical-align: middle;
}

DIV.featuredManufacturersContainerContent TD.featuredManufacturerBorderBottom {
   background: transparent url(/images/divider_horizontal.gif) repeat-x scroll 0% 50%;
}

DIV.featuredManufacturersContainerContent TD.featuredManufacturerBorderRight {
   background: transparent url(/images/divider_vertical.gif) repeat-y scroll top left;
}

DIV.productBannerImages {
   float: left;
   padding-right: 5px;
}

A.moreLink {
   color: #0298CB;
   font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Category Menu LH Side    */
#productMenuLoadingContainer {
   display: none;
}

#productMenuContainer {
   margin: 0 10px;
}

#productMenuContainer A {
   cursor: pointer;
}

#productMenuContainer H3 {
   color: #D97A1A;
   font-size: 14px;
   font-weight: bold;
   margin: 0;
   padding: 3px 0;
}

#productMenuContainer DL {
   display: none;
   padding: 0;
   margin: 0 0 0 10px;
}

#productMenuContainer DL.topCategoryListing {
   display: block;
   margin: 0;
}

#productMenuContainer DL DD {
   font-size: 11px;
   font-weight: normal;
   padding: 0;
   margin-left: 5px;
   margin-top: 1px;
}

#productMenuContainer DL.topCategoryListing > DD {
   font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Product Listing Styles    */
H2.productListingSectionTitle {
   background: transparent url(/images/divider_horizontal_grey.gif) repeat-x scroll 0% 100%;
   margin: 0 20px;
   padding-bottom: 15px;
   padding-top: 10px;
}

H2.productListingSectionTitleFirst {
   background: transparent url(/images/divider_horizontal_grey.gif) repeat-x scroll 0% 100%;
   margin: 0 20px;
   padding-bottom: 15px;
   padding-top: 0;
}

DIV.productListingRowContainer {
   clear: both;
}

DIV.productListingRowOver {
   background: #EEEEEE url(/images/divider_horizontal_grey.gif) repeat-x scroll 0% 100% !important;
   cursor: pointer;
}

DIV.productListingRow {
   background: transparent url(/images/divider_horizontal_grey.gif) repeat-x scroll 0% 100%;
   height: 70px;
   margin: 0 20px;
}

DIV.productListingRowHeading {
   font-weight: bold;
}

DIV.productListingRowThumbnail {
   float: left;
   height: 70px;
   width: 70px;
   text-align: center;
}

DIV.productListingRowThumbnail A {
   display: block;
}

DIV.productListingRowThumbnail IMG {
   padding: 2px;
}

DIV.productListingRowLeftBlock {
   padding-left: 73px;
   padding-top: 10px;
   text-align: left;
}

DIV.productListingRowInventoryTitle {
   font-size: 14px;
   font-weight: bold;
   vertical-align: bottom;
}

DIV.productListingRowDeliveryDateEstimate {
   color: #0298CB;
   padding-top: 3px;
}

DIV.productListingRowRightBlockBasketAdd {
   float: right;
   height: 70px;
   padding-top: 10px;
   width: 99px;
}

DIV.productListingRowRightBlockPricing {
   float: right;
   height: 70px;
   padding-left: 20px;
   text-align: left;
}

DIV.productListingRowPrimaryPrice {
   color: #D97A1A;
   font-size: 18px;
   font-weight: bold;
   padding-right: 10px;
   padding-top: 10px;
   vertical-align: bottom;
}

DIV.productListingRowAlternativePrice {
   color: #000000;
}

TH.searchFilterGroupName {
   padding-top: 2px;
   text-align: right;
   width: 130px;
   vertical-align: top;
}

TR.searchFilterRowOdd TD {
   /* background: #DADFE4; */
}

TR.searchFilterRowOdd TD TABLE TD {
  background: #DADFE4; /* D5DBE1 ?? */
}

TR.searchFilterRowOdd TD.searchFilterRowOddLeft {
   background: #DADFE4 url(/images/odd_row_bl.png) no-repeat scroll bottom left;
   width: 4px;
}

TR.searchFilterRowOdd TD.searchFilterRowOddRight {
   background: #DADFE4 url(/images/odd_row_br.png) no-repeat scroll bottom right;
}

DIV.searchFilterRowOddContent {
   padding: 2px 0px 0px 0px;
   margin-bottom: 4px;
}

DIV.searchFilterRowEvenContent {
   padding: 2px 4px 0px 4px;
   margin-bottom: 4px;
}

TD.searchFilterTagName {
   text-align: left;
   vertical-align: top;
}

TD.searchFilterTagName A {
   text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Product Details Styles    */
H2.inventoryDetailTitle {
   padding-bottom: 10px;
}

#inventoryDetailTop {
   margin-top: 10px;
}

#inventoryDetailTopLeft {
   float: left;
}

#inventoryDetailTopRight {
   float: right;
   width: 50%;
}

IMG.inventoryDetailTopLeftThumbnail {
   border: 1px solid #999999;
}

#inventoryDetailTopRightInfoBox {
   min-width: 283px;
}

#inventoryDetailTopRightInfoBox DIV.blueBoxContent TABLE {
   min-width: 250px;
   width: 100%;
}

#inventoryDetailTopRightInfoBox .inventoryPrimaryPrice {
   font-size: 18px;
   font-weight: bold;
}

#inventoryDetailTopRightInfoBox .inventoryDeliveryDateEstimation {
   color: #0298CB;
   font-size: 12px;
   font-weight: bold;
}

#inventoryDetailTopRightInfoBox .inventoryAvailabilityEstimation {
   color: #000000;
   font-size: 12px;
   font-weight: normal;
}

DIV.bulletPoints {
   color: #6699CC;
}

DIV.bulletPoints UL {
   padding: 10px 0 0 15px;
}

DIV.bulletPoints UL LI {
   color: #6699CC;
   font-size: 12px;
   font-weight: bold;
   padding: 1px 0;
}

#inventoryDetailBottom {
   clear: both;
   font-size: 10px;
   margin-top: 10px;
}

#inventoryDetailBottom DIV.shortDescription {
   font-weight: bold;
   padding: 5px 0;
}

#inventoryDetailBottom DIV.longDescription {
   padding: 5px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Summary Table Styles    */
TR.tableSummaryHeading TH {
   background: #CCDBEC;
   border-bottom: 1px dotted #000000;
   border-top: 1px dotted #000000;
   font-weight: bold;
   padding: 5px;
}

TR.tableSummarySpacer {
   height: 15px;
}

TR.tableSummaryLine TD {
   border-bottom: 1px dotted #666666;
   font-weight: normal;
   padding: 5px;
}

TR.tableSummaryLineNoBorder TD {
   border-bottom: 0;
   border-top: 0;
   font-weight: normal;
   padding: 5px;
}

TR.tableSummaryLineNoBorderNoPadding TD {
   border-bottom: 0;
   border-top: 0;
   font-weight: normal;
   padding: 5px 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Basket Summary Table Styles    */
#basketSummary TR.basketSummaryTotalLine TD {
   padding: 8px 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Login Page Styles    */
#zend_form_login {
   width: 415px;
}

#zend_form_login DD {
   margin: 0 0;
}

#zend_form_login FIELDSET DL {
   width: 385px;
}

#zend_form_login FIELDSET DT {
   clear: both;
   float: left;
   text-align: right;
   width: 140px
}

#zend_form_login FIELDSET DD {
   float: left;
   max-width: 276px;
   text-align: left;
}

#zend_form_login UL.errors {
   list-style-type: none;
   padding-left: 0px;
}

#zend_form_login UL.errors LI {
   color: #FF0000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Checkout Update Address Styles    */
#zend_form_checkout_update_address {
   width: 400px;
}

#zend_form_checkout_update_address DD {
   margin: 0 0;
}

#zend_form_checkout_update_address FIELDSET DL {
   width: 370px;
}

#zend_form_checkout_update_address FIELDSET DT {
   clear: both;
   float: left;
   text-align: right;
   width: 140px
}

#zend_form_checkout_update_address FIELDSET DD {
   float: left;
   max-width: 261px;
   text-align: left;
}

#zend_form_checkout_update_address UL.errors {
   list-style-type: none;
   padding-left: 0px;
}

#zend_form_checkout_update_address UL.errors LI {
   color: #FF0000;
}

P.errorMessage {
   background: transparent url(/images/error.png) no-repeat scroll 10px 10px;
   border: 2px dotted #FF0000;
   color: #000000;
   font-weight: bold;
   padding: 5px 5px 5px 35px;
}

/** ToolTip CSS **/
#moneyBackGuaranteeTT {
   background-color: #FFFFFF;
   border: 2px solid #CCCCCC;
	position: absolute;
	z-index:100;
}

#moneyBackGuaranteeTTArrowLeft {
	background-image: url(/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	left: -12px;
	position: absolute;
	top: -3px;
	width: 10px;
	z-index: 101;
}

#moneyBackGuaranteeTTArrowRight {
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	position: absolute;
	top: -2px;
	width: 11px;
	z-index: 101;
}

#moneyBackGuaranteeTTContent {
   color: #333333;
	padding: 10px 10px 10px 10px;
}

#moneyBackGuaranteeTTCloseLeft, #moneyBackGuaranteeTTCloseRight {
	background-color: #CCCCCC;
	font-weight: bold;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	text-align: left;
}

#mainLayoutRightColumnContainer DIV.newsArticleSummaryBlock {
   vertical-align: top;
}

#mainLayoutRightColumnContainer DIV.newsArticleSummaryBlock H3 {
   font-size: 12px;
   padding-top: 0px !important;
   line-height: 13px;
}

#mainLayoutRightColumnContainer A.newsMoreLink {
   color: #0298CB;
   font-weight: bold;
   white-space: nowrap;
}