/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

h1 { color:#000000;font-size:22px;font-weight:normal;font-family: Arial, Helvetica, sans-serif }
h2 { color:#990000;font-size:18px;font-weight:normal; }

.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }
.paymentEdit { font-family : Arial, Helvetica, sans-serif; font-size : 13px; color: #ff0000; text-decoration: underline; }

BODY {
  background: #FFFFFF;
  color: #555555;
  margin: 10px 0px;
  // xxfont-family: Arial, Helvetica, sans-serif;
  font-family: Verdana;
  font-size: 9px;
}
p,td {
	// xxfont-family: Arial, Helvetica, sans-serif;
	font-family: Verdana;
	font-size: 9px;
	color: #555555;
}
a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #CC0000;
  text-decoration: none;
}
.leftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EEEEEE;
}
.topborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
}
.rightborder {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EEEEEE;
}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}
TR.headerNavigation {
  background: #efefef;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #efefef;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #000000; 
  font-size: 11px;
}

A.headerNavigation2 { 
  color: #000000; 
  font-size: 8px;
}

A.headerNavigation:hover {
  color: #ff0000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  background: #003366;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 10px;
}

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: #F9F9F9;
}

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: #FFFFFF;
}

TABLE.productListing { }
.productListing-heading {  background: #D7D7D7;  color: #000000;  font-weight: bold; }
TD.productListing-data { padding:0px 4px 30px 0px;font-size:11px;/*border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;*/ }

TABLE.cartListing { border-top:1px solid #DDDDDD;border-left:1px solid #DDDDDD; }
.cartListing-heading {  text-align:center;background: #EEEEEE;  color: #000000;  border-bottom:1px solid #DDDDDD;border-right:1px solid #DDDDDD; }
TD.cartListing-data { border-bottom:1px solid #DDDDDD;border-right:1px solid #DDDDDD; }
TD.cartListing-data TD { border:0px; }

.manufacturersListing TD {font-size:10px;}



a.pageResults {  color: #CC0000; }
a.pageResults:hover {  color: #FF0000; text-decoration:none;}

TD.pageHeading, DIV.pageHeading {
  /*font-family: "Century Gothic";
  font-size: 20px;
  color: #9a9a9a;*/
  font-size:22px;font-weight:normal;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-size: 11px;
  /*line-height: 1.5;*/
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 11px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { font-size: 11px; color:#FF0000; font-weight:bold; line-height:11px; }
.messageStackSuccess { font-size: 11px; font-weight:bold; color:#009900; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }
.logostyle {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.headingCategories {
	font-size: 15px;
	color: #000000;
	font-weight: none;
}

.redtext {
	color: #FF0000;
}
.topMargin {
	margin-top: 10px;
}
.bottomMargin {
	margin-bottom: 5px;
}
.leftMargin {
	margin-left: 10px;
}
.rightMargin {
	margin-right: 10px;
}


.copyrights {
	font-size: 9px;
	color: #999999;
}
.indexBackground {
	background-image: url(images/home-background.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.promoSunglasses {
	background-image:url(images/homepage/sunglasses-promo3.jpg);
	background-repeat:no-repeat;
}
.promoBestSunglasses {
	margin-top: 10px;
	background-image:url(images/homepage/sunglasses-best-promo.jpg);
	background-repeat:no-repeat;
}
.promoBelts {
	background-image:url(images/homepage/belts-promo.jpg);
	background-repeat:no-repeat;
}
.promoHats {
	background-image:url(images/homepage/hats-promo.jpg);
	background-repeat:no-repeat;
}

a.categoryLink {
	display:block;
	width:180px;
	background-color:#CC0000;
	border:1px solid #990000;
	padding:2px 0px 3px 0px;
	font-size:11px;
	color:#FFFFFF;
}
a.categoryLink:hover {
background-color:#990000;
}

/* DDB - 041031 - Form Field Progress Bar */
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
      overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}

table.specialOfferFields {
  margin-top: 5px;
}

td.testimonials {
  background: url(images/testimonials.jpg) left top no-repeat;
  padding: 0px 4px 0 4px;
  border: 2px solid #EBEAF2;
}

td.menuText {
  font-size: 9px;
  color:#808080;
  padding-top: 3px;
  padding-bottom: 7px;   
}

table.headerMenuImageProductTitle {
  margin-top: 6px;
  margin-bottom: 6px;
  border-top: 2px solid #afb2b9;
  border-bottom: 2px solid #afb2b9;
}

td.catTopBar {
  padding-top: 0px;
  padding-bottom: 0px; 
}

td.menuTitle {
  font-size: 22px;
  padding-top: 0px;
  padding-bottom: 0px;  
}

td.menuSunglassesOn175 { cursor: pointer; background: url(images/menu_sunglasses_over.gif); }
td.menuSunglassesOff175 { background: url(images/menu_sunglasses.gif);}
td.menuBeltsOn175 { cursor: pointer; background: url(images/menu_belts_over.gif);}
td.menuBeltsOff175 { background: url(images/menu_belts.gif);}
td.menuHomeOn175 { cursor: pointer; background: url(images/menu_home_over.gif);}
td.menuHomeOff175 { background: url(images/menu_home.gif);}

td.menuSunglassesOn188 { cursor: pointer; background: url(images/menu_sunglasses_over_188.gif); }
td.menuSunglassesOff188 { background: url(images/menu_sunglasses_188.gif);}
td.menuBeltsOn188 { cursor: pointer; background: url(images/menu_belts_over_188.gif);}
td.menuBeltsOff188 { background: url(images/menu_belts_188.gif);}
td.menuHomeOn188 { cursor: pointer; background: url(images/menu_home_over_188.gif);}
td.menuHomeOff188 { background: url(images/menu_home_188.gif);}

table.topRightProductTitle {
  margin-top: 6px;
  width: 100%;
  height: 100%;
}

td.topRightProductTitle {
  background: url(images/top_right_fade_bg.gif); background-repeat: repeat-x;
  width: 290px;
  vertical-align: top;
  font-size: 22px;  
  padding: 20px 30px 10px 30px; 
}

td.menuDivider {
  padding-top: 0px;
  padding-bottom: 5px;  
}

td.headerMenuDivider {
  padding-top: 12px;
  padding-bottom: 10px;  
}

td.headerMenuDivider2 {
  padding-top: 12px;
  padding-bottom: 0px;  
}

input.specialOffers {
  border: solid #ffffff 1px;
  margin-left: 5px;
  margin-right: 5px;
}

a.menuLink {
  color: #808080;
  text-decoration: none;
}

a.menuLink:hover {
  color: #CC0000;
  text-decoration: none;
}

td.homeBoxBorderLeft {
  background: url(images/homepage/home_box_border_left.gif); background-repeat: repeat-y;
  vertical-align: top;
}

td.homeBoxBorderRight {
  background: url(images/homepage/home_box_border_right.gif); background-repeat: repeat-y;
  vertical-align: top;
}

td.homeBoxBorderTop {
  background: url(images/homepage/home_box_border_top.gif); background-repeat: repeat-x;
}

td.homeBoxBorderBottom {
  background: url(images/homepage/home_box_border_bottom.gif); background-repeat: repeat-x;
}

td.hatsTeesGlassesBoxes {
  vertical-align: top;
  colour: #999999;
  height: 316px;
}

span.categoryTitle {
 padding-top: 3;
 margin: 0;
 color: #424040;
 font-size: 14px;
 font-weight: bold;
}

#menubox{
width: 156px;
height: 180px;
}

ul#nav{
 list-style-type: none;
 padding: 0;
 margin: 0;
 border: 0;
 top: 0px;
 width: 156px;
 height: 180px;
 z-index:9999;
}

/* pre-load image rollover into background of list */
ul#nav li {height:180px;float:left;text-indent:-999em;margin:0;padding:0;}
ul#nav li.home {width:26px;background: url(images/cat_menu_01on.gif) no-repeat left top}
ul#nav li.sunglasses {width:26px;background: url(images/cat_menu_02on.gif) no-repeat left top}
ul#nav li.belts {width:26px;background: url(images/cat_menu_03on.gif) no-repeat left top}
ul#nav li.hats {width:26px;background: url(images/cat_menu_04on.gif) no-repeat left top}
ul#nav li.jewellery {width:26px;background: url(images/cat_menu_05on.gif) no-repeat left top}
ul#nav li.tees {width:26px;background: url(images/cat_menu_06on.gif) no-repeat left top}
ul#nav li a{height:180px;display:block;text-decoration:none;}
* html ul#nav li a {float:left;display:inline;}/*weird ie5 bug*/
ul#nav li.home a{width:26px;background: url(images/cat_menu_01.gif) no-repeat left top}
ul#nav li.sunglasses a{width:26px;background: url(images/cat_menu_02.gif) no-repeat left top}
ul#nav li.belts a{width:26px;background: url(images/cat_menu_03.gif) no-repeat left top}
ul#nav li.hats a{width:26px;background: url(images/cat_menu_04.gif) no-repeat left top}
ul#nav li.jewellery a{width:26px;background: url(images/cat_menu_05.gif) no-repeat left top}
ul#nav li.tees a{width:26px;background: url(images/cat_menu_06.gif) no-repeat left top}

ul#nav li a:hover {background:transparent}
ul#nav li.current ul{display:block;z-index:1}/* display the submenu for the current page in case js is disabled*/
ul#nav li.current a{background:transparent}/* highlight the current item*/

table.sunglassesInfo {margin: 0px 10px 0px 0px}
td.sunglassesInfo {padding: 5px 5px 5px 5px}

td.columnLeft {
  /* background: #D7D5E1; */
}

td.compareTo {
  font-family : "Arial Black", Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #999999;
  font-size : 11px;
  padding: 12px 0px 17px 4px;
  background: #E7E6EC;
}

td.categoriesOuter {
  padding: 4px 0px 0px 0px;
}

td.menuCategory {
  padding: 6px 0px 6px 4px;
}

td.menuCategorySelected {
  padding: 6px 0px 6px 4px;
  /* background: #DEDCDD; */
}

a.menuCategoryLink {
  font-family : Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #999999;
  font-size : 11px;
  text-decoration: none;
}

a.menuCategoryLink:hover {
  font-family : Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #D20001;
  font-size : 11px;
  text-decoration: none;
}

a.menuCategoryLinkSelected {
  font-family : Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #D20001;
  font-size : 11px;
  text-decoration: none;
}

a.menuCategoryLinkSelected:hover {
  font-family : Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #D20001;
  font-size : 11px;
  text-decoration: none;
}

h1.productPageHeading {
  font-size:18px;
  font-family : Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #999999;
  padding: 0px 0px 0px 0px;
}

td.categoryImageSunglasses {
  background: url(images/cat_sunglasses_bg.gif); background-repeat: no-repeat;
}

td.categoryImageBelts {
  background: url(images/cat_belts_bg.gif); background-repeat: no-repeat;
}

td.categoryImageJewellery {
  background: url(images/cat_jewellery_bg.gif); background-repeat: no-repeat;
}

td.categoryImageMembers {
  background: url(images/cat_belts_bg.gif); background-repeat: no-repeat;
}

TD.productImage {
  vertical-align: top; 
}

TD.productDescription {  
  /* background: url(images/product_description_bg.gif); background-repeat: repeat-x; */
  vertical-align: top;
  color: #666666;
  padding: 10px 10px 0px 15px;
}

td.footerBanner {
  padding: 4px 4px 4px 4px;
}

td.cards {
  padding: 5px 0px 0px 0px;
}

/*main page*/

td.flashArea {
	padding-top: 7px;
}
td.mainpageText {
	vertical-align: top;
	width: 100%;
	padding-left: 18px;
}
td.specialOffers {
	background: url(images/login_box_bg.gif) left top repeat-x;
	padding: 0 0px 0 3px;
	background-color: #D2D2DC;
}
td.headerBoxes {
	vertical-align: top;
	padding-top: 4px;
}
div.soTitle {
	color: #C90215;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
span.soTitleSmall {
	font-size: 8px;
}
td.soFieldTitle {
	font-weight: bold;
	font-size: 8px;
	text-transform: uppercase;
	padding-right: 2px;
}
div.soForm {
	padding-right: 4px;
}
div.soForm input {
	padding: 0px;
	margin: 0px;
	height: 16px;
	line-height: 10px;
}
div.soSubmit {
	padding: 2px 2px 2px 0;
	text-align: right;
}
table.footerBoxes {
	margin-top: 4px;
	width: 100%;
}
td.fBox {	
	padding: 0 1px 3px 1px;
	vertical-align: top;
	text-align: center;
}
div.fbTitle {
	font-size: 17px;
	font-weight: bold;
	color: #BA0E0E;
	text-transform: uppercase;
	padding: 1px 0 0 0;
}
div.fbTitle a {
	font-size: 17px;
	font-weight: bold;
	color: #BA0E0E;
	text-transform: uppercase;	
}
div.fbImage {
	border-left: 2px solid #E1E2E7;
	border-right: 2px solid #E1E2E7;
	border-bottom: 2px solid #E1E2E7;
	background-color: #ffffff;
	height: 100%;
	display: block;
        min-height: 315px;
        height: 331px;
}
div.fbText {
	text-align: left;
	padding: 4px 10px 4px 10px;
	font-size:10px;
	color: #999999;
}
div.fbImageSunglasses {
	border-left: 2px solid #E1E2E7;
	border-right: 2px solid #E1E2E7;
	border-bottom: 2px solid #E1E2E7;
	background: url(images/homepage/sunglasses_box.jpg) top left no-repeat;	
	height: 331px;
	vertical-align: bottom;
	text-align: left;
	cursor: pointer;
}
p.fbTextSunglasses {
	width: 217px;
	text-align: left;
	margin: 207px 0px 2px 2px;
	font-size:10px;
	color: #999999;	
	padding: 0px;
}
#top5Banner {	
	margin-top: 6px;	
	background: url(images/homepage/top5shades_banner.jpg) no-repeat;
	width:978px;
	height:124px;
}
#top5Banner div.bestSellers {
        margin: 30px 18px 0px 18px;
        float: left;
}

/*eof main page*/

a.a1 {
	color: #555555;
	font-size:13px;
}
a.a1:hover {
  color: #CC0000;
  text-decoration: none;
}
.notice {
	font-size: 8px;
	color: #969696;
}
.notice a {
	color: #969696;
	text-decoration:underline
}
.notice a:hover {
	color: #CC0000;
  	text-decoration:underline;
}
td.redBar {
    padding: 10px 0 3px 0;
}