/* =Business of Being Born Online Store
------------------------------------------------ */
/* ================================================================ 
Copyright (c) 2008 Diasa Design. All rights reserved.
=================================================================== */

.table { width:478px; float:left; height:300px; border:0px solid #D2B48C; padding:0 58px 0 58px; }

#message { width:454px; float:left; height:300px; border:0px solid #D2B48C; padding:20px 23px 0 23px; }

#message ul {position: relative; padding: 6px 0px 5px 0px; margin: 0; list-style-type: none; }

#message ul li {display:block; height:15px; position:relative; padding: 0px 0px 0px 20px; font-weight:normal; width:auto; }

#message ul li a {display:block; font-size: 10px; height:15px; line-height:15px; width:auto; padding:0 10px; color: #0066cc; background:transparent; text-decoration:none;}

#message ul li a:hover { color: #aaaaaa; }
	
.sr_no { width:52px; float:left; padding:2px 0 2px 4px; }
	
.pro_name { width:200px; float:left; padding:2px 0 2px 10px; }
	
.quantity { width:50px; float:left; padding:2px 4px 2px 10px; }
	
.button { width:62px; float:left; padding:2px 0px 2px 10px; }

.price { width:61px; float:right; padding:2px 8px 2px 0px; }
	
.raw { border:1px solid #D2B48C; border-bottom:1px solid #D2B48C; display:table; height:20px; }

.but_raw { width:596px; float:left; display:table; }	

.but_update { width:115px; float:left; display:inline; margin-top: .5em; padding: 2px 2px 2px 0px; }

.but_con_shop { width:130px; float:left; display:inline; color: #fff; margin-top: .5em; padding: 2px; }
	
.but_check { width:83px; float:left; display:inline; color: #fff; margin-top: .5em; padding: 2px 0px 2px 2px; }
	
.none { border:0px none #200000; display:table-row; float:left; }

.separator { width:1px; float:left; display:table; visibility:hidden;}	
		
.separator_cart { width:60px; float:left; display:block; visibility:hidden;}

#total_raw { width:596px; display:table; float:left; padding:0 0 0 0px; }
	
#total_price { float:right; padding:5px 32px 0 0; display:table; }

#total_priceb { float:right; padding:5px 8px 0 0; display:table; }
	
.blank { width:10px; }

#process { margin:140px 0 0 250px; float:left; display:table;}

#thanks { margin:40px 0 0 120px; float:left; display:table;}
	
#top_view { float:left; padding:0 0 0 340px; display:table;}

/* =Additional Formatting
----------------------------------------------- */
#seal { background: transparent url(../i/authorize.gif) no-repeat 0 0; width: 117px; padding: 75px 0px 0px 0px; }

#AuthorizeNetSeal { width: 90px; height: 72px; padding: 0px 14px 0px 13px; }

/*#comodo { position: absolute; bottom: 0; right: 0; background: transparent url(../i/comodo_trust.gif) no-repeat 0 0; width: 100px; height:85px; padding: 0px 0px 0px 0px; } */

p.ad { font-size: 9px; padding: 0px 0px 0px 4px; text-align: center; }

p.ad2 { font-size: 9px; padding: 0px 0px 0px 4px; text-align: center; margin-top:-20px; }

p.ad3 { font-size: 9px; padding: 3px 0px 0px 4px; text-align: center; }

p.merch { font-size: 9px; padding: 0px 0px 0px 4px; text-align: center; }

p.pname { font-size: 12px; color: #cc9966; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px; }

p.pnameblu { font-size: 12px; color: #246ca7; font-weight: bold; text-align: center; padding: 0px 0px 0px 0px; }

p.total { font-size: 10px; color: #cc9966; font-weight: bold; text-align: left; padding: 0px 8px 0px 0px; }

p.legal { font-size: 10px; color: #200000; letter-spacing: .10px; text-align: left; padding: 7px 0px 0px 0px; }

p.cims { font-size: 9px; text-align: center; padding: 0px 0px 0px 0px; }

p.print { font-size: 9px; text-align: center; padding: 10px 0px 0px 0px; }

p.printb { font-size: 9px; text-align: center; padding: 20px 0px 0px 0px; }

p.info { font-size: 9px; text-align: center; padding: 0px 0px 0px 0px; }

p.promo { font-size: 10px; text-align: left; padding: 5px 0px 0px 0px; }

p.confirm { font-size: 10px; font-style: italic; text-align: left; padding: 7px 0px 3px 0px; }

.guideap { background: transparent url(../i/front_right.gif) no-repeat 0 0; width: 108px; }
.guide {padding:0; margin:0; list-style-type:none; background: transparent; width: 92px; height:225px; position:relative; z-index:100;
}
/* move the text off screen */
.guide li a {text-indent:-999px; display:block; height: 225px; }
.guide li a.dvd { background: transparent url(../i/dvd_guide.gif) no-repeat 0 0; width: 92px; height:225px; }
.guide li a.ind { background: transparent url(../i/merch_guide.gif) no-repeat 0 0; width: 92px; height:225px; }
/* make the images and description invisible and an absolute position so that it does not take up any space */
.guide li a em {visibility:hidden; position:absolute;}
/* move the text back into view on hover */
.guide li a:hover { text-indent:0; padding: 0px; width:92px;}
/* hack for IE5.x */
* html .guide li a:hover {width:100px; height:225px; cursor:pointer; }
/* make the descriptive text visible, give it a size and position */
.guide li a.dvd:hover em {visibility:visible; margin:0px; background:#fff; border:thin solid #D2B48C; width:200px; height: 225px; padding:0px; right:10px; cursor:pointer;}
.guide li a:hover em {visibility:visible; margin:0px; background:#fff; border:thin solid #D2B48C; width:200px; height: 225px; padding:0px; right:155px; cursor:pointer;}
/* hack for IE5.x */
* html .guide li a:hover em {width:92px; }
/* give the image a border and margin */
.guide li a:hover em img {border: none; display:block; }

/* =Heading Layout
----------------------------------------------- */
#storehead { background: none; height: 35px; position: relative; width: 596px; }

#store li { float: left; margin: 0 1px 0 0; list-style-type: none; padding: 0 0px 0 0px; }

#store li a { display: block; height: 30px; overflow: hidden; text-indent: -9999px; }

#store-merch a { background: transparent url(../i/store_merchandise.jpg) no-repeat 0 0; width: 85px; }
#store-merch-on a { background: transparent url(../i/store_merchandise.jpg) no-repeat 0 0; background-position: 0 -30px; width: 85px; }

#store-title a { background: transparent url(../i/store_head.jpg) no-repeat 0 0; width: 280px; }
#store-title-on a { background: transparent url(../i/store_head.jpg) no-repeat 0 0; width: 280px; }

#store-cart a { background: transparent url(../i/store_cart.jpg) no-repeat 0 0; width: 81px; }
#store-cart-on a { background: transparent url(../i/store_cart.jpg) no-repeat 0 0; background-position: 0 -30px; width: 81px; }

#store-policies a { background: transparent url(../i/store_policies.jpg) no-repeat 0 0; width: 74px; }
#store-policies-on a { background: transparent url(../i/store_policies.jpg) no-repeat 0 0; background-position: 0 -30px; width: 74px; }

#store-sponsors a { background: transparent url(../i/store_sponsors.jpg) no-repeat 0 0; width: 70px; }
#store-sponsors-on a { background: transparent url(../i/store_sponsors.jpg) no-repeat 0 0; background-position: 0 -30px; width: 70px; }

#store-merch a:hover, #store-merch a:focus, #store-merch a:active, #store-cart a:hover, #store-cart a:focus, #store-cart a:active, #store-policies a:hover, #store-policies a:focus, #store-policies a:active, #store-sponsors a:hover, #store-sponsors a:focus, #store-sponsors a:active { background-position: 0 -30px; }

/* =Tables
----------------------------------------------- */

/*{ background: transparent url(../i/formbg.gif) repeat-x left top; border: 1px solid #cc9966; color: #555555; display: block; font-size: 9px; margin-top: .5em; padding: 2px; } */

/* =Storefront */

.storefront { width: 580px; text-align:center; margin-top: 0px; }

.storefront table td { padding: 0; vertical-align: top; }

.tds1 {width:200px;}
.tds2 {width:178px;}
.tds3 {width:189px;}

/* =Products */

.product { text-align:center; margin-top: 15px; }

.product table td { padding: 0; vertical-align: top; }

.tdp { width:120px; vertical-align: top; text-align: left; }

.tdc { vertical-align: top; padding-bottom: 10px; }

.product label {clear: left; padding: 2px 5px 2px 2px; display: block; float: left; margin-bottom: 5px; font-size: 10px; text-align: left; }

.product input, .product textarea, .product select { padding: 2px 0px 2px 2px; display: block; float: left; margin-bottom: 5px; margin-top: 0; font-size: 9px; color:#330000; text-align: left; overflow: auto; }

.product input image { padding: 2px 0px 0px 2px; display: block; float: left; margin-bottom: 0; margin-top: 0; font-size: 9px; text-align: left; overflow: auto; }

/* =Forms
----------------------------------------------- */
/* =Billing */

.clearer { clear: both; HEIGHT: 1px }

.hidden { left: -10000px; position: absolute }

.left { float: left }

.right { float: right }

#marginForm { width: 596px; }

#marginForm-a { float: left; width: 300px; position: relative; margin: auto; }

#marginForm-b { float: right; width: 260px; position: relative; margin: auto; }

#marginForm-c { float: left; width: 300px; position: relative; margin: auto; }

#marginForm-d { float: right; width: 260px; position: relative; margin: auto; }

#marginForm fieldset { display: block; BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 10px; BORDER-top: #cc9966 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0em; margin: 0px 0px .5em; BORDER-LEFT: #ffffff 0px solid; PADDING-top: 0px; BORDER-BOTTOM: #cc9966 1px solid; text-align: left; }

#marginForm fieldset.radio { BORDER-RIGHT: #ffffff 0px solid; BORDER-top: #ffffff 0px solid; margin: 0px 0px 0px -10px; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid }

#marginForm fieldset.radio input { clear: both; float: left; position: static }

#marginForm fieldset.radio label { display: inline; font-weight: normal; margin: 0px 0px 0px 8em; WIDTH: auto; position: relative; top: -1.25em }

#marginForm fieldset.radio legend { font-weight: bold; float: left }

#marginForm input { display: block; LEFT: 8em; position: relative; top: -2em; margin-bottom: 3px; }

/* make invisible marginForm inputs with class=invisible */
#marginForm input.hidden {display:none; visibility:hidden; margin:0px; border:none; width:0px; height:0px; }

#marginForm input.submit { clear: both; top: 0px }

#marginForm p.direct { clear: both; margin-top: .5em; font-weight: normal; font-size: 9px; width: 550px; font-style: italic; text-align: left; }

#marginForm p.footnote { clear: both; margin-top: -1.7em; font-weight: normal; font-size: .8em; font-style: italic; text-align: left; }

#marginForm label { clear: both; margin-top: -2em; display: block; font-weight: normal; WIDTH: 8em }

#marginForm label.first { margin-top: .5em }

#marginForm label.dist { width: 190px; font-size: 9px; font-style: italic; margin-left: 8em; margin-bottom: .5em; }

#marginForm input.same_box { clear:both; width:13px; height:13px; margin:0px; padding:0px; float:left; padding-left:12px; left:0px; margin-top:2em; border:none;}

#marginForm label.same { width: 255px; font-size: 9px; font-style: italic; margin-top: -3em; text-align: justify; float: left; line-height:1.2em;}

#marginForm label.note { width: 255px; font-size: 9px; font-style: italic; margin-top: .8em; text-align: justify; float: left; }

#marginForm label.info { width: 270px; font-size: 9px; font-style: italic; margin-top: .8em; text-align: justify; float: left; }

/* FIX FOR DISAPPEARING FORM->SELECT->OPTION TAGS*/
#marginForm option { clear: both; display:inherit; font-weight: normal; float: left; visibility:visible; height:auto;  width:auto; background:#FFFFFF; }

#marginForm select { display:block; LEFT:8em; position: relative; top: -2em; margin-bottom: 3px; width:auto; min-width:42px; overflow:visible; visibility:visible; height:auto; background:#FFFFFF; width:auto;}

#marginForm label.cc_expire{ width:400px; font-size: 9px; font-style:normal; margin-top: 0em; text-align:justify; float:left; display:block; background:none;}

#marginForm select.cc_expire_month { display:block; position:relative; top:-2em; margin-bottom: 3px; width:42px; overflow:visible; visibility:visible; float:left; float:left; }

#marginForm select.cc_expire_year { display:block; position: relative; top:-2em; left:13.5em; margin-bottom: 3px; width:57px; overflow:visible; visibility:visible;}

#marginForm select.cc_name { width:112px;}

/* ADJUSTED TAG */
/*#marginForm checkbox { display: block; LEFT: 8em; position: relative; top: -2em; margin-bottom: 3px; border: none;}*/

#marginForm textarea { clear: both; margin-top: -2em; display: block; font-weight: normal; float: left; /*width: 96px;*/ margin-bottom: 3px; padding: 0px 0px 0px 2px;  }

#marginForm input.image { clear: both; margin-top: -2em; display: block; }

.but_proceed { clear: both; margin-top: 2em; font-weight: normal; width:80px; float:left; color: #fff; padding: 0px 0px 0px 175px; }

.but_process { clear: both; margin-top: 1.2em; font-weight: normal; width:110px; float:left; color: #fff; padding: 0px 0px 0px 160px; }

/* CART FORM */

#cartForm { width: 596px; }

#cartForm fieldset { display: block; BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 10px; BORDER-top: #cc9966 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0em; margin: 0px 0px .5em; BORDER-LEFT: #ffffff 0px solid; PADDING-top: 0px; BORDER-BOTTOM: #cc9966 1px solid; text-align: left; }

#cartForm fieldset.radio { BORDER-RIGHT: #ffffff 0px solid; BORDER-top: #ffffff 0px solid; margin: 0px 0px 0px -10px; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid }

#cartForm fieldset.radio input { clear: both; float: left; position: static }

#cartForm fieldset.radio label { display: inline; font-weight: normal; margin: 0px 0px 0px 8em; WIDTH: auto; position: relative; top: -1.25em }

#cartForm fieldset.radio legend { font-weight: bold; float: left }

#cartForm input { display: block; LEFT: 8em; position: relative; top: -2em; margin-bottom: 3px; }

/* make invisible cartForm inputs with class=invisible */
#cartForm input.hidden {display:none; visibility:hidden; margin:0px; border:none; width:0px; height:0px; }

#cartForm input.submit { clear: both; top: 0px }

#cartForm p.direct { clear: both; margin-top: .5em; font-weight: normal; font-size: 9px; width: 550px; font-style: italic; text-align: left; }

#cartForm label { clear: both; margin-top: -2em; display: block; font-weight: normal; WIDTH: 8em; }

#cartForm label.first { margin-top: .5em }

#cartForm label.dist { width: 190px; font-size: 9px; font-style: italic; margin-left: 8em; margin-bottom: .5em; }

#cartForm input.same_box { clear:both; width:13px; height:13px; margin:0px; padding:0px; float:left; padding-left:12px; left:0px; margin-top:2em; border:none;}

#cartForm label.same { width: 255px; font-size: 9px; font-style: italic; margin-top: -3em; text-align: justify; float: left; line-height:1.2em;}

#cartForm label.note { width: 255px; font-size: 9px; font-style: italic; margin-top: .8em; text-align: justify; float: left; }

#cartForm label.info { width: 270px; font-size: 9px; font-style: italic; margin-top: .8em; text-align: justify; float: left; }

/* FIX FOR DISAPPEARING FORM->SELECT->OPTION TAGS*/
#cartForm option { clear: both; display:inherit; font-weight: normal; float: left; visibility:visible; height:auto; background:none; width:auto;}

#cartForm select { display:block; LEFT:8em; position: relative; top: -2em; margin-bottom: 3px; width:auto; min-width:42px; overflow:visible; visibility:visible; height:auto; background:none; background:#FFFFFF; width:auto;}

/* ADJUSTED TAG */
/*#cartForm checkbox { display: block; LEFT: 8em; position: relative; top: -2em; margin-bottom: 3px; border: none;}*/

#cartForm textarea { clear: both; margin-top: -2em; display: block; font-weight: normal; float: left; /*WIDTH: 8;*/ margin-bottom: 3px; padding: 0px 0px 0px 2px;  }

#cartForm input.image { clear: both; margin-top: -2em; display: block; }

#coupon { float:left; font-size:9px; height: 30px; width: 300px; }

#coupon input { float: left;  display: block; width: 100px; margin: 14px 0px 0px 0px; left:0; border: 1px solid #cc9966; background: #ffffff; } 

/* JAVASCRIPT POP UP */

#dropin{
	position:absolute;
	visibility:hidden;
	left:373px;
	top:400px;
	margin-top:115px;
	width:195px;
	height:190px;
	background-color:#fff; 
	border: thin solid #D2B48C; 
	z-index:100000; 
	padding:12px 12px 9px 12px; font-size: 9px; line-height: 1.6em; text-align:justify;
}