body { background: #fff; background-image: url(images/tile.gif); margin-top: 30px; padding: 0px;}





/* Outer Wrappers */

#frame {margin-right: auto; margin-left: auto; text-align: center;  width: 983px;}

#subframe {text-align: left; width: 983px; float: left; }

img {border: 0px;}



/* Tag Styles */

div,p,span,a,td,input {font: 12px  verdana,arial,sans-serif ; text-align: left; line-height: 130%;}

h1 {display: inline; font-size: 32px; line-height: 100%;}

h2 {font-size: 18px; color: #666; margin:0px; line-height: 120%; font-weight: normal; }

h3 {font-size: 16px; color: #000; display: inline; line-height: 130%;}



/* layout structure */

.homeMiddle,#video_previewRight,#video_previewLeft,#video_preview,#rightPayPal,#middle,#rightPhoto,

#leftnav,#listen,#footer,.subMiddle,#product_box{float: left;}



#middle { margin-right: 20px; width: 575px; display:inline;  background: #fff;}

#leftnav {margin-right: 20px; margin-bottom: 0px;  width: 162px;}

#footer {padding: 5px 10px 5px 10px;}

#rightPayPal {width: 190px; }



/* Home page colums and content */

#listen,#footer,.homeMiddle,#video_preview,.subMiddle {border: 1px solid #000; width: 555px; margin-bottom:10px;}

#listen,.homeMiddle,#video_preview  {padding: 10px 10px 5px 10px;}

.homeMiddle,#homepageCont {background: #fff;}

.subMiddle {padding: 10px 10px 20px 10px;}

#homepageCont {width: 340px; margin-top: 5px; float: left; }

#judyPaul {width: 380px; margin-top: 5px; float: left;}

#listen {text-align: center;}

#rightPhoto {margin: -20px 0px 0px 20px;}

#video_preview {background: #fc0;}

#video_previewLeft {width: 200px;}

#video_previewRight {width: 380px; margin-left: -50px;}

#captionPad {margin: -10px 0px 0px 37px; font-size: 10px;}









/* Sportswear Page*/

.products_container {margin: 20px 0px; width: 500px; float: left;}

.piclt {float: left; width: 210px; margin-right: 20px;}

.picrt {float: left; width: 210px; margin-left: 40px;}

.product_description {float: left; width: 220px;}

#product_box {width: 150px; margin-top: 15px; }

#product_add {float: left; margin-top: 5px; }

#product_box {width: 157px; margin-top: 15px; }

#product_addImg {float: left; width: 82px;}

#product_addText {float: left; margin: 17px 0px 0px 5px; display: inline;}

.product_addTotal {font-size: 16px; font-weight: bold;}







/* Checkout Page */

#checkout_address {float: right; font-size: 10px;}

#checkout_head {float: left;  font-size: 10px; }

#checkout_head h2 {margin-bottom: 5px;}

#checkout_top {float: left; font-size: 10px; width: 550px;}

#checkout_container {float: left; background: #ccc; width: 535px; margin-top: 7px; padding: 20px 0px 20px 15px;}

.label {text-align: right; vertical-align: top; font-weight: bold; }

#checkout_container td{padding: 5px;}





/* Music Page */

.cds_container {float: left; width: 515px; margin-top: 20px; margin-left: 15px;}

.volume {float: left; width: 180px; margin-right: 20px;}

.volume_description {float: left; width: 315px;}

.volume_price {float: left; margin-top: 10px;}

.volume_submit {float: left; margin: 15px 0px 0px 10px;}



/* DVD Volumes Page*/

.DVDvolumes {float: left;width: 232px; margin-left: 10px;}

#product_addDVD{float: left;  display: inline; margin-left:90px; width: 90px;}

.DVDvolumes h3 {margin-bottom: 0px;}

.dvd_total { float: left;  margin-top: 4px; font-size: 16px; font-weight: bold;}

.adddvd { float: left; }

.dvdcenter {float: left;  width: 500px;}

.dvdcenter2 {margin-right: auto; margin-left: auto; text-align: center; width: 500px;}





/* General Presentation */

.b {font-weight: bold;}

#footer {font-size: 10px; text-align: center;}

#leftnav{background:#eee; border: 1px dashed #000; padding-bottom: 50px;}

.smWhite {color: #fff; font-size: 11px; line-height: 100%; }

.add {margin-left:60px;}

.add_yellow {text-align: center;}

.products_container h3,.DVDvolumes h3, .volume_description h3{color: #036; font-size: 14px;}

#product_box {background: #fc0; padding: 10px 30px 5px 15px; font-size: 10px;}

#product_box h2 {color: #000; font-size: 14px; font-weight: bold; margin-bottom: 5px;}

.blue {color: #036; font-size: 10px;}

.inline {display: inline;}

#submit {text-align: center;}

.flashcontent {text-align: center;}

.cartempty {padding-left: 10px;}





/* Pay Pal Presentation */

#rightPayPal{border: 1px dashed #000; background: #999; padding: 5px 5px 20px 5px; text-align: center;}

#rightPayPal h2 {font-size: 18px; color: #000; font-weight: normal; display: block; margin: 0px 0px 5px 0px;}

#paypal {margin: 7px 5px 5px 5px; }

#paypal td {font-size: 10px; font-weight: bold; padding: 2px;}

#payCol1 {width: 29px;}

#payCol2 {width: 97px; color: #036; border-bottom: 1px solid #fff;padding: 2px;}

#payCol3 {width: 63px; text-align: right; color: #036; border-bottom: 1px solid #fff; padding: 2px;}

.borderTop{border-top: 1px solid #fff;}

.borderBot {border-bottom: 1px solid #fff;}

#submit{padding-top: 10px; }

.right {text-align: right;}

.center {text-align: center;}

#itemsInBag{font-size: 10px; font-weight: bold; text-align: center;}

#total {font-size: 16px !important; color:#660000; text-align: center; padding-top:10px !important;}

#cards{display: block;}

#left_checkout{float: left;}



/* Navigation and lists */

#leftnav ul{ margin: 10px 5px 20px 20px;padding: 0;}

#leftnav li {margin-bottom: 10px;}

#leftnav li a{color: #036; text-decoration: none; font-weight: bold; font-size: 12px;}

#leftnav li a.subb{color: #B3011D; text-decoration: none; font-weight: bold; font-size: 12px;}

#leftnav li a:hover{text-decoration: underline;}

#navon {color: #B3011D;  font-weight: bold; font-size: 12px;}



div #video_previewLeft a{font-size: 10px; color: #000 !important; font-weight: normal !important; text-decoration: none;}

#footer a {font-size: 10px; }



#middle a:link, #middle a:visited, #middle a:active {color: #036; font-weight: bold;}

#middle a:hover {color: #6987A5;}



a.details:link,a.details:visited,a.details:active { font-size: 10px; font-weight: normal;color: #fff !important; text-decoration: none; background: #333 url(images/misc/camera.gif) no-repeat; display: block; width: 138px; margin-top: 5px; padding: 5px 10px 7px 47px;}

a.details:hover{}





a.blue:hover{color: #6987A5;}



a.red:link,a.red:visited,a.red:active {font-size: 10px; color:#B3011D !important; text-decoration: none; display: block; margin: 5px 0px;}



a.red:hover{text-decoration: underline;}



.subb {color: #B3011D;  font-weight: bold; font-size: 12px;}









/* Sytles Added after Initial build*/

#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



	

#overlay{ background-image: url(http://www.behindbarres.com/newsite/lightbox/overlay.png); }



* html #overlay{

	background-color: #000;

	back\ground-color: transparent;

	background-image: url(http://www.behindbarres.com/newsite/lightbox/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.behindbarres.com/newsite/lightbox/overlay.png", sizingMethod="scale");

	}