
/**GENERAL FORM ELEMENTS
*****************************/	
form {margin: 0px;padding: 0px;}
form#GiftCert {	margin-left:10px;}
input { vertical-align: middle;}
.textbox {
	color: #666666;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	}

input#email {margin-left:0px;margin-top:5px;width:110px;}

.textboxDisabled {
	color: #333333;
	background: #FFFFFF;
	border: none;
	font-size: 10px;
	}

.SubmitBtn {
	background:transparent url(../styleImages/icons/button.gif) no-repeat;
	height: 17px;
	width:17px;
	padding:0;
	margin:5px 15px 0 0;
	text-align:right;
	float:right;
	border:none;
	display:block;
	cursor: pointer;
	}

.AddBtn {
	background:transparent url(../styleImages/icons/add.gif) no-repeat;
	height: 17px;
	width:17px;
	padding:0;
	margin:0px 0 0 20px;
	text-align:right;
	border:none;
	cursor: pointer;
	}


/**GENERAL LIST STYLING
**************************/
ul {margin: 3px 0px 0px 5px;padding: 0px;}
ol {margin: 3px 0px 0px 30px;padding: 0px;}
ol li.num {color: #C6EADD;list-style-type:outside;text-align:left}
ol li.num a{color:#C6EADD;}
ul li {list-style-position: inside;margin: 0px;padding: 0px;}
li.bullet {list-style-type: square;}
li.nobullet {list-style-type:none;margin-left:0;
border-bottom:1px solid #B3E1F5;float:right;font-size:12px;
font-weight:bold;padding:0px 37px 2px 0;
text-align:right;display:inline;width:173px;
background:transparent url(../styleImages/coreimages/menuicon.gif) no-repeat scroll 184px 3px;
}
li.nobullet a{color:#B3E1F5;}
li.bulletLrg {list-style-type: square;}


/**GENERAL BUTTONS
*******************/
.UpDateBtn {	
	background-image:url(../styleImages/icons/Rtbutton.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#FFFFFF;
	color: #663366;
	margin:0;
	padding:0 0 3px 25px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	}

.BlueBg {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#C2E7F7 none repeat scroll 0 0;
	color: #ffffff;
	font-size:14px;
	width:100%;
	margin:0px;
	text-align: right;
	padding:6px 5px 6px 5px;
	}

a.txtButton {
	color: #FFFFFF;
	background-color:#3E5E89;
	/*background-image:url(../styleImages/backgrounds/ButtonBg.gif);
	background-repeat:repeat;
	background-position:left top;*/
	line-height:22px;
	font-size:12px;
	padding:0 10px;
	margin:2px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	border:4px solid #FFFFFF;
	}

a.txtButton:hover {
	color: #FFFFFF;
	}
	
a.txtviewCart:active, a.txtviewCart:link, a.txtviewCart:visited {
	color: #FFFFFF;
	/*background-image:url(../styleImages/backgrounds/ButtonBg.gif);
	background-repeat:repeat;
	background-position:left top;*/
	background-color:#3E5E89;
	line-height:22px;
	font-size:12px;
	padding:0 10px;
	margin:2px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	border:4px solid #FFFFFF;
}
a.txtviewCart:hover {
	border:4px solid #2B3136;
}
a.flashBasket:active, a.flashBasket:link, a.flashBasket:visited, a.flashBasket:hover {
	color: #FFFFFF;
	background-image:url(../styleImages/backgrounds/ButtonBg.gif);
	background-repeat:repeat;
	background-position:left top;
	line-height:22px;
	font-size:12px;
	padding:0 10px;
	margin:2px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	border:4px solid #2B3136;
}
	
.submit {
	color: #FFFFFF;
	background-color:#3E5E89;
	/*background-image:url(../styleImages/backgrounds/ButtonBg.gif);
	background-repeat:repeat;
	background-position:left top;*/
	line-height:14px;
	font-size:12px;
	margin:2px 0 0;
	padding:0 10px;
	text-transform:uppercase;
	text-decoration:none;
	border:4px solid #FFFFFF;
	}


/**PRICING STYLES
*******************/
.txtOldPrice {text-decoration:line-through;}
.Sale {color:#FF0000;background:#FFFFFF;}
.OutOfStock {color:#FF0000;background:#FFFFFF;}
.Save {color:#32393E; background: #667777;}


/**GENERAL LINKS
*****************/
a.txtLocation {
	color: #1E5EAB;
	background:#FFFFFF;
	text-decoration:none;
	}

a.txtLocation:hover {
	color: #1E5EAB;
	background: #FFFFFF;
	text-decoration:underline;
	}

a.txtLink, a.txtSelected, a.txtDefault {
	color: #32393E;
	background: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

a.txtLink:hover, a.txtSelected:hover, 
a.txtSelected:active, a.txtDefault:hover {
	color: #242726;
	background: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

a.txtLinkPass, a.txtSelectedPass, a.txtDefaultPass {
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}

a.txtLinkPass:hover, a.txtSelectedPass:hover, 
a.txtSelectedPass:active, a.txtDefaultPass:hover {
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	}

/**YOUR ACCOUNT PAGE
**********************/
#Account ul {margin:20px;}
#Account li {
	list-style-type: square;
	color: #667777;
	background:#FFFFFF;
	}

#Account a {
	color: #667777;
	background:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}

#Account a:hover {
	color: #9BBFB2;
	background: #FFFFFF;
	}


/**SHOPPING BASKET HOME PAGE
*****************************/
.BasketProduct {
	color: #FFFFFF;
	padding: 3px 0px;
	margin: 0px;
	line-height: 20px;
}

.BasketProduct p {
	padding: 0px;
	margin: 0px 5px 0px 0px;
}

.BasketProduct span {
	float: right;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}



.BasketProduct span .icon {padding-top:4px;}

#BasketItems{
	margin: 3px 0px;
	padding: 3px 5px 0px;
	border-top: 1px dotted #FFFFFF;
	color: #FFFFFF;
}

.TotalItems{
	text-align:right;
	float:right;
	margin-left: 5px 0px 0;
	color: #FFFFFF;
	font-weight:bold;
	}

#BasketTotal{
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-left: 5px;
	}


.TotalPrice{
	text-align:right;
	float:right;
	margin: 0px 5px 0px 0;
	padding: 0px;
	color: #FFFFFF;
	font-weight:bold;
	}

#BasketView {
	text-align: left; 
	margin-top:10px;
	font-size:12px;
	}

a.BasketBtn, a.BasketBtn:hover {
	background-image:url(../styleImages/icons/button.gif);
	background-repeat:no-repeat;
	background-position:right center;
	background-color:#FFFFFF;
	color: #663366;
	margin:0;
	padding:0 20px 3px 0px;
	text-decoration:none;
	}


/**VIEW CART PAGES
********************/
#CartView {
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 0px;
	position: relative;
	z-index: 1;
	}
	
form#cart {
	padding-right:5px;
	margin-bottom:20px;
	}

#cartTable {
	margin-bottom:20px;
	border:1px solid #C2E7F7;
	}


.cartProgress {
	color: #333333;
	background: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	width: 350px;
	margin: 20px auto;
	text-align:center;
	}

.txtcartProgressCurrent {
	color: #1E5EAB;
	background: #FFFFFF;
	font-weight: bold;
	}

.quickBuy {
	text-align: center;
	color: #333333;
	background:#FFFFFF;
 	padding: 4px 0;
	width:87%;
	margin:0 auto 10px;
	}
	
.tdcartTitle {
	font-weight: bold;
	color: #1E5EAB;
	background:#C2E7F7; 
	}


.tdcartEven {
	background:#FFFFFF; 
	color: #333333;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	}

.tdcartOdd {
	background: #FFFFFF;
	color: #333333;
	}

.tdCartSubTotal {
	padding-top: 10px;
	}

.txtStockWarn {color: #FF4600;}

.dropDown {
	width: 100px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 9px;
	color: #6F9994;
	}

/**STEP ONE PAGE
******************/
.InfoBox{
	padding: 10px 0;
	margin: 20px 0px 10px;
	border-top: 1px solid #CCCCCC;
	}

.InfoBox .BlueBg {height:30px;}

.InfoBox .BlueBg .Button {
	float:right;
	text-indent:0;
	margin-top:-20px;
	}

.Heading {
	text-transform:uppercase; 
	font-weight:bold; 
	padding-left:10px;
	text-align:left;
	}

.HeadingHalf {
	text-transform:uppercase; 
	font-weight:normal; 
	padding-left:10px;
	text-align:left;
	float:left;
	}


/**EDIT INVOICE PAGE
**********************/
#EditInvoice {margin-bottom:20px;}
#EditInvoice td.nudge80 {padding-left:80px;}


/**PERSONAL PROFILE PAGE
************************/
#Profile {margin:10px auto;}



/**VIEW ORDERS
*****************/
#ViewOrders {margin-bottom:15px;}
#ViewOrdersInfo {margin-bottom:25px;}
#ViewOrdersInfo ol {margin-left:20px;}
#ViewOrdersInfo ol li {list-style-position:outside;}
#ViewOrders .tdcartOdd {color: #FFFFFF;background: #A5C9BC;}
#ViewOrders .tdcartEven {
	background: #9BBFB2;
	color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	}
	
#ViewOrders a {color:#FFFFFF; text-decoration:underline;}
#ViewOrders a:hover {color: #C6EADD; text-decoration:none;}

.txtCopyright, a.txtCopyright {
	text-align: center;
	padding-top: 5px;
	color: #FFFFFF;
	background:#32393E;
	font-size:11px;
	}

a.txtCopyright:hover {text-decoration: none;}


/**MISCELLANEOUS 
******************/
.txtError {
	font-weight: bold;
	color: #050F72;
	background: #FFCECE;
	border: 1px solid #FF0000;
	padding: 2px;
	}


.txtOutOfStock {
	color: #FF0000;
	font-size: 75%;
}

#shipping-select {
	width: 110px;
}

/* new css */

@charset "utf-8";
/*
  $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
*/
  .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 : 10px;
      }
 .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 : 10px;
     color : #cc0033;
     background : inherit;
      }
 .productsNotifications {
     background : #f2fff7;
     color : inherit;
      }
 .orderEdit {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #70d250;
     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;
      }
              
 A {
      text-decoration:none; color:#1e5eab;
      }
 A:hover {
      text-decoration:underline; color:#1e5eab;
      }
 FORM {
     display : inline;
      }
 TR.header {
     background : #ffffff;
     color : inherit;
      }
 TR.headerNavigation {
     background : #bbc3d3;
     color : inherit;
      }
 TD.headerNavigation {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #bbc3d3;
     color : #ffffff;
     font-weight : bold;
      }                  
 A.headerNavigation {
     color : #ffffff;
     background : #bbc3d3;
      }
 a:hover.headerNavigation {
     color : #ffffff;
     background : #bbc3d3;
      }
 TR.headerError {
     background : #ff0000;
     color : #bbc3d3;
      }
 TD.headerError {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #ff0000;
     color : #ffffff;
     font-weight : bold;
      }
 TR.headerInfo {
     background : #00ff00;
     color : #bbc3d3;
      }
 TD.headerInfo {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #00ff00;
     color : #ffffff;
     font-weight : bold;
      }
 TR.footer {
     background : #bbc3d3;
     color : inherit;
      }
 TD.footer {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #bbc3d3;
     color : #ffffff;
     font-weight : bold;
      }
 .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 : #bbc3d3;
     color : inherit;
      }
 TD.infoBoxHeading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #bbc3d3;
     color : #ffffff;
      }

 .infoBoxContents {
     background : #f8f8f9;
     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 : #bbc3d3;
    padding-top : 5px;
}
 .infoBoxContentsHeader {
     background : #bbc3d3;
    color : #ffffff;
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
}

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

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

 TD.infoBoxContentsfooter {
    color : #000000;
     background : #bbc3d3;
     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 : #bbc3d3;
     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;
      }
 TABLE.productListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .productListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #9a9a9a;
     font-weight : bold;
      }
 .productlisting-headingPrice {
     font-family : Verdana, Arial, sans-serif;
     font-size : 20px;
     color : #9a9a9a;
     font-weight : bold;
   text-align:right;
      }
 TD.productListing-data {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 A.pageResults {
     color : #0000ff;
     background : inherit;
      }
 a:hover.pageResults {
     color : #0000ff;
     background : #ffff33;
      }
 TD.pageHeading, DIV.pageHeading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 20px;
     font-weight : bold;
     color : #1e5eab;
     background : inherit;
      }
 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;
     background : inherit;
      }
 TD.smallText, SPAN.smallText, P.smallText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #1e5eab;     
      }
 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 : #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;
      }

