/*-----------------------------------------------------------------------------
CreditDVD Stylesheet



-----------------------------------------------------------------------------*/


/* GENERAL STYLES -----------------------------------------------------------*/

* { padding:0; margin:0; }
p { padding-bottom: 16px; }
ul { margin: 16px 0 16px 0; padding-left: 30px; }
body.home {
    background: #fff url(../images/bg-home.jpg) 0 0 repeat-x;
	text-align: center; font-family: Arial, Tahoma, Helvetica; font-size: 12px; }
body.subpage {
    background: #fff url(../images/bg-subpage.jpg) 0 0 repeat-x;
	text-align: center; font-family: Arial, Tahoma, Helvetica; font-size: 12px; }

img, div { behavior: url(../iepngfix.htc) }
img {border:0;}

.clear { clear:both; height:0; overflow:hidden; margin:-1px 0 0; }
.super { font-size: 10px; }

a { }
a:hover { color: #5599FF; }


.orange {color:#CF5117;}
.blue {color:#5fadc9;}
.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

/* MASTER PAGE STYLES - BOTH ------------------------------------------------*/

#wrapper { width: 955px; text-align: left; margin: 0 auto; }

#nav-upper { text-align: right; height: 23px; line-height: 23px; font-size: 10px; padding-right: 14px; }
	#nav-upper img { margin:0 0 0 14px; position:relative; top:2px; }
	#nav-upper a { color: #fff; text-decoration: none; text-transform: uppercase; }
	#nav-upper a:hover, #nav-upper a:active { color: #FA8517; text-decoration: none; }
	#nav-upper a:focus { border:0; outline: 0; color: #FA8517; }

#logo { }
	#logo img { margin: 25px 0 0 20px; }

#nav { text-align:right; height: 22px;  }
	#nav ul { float:right; margin:0; padding:0; }
	#nav ul li { list-style: none; float: left; text-transform: uppercase; font-weight:bold; font-size: 12px; }
	#nav span { display:block; padding: 5px 12px 2px 12px;  }
	#nav ul li.selected { background: url(../images/nav-left.gif) top left no-repeat; }
	#nav ul li.selected span { 
		background: url(../images/nav-right.gif) top right no-repeat; }
	#nav a { color: #676767; text-decoration: none; }
	#nav a:hover, #nav a:active { color: #3c3c3c; }
	#nav li.selected a { color: #fff; }

#footer { border-top: 1px dotted #999; font-size: 10px; color: #666; clear: both; padding-bottom: 20px; }
	#footer div { padding-top: 6px; }
	#footer img { border-right: 1px dotted #999; margin-right: 16px; float: left; }
	#footer a { text-decoration: none; color: #666; }
	#footer a:hover, #footer a:active { color: #FA8517; text-decoration: underline; }

/* HOME PAGE STYLES ---------------------------------------------------------*/

#banner { clear: both; height: 240px;
	background: url(../images/banner-creditdvd.jpg) 0 -4px no-repeat; }
	#banner .left { width: 234px; float: left; padding-top: 54px; color: #fff; line-height: 17px; }	
	#banner .left h1 { font-weight: bold; font-size: 24px; padding: 0 0 16px 4px;
		font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, sans-serif; }
	#banner .left p { padding-left: 4px; }
	
	#banner .right { float: left; color: #fff; width: 260px; height: 220px;
		border-left: 1px dotted #fff; margin: 10px 0 10px 20px; padding-left: 40px;
		background: url(../images/banner-quote.jpg) 0 0 no-repeat; }
	#banner .right .quote { height: 120px; color: #333; }	
	#banner .right .quote p { padding: 46px 20px 0 0; }
	#banner .right .author { color: #fff; text-align: right; font-size: 11px; padding: 30px 20px 0 0 }
	
.home #content { padding: 50px 20px 60px 20px; color: #333; }
	.home #content .left { float: left; width: 248px; }
	.home #content .center { float: left; width: 248px; }
	.home #content .right { float: left; width: 245px; }
	.home #content .divider { float: left; width: 79px; text-align: center; padding-top: 40px; }
	
	.home #content h2 { padding-bottom: 16px; font-size: 18px; 
		font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, sans-serif; }
	.home #content p { font-size: 12px; line-height: 16px; min-height:160px; }
	* html .home #content p { height:160px; }
	.home #content .alignright { text-align: right; }

/* SUBPAGE STYLES -----------------------------------------------------------*/

.subpage #content { padding: 0 10px 40px 20px; color: #333; clear:both; }

