/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

@import url(/trt/includes/osc_cart/jquery-ui-1.8.6.custom.css);

  .cat_description {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #800000;
     background : inherit;
     font-weight : bold;
      }
 .boxText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     font-weight : normal;
      }
 .wizardText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 14px;
     font-weight : bold;
 }
 .centerTable {
     background-image : url('images/bg_cat4.gif');
     background-repeat : repeat-x;
     background : #fbfcfd;
     color : inherit;
      }
 .errorBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : inherit;
     background : #ffb3b5;
     font-weight : bold;
      }
 .stockWarning {
     font-family : Verdana, Arial, sans-serif;
     font-size : 15px;
     color : #FF0000;
     font-weight : bold;
     background : inherit;
      }
 .productsNotifications {
     background : #f2fff7;
     color : inherit;
      }
 .orderEdit {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     color : #0000FF;
     font-weight : bold;
     background : inherit;
     text-decoration : underline;
      }
 .navBlue {
     color : #ff0000;
     background : inherit;
     font-size : 8pt;
     font-family : Verdana, Arial, sans-serif;
      }
 .subnavBlue {
     color : #9966ff;
     background : inherit;
     font-size : 8pt;
     font-family : Verdana, Arial, sans-serif;
      }
 BODY {
     background : #ffffff;
     color : #000000;
     margin : 0;
    }

 A {
     color : #000000;
     background : inherit;
     text-decoration : none;
      }
 A:hover {
     color : #aabbdd;
     background : inherit;
     text-decoration : underline;
      }
 FORM {
     display : inline;
      }
 TR.header {
     background : #ffffff;
     color : inherit;
      }
 TR.headerNavigation {
     background : #D9D9D9;
     color : inherit;
      }
 TD.headerNavigation {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #D9D9D9;
     color : #ffffff;
     font-weight : bold;
      }
 A.headerNavigation {
     color : #ffffff;
     background : #D9D9D9;
      }
 a:hover.headerNavigation {
     color : #ffffff;
     background : #D9D9D9;
      }
 TR.headerError {
     background : #ff0000;
     color : #D9D9D9;
      }
 TD.headerError {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 14px;
     background : #ff0000;
     color : #ffffff;
     font-weight : bold;
      }
 TR.headerInfo {
     background : #00ff00;
     color : #D9D9D9;
      }
 TD.headerInfo {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #00ff00;
     color : #ffffff;
     font-weight : bold;
      }
 TR.footer {
     background : #D9D9D9;
     color : inherit;
      }
 TD.footer {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #00659C;
     color : #FFFFFF;
     font-weight : normal;
      }
 .templateinfobox {
     background : #f8f8f9;
     color : inherit;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
      }
 .infoBox {
     background : #b6b7cb;
     color : #000000;
      }
 TD.infoBox, SPAN.infoBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #D9D9D9;
     color : inherit;
      }
/* TD.infoBoxHeading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
     background : #;         ## #EFFFFF; = LIGHT BLUE
     color : ##FFFFFF;
     height:18;
#     background-image: url('/b2b/templates/Original_B2B/images/infobox/table_head_bk.gif');
     background-repeat: repeat-x;
     background-position: left;
      }  */

 TD.infoBoxHeading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 13px;       /* Infobox Heading font size */
     font-weight : bold;     /* Infobox Heading font weight */
/* background : #00659C ; */   /* Background of box colour */
     background-image: url('/shop/templates/Original_B2B/images/infobox/background.gif');
     height:20;              /* Background heading height */
     color : #ffffff;
}

 .infoBoxContents {
     background : #ffffff;
     color : #000000;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 TD.infoBoxFooter {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
    background-color : #cccccc;
    color : #000000;
}

 TD.contentBoxHeading {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
    color : #534f4d;
     background : #D9D9D9;
    padding-top : 5px;
}
 .infoBoxContentsHeader {
     background : #D9D9D9;
    color : #ffffff;
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
}

 .infoBoxContentsCenter {
    color : inherit;
     background : #f8f8f9;
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
}

 TD.infoBoxContentsfooter {
    color : #000000;
     background : #D9D9D9;
     font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
}
 TD.infoBoxHeadingImage {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-position : left;
     background-color : #D9D9D9;
     color : #000000;
      }
 TD.infoBoxFooterImage {
     font-family : Verdana, Arial, sans-serif;
     font-size : 1px;
     font-weight : bold;
     background-color : #bbc3d3;
     color : #000000;
      }
 .infoBoxNotice {
     background : #ff8e90;
     color : #ffffff;
      }
 .infoBoxNoticeContents {
     background : #ffe6e6;
     color : #ffffff;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 TD.main_table_heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #cccccc;
     color : #000000;
      }
 TD.main_table_heading_inner {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #ffffff;
     color : #000000;
      }
 TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
     background : #f8f8f9;
     color : inherit;
      }
 TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
     background : #f8f8f9;
     color : inherit;
      }