/*
		
		TRS Style

*/


.twoColFixLtHdr #header { 
	background: #DDDDDD;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 70px;
	width: 960px;
	background:url(../styleImages/coreimages/headerbg.jpg) no-repeat top right;
}
.twoColFixLtHdr #header-logo {
	/* SKIN VARIABLE IS cAsE SeNsItIvE */
	background-image: url(../../../images/getLogo.php?skin=trssupplies);
	background-repeat: no-repeat;
	background-position: left top;	
	background-color: #ffffff;
	color: #333333;
	float: left;	
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 70px;
	width: 220px;
}
.twoColFixLtHdr #header-cart {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 10px 10px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	height: 50px;	
	width: 700px;
} 

.twoColFixLtHdr #container { 
	width: 960px;
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */	
	background:url(../styleImages/coreimages/menu-background-cont.gif) top left repeat; /* Image to continue the menu background */
} 

.twoColFixLtHdr #sidebar1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../styleImages/coreimages/menu-background.gif) repeat-x scroll left top;
float:left;
margin:0;
min-height:529px;
padding:0;
width:220px;
}

.glidedesc
{
 width:70%;
 float:left;
}
.glideimg{
 width:30%;
 float:left;
}	
.twoColFixLtHdr #mainContent{ 
	float:left;
	padding: 0px 20px;
	background:#ffffff;	
	background:url(../styleImages/coreimages/mainbackground.gif) top left repeat-x;
	width:697px;
} 

