/* @(#)$Header:   //VM/ecom/archives/mbstore/htdocs/store/includes/styles/styles.css-arc   1.6   May 24 2011 17:19:30   guntakas  $ */

/* tag: body,table,tr,td,th:  default style declaration for font-size*/
body,table,tr,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* tag: body:  default setting for background color */
body{background-color: #FFFFFF;}
.bgColor{background-color: #FFFFFF;}

.tdBkgd { background-color: #CCCCCC; }

.leftPad { padding-left: 10px; }
.leftMarginPad { padding-left: 5px; }
.discounttext { font: color: red; text-align: right; }
.header { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #005F91; padding-top: 10px; padding-bottom: 10px;}

.subheader { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #005F91; padding-top: 10px; padding-bottom: 10px;}

.nameheader {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #005F91; font-weight: bold}

.hdrPrefs { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; padding: 10px; }

.hdr { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000000; padding: 10px 4px 4px 10px; }

.hdrLargeBold { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; padding: 10px 4px 4px 10px; }

.hdrLarge { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #000000; padding: 10px 4px 4px 10px; }

.hdrBold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; padding: 10px 4px 4px 60px; }


.hdrColumn { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-align: left; background-color: #CECFCE; }

.hdrCkOutBold { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #005F91;}

.txtExp { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; align-left: left; margin-left: 12px; }

.mandatory { font-size: 12; font-weight: bold; color: #000000; vertical-align: top; }
.cartLabel { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; vertical-align: top; text-decoration: none;}
.cartHeader { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #005F91; padding: 10px;}

.hdrShipAddy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: left; background-color: #70706F; padding: 4px 10px 4px 4px; }

.errors { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; font-weight: normal; color:red }
.bolderrors { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:red }

.text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal; }

/* class: background: defines default backgrounds for tools, side navigation, shop home promos */
.bgTools {background-color: #000000; }
.bgHrStar { background-color: #000000; }
.bgPromoShop1 {background-color: #CA7C8F; }
.bgPromoShop2 {background-color: #9EAD97; }
.bgPromoBorder  {background-color: #FFFFFF; }

/* class: fonts: defines color for tool, footer and errors */
.txtTools {color: #000000;}
.txtFooter {font-size: 12px; color: #996666;}
.txtError { font-weight: bold; color: #000000 ; }

/* class: select, option: defines font formatting and color of select, option element */
.dropdown { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; }

/*tag: input: general style definition*/
input  {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/*class: search: applies to input tag*/ 
input.search {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/* tag: a/href:  default style declaration */

a:active,
a:link,
a:hover,
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #FF0000;}

a.txtCartSmallLnk:active,
a.txtCartSmallLnk:link,
a.txtCartSmallLnk:hover,
a.txtCartSmallLnk:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #FF0000;}


/* pseudo-class: tools : a/href:  style declaration for shop tools links */
a.tools:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000;}
a.tools:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000;}
a.tools:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000;}
a.tools:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000;}

/* pseudo-class: tools : a/href:  style declaration for footer links */
a.footer:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #996666;}
a.footer:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #996666;}
a.footer:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #996666;}
a.footer:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #996666;}

/* pseudo-class: tools : a/href:  style declaration for site-wide action links in "on" state */
a.actionOn:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:  #000000;}
a.actionOn:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:  #000000;}
a.actionOn:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}
a.actionOn:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}

/* pseudo-class: tools : a/href:  style declaration for site-wide action links in "off" state */
a.actionOff:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:  #666666;}
a.actionOff:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:  #666666;}
a.actionOff:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #666666;}
a.actionOff:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #666666;}

#privPol {position:absolute; bottom:45px; left:10px; font:normal 9px arial,verdana,sans-serif; color:#999999;}
#privPol span {font-weight:bold; color:#666666;}
#privPol a {text-decoration:underline; font-weight:bold; color:#E71018;}

.boldlabels { font-family: Arial, Helvetica, sans-serif;
              font-size: 12px;
              font-weight: bold;
              color: #000000;
              text-align: right; }

.smallbold {  font-family: arial,verdana; font-size: 11px; color: #000000; font-weight: bold}

a.popUpLnk:link,
a.popUpLnk:visited,
a.popUpLnk:hover,
a.popUpLnk:active { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: right; cursor: help; text-decoration: underline; color:#FF0000; }

.txtInfo { font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #000000;
        text-align: left; }

.txtCart {  font-family: Arial, Helvetica, sans-serif;
           font-size: 11px;
           font-weight: normal; }

.boldpadlabels {
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 12px;
                 font-weight: bold;
                 color: #000000;
                 text-align: right;
              }

.txtPadInfo { font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #000000;
        text-align: left;
        padding: 12px; }

.resize {
width: 138px;
height : auto;
}

.resize {
width: auto;
height : 86px;
}

/* Start CSS for div based Checkout pages */

/* Start Select Payment Options Screen */

label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: right;
}

.instructional {
  margin-bottom: 5px;
}

.giftcertificate a, #paymentcol #giftcardfields a {
  display: block;
}

.subheadover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}

.txtInfoUnder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  color: #000000;
  text-align: left;
  margin-top: 10px;
 }

.questionLink {
  cursor: help;
}

#subheader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #005F91;
  margin-left: 10px;
  padding: 10px;
}

#instructions {
  margin-left: 10px;
  padding: 10px;
}

#paymentcol {
  width: 60%;
  float: left;
}

#giftcardfields {
  border: 1px solid #666;
}

#infocol {
  width: 40%;
  float: right;
}

#paymentcol div {
  margin:10px;
  padding:10px;
  background-color: #CCCCCC;
}

#credit #selectcard {
  position:relative;
  left: 25px;
  margin-bottom: 5px;
}

#credit p {
  margin-bottom: 5px;
}

#savecard {
  margin-top: 10px;
}

#infocol div {
  margin: 10px;
  margin-left: 0px;
  padding: 10px;
  background-color: #CCCCCC;
}

#buttons {
  width: 750px;
  margin: 10px;
  float: left;
}

