/*
  $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: 10px; }
.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;color:#000000; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

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; 
}

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

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

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

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

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

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;
}

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: #D80D13;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
TD.pH, DIV.pH {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #9a9a9a;
  padding-left:42px
}
TD.pH_white, DIV.pH_white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
  padding-left:42px
}
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

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: 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; }
.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: 10px; background-color: #ffb3b5; }
.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; }


/* Start: Password Strength Meter CSS included by smartData [15 Sep 2009] */

    #pMeter
    {
      font-family:arial;
      font-size:11px;
      width:150px;
      background:url(images/gry.gif) repeat-x left center;
    }
    #pMeter .vweak
    {
      background:url(images/red.gif) repeat-x left center;
      padding:0px;margin:0px;
      height:17px;
      width:30px;
    }
    #pMeter .weak
    {
      background:url(images/ori.gif) repeat-x left center;
      padding:0px;margin:0px;
      height:17px;
      width:60px;
    }    
    #pMeter .medium
    {
      background:url(images/yellow.gif) repeat-x left center;
      padding:0px;margin:0px;
      height:17px;
      width:90px;
    }    
    #pMeter .strong
    {
      background:url(images/green.gif) repeat-x left center;
      padding:0px;margin:0px;
      height:17px;
      width:120px;
    }
    #pMeter .vstrong
    {
      background:url(images/green-dark.gif) repeat-x left center;
      padding:0px;margin:0px;
      height:17px;
      width:150px;
    }    
    #pMeter .nolength
    {
      background:none;
    }   
    #verdict
    {
      width:150px;
      margin-left:10px;
      font-size:12px;
      font-family:arial;
      font-weight:bold;
    }
/* End: Password Strength Meter CSS included by smartData [15 Sep 2009] */

/* Start: Added By smartData [15 Sep 2009] */
  #userConfirm { font-size:12px;font-weight:bold}
/* End: Added By smartData [15 Sep 2009] */


.nScript
{
  background:#000;
  color:#fff;
  font-size:12px;
  padding:3px;
  font-weight:bold;
  text-align:center;  
}


/* Added by smartData on 26 Sept 2009 -- Start here */

.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
    overflow:auto;
    height: 200px;
    width:200px;
}

.suggestionList li {
    list-style: none;	
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;    
}

.suggestionList li:hover {
    background-color: #659CD8;
}

/* Added by smartData on 26 Sept 2009 -- End here

// Added by SmartData on 28 sept 2009 start here

.clearfix {clear:both;}
.floatl {float:left;} .floatr {float:right;} .inline{display:inline;}
.fontbold{font-weight:bold;}  .fontwhite {color:#ffffff !important;} .fontblack {color:#333333 !important;} .fontgreen {color:#1ABE07 !important;} .fontblue {color:#0198D1 !important;} .fontgrey {color:#9d9d9d !important;} .fontred {color:#A30004 !important;}

/* Slider Style */
.clearfix {clear:both;}
.floatl {float:left;} .floatr {float:right;} .inline{display:inline;}
.fontbold{font-weight:bold;}  .fontwhite {color:#ffffff !important;} .fontblack {color:#333333 !important;} .fontgreen {color:#1ABE07 !important;} .fontblue {color:#0198D1 !important;} .fontgrey {color:#9d9d9d !important;} .fontred {color:#A30004 !important;}

.slider_outer{margin: 10px; border:1px solid #e6e6e6; padding:5px;}
.slider_gutter {float: left;width: 100%;display: block;position: relative; }
.slider_gutter_item{position: relative;	float: left; left: 100%;}
#slider_minmax_gutter_l, .slider_gutter_l{width: 10px;margin-left:-100%; height:20px;background:url(images/slider_l.gif) no-repeat; }
#slider_minmax_gutter_m{width: 360px;margin-left:-370px;	height:20px; background:url(images/slider_rptr.gif) repeat-x;}
#slider_minmax_gutter_r,.slider_gutter_r{width: 10px;margin-left:-15px;height:20px; 	background:url(images/slider_r.gif) no-repeat; border:1px }
#minmax_slider{ width:380px; margin:0px 10px;}

.slider_gutter{width:150px; margin:10px 0px 0px 0px; }
.slider_gutter_m{width:140px;margin-left:-150px;	height:20px; background:url(images/slider_rptr.gif) repeat-x;}

/*.slider_gutter_bkg{ position: absolute; background:url(../images/bkg_slider.gif) repeat-x; height:8px; margin:6px 0px 0px -10px; width:374px; clip:rect(0, 20px, 0, 20px)}
*/
.knob {	position: absolute;	height: 20px;width: 20px;background: url(images/slider_knob.gif) no-repeat;cursor: pointer;}

/* For Clip */

#slider_bkg_img{position: absolute; height:8px; margin:6px 0px 0px -10px; width:374px;}
#slider_bkg_img_1{position: absolute; height:8px; margin:6px 0px 0px 0px; width:200px;}



/* for Slider C */
.slide_container .slider {float:left; display: block;position: relative; }
.slide_container #slider_C{width:270px; margin:0px 0px 0px 10px; border:0px solid red; }
.slide_container  .slider_gutter_C{width:250px;margin-left:-260px;	height:20px; background:url(images/slider_rptr.gif) repeat-x;}
.slide_container  #slider_bkg_img_C{position: absolute; height:8px; margin:6px 0px 0px 0px; width:430px;}
.slide_container  .slider_gutter_r{width: 10px;margin-left:-10px;height:20px; 	background:url(images/slider_r.gif) no-repeat; border:1px }

#slider_minmax_gutter_l1, .slider_gutter_l1{width: 10px;margin-left:-100%; height:20px;background:url(images/slider_l.gif) no-repeat; }
#slider_minmax_gutter_m1{width: 360px;margin-left:-370px;	height:20px; background:url(images/slider_rptr.gif) repeat-x;}
#slider_minmax_gutter_r1,.slider_gutter_r1{width: 10px;margin-left:-15px;height:20px; 	background:url(images/slider_r.gif) no-repeat; border:1px }
#minmax_slider1{ width:380px; margin:0px 10px;}

.slider_gutter1{width:150px; margin:10px 0px 0px 0px; }
.slider_gutter_m1{width:140px;margin-left:-150px;	height:20px; background:url(images/slider_rptr.gif) repeat-x;}

/*.slider_gutter_bkg{ position: absolute; background:url(../images/bkg_slider.gif) repeat-x; height:8px; margin:6px 0px 0px -10px; width:374px; clip:rect(0, 20px, 0, 20px)}
*/
.knob {	position: absolute;	height: 20px;width: 20px;background: url(images/slider_knob.gif) no-repeat;cursor: pointer;}

/* For Clip */

#slider_bkg_img1{position: absolute; height:8px; margin:6px 0px 0px -10px; width:374px;}
#slider_bkg_img_11{position: absolute; height:8px; margin:6px 0px 0px 0px; width:200px;}



/* for Slider C */
.slide_container .slider {float:left; display: block;position: relative; }
.slide_container #slider_C{width:270px; margin:0px 0px 0px 10px; border:0px solid red; }
.slide_container  .slider_gutter_C{width:250px;margin-left:-260px;	height:20px; background:url(images/slider_rptr.gif) repeat-x;}
.slide_container  #slider_bkg_img_C{position: absolute; height:8px; margin:6px 0px 0px 0px; width:430px;}
.slide_container  .slider_gutter_r{width: 10px;margin-left:-10px;height:20px; 	background:url(images/slider_r.gif) no-repeat; border:1px }

a.cl_country{text-decoration:none}
a.cl_country:hover{text-decoration:underline;color:#000}

.popup_message{text-align:center;margin-left:20px; z-index: 20; position:absolute; font-size:12px; color: #404040; display: none;}
#line_up_content_div{border: 1px solid silver; padding: 10px; overflow: auto; background-color: white; font-size: 12px; text-align: justify; z-index: 20; position: absolute; width: 300px;}
#story_content_div{border: 1px solid silver; padding: 10px; overflow: auto; background-color: white; font-size: 12px; text-align: justify; z-index: 20; position: absolute; width: 300px;}

#page_condition_content_div{border: 1px solid silver; padding: 10px; overflow: auto; background-color: white; font-size: 12px; text-align: justify; z-index: 20; position: absolute; width: 300px;}


#password_content_div{border: 1px solid silver; padding: 10px; overflow: auto; background-color: white; font-size: 12px; text-align: justify; z-index: 20; position: absolute; width: 450px;}




/* added by smartData on 28sept 2009 end here