.subpage #content .left { float: left; width: 216px; padding-top:3px; }
	/* Subnav */
	.subpage #content .left .subnav { background: url(../images/subnav-bg.gif) 0 0 repeat-y; line-height:1px; }
	.subpage #content .left h1 { color: #5fadc9; font-size: 14px; padding: 16px 8px 6px 8px; line-height:14px; }
    .leftNav { padding: 0 18px; }
    .leftNav .offState, .leftNav .onState { list-style: none; border-top: 1px dotted #d6d6d6; }
    .leftNav .offState a, .leftNav .onState a { text-decoration: none; color: #676767; padding: 6px 8px 6px 8px; line-height:14px; }
    .leftNav .onState a { font-weight:bold; }
    .leftNav .onState div a { border:0; } 
    .leftNav .onState .indented { padding-left:18px; border-top: 1px dotted #d6d6d6; }
    .leftNav .onState .indented div { border:0; }
    .leftNav .onState div.offState a { font-weight:normal; }	
	
	.subpage .subnav a { text-decoration: none; color: #676767; display: block; padding: 6px 8px 6px 8px; }
	* html .subpage .subnav a { display: block; } /* IE6 Fix */
	.subpage .subnav a:hover { background-color: #f8f8f8; text-decoration: underline; }
	.subpage .subnav li.selected a:hover { background-color: #fff; }
	.subpage .subnav img { padding-top: 6px; }
	
	.subpage .subnav span { display: block; padding: 6px 8px 6px 8px; color: #AFAFAF; } 
	
	.subpage .categoryMenu { padding: 0 18px; width: 215px; }
	.subpage .categoryMenu td { border-top: 1px dotted #d6d6d6; }
	.subpage .categoryMenu td a { 
		text-decoration: none; color: #676767; display: block; padding: 6px 8px 6px 8px;
		line-height: 16px; }
	
	/* Testimonials */
	.subpage #content .left .testimonial { padding-top: 16px; }
	.subpage #content .left .testimonial .header { 
		background:url(../images/testimonial-header.jpg) 0 0 no-repeat; height: 31px; }
	.subpage #content .left .testimonial .content {
		background:url(../images/testimonial-bg.jpg) bottom left no-repeat; min-height: 100px; padding: 10px 15px 10px 15px;
		text-align: center; color: #00374c; font-weight: bold; }
	.subpage #content .left .testimonial .content .quote1 {	
		background:url(../images/testimonial-quote1.gif) 0 0 no-repeat; padding-left: 16px; }
	.subpage #content .left .testimonial .content .quote2 {
		background:url(../images/testimonial-quote2.gif) bottom right no-repeat; padding-right: 16px; }	
	.subpage #content .left .testimonial .content .author { font-weight: normal; font-size: 11px; padding-top: 16px; }
	.subpage #content .left .testimonial .footer { 
		text-align:center; font-size: 11px; padding-top: 4px;
		background:url(../images/testimonial-footer.jpg) 0 0 no-repeat; height: 31px; }
	.subpage #content .left .testimonial .footer a { color: #fff; } 

.subpage #content .right { float: right; width: 670px; line-height: 17px; }
	.subpage #content .right h2 { padding: 16px 0; font-size: 18px; }
	.subpage #content .right h3 { padding: 16px 0; font-size: 15px; color: #4BA6D2; }
	.subpage #content .right p { padding-right: 10px; }
	.subpage #content .right .divider { 
		border-top: 1px dotted #d6d6d6; font-size:1px; line-height:1px; height:1px; padding-top: 10px; margin-top: 10px; }
	.subpage #content .right .spotlight { float: right; margin: 0 0 10px 30px;  }
	
	.subpage #content .right a { color: #d86700; }
	.subpage #content .right a:hover { color: #FA8517; }

	/* Forms */
	.subpage .labelColumn { width: 130px; padding-right: 20px; vertical-align: top; padding-top: 4px; } 
	.subpage .fieldColumn input { padding: 1px; margin-bottom:3px; width: 220px; }
	.subpage .fieldColumn select { width: 226px; }
	.subpage .fieldColumn textarea { padding: 1px; margin-bottom:10px; width: 220px; height: 100px; }
	#ctl00_ContentArea_Contact1_btnSubmit { margin-left: -6px; }

/* ESTORE STYLES ------------------------------------------------------------*/


/* BROWSE PAGE */
.categoryThumb {width:180px;margin:0 15px 0 0;}
.categoryThumb .photo {border:1px solid #73c1de;font-size:0.1em;line-height:0.1em;}
.categoryThumb .title {text-align:center;}
.categoryThumb .text {text-align:center;}
.subpage #content .right .categoryThumb a {color: #333333;}

.leftColumn {width:80px;}

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 180px; font-family: Arial; font-size: 10pt; padding:2px; margin-bottom:3px; }
select { width: 184px; font-family: Arial; font-size: 10pt; padding:2px;margin-bottom:4px; }
textarea.inputBox { width: 180px; font-family: Arial; font-size: 10pt; padding:2px;margin-bottom:3px; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* BROWSE PAGE */
.leftNavContainer { width: 150px; margin: 20px 20px 0 0; }
.leftNavContainer .onState { font-weight: bold; padding: 2px 0 4px 0; }
.leftNavContainer .offState { padding: 2px 0 4px 0; }

/* PRODUCT VIEW PAGE */
.detailBox {margin-top:20px;}
.categoryTitle {font-size: 18px; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto { border: 1px solid #999999; }
/*
.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }
*/

/* CATEGORY PAGE */

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }

/* CART PAGE */

.subpage #content .cart h2 { border-bottom: 1px dotted #CFCFCF; padding-bottom:4px; margin-bottom:24px; }

.cartPage { width: 670px; }
.cartHeader { font-size: 16px; font-weight: bold; color:#49A4D0; margin-bottom:24px; 
       margin-top:0px; padding:5px 0; border-bottom: 1px dotted #CFCFCF;}
.cartControl {width: 670px; }
.cartControl th { color: #8F8F8F; }
.cartControl .removeColumn { width: 35px; text-align: left; }
.cartControl .quantityColumn { width: 60px; text-align: left; }
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; text-align: right; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

.cartDiv { border-top: 1px dotted #D6D6D6; padding-top:12px; margin-top:24px; }

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; color:#49A4D0; margin-bottom:24px; 
       margin-top:20px; padding:5px 0; border-bottom: 1px dotted #CFCFCF;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutTwoColumn {width:670px;}
.checkoutTwoColumn .column1 {width:335px;}
.checkoutTwoColumn .column2 {}

.checkoutForm {width:310px;}
.checkoutForm td {padding-bottom:3px;}
.checkoutForm .formLabel {width:120px;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }