/*
  $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
*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 8pt; padding:0px;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

h1 { 
  font-size: 14px;
  color: #385079;
  background-color: #CED5E1;
font-weight: bold;
     text-decoration: none;
}

h2 { 
  font-size: 14px;
  color: #385079;
  background-color: #CED5E1;
font-weight: bold;
     text-decoration: none;
}
BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}
A {
  color: #000000;
  text-decoration: none;
}
A:hover {
  color: #888888;
  text-decoration: underline;
}
FORM {
 display: inline;
 margin:0px;
}
TR.header {
  background: #ffffff;
}
TR.headerNavigation {
  background: #bbc3d3;
}
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}
A.headerNavigation { 
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: none;
}
A.headerNavigation:hover {
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}
TR.headerError {
  background: #ff0000;
}
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TR.footer {
  background: #bbc3d3;
}
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}
.infoBox {
/*   background: #D3D1D1; */
 background:#ffffff;
border: 1pt solid #92A0B7;
padding:2px;
}
.infoBoxContents {
/*   background:#CED5E1; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding: 2px;

}
.infoBoxNotice {
  background: #FF8E90;
}
.infoBoxNoticeContents {
/*   background: #FFE6E6; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.infoBoxHeading {
  background-image: url('images/infobox/corner_center.gif');
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  display: none;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  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: #ffffff;/*#EBEEF3; */
  /*shopping-cart content color */
}

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;/* #EBEEF3; */
  //shopping-cart content color
}

TABLE.productListing {
 width:100%;
 background: #EBEEF3;
 border:1pt solid black;
}

.productListing-heading {
 text-align:center;
 color: #6D454A;
 font-weight: bold;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 11px;
 background: #F3EDEE;
}

TD.productListing-data {
  text-align:center;
  vertical-align:top; 
  backgorund: #EBEEF3;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #122F5F;
}

A.pageResults {
  color: #0000FF;
  font-size:9pt;
  font-weight: bold;
}
A.pageResults:hover {
  color: #0000FF;
  font-size:9pt;
  font-weight: bold;
}
TD.pageHeading, DIV.pageHeading {
  font-size: 14px;
  color: #385079;
  font-weight: bold;
  text-decoration: none;
  height:35px;
  padding-left: 10px
  background-color: #CED5E1;
  border: #ffffff solid 2px;
  margin:0px;
}

.pageHeader {
  font-size: 14px;
  color: #385079;
  background-color: #CED5E1;
font-weight: bold;
     text-decoration: none;
}

TR.subBar {
  background: #f4f7fd;
}
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  padding-left: 10px;
}
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}
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;
}
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}
TABLE.formArea {
  background: #f1f9fe;
  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;
  font-weight: bold;
}
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 10pt; 
  background-color: #ffb3b5; 
  border:1pt solid #900000;
  border-top: 0.5px solid #900000;
  border-bottom: 0.5px solid #900000; 
  padding:4px;
  font-weight: bold;
}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

body{
  background-color: #727272;
}
td{
 font-family: tahoma,verdana,arial;
 font-size: 11px;
 color: #122F5F;
}
 .bg{
  background-image: url(images/m23.gif);
  background-repeat: repeat-y; 
 }

 .br{
  border-style: solid;
  border-width: 1px;
  border-color: #92A0B7;
 } 
 .go{
  border-style: solid;
  border-width: 1px;
  border-color: #818181;
  width: 117px;
  height: 17px;
 }
 .ps{
  color: #5F5F5F;
  font-size: 11px;
 }
 .ps1{
  color: #ffffff;
  font-size: 11px;
 }

 .ps3{
  color: #122F5F;
  font-size: 12px;
  font-weight: bold;
 }
 .ps4{
  color: #335081;
  font-size: 10px; 
 }
 .ml{
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
 }
 .ml:hover{
  color: #FFFEFE;
  font-size: 10px;
  text-decoration: underline;
 }


 .ml1{
  color: #764D46;
  font-size: 11px;
  text-decoration: none;
 }
 .ml2{
  color: #335081;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
 }
 .ml3{
  color: #122F5F;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
 }
 .ml4{
  color: #335081;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
 }

 .se{
  width: 101px;
  color: #818181;
  font-size: 9px;
 }


#menu {
 width: 195px; !important; width: 150px;
 line-height: 13px;
 font-family: verdana;
 font-size: 8pt;
 font-weight: normal; 
 border-bottom: 1pt dashed #A4A4A4;
 width:100%;
 margin:0px;
 padding:2px;
}


#menu a {
 font-weight: normal;
 color: #764D46;
 width: 100%;
 padding:2px; 
 font-size: 8pt;
}

#menu a:hover {
 color: #888888;
 background: #F3EDEE;
 width: 100%;
 padding:2px;
 font-size: 8pt;
 text-decoration:none;
}

/******************************************************************************/
#menuHighlight {
 background: #F3EDEE;
 width: 195px; !important; width: 100%;
 font-size: 8pt; 
 padding:2px;
}

#menuHightlight a{
 font-size:8pt;
 width: 195px; !important; width: 100%;
}

#submenu {
 width: 195px; !important; width: 100%;
 line-height: 13px;
 font-family: verdana;
 font-size: 8pt;
 font-weight: normal; 
 background: #F3EDEE;
 margin:0px;
 padding:0px;
}

#submenu a {  
 color: #764D46; 
 font-size: 8pt;
 width: 195px; !important; width: 127px;
}

#submenu a:hover {
 color: #888888; 
 width: 195px; !important; width: 127px;
}
/******************************************************************************/

#nav_cart {
 font-size:8pt;
 color: #c0c0c0;
 margin:0px;
 margin-right:10px;
 margin-bottom:5px;
}

#nav_cart a {
 color: #000000;
 font-weight:bold;
}

#nav_breadcrumb {
 font-size:8pt;
 color: #c0c0c0;
 margin:0px; 
 margin-right:10px;
 font-weight:bold;
}

#nav_breadcrumb a {
 color: #808080;
 font-weight: bold;
}


#topNav {
 background: #4c6186;
 width:100%;
}

#topNav a {
 color: #ffffff; 
 font-size:10pt; 
 font-weight:bold;
	padding: 2px;
	margin: 2px;
	margin-bottom: 10px;
  margin-top: 2.5px !important; margin-top: 0px;
	display: block;
  width: 130px;	
/* height: 17px !important height: 17px; */
}

#topNav .topNavLeft {
 background: #4c6186;
}
#topNav .topNavRight {
background: #8596B3;
}
#topNav a.topNavRight {
 color: #ffffff;
 text-align:center;
}

.footerBox { 
 background:#F3EDEE;
 border: 1pt dashed #92A0B7;
 border-top: none;
 padding:4px;
 padding-left:6px;
}


/* Michael added */
.title_black {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #385079;
  font-weight : bold;
  margin-bottom:0px;
}

.title_grey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #385079;
  font-weight : bold;
}

.specialsHeading {
  font-size: 14px;
  color: #385079;
  font-weight: bold;
  text-decoration: none;
  height:35px;
  padding-top:  0px;
  padding-left: 0px;
  margin; 0px;
  background-color: #CED5E1;
  border: #ffffff solid 2px;
}

#orderByPhone {
 background: #4c6186;
 width:100%;
 padding:4px;
 color: white;
}

#orderByPhone {
 background: #4c6186;
 width:100%;
 padding:4px;
 text-align: center;
}

#orderByPhone a {
 color: #ffffff; 
 font-size:10pt; 
 font-weight:bold;
}

#orderByPhone .orderByPhoneLeft {
 background: #4c6186;
}
#orderByPhone .orderByPhoneRight {
background: #8596B3;
}
#orderByPhone a.orderByPhoneRight {
 color: #ffffff;
 text-align:center;
}

.star-product-title {
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  text-align : center;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background: #35435E;	
}
.star-product {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
	background: #EAEAEA;
}
.star-product-price{
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ff0000;
  background: #EAEAEA;
}

