/* @(#)$Header:   //VM/ecom/archives/bcstore/htdocs/store/includes/styles/bcs_styles.css-arc   1.5   Nov 12 2009 10:37:40   flyjames  $ */

li { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: gray; list-style-type: disc; list-style-position: outside; }

/* for holiday shipping messages */

.holShip {
    width: 600px;
    margin:0 auto;
    font-size: 110%;
}

.holShip p {
		padding-bottom: 10px;
}

.holShip p span {
		color: #903;
}

.holShip span {
		color: #903;
}

.holShip p a {
		text-decoration: underline;
}

.holShip ul {
    list-style-type: disc;
		padding-bottom: 10px;
		padding-left: 30px;
}

.holShip li {
    padding:2px 0 0 0;
}

.none {text-decoration: none}
        .bgSNav {background-color: #FFFFFF;}
        
        .bluetext {font-family: Verdana; color: #666698; font-size: 10px; font-weight: normal; line-height: 13px}
        .bluetextbold {font-family: Verdana; color: #666698; font-size: 10px; font-weight: bold; line-height: 13px}
        .bluetextboldbig {font-family: Verdana; color: #666698; font-size: 10px; font-weight: bold; line-height: 13px}
        .blacktext {font-family: Verdana; color: #000000; font-size: 10px; font-weight: normal; line-height: 13px}
        .whitetext {font-family: Verdana; color: #ffffff; font-size: 9px; font-weight: normal; line-height: 13px}
        .whitetextbold {font-family: Verdana; color: #ffffff; font-size: 9px; font-weight: bold; line-height: 13px}
        .greytext {font-family: Verdana; color:  #595959; font-size: 9px; font-weight: normal; line-height: 13px}
        .greytextbold {font-family: Verdana; color:  #595959; font-size: 9px; font-weight: bold; line-height: 13px}
        .greytextbig {font-family: Verdana; color:  #595959; font-size: 14px; font-weight: bold; line-height: 13px}
        .blacktext {font-family: Verdana; color:  #000000; font-size: 11px; font-weight: normal; line-height: 18px}
        .blacktextbold {font-family: Verdana; color:  #000000; font-size: 11px; font-weight: bold; line-height: 18px}
        .bagitem {font-family: Verdana; color: #595959; font-size: 9px; font-weight: bold; line-height: 13px}
        .pinktext {font-family: Verdana; color: #cc3366; font-size: 10px; font-weight: normal; line-height: 13px}
        .pinktextbold {font-family: Verdana; color: #cc3366; font-size: 10px; font-weight: bold; line-height: 13px}
        .prodtitle {font-family: Verdana; color: #cc3366; font-size: 14px; font-weight: bold; line-height: 19px}   
        .prodgrey {font-family: Verdana; color: #999999; font-size: 10px; font-weight: bold; line-height: 13px}
        .prodgreybig {font-family: Verdana; color: #999999; font-size: 14px; font-weight: bold; line-height: 16px}
        .thumbnail {color: #CC3366; border-color: #CC3366;}

.subbighead {  font-family: Verdana; font-size: 13px; font-weight: bold; color: #000000}
.subhead {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #231f20}

a.faqtext:link,
a.faqtext:visited,
a.faqtext:hover,
a.faqtext:active
{ font-family: Arial; font-size: 11pt; font-weight: normal; color: #ea3893;line-height:1.5;}

.faqtext { font-family: Arial; font-size: 11pt; font-weight: normal; color: #231f20;line-height:1.5;}

a.faqlink:link,
a.faqlink:visited,
a.faqlink:hover,
a.faqlink:active { font-family: Arial; font-size: 11pt; font-weight: normal; color: #ea3893;line-height:1.5; text-decoration:underline;}

a.textlink:link,
a.textlink:visited,
a.textlink:hover,
a.textlink:active { font-family: Verdana; font-size: 12px; font-weight: normal; text-decoration: underline; color: #F6869B;}

.faqQ { font-family: Arial; font-size: 12pt; font-weight: bold; color: #231f20;line-height:1.5;}

.header {  
          font-family: Verdana;
          font-size: 18px; 
          font-weight: bold; 
          background-color: #FFFFFF;
	  color: #000000;
        }
.nameheader {  font-family: Arial; font-size: 12pt; font-weight: bold; color: #eb3893}
.subheader {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; background-color: #FFF000; color: #000000; }

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

.leftnav { background-color: #FFFFFF; }

.imgBorder {  border: 1px solid #333333; }
.normal {font-family:  Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: gray}

.small {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #848484; font-weight: normal}
.smallbold {  font-family: Verdana; font-size: 11px; color: #575757; font-weight: bold}

.regularInstruction {  font-family: Arial; font-size: 9pt; color: #575757; font-weight: normal;}

.text {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #565656; font-weight: normal; }
.red {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #423d3e; font-weight: normal;}
.bold { font-weight: bold; color: #gray}


.textPad { font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: gray;
        font-weight: normal;
        padding: 12px }

.textPadded { font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #gray;
        font-weight: normal;
        padding: 10px }

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

input,textarea { font-family: Arial, Helvetica, sans-serif; font-size:8pt; color: #565656; background-color: #FFFFFF;}

a.popUpLnk:link,
a.popUpLnk:visited,
a.popUpLnk:hover,
a.popUpLnk:active { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; text-align: right; cursor: help; text-decoration: underline; color:#eb3893; border-bottom:0px; }

.EvenSpace {  font-family: Verdana; font-size: 12px; color: #000000; font-weight: normal}

/******************************** Styles for new design Begins ****************/
.pinkBigText { font-family: Arial; font-size: 10pt; color: #eb3893;}
.pinkHugeText { font-family: Arial; font-size: 12pt; color: #eb3893;}

.boldlabels { font-family: Arial; font-size: 9pt; font-weight: normal; color: #231f20;}
.regularLabels { font-family: Arial; font-size: 9pt; color: #231f20;}
.regularText { font-family: Arial; font-size: 9pt; color: #231f20;}

.smallText { font-family: Arial; font-size: 8pt; color: #231f20; }
.regularGrayText { font-family: Arial; font-size: 8pt; color: #848484; }
.smallBoldText { font-family: Arial; font-size: 8pt; color: #231f20; font-weight: bold; }
.linkText { font-family: Arial; font-size: 8pt; color: #eb3893;}

.smallGrayText { font-family: Arial; font-size: 7pt; color: #848484; }
.smallBlackBold { font-family: Arial; font-size: 7pt; color: #231f20; font-weight: bold;}
.smallGrayBold { font-family: Arial; font-size: 7pt; color: #848484; font-weight: bold;}

.popup {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #231f20;}
.popup li {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #231f20; margin-bottom:10px;}


#mdn-hd a 
{
	font-family:Arial;
	font-size: 8pt;
	font-weight:bold;
}

/******************************** Styles for new design Ends ****************/

.lineSeparator {border: none 0; border-top: 1px solid #231f20;/*the border*/
width: 100%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/}

.colbighead {     font-family: Verdana; font-size: 13px; font-weight: bold; color: #FFFFFF}
.colhead {     font-family: Arial; font-size: 8pt; font-weight: normal; color: #ffffff}

.sidetext {  font-family: Verdana; font-size: 13px; color: #000000; font-weight: bold}
.sidetext_nb {  font-family: Verdana; font-size: 13px; color: #000000; font-weight: normal}


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

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

.biggerhead {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: 263A85; font-weight: bold}

.tbground {  background-color: EFEDE5; border-width: 0px; border-color: EFEDE5}
.rbground {  background-color: EFEDE5; border-width: 0px; border-color: EFEDE5}

.bluetext {font-family: Verdana; color: #666698; font-size: 10px; font-weight: normal; line-height: 13px}
.errors {font-family: Verdana; color: red; font-size: 10px; font-weight: normal; line-height: 13px}
.pageerror {font-family: Verdana; color: red; font-size: 12px; font-weight: bold ; line-height: 13px}
/*background colors*/
/*.tdBkgd { background-color: #ECECF6; }*/
.tdBkgd { background-color: #FFFFFF; }
.boxBkgd { background-color: #ECECF6; }
.dropdown { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #565656; border: 1px solid #b1b1b1; }
.tdShopBkgd { background-color: #FFFFFF; }
.sbLineSeparation { background-color: #CCCCCC; } 

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


.hdrShipAddy { font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #231f20;
	text-align: left;
	background-color: #FFFFFF;
	padding: 4px 10px 4px 4px; }

.hdrColumn { font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #231f20;
	text-align: left;
	background-color: #C4C4C4; }

.ttlNavCheckout { font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CD1076;
	background-color: #ECECF6;
	border-style: solid;
	border-width: 1;
	border-color: #FFFAF0;
	padding: 10px 10px 10px 4px; }
	
.ttlNavHelp { font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CD1076;
	text-align: center;
	background-color: #ECECF6;
	border-style: solid;
	border-width: 1;
	border-color: #FFFAF0;
	padding: 10px 10px 10px 10px; }

.navCheckoutOff { font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #70706F;
	text-align: center;
	background-color: #BCD2EE;
	border-style: solid;
	border-width: 1;
	border-color: #FFFAF0;
	padding: 10px 10px 10px 10px; }
	
.navCheckoutOn { font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CD1076;
	text-align: center;
	background-color: #ECECF6;
	border-style: solid;
	border-width: 1;
	border-color: #FFFAF0;
	padding: 10px 10px 10px 10px; }
			

.hdrPrefs { font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #231f20;
	padding: 10px;
	padding-left:0px; }

.txtCart {  font-family: Arial, Helvetica, sans-serif;
           font-size: 8pt;
	   font-weight: normal;
	   font-style:normal;
	   color:#231f20; }
          /*  color: #905A9D; }
           padding: 10px;} */

.txtInstruct { font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #990033;
	text-align: center;
	background-color: #ECECF6;
	padding: 12px 12px; }

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

.hdrCkOUtBold { font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-weight: bold;
        background-color: #FFF000; }


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


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

.secondNav { font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CD1076;
	background-color: #ECECF6;
	padding: 10px 4px 4px 10px; }

 /* For displaying mandatory columns */
  .mandatory
      {
        Font-size      : 9pt ;
        color          : #eb3893;
        vertical-align : top;
      }




        p                                       {font-family: Arial; font-size: 12px; font-weight: normal;}
        .normal                         {font-family: Verdana; font-size: 12px; font-weight: normal;}
        .caption                        {font-family: Verdana; font-size: 10px; font-weight: normal;}
        p.header                        {font-family: Verdana; font-size: 20px; font-weight: bold;}
        li                                      {font-family: Verdana; font-size: 11px; font-weight: normal;}
        td                                      {font-family: Arial; font-size: 8pt; color:#231f20; font-weight: normal;}
        td.title                        {color: Gray;}

        a                                       {font-family: Verdana; font-size: 10px; line-height: 13px; text-decoration: underline;}
        

        a.thumbnail:active      {color: #FF0000; border-color: #FF0000;}
        a.thumbnail:link        {color: #FF0000; border-color: #FF0000;}
        a.thumbnail:visited {color: #FF0000; border-color: #FF0000;}
        a.thumbnail:hover       {color: #FF0000; border-color: #FF0000;}
        
        a.thiscategory:active   {color: #595959; font-weight: bold; text-decoration: none}
        a.thiscategory:link             {color: #595959; font-weight: bold; text-decoration: none}
        a.thiscategory:visited  {color: #595959; font-weight: bold; text-decoration: none}
        a.thiscategory:hover    {color: #595959; font-weight: bold; text-decoration: underline;}

        a.leftmain:active       {color: #cc3366; font-weight: bold; text-decoration: none}
        a.leftmain:link         {color: #cc3366; font-weight: bold; text-decoration: none}
        a.leftmain:visited      {color: #cc3366; font-weight: bold; text-decoration: none}
        a.leftmain:hover        {color: #595959; font-weight: bold; text-decoration: underline;}
        
        a.leftsub:active        {color: #cc3366; font-weight: normal; text-decoration: none}
        a.leftsub:link          {color: #666698; font-weight: normal; text-decoration: none}
        a.leftsub:visited       {color: #666698; font-weight: normal; text-decoration: none}
        a.leftsub:hover         {color: #595959;  font-weight: bold; text-decoration: underline;}
        
        .crumbs1 {font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 10px; color: #666699;}
        .crumbs2 {font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 10px; color: #595959; font-weight: bold; text-decoration: none;}

/* Start CSS for div based Checkout pages */

/* Start Select Payment Options Screen */

#spop {
  width: 780px;
  margin:0 auto;
  text-align:center;
}

#main {
  width: 780px;
  text-align:left;
}

#main label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #231f20;
  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: gray;
  text-align: left;
  margin-top: 10px;
 }

.questionLink {
  cursor: help;
}

#subheader 
{
	font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; background-color: #FFF000; color: #000000; 
  width: 200px;
  text-align: left;
  margin-top: 10px;
  margin-left:10px;
  margin-right:560px;
  
}

#instructions {
  margin-left: 10px;
  padding: 10px;
  width: 780px;
  text-align: left;
}

#paymentcol {
  width: 55%;
  float: left;
  margin-left:10px;
}



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

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


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

#savecard {
  margin-top: 10px;
}


#giftcardfields {
  border: 1px solid #666;
  margin:10 0 10 0;
}

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

p {
  margin-top: 3px;
  margin-bottom: 3px;
}

#spop #buttons, #orderdetail #buttons {
  width: 750px;
  margin: 0 auto;
  float: left;
}


#cancelorder {
  float: left;
  margin:10px;
}

#continue {
  align: right;
  float: right;
  margin:10px;
  font-family:Arial;
  font-size:8pt;
  color:#848484;
  vertical-align:text-top;
}

.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 #securitycode{
  width: 5em;
}

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

/* End Select Payment Options Screen */

/* Start Order Summary Total Box */

#ordersummary caption {
  text-align: left;
}

#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 */

#osodp {
  width: 750px;
  margin:0 auto;
  text-align:center;
}

#osodp #main {
  width: 750px;
  text-align:left;
}

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

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

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

#headertitle {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  padding: 20px;
  float: left;
}

#logout {
  margin-top: 30px;
  float: right;
  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;
  clear: both;
}

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

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

#paymentmethod, #billingaddress, #miscpayments {
  width: 30%;
  margin: 5px;
  background-color: #ECECF6;
  float: left;
}

#miscpayments {
  width: 35%;
  margin-right: 0px;
  margin-left: 0px;
}

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

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

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

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

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

.footertext {
  margin: auto;
}

.shipinfo {
  float: left;
  margin-bottom: 5px; auto 5px auto;
  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;
  padding-left: 4px;
  float: left;
  width: 746px;
}

.shipheader p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 4px;
}

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

.giftoptions {
  padding-right: 0px;
  margin-right: 0px;
}

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

.iteminfo table{
  background-color: #ECECF6;
  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;
  background-color: #BCD2EE;
}

#endoforder {
  float: left;
}

#endoforder p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: gray;
}

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

/* End Order Status Single Order Details Page */

/* End CSS for div based Checkout pages */