.twoColFixLtHdr #footer { 
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	font-size: 11px;
	background:#ffffff;
	background:url(../styleImages/coreimages/footerbg.jpg) no-repeat top center;
	height: 29px;
} 

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 15px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.cart-background {
	font-size: 12px;
	background-image:url(../styleImages/coreimages/header-cart-background.gif);
	padding-right:5px;
}

.break {
	padding: 1px 1px 1px 1px;
	clear:both;
    font-size: 1px;
    line-height: 0px;
	background:#FFFFFF;
}

.break5px {
	padding: 5px 5px 5px 5px;
	clear:both;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #searchbox {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

.searchbox {
	font-size: 14px;
	background-image:url(../styleImages/coreimages/searchbox2.gif);
	background-repeat: no-repeat;
	text-align: right;
	border: none;
	border-width: 0px;
	color: #1e5eab;
	width: 115px;	
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 0px;
}
.searchbutton {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../styleImages/coreimages/search.gif);
	height:18px;
	width:60px;
	border:0px;
	text-align:left;
}


#navtop {
	text-align:right; 
	width: 210px; 
	border-top:1px solid #b3e1f5; 
	padding: 0px 0px 0px 0px; 
	font-size: 1px;
    line-height: 0px;	
}

pre {
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
width: 500px;
}

