/*-----------------------------------------------------------------------------
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 { color: #d86700; }
a:hover { color: #FA8517; }


.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, #wrapper { width: 965px; 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 0; }

#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: 11px; color: #666; clear: both; padding-bottom: 20px; padding-top:12px; overflow:hidden; }
	#footer div.left { float:left; width: 180px; }
	#footer div.right { float:left; width:720px; padding-top:2px; }
	#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: 364px; text-align:center; }

.spotlights { overflow:hidden; padding-bottom:20px; }
	.spotlight-left { float:left; width:308px; }
	.spotlight-center { float:left; width:338px; text-align:center }
	.spotlight-right { float:right; width:308px; text-align:right; }
	
.home #content { padding: 20px 0 60px 0; color: #333; line-height: 16px; }
	.home  .content { background: url(../images/home-badscore.jpg) 345px 40px no-repeat; }
	.home  .content .content-left { float:left; width:628px; border-right:1px dotted #b1b1b1; font-size:11px; }
	.home  .content .content-left .content-inner { padding-right:280px; }
	.home .content .content-left .alignright { float:right; margin: 14px 45px 0 0; }
	
	.home .content .content-right { float:right; width:305px; font-size:11px; margin-top:16px; }
	.home .content .content-right ul { padding:8px 0 8px 10px; margin:0; }
	.home .content .content-right .alignright { float:right; margin-top:8px; }
	
	.home .learnmore { clear:both; overflow:hidden; }

	.home #content h2 { font-size: 14px;line-height:22px; margin: 16px 0 10px 0;
		font-family: "Helvetica Neue", Helvetica, Arial, Helvetica, sans-serif; color:#b50e16}
	.home #content h3 { font-size:14px; margin:14px 0; }

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

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

.subpage #content .left { float: left; width: 232px; padding-top:3px; }
	/* Subnav */
	.subpage #content .left .subnav { line-height:1px; padding: 16px 0 0 0; }
	.leftNav .offState, .leftNav .onState { width:232px; margin-bottom:4px; }
	.leftNav .offState { background:url(../images/nav-bottom-off.png) bottom left no-repeat; padding-bottom:7px; }
	.leftNav .offState span { background:url(../images/nav-top-off.png) top left no-repeat; display:block; }
	.leftNav .offState a { text-decoration:none; color:#676767; display:block; padding: 9px 0 2px 12px; }
	
	.leftNav .noState { background:url(../images/nav-bottom-off.png) bottom left no-repeat; padding-bottom:7px; line-height:12px; width:232px; margin-bottom:4px; }
	.leftNav .noState span { background:url(../images/nav-top-off.png) top left no-repeat; display:block; }
	.leftNav .noState span span { background:none; text-decoration:none; color:#676767; display:block; padding: 9px 0 2px 12px; }
	
	.leftNav .hover { background:url(../images/nav-bottom-on.png) bottom left no-repeat; }
	.leftNav .hover span { background:url(../images/nav-top-on.png) top left no-repeat; color:#fff; }
	.leftNav .hover a, .leftNav .hover a:hover { color:#fff; }

	.leftNav .onState { background:url(../images/nav-bottom-on.png) bottom left no-repeat; padding-bottom:7px; }
	.leftNav .onState span { background:url(../images/nav-top-on.png) top left no-repeat; display:block; padding: 9px 0 2px 12px; text-decoration:none; color:#fff; }
	.leftNav .onState span span { background:none; text-decoration:none; color:#fff; padding:0; line-height:12px; }	
	.leftNav .onState a, .leftNav .onState.hover a, .leftNav .onState.hover a:hover { color:#fff; text-decoration:none; }
	
	.subpage .subnav a { line-height:12px; } 
	
	.leftNav  .onState .offState, .leftNav .onState .onState { background:none; width:auto; padding:0; }
	.leftNav .onState  .offState span, .leftNav .onState .onState span { background:none; overflow:hidden; }
	.leftNav .onState .offState a, .leftNav .onState .onState a { color:#fff; text-decoration:none; padding: 4px 0 0 0; }
	.leftNav .onState .offState a:hover, .leftNav .onState .onState a:hover { color:#fff; text-decoration:underline; }
	.leftNav .onState .onState a { color:#fff; text-decoration: underline; }
	.leftNav .onState .onState .offState a { text-decoration:none; }
	.indented { padding:6px 0 0 20px; }
	
	* html .leftNav .onState , * html .leftNav .offState{ padding-bottom:6px; }
	* html .leftNav .offState a:hover { color:#4BA6D2; }
	
	.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; }
		
	/* Fico */
	.fico { padding-top:14px; }
	
	/* Testimonials */
	.testimonial { padding:50px 14px 14px 14px; background: url(../images/quote.png) 0 75px no-repeat; line-height:17px; }
	.testimonial  h3 { font-size:14px; color:#72c1de; padding:0 0 20px 0; }
	.testimonial .quote1 { padding: 0 0 14px 0; font-size:12px; }
	.testimonial .quote1  p { margin:0; padding:0; }
	.testimonial .author { font-size:11px; padding: 0 0 20px 0; }

.subpage #content .right { float: right; line-height: 17px; width:700px; }
.subpage #content .right-wide { float: right; width: 711px; line-height: 17px; }

	.subpage #content .right h2 { padding: 30px 0; font-size: 20px; }
	.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; }

.featured { background:url(/images/featured-bg.gif) 0 0 no-repeat; height:333px; }
	.featured .featured-inner { float:right; width:460px; }	
	.featured .featured-image { float:left; padding:70px 0 0 45px; }
	.featured h1 { margin:0; padding:80px 0 0 0; }
	.featured  ul.links { overflow:hidden; padding:0; margin: 2px 0 20px 0; }
	.featured ul li { float:left; height: 15px; list-style:none; }
	.featured ul li a { display:block; padding: 0 0 0 20px; text-decoration:none; color:#fff; }
	.featured a { color:#fff; }
	.featured a:hover { text-decoration:underline; }
		.featured  ul.links .one { width: 120px; background: url(/images/featured-arrow.gif) left center no-repeat; }
		.featured  ul.links .two { width: 100px; background: url(/images/featured-search.gif) left center no-repeat; }
		.featured  ul.links .three { width: 100px; background: url(/images/featured-spanish.gif) left center no-repeat; }
	.featured  .content { padding-right: 45px; padding-bottom: 20px; color:#fff; }
	.featured .content p { margin:0; padding:0; }
	.featured  .buttons {}
	
.compare {width:711px;padding:43px 0 0 0;background:url(/images/compare-bg.gif) 0 0 no-repeat; height:260px; }
    .compare h1 {margin:0 0 3px 0;}
	.compare .leftitem {width:306px;padding:25px 25px 0 25px;float:left;}
	.compare .rightitem {width:305px;padding:25px 25px 0 25px;float:right;}
	.compare  ul.links { overflow:hidden; padding:0; margin: 5px 0 20px 0; }
	.compare ul li { float:left; height: 20px; list-style:none; }
	.compare ul li a { display:block; padding: 0 0 0 20px; text-decoration:none; color:#fff; }
	.compare a { color:#fff; }
	.compare a:hover { text-decoration:underline; }
		.compare  ul.links .one { width: 145px; background: url(/images/featured-arrow.gif) left center no-repeat; }
		.compare  ul.links .two { width: 100px; background: url(/images/featured-search.gif) left center no-repeat; }
		.compare  ul.links .three { width: 100px; background: url(/images/featured-spanish.gif) left center no-repeat; }
.compareDetail {width:711px;}
    .compareDetail .leftitem {width:317px;padding:20px;border-right:1px solid #cccccc;float:left;}
    .compareDetail .rightitem {width:313px;padding:20px;float:right;}
	
.subpage #content .featuredpage h2 { font-size:18px; font-weight:normal; padding-bottom: 4px; margin:0 0 20px 0; border-bottom:1px dotted #b1b1b1; }
	
.featuredpage table.producttable { margin-bottom:20px; }
.subpage #content .featuredpage table.producttable h3 { font-size:14px; color:#333333; font-weight:bold; padding:0; margin:0 0 10px 0; }
.subpage #content .featuredpage table.producttable h3 span { color:#72c1de; }
.featuredpage table.producttable { font-size:11px; vertical-align:top; }
.featuredpage table.producttable ul { margin:0; padding:0 0 12px 12px ; }

.featuredpage .name { font-weight:bold; font-size:14px; color:#333333; }
.featuredpage .price { font-weight:bold; font-size:14px; color:#72c1de; }
.featuredpage .description { font-size:11px; color:#333333; }
.featuredpage .description ul { margin: 4px 0; padding-left:14px; }

#ctl00_ContentArea_rptDVDs td, #ctl00_ContentArea_rptTestBooklets td, #ctl00_ContentArea_rptAudioCDs td { width:50%; vertical-align:top; }
#ctl00_ContentArea_rptDVDs td td, #ctl00_ContentArea_rptTestBooklets td td, #ctl00_ContentArea_rptAudioCDs td td { width:auto; }
.lnks { padding-top: 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: 0; }
/*
.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; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-top:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/

.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/* NEWSLETTER */
.newsletter-header { background: url(../images/featured-title.jpg) 0 0 no-repeat; margin-top:17px;
	color:#fff; font-size:12px; font-weight:bold; }
.newsletter-header { padding: 98px 0 42px 24px; }

.newsletter-toc { overflow:hidden; padding-bottom:20px; border-bottom:1px dotted #bebebe; margin-bottom:20px; }
.newsletter-full { padding-bottom:14px; }
.newsletter-toc .leftcol { float:left; width:300px; clear:both; }
.newsletter-toc .rightcol { float:left; width:300px; }
.newsletter-toc ul { margin:0; }

.article { padding-bottom:20px; border-bottom:1px dotted #bebebe; margin-bottom:20px; }
.subpage #content .right .article h3 { color:#979090; font-size:11px; font-weight:bold; margin:0 0 4px 0; padding:0; }
.subpage #content .right .article h2 { color:#000; font-size:16px; margin: 0 0 20px 0; padding:0; }
.subpage #content .right .article h2  a { color:#000; }

.newsletter-featured { background: url(../images/featured-bg.jpg) 0 0 no-repeat; height:265px; position:relative; }
.newsletter-inner { padding:30px 328px 0 30px; color:#fff; font-size:12px; line-height:17px; }
.subpage #content .right .newsletter-inner h2 { margin:0; padding:10px 0 20px; }
.newsletter-inner .button { position:absolute; bottom:24px; left:30px; width:320px; }