/* Cobus Potgieter CSS  */

/* Predefined 
	 elements */

body {
	background: url(../images/drum_background.jpg) no-repeat top center;
	height: 100%;
	margin: 0;
	padding: 0;	
	text-align: center;
}

html {
	background: url(../images/gray_blue_background2.png) repeat-y center #000000;
	height: 100%;
}

html > body {
 min-height: 100%;
 height: auto;
}

img {
	border: 0;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
	padding: 0;
}

label, .label {
	color: #223a30;
	font-size: 10px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
}


#presale {
	position: absolute;
	top: 0px;
	
}

/* All elements 
	 Blogroll */
	 
.blogroll {
	font-size: 11px;
}	 
	 
.blogroll a {
	color: #000000;
	text-decoration: none;
}

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

#page #content #box .comment {
	font-size: 11px;
	padding: 10px 5px 0 5px;
	width: 460px;
}

#page #content #box .blog a.title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#page #content #box .blog a {
	font-size: 11px;	
}

.blog .text {
	font-family: arial;
	font-size: 11px;
}



/* All Elements 
	 Cart */

#cart td {
	font-family: arial;
	font-size: 11px;
}

#cart-note {
	background: url(../images/cart_black_background.png);
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	padding: 5px;
}

#cart .quantity-field {
	width: 25px;
}

#cart-top {
	background: url(../images/cart_black_background.png);
	color: #ffffff;
	display: block;
	font-family: arial;
	font-size: 11px;
	left: 50%;
	margin-left: -381px;
	position: fixed;
	padding: 10px;
	text-align: left;
	width: 753px;
	z-index: 2;
}

#cart-top a {
	color: #ffffff;
	font-weight: bold;
	margin-left: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#cart-top a:hover, #cart-failed a:hover {
	color: #d6d6d6;
}

#cart-top .display {
	color: #bd5252;
}

/* All Elements 
	 Check it out */

#check-it-out-dvd {
	background: url(../images/dvd_border.png) no-repeat;
	font-family: arial;
	font-size: 12px;
	height: 320px;
	width: 462px;	
}

#check-it-out-products {
	font-family: arial;
	font-size: 12px;
}

#check-it-out-dvd .add-to-cart a, #check-it-out-products .product .add-to-cart a  {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

#check-it-out-dvd .add-to-cart a:hover, #check-it-out-products .product .add-to-cart a:hover {
	color: #000000;
	text-decoration: underline;
}

#check-it-out-dvd .title, #check-it-out-products .product .title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#check-it-out-dvd .cover {
	padding: 33px 0 0 6px;
	width: 200px;
	max-width: 200px;	
	max-height: 250px;
	overflow : hidden;
}

#check-it-out-products .product .cover {
	padding: 30px 0 0 0;
	text-align: center;
	width: 200px;
	max-width: 200px;
	max-height: 250px;
	overflow : hidden;
}

#check-it-out-dvd .text {
	font-family: arial;
	font-size: 11px;
	padding: 33px 0 0 0;
	width: 220px;
}

#check-it-out-products .product .text {
	font-family: arial;
	font-size: 11px;
	padding: 10px 0 0 0;
	width: 220px;
}

#check-it-out-dvd .price, #check-it-out-products .product .price {
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
	width: 120px;
}

#check-it-out-dvd #red-lines {

}

/* All elements 
	 Dot */

#dot {
	color: #5b814a;
	font-size: small;
}


/* All elements 
	 Faq */

#page #content #box .faq a.title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.faq .text {
	font-family: arial;
	font-size: 11px;
}

#page #content #box .faq a {
	font-size: 11px;	
}


/* All elements 
	 Footer */

#footer {
	margin-bottom: 20px;
}

#footer #copyright {
	color: #231f20;
	font-family: arial;
	font-size: 9px;
	margin: 0 10px 15px 0;
}

#footer .line {
	margin: 8px 0 8px 0;
}

#footer #sponsors {
	text-align: center;
}


/* All elements 
	 Search box */

#search #products {
	font-family: arial;
	font-size: 12px;
}

#search #products .product .add-to-cart a  {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

#search #products .product .add-to-cart a:hover {
	color: #000000;
	text-decoration: underline;
}

#search #products .product .title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#search #products .product .cover {
	padding: 30px 0 0 0;
	text-align: center;
	width: 240px;
}

#search #products .product .text {
	font-family: arial;
	font-size: 11px;
	padding: 10px 0 0 0;
}

#search #products .product .price {
	font-size: 16px;
	font-weight: bold;
	padding-top: 3px;
	width: 120px;
}



/* All elements 
	 Top box */

#top-box {
	background: url(../images/black_background.jpg) no-repeat;
	height: 362px;
	width: 860px;
}

#top-box #content {
	margin-left: 61px;
	width: 538px;
}

#top-box #content #blogroll #rss {
	left: 355px;
	position: relative;
	top: -220px;
	width: 25px;
}