.underlined {
	text-decoration: underline;
	font-size: 14px;
}

#delivery {
	position: absolute;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 898px;
	background-image:url(../styleImages/coreimages/shipping.png);
	height:59px;
	width:58px;
}
.clear{
clear:both;
}
.RandImage{
text-align:center;
}
#nudge{
padding-left:10px;
text-align:left;
}
.basketimg{
background-image:url(../styleImages/coreimages/header-cart.gif);
height:18px;
width:31px;
margin-left:10px;
}
.checkout{
background-image:url(../styleImages/coreimages/header-checkout.gif);
height:18px;
width:75px;
}

/* glider css  */
#my-glider{
padding-bottom:7px;
}
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	margin: 0;	
	padding: 0;
	width: 690px;
	height: 200px; /* Set height to be able to contain height of largest content shown*/
	color: black;
	overflow: hidden;
	z-index:1;		
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */		
	/*visibility: hidden;*/
	background: white;	
	color: black;
	width:688px;
	height:200px;	
	padding: 0;	
	/*border-left: 1px solid  #184A8A;*/
	border-right: 1px solid  #184A8A;
	z-index: 2;
}
.titlebar{	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background:#184A8A none repeat scroll 0 0;
	border-left:1px solid #184A8A;
	border-right:1px solid #184A8A;
	border-top:1px solid #184A8A;
	color:white;
	height:25px;
	text-align:center;
	width:688px;
	font-weight:bold;
        font-size: 18px;
}
.name{margin-left:10px;margin-top:5px;}
.name a{
   	margin: 5px 0 0 10px;
	padding:0;
	text-decoration: none;
	color: #000;
	font: bold 15px Arial; /* Change 12px as desired */   
}
.price{
   margin: 5px 0 0 20px;
	padding: 0;	
	font: bold 15px Arial;
	color: black;			
}
.bouton{
   margin: 10px 0 0 20px;
   background: url(../styleImages/coreimages/button_in_cart.gif);
   height:22px;
   width:120px;
   clear:both;
}
.image{
	width : 170px;	
	height: 170px;	
	padding: 5px;
	
}
.image:hover{		
	border: 1px solid #e7e7e7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	z-index:4;		
}
.description{
	-x-system-font:none;
	cursor:pointer;
	float:left;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin: 0px 5px 0 15px;
	padding:0;
	text-align:justify;
	width:95%;
}
.description:hover{
	cursor: pointer;
}
.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 5px;
height: 25px;/*ajout debug pour le dock menu ! */
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
border-bottom: 1px solid  #184A8A;
border-left: 1px solid  #184A8A;
border-right: 1px solid  #184A8A;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-left-radius: 7px;
 -webkit-border-bottom-right-radius: 7px;
