/*------------------------------------------------------------------	
	global.css
	copyright breakdancedvd.com 2008
	contains all basic styles
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[global] table of contents
Global
Lists
Layout
Navigation
Headers
Footer
------------------------------------------------------------------*/

/* -----------------------------------*/
/* =Global                            */
/* -----------------------------------*/
html {
	background: #000000; color: #ffffff;
}

body {
	background: #000000 url(../images/bg.jpg) no-repeat 50% top;	
	height: 100%;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
	color: #4ba7e1;
}
a:hover {
	text-decoration: underline;
}
a.action {
	background: transparent url(../images/action.png) no-repeat right 50%;
	padding-right: 18px;
}
a.fancy, a.fancy:hover {
	background: transparent url(../images/thumbs_up_bullet.png) no-repeat left 50%;
	padding-left: 24px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
	text-decoration: none;
}
a.external {
	background: transparent url(../images/external.png) no-repeat right 50%;
	padding-right: 14px;
}
em {
	font-style: italic;
	font-weight: inherit;
}
p {
	margin-bottom: 1.25em;
}
input.error {
	border:1px solid #ff6347;
}
label.error {
	color: #ff6347;
	padding-left: 0.5em;
}

/* -----------------------------------*/
/* =Navigation                        */
/* -----------------------------------*/
#nav-wrapper {
	background: #000000 url(../images/primary_nav_bg.png) no-repeat left top;
	width: 10px; height: 31px;
	margin-left: 20px; padding-left: 20px;
}
ul#nav {
	background: #000000 url(../images/primary_nav_bg.png) no-repeat right top;
	width: 750px; height: 31px;	
}
ul#nav li {
	background: transparent url(../images/nav_divider.png) no-repeat left 50%;
	display: block;
	float: left;
	font-size: 1.3em;
	margin-right: 20px;
	padding: 8px 0px 0px 20px;
	height: 26px;
	font-weight: bold;
}
ul#nav li a {	
	color: #5e6970;	
}
ul#nav li a:hover {
	color: #ffcd00;	
}
ul#nav li#nav-home,
ul#nav li#nav-purchase-quantity {
	background: none;
	padding-left: 0px;
}
ul#nav li#nav-purchase {
	color: #ff8c00;
	float: right;
}
#home ul#nav li#nav-home a,
#features ul#nav li#nav-features a,
#about ul#nav li#nav-about a,
#buzz ul#nav li#nav-buzz a,
#reviews ul#nav li#nav-reviews a,
#blog ul#nav li#nav-blog a,
#products ul#nav li#nav-products a,
#purchase ul#nav li#nav-purchase a,
#purchase .purchase-quantity ul#nav li#nav-purchase-quantity a,
#purchase .purchase-address ul#nav li#nav-purchase-address a,
#purchase .purchase-address ul#nav li#nav-purchase-quantity a,
#purchase .purchase-shipping ul#nav li#nav-purchase-address a,
#purchase .purchase-shipping ul#nav li#nav-purchase-quantity a,
#purchase .purchase-shipping ul#nav li#nav-purchase-shipping a,
#purchase .purchase-confirmation ul#nav li#nav-purchase-address a,
#purchase .purchase-confirmation ul#nav li#nav-purchase-quantity a,
#purchase .purchase-confirmation ul#nav li#nav-purchase-shipping a,
#purchase .purchase-confirmation ul#nav li#nav-purchase-confirm a {
	color: #ffcd00;
}

/* -----------------------------------*/
/* =Headers                           */
/* -----------------------------------*/
#home h1, 
#reviews h1, 
#buzz h1,
#privacy h1, 
#purchase h1, 
#sitemap h1 {
	display: none;
}
#features h1, 
#about h1, 
#products h1,
#blog h1 { margin: 0px 26px 10px 26px; padding-bottom: 5px; font-size: 1.8em; letter-spacing: 2px; border-bottom: 1px dotted #d18c01; }
h2 {
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.2em;
	color: #ffcd00; /*#ffb109;*/
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* -----------------------------------*/
/* =Lists                             */
/* -----------------------------------*/
ul.fancy {
	list-style: none;	
}
ul.fancy li {
	background: transparent url(../images/thumbs_up_bullet.png) no-repeat left 50%;
	padding-left: 26px;
	margin-bottom: 8px;
	font-size: 1.1em;
}
#feature_points {
	/* background: transparent url(../images/horizontal_rule.png) no-repeat 50% top;*/
	width: 540px;
	/*padding-top: 20px;*/
}
#feature_points ul {
	width: 540px;
}
#feature_points ul li a.fancy {
	font-size: 1.2em;
	display: none;
}
#feature_points ul li {
	border-top:1px dotted #555555;
	margin-bottom:20px;
	padding-top:10px;
}
#feature_points ul li:first-child { border-top: none; }
#key_points ul {
	width: 480px;
	overflow: auto;
	margin-bottom: 1em;
	padding: 10px 0 0 0px;
}
#key_points ul li {
	float: left;
	width: 230px;	
}