#top-box #content #blogroll #whats-the-latest-news {
	background: url(../images/blogroll_background.png) no-repeat;
	color: #000000;
	font-family: arial;
	height: 220px;
	padding: 144px 0 0 62px;
	top: 74px;
	left: 82px;
	position: relative;
	width: 268px;
}

#top-box #content #blogroll #whats-the-latest-news-box {
	width: 250px;
}

#top-box #content #check-it-out {
	height: 200px;
	padding: 35px 0 0 33px;
	width: 505px;	
}

#top-box #content #check-it-out #rss {
	left: 315px;
	position: relative;
	top: -23px;
	width: 25px;
}

#top-box #content #cobus-live #timer {
	background: url(../images/cobus_live_background.png) no-repeat;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	height: 81px;
	margin: 32px 0 0 48px;
	padding: 200px 0 0 0;
	text-align: center;
	width: 403px;
}

#top-box #content #cobus-live #justintv {
	color: #ffffff;
	display: none;
	font-family: arial;
	font-size: 12px;
	margin: 30px auto 0 auto;
	text-align: center;
	width: 403px;
}



#top-box #content #default {
	background: url(../images/up_for_grabs_background.gif) no-repeat;
	color: white;
	height: 197px;
	margin: 38px 0 0 9px;
	padding: 100px 0 0 30px;
	width: 559px;	
}

#top-box #content #faq {
	height: 309px;
	margin: 29px 0 0 5px;
	width: 383px;
}

#top-box #content #say-what #say-what-check-it-out {
	height: 232px;
	width: 257px;
	margin: 70px 0 0 9px;
}

#top-box #content #say-what #say-what-up-for-grabs {
	background: url(../images/say_what_up_for_grabs_ad.png) no-repeat;
	height: 197px;
	margin: 45px 0 0 0;
	padding: 90px 0 0 12px;
	width: 260px;
}

#top-box #content #up-for-grabs #rss {
	left: 355px;
	position: relative;
	top: -90px;
	width: 25px;
}

#top-box #content #say-what #say-what-up-for-grabs .more {
	font-family: arial;
	font-size: 12px;
	margin: 15px 0 0 23px;
	text-align: center;
	width: 200px;	
}


#top-box #content #up-for-grabs {
	background: url(../images/up_for_grabs_background_2.gif) no-repeat;
	height: 82px;
	margin: 28px 0 0 30px;
	padding: 244px 0 0 20px;
	width: 533px;
}

#top-box #sidebar {
	margin: 14px 61px 0 0;	
	width: 200px;
}

#top-box #sidebar #follow-me-on {
	margin: 20px 0 0 0;
	text-align: center;
}

#top-box #sidebar #menu {
	margin: 14px 0 0 0;
	text-align: center;
}

#top-box #sidebar #search #search-button {
	border: 0;
	height: 15px;
	padding: 0;
	top: 1px;
	left: -24px;
	position: relative;
	width: 22px;
}

#top-box #sidebar #search #search-field {
	background: none;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: xx-small;
	width: 123px;
	height: 13px;
}


/* All elements 
	 Page */

#page #_blogroll {
	background: url(../images/page_recent_blogs.png) no-repeat;
	color: #000000;
	font-family: arial;
	height: 213px;
	padding: 70px 0 0 25px;
	width: 231px;
}

#page #_blogroll_archive {
	color: #000000;
	font-family: arial;
	font-size: 11px;
	padding: 0 0 0 50px;
}

#page #_blogroll_archive .title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase; 
}

#page #_blogroll_archive a.month, #page #_blogroll_archive a.year {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

#page #_cobus-live {
	background: url(../images/page_cobus_live_small.png) no-repeat;
	color: #ffffff;
	display: block;		
	height: 61px;
	text-align: center;
	font-family: arial;
	font-size: 11px;
	padding: 117px 0 0 0;
	width: 262px;
}

#page #_cobus-live-large {
	background: url(../images/page_cobus_live.png) no-repeat;
	color: #ffffff;
	display: block;
	height: 73px;
	text-align: center;
	font-family: arial;
	font-size: 11px;
	padding: 160px 0 0 0;
	width: 262px;	
}

#page #content #box {
	font-family: arial;
	font-size: 12px;
	margin-left: 20px;
	width: 500px;
}

#page #content #box-large {
	font-family: arial;
	font-size: 12px;	
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}

#page #content #box h1, #page #content #box-large h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase; 
}

#page #content #box a, #page #content #box-large a {
	color: #000000;
	text-decoration: underline;
}

#page #search .title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase; 
}

#page #sidebar {
	width: 260px;
}

#page #_up-for-grabs {
	background: url(../images/page_up_for_grabs.png) no-repeat;
	height: 192px;
	padding: 95px 0 0 12px;
	width: 265px;
	z-index: 1;
}

#page #_up-for-grabs .more {
	font-family: arial;
	font-size: 12px;
	margin: 15px 0 0 23px;
	text-align: center;
	width: 200px;	
}


/* All elements 
	 Wrapper */

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

#wrapper #footer {
	margin: 0 33px 0 43px;
	width: 784px;	
}

#footer a {
	color: #000000;
	text-decoration: underline;
}

#wrapper #header {
	margin: 49px 0 0 0;
	padding: 0;
	width: 860px;	
}

#wrapper #header #logo {
	float: right;
	height: 67px;
	width: 283px;
}

#wrapper #page {
	margin: 0 30px 40px 40px;
	width: 790px;
}


/* Class elements 
	 Aligning elements */

.align-left {
	float: left;
}

.align-right {
	float: right;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}


.clear {
	clear: both;
}


/* Class elements 
	 Video elements */

.video-box {
	color: #808285;
	font-size: 9px;
	font-family: Arial;
	margin-left: 4px;
	text-align: center;
}

.video-box .cover {
	border: 1px solid #ffffff;
	height: 66px;
	width: 111px;
}

.video-box .text {
	margin: 4px 0 0 0;
}

.video-box .text a {
	color: #808285;
	text-decoration: none;
}

.video-box .text a:hover {
	color: #808285;
	text-decoration: underline;
}


/* Class elements 
	 Margin elements */

.margin-top-6 {
	margin-top: 6px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-top-19 {
	margin-top: 19px;
}

.margin-top-20 {
	margin-top: 20px;
}

.margin-top-42 {
	margin-top: 42px;
}

.margin-top-52 {
	margin-top: 52px;
}

.margin-top-80 {
	margin-top: 80px;
}

.margin-top-110 {
	margin-top: 110px;
}

.margin-bottom-6 {
	margin-bottom: 6px;
}

.margin-left-20 {
	margin-left: -20px;
}

/* Class elements 
	 Positions elements */

.up-10 {
	position: relative;
	top: -10px;
}

.up-27 {
	position: relative;
	top: -27px;
}

.up-30 {
	position: relative;
	top: -30px;
}

.up-55 {
	position: relative;
	top: -55px;
}


/* Class elements 
	 Generic elements */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.red-text {
	color: #ed1c24;
}

.dark-red-text {
	color: #551818;
}

a.white-link {
	color: #ffffff;
	text-decoration: none;
}

a.white-link:hover {
	text-decoration: underline;
}

.font-10 {
	font-size: 10px;
}

.font-11 {
	font-size: 11px;
}

.font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px;
}

.height-120 {
	height: 120px;
}

.input-field {
	padding: 3px;
	border: 2px solid #4a6459;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.input-field-email {
	background-color: #ededed;
	padding: 3px;
	border: 1px solid #d1d1d1;
	color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.hide {
	display: none;
}

.note {
	color: #223a30;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.padding-top-5 {
	padding-top: 5px;
}

.product-cover {
	padding: 5px 5px 5px 10px;
}

.width-25 {
	width: 25px;
}

.width-50 {
	width: 50px;
}

.width-85 {
	width: 85px;
}

.width-120 {
	width: 120px;
}

.width-130 {
	width: 134px;
}

.width-145 {
	width: 145px;
}

.width-200 {
	width: 225px;
}

.width-250 {
	width: 250px;
}

.width-265 {
	width: 265px;
}

.width-450 {
	width: 450px;
}

.width-500 {
	width: 500px;
}

.padding-4 {
	padding: 4px;
}

.bg-white {
	background-color: #ffffff;
	border: 2px solid #4a6459;
	padding: 1px;
}

.text-align-right {
	text-align: right;
}

.center {
	text-align: center;
}

ul.horizontal {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.horizontal li {
	padding-right: 5px;
	display: inline;
}

.border-white {
	border: 1px solid #ffffff;
}

.white-title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.field-358 {
	background: url(../images/field_bg_358.png) no-repeat center top;
	border: 0;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	padding: 5px 20px 2px 10px;
	width: 328px;
	height: 17px;
}

.field-325 {
	background: url(../images/field_bg_325.png) no-repeat center top;
	border: 0;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	padding: 5px 20px 2px 10px;
	width: 295px;
	height: 17px;
}

.field-239 {
	position: relative;
	background: url(../images/field_bg_239.png) no-repeat center top;
	border: 0;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	padding: 5px 20px 2px 10px;
	width: 209px;
	height: 17px;
}

.field-243 {
	background: url(../images/field_bg_243.png) no-repeat center top;
	border: 0;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	padding: 5px 20px 2px 10px;
	width: 213px;
	height: 17px;
}

.field-299 {
	background: url(../images/field_bg_299.png) no-repeat center top;
	border: 0;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	padding: 5px 20px 2px 10px;
	width: 269px;
	height: 17px;
}

.textarea-427 {
	background: url(../images/textbox_bg.png) no-repeat center top;
	border: 0;
	color: #ffffff;
	font-family: arial;
	font-size: 11px;
	padding: 5px 17px 2px 10px;
	width: 400px;
	overflow: hidden;
	margin: 0;
	height: 54px;
}

.red-field {
	padding: 3px;
	border: 2px solid #692020;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.red-link {
	color: #692020;
}