z-index: 1;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
background: transparent url('../styleImages/coreimages/square-gray-left.gif') no-repeat top left;
color: #000000;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
cursor: pointer;
}

.cssbuttonstoggler a span{
background: transparent url('../styleImages/coreimages/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
text-decoration: none;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: black;
text-decoration: none;
}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{
margin-left:20px; /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
text-decoration: none;
}
/* glider css ends */

.arrowlistmenu{
width: 220px; /*width of accordion menu*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin-left: 0px;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
display:inline;
}
.arrowlistmenu ul li a div{
padding-bottom: 2px; /*bottom spacing between menu items*/
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
width:173px;text-align:right; font-size:12px; font-weight:bold; padding:2px 37px 2px 0; cursor:hand; background:transparent url(../styleImages/coreimages/menuicon.gif) no-repeat scroll 184px 6px;text-align:right;margin:0 0 0 -10px;clear:both;border-bottom:1px solid #B3E1F5;
}


.arrowlistmenu ul li.collapsable a div{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../styleImages/coreimages/menuiconactive.gif);
}
.arrowlistmenu ul li.collapsable ul li.collapsable a div {
background:transparent url("../styleImages/coreimages/menuiconactiveblack.gif") no-repeat scroll 190px 6px;
}
.arrowlistmenu ul li.collapsable ul li.collapsable ul li a div {
background-image: none;
}
.arrowlistmenu ul li.collapsable ul li a div{ /*CSS class to apply to expandable header when it's expanded*/
background-image: none;
}
.arrowlistmenu ul li.collapsable ul li a div{ /*CSS class to apply to expandable header when it's expanded*/
background-image: none;
}
.arrowlistmenu ul li a div{
color:#B3E1F5;
}