/* Supertracker Styles */
.supertracker_menu {background: #ddd; border: 1px solid #aaa; padding: 10px;}
.supertracker_title {font-face: Tahoma, Verdana, Arial; font-size: 16px; font-weight: bold; }
.supertracker_section {margin-top: 10px;}
.supertracker_sub_title {font-face: Tahoma, Verdana, Arial; font-size: 14px; text-decoration: underline; font-weight: bold; }
A.supertracker_link { font-face: Tahoma, Verdana, Arial; font-size: 11px; font-decoration: underline; margin: 5px 10px 5px 10px;}
.supertracker_text { font-face: Tahoma, Verdana, Arial; font-size: 11px;}
.supertracker_contact {font-face: Tahoma, Verdana, Arial;font-size: 11px; width: 100%px;background: #aaa;	padding: 5px;	margin: 10px 0 10px 0; border: 1px solid #000;}
/* Supertracker Styles EOF */

    TR.ccc {
     cursor: pointer; 
     cursor: hand;
    }
    
ul.sitemap {
color: #ff0000;
}


.tab {
 background: #8596B3;
 width:100%;
 padding: 4px;
 border:1pt solid #4C6186;
 text-decoration:none;
 letter-spacing:1.5px;
 width:100px;
 vertical-align:middle;
}

A.tab:Hover { 
 color:white;
 text-decoration:none;
 letter-spacing:2px;
 vertical-align:middle;
}


/* Mod */
TD.compareListing-data {
border: 1px dashed #CED5E1; padding: 1em;
/* border-right:none;
border-bottom:none; 
margin:25px;*/
 background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* mod end*/

.TestBoxContents {
/*  border-right: 1px dashed #CED5E1; padding: 1em;
 border-bottom: 1px dashed #CED5E1; padding: 1em; */
}

.TestBoxContentsCell {
 border-collapse: collapse;
 border: 1pt dashed #8596B3;
 background: #ffffff;
border-right: 1px dashed #CED5E1; padding: 1em;
border-bottom: 1px dashed #CED5E1; padding: 1em;
}

.TDBoxContentCell {
border: 1px dashed #CED5E1; padding: 1em;
/* border-right:none;
border-bottom:none; */
margin:25px;
 background: #ffffff;
}

.TDBoxContentCellOutline {
border: 1px dashed #CED5E1; padding: 1em;
border-top:0px solid #CED5E1; padding: 1em;
border-bottom:1px solid #CED5E1; padding: 1em;
/* border-right:none;
border-bottom:none; */
margin:25px;
 background: #ffffff;
}


.prod_url {
 font-face: Tahoma, Verdana, Arial;
 font-size: 11px; 
 width: 100%px;
 background: #eaeaea;	
 padding: 5px;	
 margin: 10px 0 10px 0; 
 border: 1px solid #808080;
}


#feat_show_all {
 margin:5px;
 padding: 2px;
 text-align:left;
 background: #efefef;
 border:1pt solid #dadada;
 width:335px;
 height: 32px;
 nowrap:nowrap;
 text-align:center;
 vertical-align:middle;
}

#feat_show_all A {
 color: #4B60A2;
 text-align:center;
 letter-spacing: 1px;
 font-size: 10px;
}

#feat_show_all A:Hover {
 color: #6384AD;
 text-align:center;
 font-size: 10px;
}

.searchtext {
 font-size:10px;
}

#promo {
 background: #ffffff;
 border: 1pt solid #660033; 
}

#promoBox {
 background: #ffffff;
/*  border: 1pt solid #660033; */
}

#promo .promoHeader {
 background: #660033;
 color: #ffffff;
 text-align: center;
}

#promo A {
 font-size:8pt;
}
#promo A.promoHeader {
 color: #ffffff;
 font-weight:bold;
 letter-spacing: 1px;
 font-size:10pt;
}

#you_save {
 border:0pt solid #900000;
 color: #900000;
 font-size:11pt;
 /*margin:5px;*/
}

#you_save .ysHead {
/* background:#900000; */
background: #FFFFFF url('includes/languages/english/images/buttons/icon_save_money.gif') no-repeat top;
 line-height:72px;
 color:white;
 font-weight:bold;

 /*padding:2px; */
/* padding-left:10px; */
/* padding-right:0px;
 width:100%;!important width:125px;
*/ letter-spacing:1px;
}
.ysCell {
 color:#900000;
 font-weight:bold;
}
.ysHeadBox {
 color:#ff0000;
 font-weight:bold;
/* padding:2px;
 padding-left:0px;
 padding-right:0px;
 */
}

/* Tab Menu */

TD.taMenu
{
   float            : left;
   width            : 100%;
	 border-top				: 0px;
}


DIV.taMenu
{
   float            : left;
   width            : 100%;
   background       : #FFFFFF url(https://www.megastore.co.za/images/taMenuBorder.gif) repeat-x bottom;
}

DIV.taMenu UL
{
   margin           : 0px;
   padding          : 0px;
   list-style       : none;

}

DIV.taMenu LI
{
   display          : inline;
   margin           : 0px;
   padding          : 0px;

}

DIV.taMenu A
{
   float            : left;
   background       : url(https://www.megastore.co.za/images/taMenuRight.gif) no-repeat right top;
   border-bottom    : 1px solid #84B0C7;
   border-top    : 0px solid #84B0C7;
   border-right    : 0px solid #84B0C7;
	 
   font-size        : x-small;
   font-weight      : bold;
   text-decoration  : none;
}



DIV.taMenu A:hover
{
   background-position: 100% -150px;
}

DIV.taMenu A:link, DIV.taMenu A:visited,
DIV.taMenu A:active, DIV.taMenu A:hover
{
   color            : #115E94;
}

DIV.taMenu SPAN
{
   float            : left;
   display          : block;
   background       : url(https://www.megastore.co.za/images/taMenuLeft.gif) no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
DIV.taMenu SPAN {float : none;}
/* End IE5-Mac hack */

DIV.taMenu A:hover SPAN
{
   background-position: 0% -150px;
	 
}

DIV.taMenu LI#current A
{
   background-position: 100% -150px;
   border-width     : 0px;
	 
}

DIV.taMenu LI#current SPAN
{
   background-position: 0% -150px;
   padding-bottom   : 6px;
}
.tabs {
  position:relative; 
  height: 21px; 
  margin: 0; 
  padding: 0; 
  background:url("images/bar_off.gif") repeat-x; 
  overflow:hidden
} 
.tabs li {
  display:inline;
} 
.tabs a:hover, .tabs a.tab-active {
  background:#fff url("images/bar_on.gif") repeat-x; 
  border-right: 1px solid #fff
} 
.tabs a  {
  height: 21px; font:12px verdana, helvetica, sans-serif;font-weight:bold; position:relative; 
  padding:4px 10px 10px 10px; 
  margin: 0px -4px 0px 0px; 
  color:#2B4353;
  text-decoration:none;
  border-left:1px solid #fff; 
  border-right:1px solid #6D99B6; 
  border-bottom:1px solid #6D99B6;
} 
.tab-container {
  background: #fff; 
  border:1px solid #6D99B6;
} 
.tab-panes { 
 margin: 3px 
} 
#tablist{
  position:relative; 
  height: 21px; 
  margin: 0; 
  padding: 0; 
  background:url("images/bar_off.gif") repeat-x; 
  overflow:hidden
}

#tablist li{
display: inline;
}

#tablist li a{
  height: 21px; font:12px verdana, helvetica, sans-serif;font-weight:bold; position:relative; 
  padding:4px 10px 10px 10px; 
  margin: 0px -4px 0px 0px; 
  color:#2B4353;
  text-decoration:none;
  border-left:1px solid #fff; 
  border-right:1px solid #6D99B6; 
  border-bottom:1px solid #6D99B6;
}

#tablist a:hover, .tablist a.tab-active {
  background:#fff url("images/bar_on.gif") repeat-x; 
  border-right: 1px solid #fff
} 

#tablist li a.current{
  background:#fff url("images/bar_on.gif") repeat-x; 
  border-right: 1px solid #fff
}

.tabcontentcontainer {
/*   background: #D3D1D1; */
background:#ffffff;
border: 1pt solid #92A0B7;
padding:1px;
}

.tabcontent{
display:none;
}

/* Tiny MCE */
.header1{
font-size=: 14pt;
color: red;
font-weight: bold;
}