/* -----------------------------------*/
/* =Layout                            */
/* -----------------------------------*/
#container {
	margin: 0px auto;
	width: 812px; height: auto;
	font-size: 1em; /* 1em = 10px */
	
}
#header {	
	margin: 0px auto;
/*	padding: 50px 4px 0px 4px;*/
	padding: 20px 4px 0px 0px;
	position: relative;
}
/*added by Ace */
#header #head_pic {
	background: url(../images/ace_uploads/bboyace_small.png) no-repeat left top;
	top:0px;
	height:128px;
	left:562px; /*562*/
	position:absolute;
	width:265px;
}
img.bboy{
 	position: absolute;
	left:562px;
	top: 0px;
 	width: 265px;
	height: 128px;
/* finished ace*/
}
#logo {
	background: transparent url(../images/ace_uploads/logo.png) no-repeat left top;		
	display: block;
	width: 441px; height: 31px;
	/*width: 365px; height: 32px;*/
	text-indent: -999em;
	margin-bottom: 9px;
	margin-top: 16px;
	margin-left: 2px;
}
#logo a {
	display: block;
	width: 441px; height: 31px;
	/*width: 365px; height: 32px;*/
}
#marquee {
	background: /*#000000*/ url(../images/ace_uploads/marquee_bg3.png) no-repeat left top;	
	width: 392px; height: 30px; /*103px;*/
	/* width: 803px; height: 103px;*/
	text-indent: -999em;
	margin-bottom: 20px;
	margin-left: 30px;
}
#featured {
	background: transparent url(../images/dvd_box_isoview.png) no-repeat left top;	
	width: 156px; height: 200px;
	position: absolute;
	text-indent: -999em;
	left: 380px; /*top: 60px;*/ top: 30px; 
	display: none;
}
#login {
	color: #6f7a80;
	font-size: 1.2em;
	position: absolute;
	right: 14px; /*top: 70px;*/ top: 40px;
	text-transform: uppercase;
}
#login a, #login a:link {
	color: #6f7a80;
	font-weight: bold;
}
#login a:hover {
	color: orange;
}
#main {
	margin: 0px auto;
}
#contents_wrapper {
	background: transparent url(../images/contents_bg.png) repeat-y left top;
	margin-bottom: 1em;
}
#contents_top {
	background:  url(../images/contents_top.png) no-repeat left top;
	width: 812px; height: 15px;
}
#contents {
	background:  url(../images/contents_border.png) no-repeat left ; /*was 50% ace */
		/*background: transparent url(../images/contents_border.png) no-repeat left 100%; /*was 50% ace */

	height: auto;
	min-height: 730px;
	/*min-height: 580px; ace changed*/
	position: relative;
	font-size: 1.1em;
	padding-bottom: 1em;
}
#contents_bottom {
	background: #000000 url(../images/contents_bottom.png) no-repeat left top;
	width: 812px; height: 20px;	
}
#content-detail {
	width: 760px;
	margin: 0px auto;
	font-size: 1.1em;	
}
#content-overview p,
#content-detail p {
	font-size: 1.1em;
	line-height: 1.4em;
}
.product-image { float: left; margin: 0px 15px 10px 0px; }
.purchase_module {
	background: transparent url(../images/horizontal_rule.png) no-repeat 50% top;
	overflow: auto;
	padding-top: 10px;
	margin-top: 0px;
}
.feature_module {
	background: transparent url(../images/horizontal_rule.png) no-repeat 50% top;
	overflow: auto;
	padding: 10px 0px 4px 0px;;
	margin-top: 20px;
}
#purchase .purchase_module {
	background: none;
	padding-top:0px;
}
#purchase .purchase_module .module {
	width: 380px;
}
.purchase_module .module {
	width: 200px; float: right;
	text-align: center;	
}
.purchase_module .module .image {
	margin: 10px auto 25px;
	width: 132px; height: 121px;
}
.purchase_module .physical .image {
	background: transparent url(../images/purchase_physical.png) no-repeat left top;	
}
.purchase_module .download .image {
	background: transparent url(../images/purchase_download.png) no-repeat left top;
}
.purchase_module .module .price {
	font-size: 1.3em;
}
.purchase_module .module a {
	margin: 10px auto;
	text-indent: -999em;
}
.physical .buy_now {
	background: transparent url(../images/btn_buy_now.png) no-repeat left top;
	display: block;
	width: 130px; height: 34px;	
	text-indent: -999em;
}
.download .download_now {
	background: transparent url(../images/btn_download.png) no-repeat left top;
	display: block;
	width: 131px; height: 34px;	
}
.purchase_module .asterisk {
	margin-top: 20px;
	color: #999999;
}
.product-description {
	overflow: auto;
	padding-bottom: 3px;
}
#content-side {
	float: right;
	width: 180px;
	margin-right: 26px;
}
#content-side > ul { margin-bottom: 15px; }
.paginate { margin: 10px 0px; /* edited out by Ace border-top: 1px dotted #222; padding-top: 10px;*/ } 
#content-overview .entry { margin-bottom: 30px; }