TR.productListing-odd:hover {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     border-width: 5px;
     border-bottom-style:dotted;
     background : #FFFFCC;
    cursor: url("https://simplybearings.co.uk/shop/images/red1.ani"), url("https://simplybearings.co.uk/shop/images/Red1.gif"), auto;
}

 TR.productListing-even:hover {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     border-width: 1px;
     border-bottom-style:dotted;
     background : #FFFFCC;
    cursor: url("https://simplybearings.co.uk/shop/images/red1.ani"), url("https://simplybearings.co.uk/shop/images/Red1.gif"), auto;
 }


 TABLE.productListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .productListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #00659C;
     color : #ffffff;
     font-weight : bold;
      }
 .productlisting-headingPrice {
     font-family : Verdana, Arial, sans-serif;
     font-size : 20px;
     background : #cccccc;
     color : #9a9a9a;
     font-weight : bold;
      }
 TD.productListing-data {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     border-width: 1px;
     border-bottom-style:dotted;
      cursor: url("https://simplybearings.co.uk/shop/images/red1.ani"), url("https://simplybearings.co.uk/shop/images/Red1.gif"), auto;
      }

  TD.productListing-data:hover {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     border-width: 1px;
     border-bottom-style:dotted;
     background : #FFFFCC;
     cursor: url("https://simplybearings.co.uk/shop/images/red1.ani"), url("https://simplybearings.co.uk/shop/images/Red1.gif"), auto;
  }


 TD.productListing-ajax {
     font-family : Verdana, Arial, sans-serif;
     color : #ff0000;
     font-size : 10px;
     font-weight : normal;
 }
  TD.cart_productListing-data {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     border-width: 1px;
     cursor: url("https://simplybearings.co.uk/shop/images/red1.ani"), url("https://simplybearings.co.uk/shop/images/Red1.gif"), auto;
      }


 A.pageResults {
     color : #0000ff;
     background : inherit;
      }
 a:hover.pageResults {
     color : #0000ff;
     background : #ffff33;
      }
 TD.pageHeading, DIV.pageHeading {                        /* Sets size of page heading */
     font-family : Verdana, Arial, sans-serif;
     font-size : 17px;
     font-weight : bold;
     color : #00659C;
     background : inherit;
      }
 TD.pinfopageHeading, DIV.pinfopageHeading {                        /* Sets size of page heading on product info page */
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
     color : #000000;
   /*  background-image: url('images/bg_pinf.jpg'); */
 }
 TR.subBar {
     background : #f4f7fd;
     color : inherit;
      }
 TD.subBar {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background : inherit;
      }
 TD.main, P.main {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
     color : #000000;
    }
 TD.quantity_table, P.quantity_table {        /* added for quantity price break table */
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     line-height : 1.5;
     color : #FF0000;
     border : 1px;
     border-style : solid;
     border-color : #E0E0E0;
     border-spacing : 0px;
     background : inherit;
 }

 TD.q_table, P.q_table {        /* added for quantity price break table */
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     line-height : 1.3;
     color : #000000;
     border : 0px;
     border-style : solid;
     border-color : #FFFFFF;
     border-spacing : 0px;
     background : inherit;
 }

 .smallText, SPAN.smallText, P.smallText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 .remove_text {
     font-family : Verdana, Arial, sans-serif;
     color : #0000FF;
     font-weight : bold;
     font-size : 10px;
     vertical-align:text-top;
 }

 TD.accountCategory {
     font-family : Verdana, Arial, sans-serif;
     font-size : 13px;
     color : #aabbdd;
     background : inherit;
      }
 TD.fieldKey {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.fieldValue {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
      }
 TD.tableHeading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.category_desc {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
      }
 SPAN.newItemInCart {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 CHECKBOX, INPUT, RADIO, SELECT {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
      }
 TEXTAREA {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
      }
 SPAN.greetUser {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     color : #f0a480;
     background : inherit;
     font-weight : bold;
      }
 TABLE.formArea {
     background : #f1f9fe;
     color : #f4f7fd;
     border-color : #7b9ebd;
     border-style : solid;
     border-width : 1px;
      }
 TD.formAreaTitle {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 SPAN.markProductOutOfStock {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     color : #c76170;
     background : inherit;
     font-weight : bold;
      }
 SPAN.productSpecialPrice {
     font-family : Verdana, Arial, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 SPAN.errorText {
     font-family : Verdana, Arial, sans-serif;
     color : #ff0000;
     background : inherit;
      }
/*  .moduleRowOver {
     background-color : #d7e9f7;
     color : inherit;
     cursor : pointer;
      }
 .moduleRowSelected {
     background-color : #66FF00;
     color : inherit;
      }
   */
 .moduleRowOver {
     background-color : #d7e9f7;
     color : inherit;
     cursor : pointer;
      }
 .moduleRowSelected {
     background-color : #66FF00;# #e9f4fc;
     color : inherit;
      }

 .checkoutBarFrom, .checkoutBarTo {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #8c8c8c;
     background : inherit;
      }
 .checkoutBarCurrent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background : inherit;
      }
 .messageBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 .messageStackError, .messageStackWarning {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background-color : #ffb3b5;
     color : inherit;
      }
 .messageStackSuccess {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background-color : #99ff00;
     color : inherit;
      }
 .inputRequirement {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 TABLE.linkListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .linkListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #b6b7cb;
     color : #ffffff;
     text-align : center;
      }
 TD.linkListing-data {
     border-right : 1px solid #b6b7cb;
     border-bottom : 1px solid #b6b7cb;
     padding : 4px;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 TR.linkListing-odd {
     background : #f8f8f9;
     color : inherit;
      }
 TR.linkListing-even {
     background : #f5f5f5;
     color : inherit;
      }
 .content {
     color : #000000;
     background : inherit;
     font-size : 10px;
     font-family : Verdana, Arial, sans-serif;
      }
 TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
     color : #bdcaf0;
     background : inherit;
      }
 TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
     background-image : url('images/button_blank_left.gif');
      }
 TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
     background-image : url('images/button_blank_right.gif');
      }
 TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
     background-image : url('images/button_blank_middle.gif');
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-color : inherit;
     color : #000000;
      }
 A.HeaderPageLinks {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     color : #000000;
     background : inherit;
      }
 a:hover.HeaderPageLinks {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
     color : #00ff00;
      }
 TD.cookieUsage {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #000000;
     color : #ffffff;
      }
 .attributeBoxContent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #808080;
      }
 .TR.attributeBoxContent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #808080;
      }
 .TD.attributeBoxContent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #c0c0c0;
      }
 .storyboxtitle {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:link {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:active {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:visited {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:hover {
     font-family : Verdana, Arial, sans-serif;
     color : #ffffff;
     font-size : 10px;
     font-weight : bold;
     text-decoration : underline;
     background : inherit;
      }
 .yearHeader {
     font-family : Verdana, Arial, sans-serif;
     font-size : 14px;
     font-weight : bold;
     color : #000000;
     background-color : #ffffff;
      }
 .calendarMonth {
     background-color : #cccccc;
     color : inherit;
     cursor : default;
     width : 100%;
      }
 .calendarHeader {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     font-weight : bold;
     color : #000000;
     background-color : #ffffff;
     text-decoration : none;
     height : 22px;
      }
 .calendarToday {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #ffcf00;
     padding-left : 3px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendarWeekend {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #caeeff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendar {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #ffffff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     height : 22px;
     width : 18px;
      }
 .event {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     color : #000000;
     background-color : #ffffff;
     text-decoration : none;
     border : 1px solid #e6e6e6;
      }
 .empty {
     background-color : #f0faff;
     color : inherit;
     line-height : 14px;
     height : 22px;
     width : 18px;
      }
 .calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 h4.infoTitle {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 0.2em;
      }
 p.infoBlurb {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 2em;
      }
 TD.productPriceInListing {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #d2e9fb;
     color : inherit;
      }
 TD.productPriceInBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #eeeeee;
     color : inherit;
      }
 TD.productPriceInProdInfo {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #ccffcc;
     color : inherit;
      }
 #navMenu {
     clear : both;
     height : 0.01%;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu ul {
     float : left;
     width : 150px;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu li {
     position : relative;
     float : left;
     line-height : 24px;
     margin-bottom : -1px;
     width : 150px;
      }
 #navMenu li ul {
     position : absolute;
     left : -999em;
     margin-left : 150px;
     margin-top : -26px;
      }
 #navMenu li ul ul {
     left : -999em;
      }
 #navMenu li a {
     width : 150px;
     display : block;
     color : #334;
     font-weight : bold;
     text-decoration : none;
     background : #ffffff;
     border : 1px solid #cce;
     padding-left : 2px;
      }
 #navMenu li a:hover {
     color : #000000;
     background : #aac;
      }
 #navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {
     left : -999em;
      }
 #navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul {
     left : auto;
      }