.arrowlistmenu ul li ul li a div{
font-size:12px;
font-weight:normal;
padding:0 25px 0 0;
/*margin:0 17px 0 10px;*/
text-align:right;
width:185px;
background:none;
border-bottom:1px solid #174582;
}
.arrowlistmenu ul li ul li a div{
color: #FFD71C;
}

.arrowlistmenu ul li ul li ul li a div{
font-size:12px;
font-weight:normal;
padding:0 17px 0 0;
margin:0 17px 0 10px;
text-align:right;
width:193px;
background:none;
border-bottom:1px solid #B3E1F5;
}
.arrowlistmenu ul li ul li ul li a div{
/*color: #B3E1F5;*/
color: #000000;
}
.txtgldOldPrice{
text-decoration:line-through;
}
.gldSale{
color:#FF0000;
}
.lastfooter{
float:right;
}
.exevat{
font-size:10px;
color:#999999;
}
.advsearch{
color:#B3E1F5;
}
.advsearch:hover {
color:#B3E1F5;
}
/* start mod: Common code for: Fully Flexible Contact Forms -or- Advanced Contact Forms */
/* by Estelle - http://cubecart.expandingbrain.com */

/* Information displayed after email is sent */
.divEmailInfo {
	margin: 1em auto 1em auto;
	color: black;
	background-color: #E0FFB8;
	padding: 1em;
	position: relative;
}
.divEmailError {
	margin: 1em auto 2em auto;
	padding: 1em;
	color: red;
	background-color: #FFEEE7;
}
.divEmailFields {
	margin: 1em auto;
	padding: 10px;
	width: 95%;
	overflow: auto;
	border: 1px dashed #94DA3A;
}

/* Table and field sizes/alignment */
table.contactForm {
	margin: 0 auto;
	width: 100%;
}
.contactForm input.textbox {
	width: 96%;
}
.contactForm select {
	/*width: 243px;*/
}
.contactForm textarea {
	width: 99%;
	height: 160px;
}

/* Field error messages */
span.validation-advice, span.custom-advice, label.error {
	margin-top: 5px;
	color: #FF0000;
	background-color: #FFFFFF; /* set this to fix problem in IE */
	font-weight: bold;
}

/* This is for the CAPTCHA */
#recaptcha_area {
	margin: 0.5em 0;
}
.recaptcha_theme_white .required, .recaptcha_theme_blackglass .required, .recaptcha_theme_red .required {
	border: 1px solid #70CDCC !important;
}
.recaptcha_theme_white .validation-failed, .recaptcha_theme_blackglass .validation-failed, .recaptcha_theme_red .validation-failed {
	border: 2px solid #FF3333 !important;
}
.recaptcha_theme_white .validation-passed, .recaptcha_theme_blackglass .validation-passed, .recaptcha_theme_red .validation-passed {
	border: 1px solid #B1D16C !important;
}
.recaptcha_theme_white .validation-advice, .recaptcha_theme_blackglass .validation-advice, .recaptcha_theme_red .validation-advice {
    display: none;
}

/* end mod: Common code for: Fully Flexible Contact Forms -or- Advanced Contact Forms */