/* -----------------------------------*/
/* =Home                              */
/* -----------------------------------*/
#home #contents #idol,
#products #contents #idol {
	background: transparent url(../images/ace_pose_01.png) no-repeat left top;
	/* background: transparent url(../images/hammer.png) no-repeat left top; */
	z-index: 2;
	width: 290px; height: 598px;
	position: absolute; 
	bottom: /*-40px;*/-45px; left: -92px;
}
#home #content-overview,
#products #content-overview {
	width: 760px;
	margin: 0px auto;
	font-size: 1.1em;
	overflow: auto;
}
#home #content-detail,
#products #content-detail {
	width: 540px;
	padding: 5px 15px 5px 220px;
}
/* added by Ace*/
#content-detail .entry{
	margin-bottom: 0px; /*10px*/
	padding-bottom: 10px;
	/*border-bottom: 1px dotted #D18C01;*/
}
.entry p.datecomment span {
background: url(..images/ace_uploads/comment_30.png) no-repeat scroll left center;
padding-left:2em;
}

#content-detail .entrycomment{
	color: #ffffff;
	padding-top: 0px;
	margin-bottom: 10px;
	border-top:1px dotted #D18C01;
	border-bottom:1px dotted #23282F;
	/*background: #0C0D0F;*/
}
.posted{
	color: #7d7d7d;
	margin-bottom: 10px;
}
#content-overview p.posted {
	font-size: 1.1em;
	line-height: 1.0em;
	color: #ffffff;	
}
#content-overview p.readmore {
font-size: 1.1em;
	line-height: 1.0em;
	color: #ffffff;	
}
h3.date {
	font-family:'Lucida Grande',Univers,Arial,sans-serif;
	font-size:0.95em;
	letter-spacing:0.5em;
	opacity:0.5;
	padding:0.5em;
	padding-left: 1px;
	text-shadow:1px 1px 0 #000000;
	text-transform:uppercase;
	/*font-size: 1.1em;
	color: #6F6F6F; /*#ffcd00;*/
	/*margin-bottom: 0.5em;
	font-weight: normal;
	/*changed from h3*/
}
h3.date span1{
	background: transparent url(../images/ace_uploads/comment.png) no-repeat scroll left center;
	padding-left:2em;
}
h3.date span1 a{
	opacity:1;
	text-shadow: 0px 0px 0px;
 
}
h2.title{
	font-size: 1.6em;	
}
h2.sidetitle{
padding-top:15px;
border-top: 1px dotted #D18C01;
/*finish add by Ace*/

}
/* -----------------------------------*/
/* =Home                              */
/* -----------------------------------*/
#features .purchase_module {
	float: right; background: none;
	margin: 0px; paddin: 0px;
}
#features .purchase_module .module {
	width: 160px; float: none;
	text-align: center;	
}
#features .purchase_module .physical {
	padding-bottom: 25px;
	margin-bottom: 15px;
	border-bottom: 1px solid #222222;
}

/* -----------------------------------*/
/* =Reviews                           */
/* -----------------------------------*/
#reviews #content-detail .amazon_logo {
	background: transparent url(../images/amazon_logo.png) no-repeat left top;	
	display: block;
	width: 136px; height: 30px;
	text-indent: -999em;
	margin: 20px 0px 10px;
}
#reviews #content-detail .entry {
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px dotted #555555;
}
#reviews #content-detail .pullquote {
	background: transparent url(../images/pullquote.png) no-repeat left top;	
	padding: 0px 30px;
	overflow: auto;
}
#reviews #content-detail .pullquote p {
	font-style: italic;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0px; margin: 0px;
}
#reviews #content-detail .pullquote .author {
	float: right;
	padding-top: 10px;
}

/* -----------------------------------*/
/* =About                             */
/* -----------------------------------*/
#about #contents #idol {
	background: transparent url(../images/ace_pose_02.png) no-repeat left top;
	z-index: 2;
	width: 290px; height: 676px;
	position: absolute; 
	bottom: -48px; right: -42px;
	/*vic orginal bottom: -10px; right: -42px; */
}
#about #content-detail,
#blog #content-detail {
	width: 540px;
	margin-left: 26px;
}

/* -----------------------------------*/
/* =Purchase                          */
/* -----------------------------------*/
#purchase #content-detail {
	width: 724px;
}
#purchase .purchase_module .physical .image {
	background: transparent url(../images/dvd_box_purchase.png) no-repeat left top;	
	width: 300px; height: 305px;
}
#purchase .purchase-process ul#nav li {
	background: transparent url(../images/10x10_arrow.png) no-repeat left 50%;
	display: block;
	float: left;
	font-size: 1.3em;
	margin-right: 20px;
	padding: 8px 0px 0px 20px;
	height: 26px;
	font-weight: bold;
}
#purchase .purchase-process ul#nav li#nav-purchase-quantity {
	background: none;
	padding-left: 0px;
}
#purchase .purchase-process ul#nav li#nav-purchase {
	background: transparent url(../images/nav_divider.png) no-repeat left 50%;
	float: right;
}
#purchase .purchase-process ul#nav li a, #purchase .purchase-process ul#nav li a:hover { color: #5E6970; text-decoration: none; }
#purchase .purchase-process ul#nav li#nav-purchase a { color: #5E6970; }
#purchase .purchase-process ul#nav li#nav-purchase a:hover { color: #ffcd00; text-decoration: underline; }

#content-detail .purchase_packs p { margin-bottom: 0px; display: none; }
#purchase ul.purchase_packs {
	width: 700px;
	margin: 20px 2px;
	overflow: auto;
}
#purchase ul.purchase_packs li {
	display: block;
	float: left;
	width: 348px;
	text-align: center;
	margin-bottom: 40px;
	min-height: 350px;
	overflow: hidden;
}
/*added by Ace for Special Offer page*/
#content-detail_special h2{
padding-left: 20px;
}
#content-detail_special p {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 20px;
}
#purchase #content-detail_special{
width: 800px;
}
#content-detail_special .purchase_packs_special p { margin-bottom: 0px; display: none; }

#purchase ul.purchase_packs_special {
	width: 800px;
	padding-left: 10px;
	/*margin: 20px 2px;*/
	overflow: auto;
}
#purchase ul.purchase_packs_special li.special{
display: block;
	float: left;
	padding-left: 15px;
	width: 480px;
	text-align: center;
	margin-bottom: 40px;
	min-height: 350px;
	overflow: hidden;
}
#purchase ul.purchase_packs_special li.left{
display: block;
	float: left;
	width: 280px;
	text-align: center;
	margin-bottom: 40px;
	min-height: 350px;
	overflow: hidden;
	padding-left: 10px;
}
#purchase ul.purchase_packs_special li table {
	width: 100%; height: 100%;
}
#purchase ul.purchase_packs_special li table td {
	vertical-align: bottom;
/*end added by Ace*/
}
#purchase ul.purchase_packs li table {
	width: 100%; height: 100%;
}
#purchase ul.purchase_packs li table td {
	vertical-align: bottom;
}
#purchase #submitpad,
#purchase #submitpad2 {
	/*padding: 10px;*/
	padding: 5px;
}
#purchase #submitpad:hover,
#purchase #submitpad2:hover {
	background-color: #ffdc00;

/*added by Ace*/
}
#purchase #submitpad3:hover {
	background-color: #ffdc00;
}
#purchase #submitpad3{
padding: 5px;
padding-bottom: 20px;
/*finished by ace*/

}
#purchase table.shipping {
	width: 100%;
	margin-left: 0px;
}
#purchase table.shipping tr td {
	padding: 4px 0px;
}
#purchase table.shipping-select tr td {
	padding: 4px 4px;
}
#purchase fieldset {
	border: 1px dotted #444444;
	padding: 4px 12px;
	margin-bottom: 10px;
}
#purchase fieldset legend {
	border: 1px dotted #444444;
	padding: 4px;
	color: #909090;
}
#purchase .product-overview {
	width: 680px;
	margin: 0.5em 0px 0.5em 0px;
}
#purchase .product-overview th {
	background: transparent url(../images/primary_nav_bg.png) repeat-x 50% -4px;
	height: 20px;
	font-weight: bold;
	border-bottom: 1px solid #585858;
}
#purchase .product-overview .qty {
	width: 60px;
	text-align: center;
}
#purchase .product-overview .desc {
	width: 460px;
}
#purchase .product-overview .currency {
	width: 80px;
	text-align: center;
}
#purchase .product-overview .desc_fee {
   text-align: right;
	padding-right: 1em;
}
#purchase .product-overview .price {
	width: 60px;
	text-align: right;
	padding-right: 20px;
}
#purchase .product-overview td {
	padding: 8px 0px;
	border-bottom: 1px dotted #585858;	
}
#purchase .product-overview .total {
   background: #292923;
	border-bottom: 2px solid #ffdc00;	
	font-weight: bold;
}
#purchase .inputSubmit {
	background-color: #ffcd00;
	border: 1px solid #c8aa00;
	padding: 2px 15px 3px;
	color: #222222;
	cursor: pointer;
	display: block;
	margin: 10px auto;
	font-weight: bold;
}
#purchase .inputSubmit:hover {
	background-color: #ffdc00;	
}

/* -----------------------------------*/
/* =Footer                            */
/* -----------------------------------*/
#footer {
	background: transparent url(../images/footer_bg.png) no-repeat 50% 0px;	
	width: 784px; height: 35px;
	margin: 3em auto 0em; /*3em*/
	color: #5c5c5c;
	font-size: 1.3em;
	padding: 12px 14px 0px 14px;
}
#footer a {
	color: #5c5c5c;
}
#footer a:hover {
	color: orange;
}
#footer span {
	float: right;
}

/* -----------------------------------*/
/* =Affiliates                        */
/* -----------------------------------*/
#affiliates {
	/* background: transparent url(../images/footer_affiliates_bg.png) no-repeat 50% top;	*/
	overflow: auto;
	width: 768px; height: 69px;
	margin: 0px 0px 2em 0px;
	padding: 15px 22px 0px 22px;
	/* edited by ace 	padding: 15px 22px 0px 22px; */
}
#affiliates li {
	float: left;
}
#affiliates li a.external {
	background: transparent url(../images/footer_affiliates.png) no-repeat left top;
	text-indent: -999em;
	display: block;
	height: 67px;
	padding-right: 0px;
}
#affiliates li a.csla {	width: 113px; margin-right: 99px;}
#affiliates li a.csla:hover {	background-position: left -67px;}
#affiliates li a.lxd {	background-position: -142px 0px; width: 129px; margin-right: 99px;}
#affiliates li a.lxd:hover {	background-position: -142px -67px;}
#affiliates li a.kallusive {	background-position: -310px 0px; width: 56px; margin-right: 99px;}
#affiliates li a.kallusive:hover {	background-position: -310px -67px;}
#affiliates li a.acdc {	background-position: -404px 0px; width: 120px; margin-right: 38px;}
#affiliates li a.acdc:hover {	background-position: -404px -67px;}
#affiliates li a.smoovement {	background-position: -550px 0px; width: 157px; margin-right: 0px;}
#affiliates li a.smoovement:hover {	background-position: -550px -67px;}

/* -----------------------------------*/
/* =Calendar                          */
/* -----------------------------------*/
.calendarBG {
	width: 100%; margin-bottom: 15px;
 background-color: #000;
}

.calendarBlank {
 background-color: #999;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #444;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}