/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #ffffff;
	border: 1px outset #fdfefd;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: Black;
	border: 2px outset #fdfefd;
	text-decoration: none;
	position: relative;
	display: block;
}

.vertitem a:link, .vertitem a:visited	{
	color: #F77B00;                   /* Default font style & color of main menu text items before selection*/
	text-decoration: none;
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #000000;
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #F77B00;
	background-color: #666666;
	text-decoration: none;
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;

	position: relative;
	display: block;
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;
	text-decoration: none;
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #FFF000;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #FFF000;
}

.extra_search {
  font-family: Verdana, Arial, sans-serif;
	font-size: 8px;
}

/* XC Menu Styles */

#catxcdiv ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.5em;
}

/* menu item spacing */
#catxcdiv li{ margin-bottom: .2em; }

/*padding between submenu items*/
#catxc ul li { padding: 0 0 .2em 0; }

/*xc menu item*/
#catxcdiv li.xc { list-style: none; }

/*submenu*/
#catxcdiv li.xc ul { margin: .3em 0 0 -.8em; }

/* +/- control */
div.xcx, div.xcc {
	position: relative;
	display: inline;
}
li.xc>div.xcx, li.xc>div.xcc {
	position: static;
	margin-left: -1.5em;
	float: left;
	width: 1.5em;
}
div.xcx a, div.xcc a {
	position: absolute;
	left: -2em;
}
div.xcx>a, div.xcc>a {
	position: static;
}
div.xcx a:link, div.xcx a:visited,
div.xcc a:link, div.xcc a:visited {
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 90%;
}
/***** Begin Sitemap_SEO *****/
ul.sitemap {
color: #ff0000;
}
.sitemap {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0000ff;
  font-weight : normal;
}
.sitemapHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #0000ff;
  font-weight : normal;
}
.sitemapProducts {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #f000ff;
  font-weight : normal;
}
A.sitemap {
  color: #009900;
}
A.sitemap:hover {
  color: #ff0000;
}
/***** End Sitemap_SEO *****/


.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;


    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 530px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
 background: url(/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.secret_heading {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 14px;
     font-weight : bold;
     background : inherit;
}
.secret_question {
     font-family : Verdana, Arial, sans-serif;
     color : #FF0000;
     font-size : 14px;
     font-weight : bold;
     background : inherit;
}
/* --------------------------------*/
div.cl-subcats {
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}
div.cl-subcats div.subcat-container-container {
  height: 176px; /*158 + 8*2 + 1*2  */
  float: left;
  margin:  8px 0;
  padding: 0;
  width: 162px;
}
div.cl-subcats div.subcat-container {
  margin: 0 8px;
  padding: 8px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #eee;
}
div.cl-subcats div.subcat {
  margin: 0;
  padding: 0;
  height: auto;
  max-height: 158px;
  text-align: center;
  overflow: hidden;
}
div.cl-subcats a:hover {
  text-decoration: underline;
}
div.cl-subcats a {
  color: #666;
}
div.cl-subcats a.mainsubcat {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #333;
}
div.cl-subcats div.subcat-container:hover {
  background-color: #fff;
  border-color: #ff7129;
}
div.cl-subcats div.subcat:hover {
  max-height: none;
}
div.cl-subcats div.subcat-container-container:hover {
  position: relative;
}

div.cl-subcats a img {
  margin: 0 0 0 0;
}
.clearboth {
  clear: both;
}
.mainSelected {background: #FFFFCC;}
.mainNotSelected {background: #ffffff;}


#categorybox .infoBoxHeading { background: blue; color: yellow; }
#categorybox .infoBox {
background: blue;
     border : 1px;
     border-style : solid;
     border-color : blue;
     border-spacing : 0px;
 }
##categorybox .infoBoxContents { background: #FFFFFF; color: white; }
#categorybox a { color: black;}

.payment_box {
     border : 1px;
     border-style : solid;
     border-color : blue;
}

.productDataTable {
  width: 100%;
}
.productDataTable-Row-odd {
  background-color: #FFFF66;
}
.productDataTable-Row-even {
  background-color: #EEEEEE;
}
.productDataTable-Row-separator {
  background-color: #FFFFFF;
  font-size: 2px;
}
.productDataTable-Cell-key {
  font-weight: normal;
  font-size: 0.6em;
  whitespace: nowrap;
  text-align: left;
  width: 50%;
}
.productDataTable-Cell-data {
  font-weight: normal;
  font-size: 0.6em;
  padding-left: 5px;
  width: 100%;
  text-align: left;
}

.productDataTable-Cell-Equals {
  font-weight: normal;
  font-size: 0.6em;
  whitespace: nowrap;
  text-align: center;
  width: 5%;
}

.second_addressdv {
	background-color: #EEEEEE;

}
	.modal {
		background-color:#fff;
		display:none;
		width:700px;
		padding:15px;
		text-align:left;
		border:2px solid #333;

		opacity:0.8;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
	}

	.modal h2 {
		background:url(../../images/info.png) 0 50% no-repeat;
		margin:0px;
		padding:10px 0 10px 45px;
		border-bottom:1px solid #333;
		font-size:20px;
	}

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 50px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../../images/flip_back.png) no-repeat right top;
	text-indent: -9999px;
}