#cancelorder {
  float: left;
}

#continue {
  align: right;
  float: right;
  margin-right: 10px;
}


.cardfield {
  position:relative;
  left: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#newcardvals {
  border: none;
}

#newcardvals label {
  float: left;
  width: 10em;
  margin-right: 10px;
}

#newcardvals #newcard, #p_credit_card_type_arr{
  width: 10em;
}

#newcardvals #p_security_code_arr{
  width: 5em;
}

.payInfo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
  color: #000000;
  text-align: right;
  width: 34em;
}

/* End Select Payment Options Screen */

/* Start Order Summary Total Box */

#ordersummary caption {
  text-align: left;
}

#ordersummary table {
  width: 100%;
}

#ordersummary td {
  margin: 0px;
  padding: 0px;
  padding-right: 5px;
  padding-bottom: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
}

.bold {
  font-weight: bold;
}

.longwidth {
  width: 85%;
}
.shortwidth {
  width: 15%;
}

/* End Order Summary Total Box */

/* Start Order Status Single Order Details Page */

#billingsummary {
  margin: 10px;
  float: left;
  width: 97.5%;
}

#billingsummary p, .shipinfo p {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333; 
  padding-top: 2px;
}

.boldtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

#headertitle {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px;
  font-weight: bold;
  color: #005F91;
  margin-left: 10px;
  padding: 10px;
  float: left;
  width: 50%;
}

#logout {
  margin-top: 30px;
  float: left;
  width: 40%;
  text-align: right;
}

#ordernumber {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  margin-left: 10px;
  padding: 10px;
  float: left;
}

#billing{
  width: 66%;
  float: left;
  margin-right: 5px;
  background-color: #CCCCCC;
}

#billingtitle {
  margin: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #CCCCCC;
}

#paymentmethod, #billingaddress, #miscpayments {
  width: 30%;
}

#paymentmethod, #billingaddress, #miscpayments {
  margin: 5px;
  background-color: #CCCCCC;
  float: left;
}

#miscpayments .lineafter {
  margin-bottom: 20px;
}

#paymentmethod, #billingaddress {
  margin-left: 10px;
}

#summarycol {
  width: 33%;
  float: right;
  background-color: #CCCCCC;
  margin-left: 0px;
}

#summarycol div {
  margin-right: 10px;
  margin-top: 2px;
  padding: 5px;
  background-color: #CCCCCC;
}

#orderdetail, .footertext, #botNav {
  float: left;
  margin: 10px;
  margin-top: 0px;
}

.footertext {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.shipinfo {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}

.shipheader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  background-color: #70706F;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  padding: 4px 10px 4px 4px;
  float: left;
  width: 95.7%;
}

.shipaddr, .shipmethod {
  width: 30%;
}

.shipaddr, .shipmethod, .giftoptions {
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #CCCCCC;
  float: left;
  height: 10em;
  width: 45.8%;
}

.giftoptions {
  display: none;
}

.iteminfo {
  float: left;
  width: 97.5%;
}

.iteminfo table{
  background-color: #CECFCE;
  width: 100%;
}

.iteminfo td {
  padding-left: 5px;
  font-size: 11px;
  border-bottom: 2px solid white;
}

.noborder td {
  border-bottom: none;
}

.number {
  text-align: right;
}

.iteminfo th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-align: left;
  padding: 5px;
  border-bottom: 2px solid white;
}

#endoforder {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  float: left;
}

#backbutton {
  font-weight: bold;
  float: right;
  margin-right: 20px;
}

/* End Order Status Single Order Details Page */

/* End CSS for div based Checkout pages */