/*
	BIG-BALL Rugby Trading Cards Screen Styles
	Developed by Digital Valley - http://digitalvalley.co.za/
*/

/* Selectors */

body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: url("../images/bg_pattern.jpg") center top repeat-x #b60e13; }
/* body#home { background: url("../images/bg_stadium.jpg") center top no-repeat #b60e13; } */

h1, h2, h3, h4, h5, h6  { margin: 0; padding: 10px 0 25px 0; }
h2 { font-size: 30px; }
h3 { font-size: 18px; }

p, ul, ol, dl, form { margin: 0 0 15px 0; padding: 0; font-size: 12px; line-height: 18px; }

li { margin: 0 0 10px 0; }

img, a img { border: none; }

dl dt { margin: 0 0 15px 0; font-size: 14px; font-weight: bold; }
dl dd { margin: 0 0 30px 15px; }

input {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff;}
textarea { width: 200px; margin: 0 0 15px 0; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; border: solid 1px #B60E13; background: #EC1F24; overflow: auto;}

/* messages */
.message_box {float:left; clear:both; width:100%; margin:10px 0 20px 0; border:2px solid #FCEC21; background:#FFF;}
.message_box p {margin:20px;}
.message_box a {color:#B60E13;}
.error, .warning, .highlight {color:#F00; font-weight:bold;}
.warning {color:#FF8B05;}
.highlight {color:#508E39; font-weight:bold;}
.required {color:#FFF;}
/************/

/* session menu */
#session_menu {float:left;width:100%; height:20px; padding:5px 0; text-indent:20px; line-height:20px; color:#FFF; background:#B60E13;}
#session_menu p {display:block; float:left; padding:0; margin:0;}
#session_menu ul {display:block; float:right; margin-right:20px; list-style-type:none;}
#session_menu li {display:inline;}
#session_menu a {color:#FCEC21; text-decoration:none;}
#session_menu a:hover {color:#FFF; text-decoration:underline;}
 
/* Header */

#header { width: 100%; height: 180px; position: relative; left: 0; top: 0; z-index: 2; }
#header h1 { margin: 0 auto; padding: 30px 0; text-align: center; }
#header h1 a { display: block; width: 100%; height: 100%; color: #EC1F24; text-decoration: none; }
#header h1 a:hover { color: #fcec21; }

/* Navigation */

#nav { clear: both; width: 700px; margin: 0 auto 30px auto; height: 30px; background: #EC1F24; }
#nav ul { width: 700px; height: 30px; margin: 0 auto; padding: 0; list-style: none; }
#nav ul li { display: inline; }
#nav ul li a { float: left; display: block; width: 100px; height: 30px; margin: 0; padding: 0; font-weight: bold; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 28px; background: #EC1F24; }
#nav ul li a:hover { color: #000; background: #fcec21; }

/* Feature */

#feature { display: block; width: 100%; height: 470px; margin: -180px auto 0 auto; position: relative; z-index: 1; }

#alertbox { width: 400px; margin: 0 auto; padding: 15px; color: #fff; text-align: center; background: #EC1F24; }

/* Headings (Page titles) */

h2 { text-indent: -9999px; overflow: hidden; }
h2#cards { background: url("../images/hdr_cards.gif") left top no-repeat; }
h2#faq { background: url("../images/hdr_faq.gif") left top no-repeat; }
h2#about { background: url("../images/hdr_about.gif") left top no-repeat; }
h2#shop { background: url("../images/hdr_shop.gif") left top no-repeat; }

h2#parents_area { background: url("../images/hdr_parents_area.gif") left top no-repeat; }
h2#media { background: url("../images/hdr_media.gif") left top no-repeat; }
h2#mediasherylle { background: url("../images/hdr_media_dr-sherylle.gif") left top no-repeat; }
h2#mediarugby{ background: url("../images/hdr_media_rugby-training.gif") left top no-repeat; }
h2#contact { background: url("../images/hdr_contact.gif") left top no-repeat; }
h2#golden { background: url("../images/hdr_golden.gif") left top no-repeat; }
h2#members_area { background: url("../images/hdr_members_area.gif") left top no-repeat; }
h2#news { background: url("../images/hdr_news.gif") left top no-repeat; }
h2#login { background: url("../images/hdr_login.gif") left top no-repeat; }
h2#register { background: url("../images/hdr_register.gif") left top no-repeat; }
h2#quiz { background: url("../images/hdr_quiz.gif") left top no-repeat; }
h2#your_profile { background: url("../images/hdr_your_profile.gif") left top no-repeat; }
h2#boffs { background: url("../images/hdr_boffs.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#poll { background: url("../images/hdr_poll_archive.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#products { background: url("../images/hdr_products.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#shopping_cart { background: url("../images/hdr_shopping_cart.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#shipping_address { background: url("../images/hdr_shipping_address.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#order_summary { background: url("../images/hdr_order_summary.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#place_order { background: url("../images/hdr_place_order.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#complete_your_collection{ background: url("../images/hdr_complete_your_collection.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#shopping_terms_and_conditions{ background: url("../images/hdr_shopping_terms_and_conditions.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#delivery_information { background: url("../images/hdr_delivery_information.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#terms_and_conditions { background: url("../images/hdr_terms_and_conditions.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#terms_and_conditions_and_faqs { background: url("../images/hdr_terms_and_conditions_and_faqs.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
h2#cards_on_your_phone { background: url("../images/hdr_cards_on_your_phone.gif") left top no-repeat; }
h2#frequently_asked_questions { background: url("../images/hdr_frequently_asked_questions.gif") left top no-repeat; margin-bottom: 5px; padding-bottom: 0px; }
/* Layout structure */

#container { display: block; width: 960px; margin: 0 auto;  background: url("../images/bg_content.jpg") center top no-repeat; }
#container a { color: #fcec21; text-decoration: none; border-bottom: solid 1px #fcec21; }
#container a:hover { color: #fff; border-bottom: solid 1px #fff; }
body#home #container { margin: 0 auto; background: none; }
#container ol, ul { margin-left: 15px; }

.column { float: left; width: 290px; min-height: 200px; margin: 0 15px 30px 15px; display: inline; }
.column .wrapper, .column_diet .wrapper { padding: 15px 15px 0 15px; color: #ffffff; }
.column.span_3 { width: 930px; background: transparent; }
.column.span_half { width: 450px; }
.column.span_3 .wrapper, .column.span_half .wrapper { padding: 30px; }
.column.span_half .wrapper.no_heading { padding-top: 90px; }

.column_diet { clear: both; float: left; width: 930px; margin: 0 15px; }

body#home .column { background: url("../images/rounded_bottom.gif") left bottom no-repeat #EC1F24;}
body#home .column .wrapper { background: url("../images/rounded_top.gif") left top no-repeat;  height: 220px }
body#home .column .wrapper h3 { padding: 5px 0 15px 0; font-size: 18px; text-transform: uppercase; text-align: center; background: url("../images/rounded_bg_h3.gif") left top no-repeat; }

body#cards .golden { background: url("../images/rounded_bottom.gif") left bottom no-repeat #EC1F24; width: 290px; margin-right: 115px; float:right}
body#cards .golden .sml_wrapper { background: url("../images/rounded_top.gif") left top no-repeat;  height: 220px; }
body#cards .golden .sml_wrapper h3 { padding: 5px 0 15px 0; font-size: 18px; text-transform: uppercase; text-align: center; background: url("../images/rounded_bg_h3.gif") left top no-repeat; }

#news_list { list-style: none; }
#news_list a { color: #fff; text-decoration: none; border: none; }
#news_list a:hover { color: #fcec21; border-bottom: solid 1px #fcec21; }

#sidebar { position: relative; left: 60px; float: right; width: 230px; margin: 0; padding: 30px 30px 60px 30px; /*background: #fcec21;*/ background: url("../images/bg_sidebar_questions.gif") left top no-repeat; }
#sidebar ul { margin: 30px 0 0 0; list-style: none; }
#sidebar ul li a { color: #333333; text-decoration: none; }
#sidebar ul li a:hover { color: #EC1F24; border-bottom: solid 1px #EC1F24; }

#sidebar_about { position: relative; left: 60px; float: right; width: 230px; margin: 0; padding: 100px 35px 60px 20px; /*background: #fcec21;*/ background: url("../images/bg_sidebar_about.gif") left top no-repeat; color:#333333; line-height: 21px; }
#sidebar_downloads { position: relative; left: 60px; float: right; width: 235px; margin: 0; padding: 62px 35px 60px 15px; /*background: #fcec21;*/ background: url("../images/bg_sidebar_downloads.gif") left top no-repeat; color:#333333; line-height: 21px; }
#sidebar_downloads a { border: none; }
#sidebar_downloads a:hover { border: none; }
#sidebar_shop { position: relative; left: 73px; float: right; width: 300px; margin: 0; height: 412px; background: url("../images/img_binder_cards.jpg") left top no-repeat; color:#333333; line-height: 21px; }
#sidebar_news { position: relative; left: 60px; float: right; width: 230px; height: 418px; margin: 0; padding: 62px 35px 60px 20px; /*background: #fcec21;*/ background: url("../images/bg_sidebar_news.gif") left top no-repeat; color:#333333; line-height: 21px; }
#sidebar_news a {color:#000000; font-weight:bold; }
#sidebar_news a:hover {color:#FF0000;}

.golden_rugby_token { position: relative; top: -40px;  float: right; }

/* Footer */

#footer { clear: both; width: 100%; margin: 0 0 30px 0; }
#footer .wrapper { }
#footer .wrapper p { margin: 10px 0; font-size: 10px; color: #000000; }
#footer .wrapper p.left { float: left; }
#footer .wrapper p.right { float: right; }

#footer_nav { list-style: none; width: 505px; height: 60px; margin: 0 auto; padding: 0; }
#footer_nav li { display: inline; float: left; }
#footer_nav li a { border: none; text-indent: -9999px; overflow: hidden; }
#footer_nav li a:hover { border: none; }
#footer_nav li a.cheetahs { display: block; width: 90px; height: 60px; margin: 0 15px 0 0; background: url("../images/vodacom_cheetahs.gif") left top no-repeat; }
#footer_nav li a.blue_bulls { display: block; width: 104px; height: 60px; margin: 0 30px 0 0; background: url("../images/blue_bulls.gif") left no-repeat; }
#footer_nav li a.natal_sharks { display: block; width: 85px; height: 60px; margin: 0 30px 0 0; background: url("../images/sharks_logo.gif") left top no-repeat; }
#footer_nav li a.lions { display: block; width: 45px; height: 60px; margin: 0 30px 0 15px; background: url("../images/lions.gif") left top no-repeat; }
#footer_nav li a.wp_rugby { display: block; width: 59px; height: 60px; background: url("../images/wp_rugby.gif") left top no-repeat; }

#footer .slogan { clear: both; display: block; margin: 25px auto 0 auto; }

#footer .credits { width: 500px; margin: 20px auto; color: #FFCC00; font-size: 10px; }
#footer .credits a { color: #FFCC00; text-decoration: none; border: none; }
#footer .credits a:hover { color: #fff; border-bottom: solid 1px #fff; }

/* Forms */

.textbox, .selectbox { width: 200px; margin: 0 0 15px 0; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; border: solid 1px #B60E13; background: #EC1F24; }
#contact td { vertical-align: top; }
#button, .button {margin: 0 0 15px 0; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; border: solid 1px #B60E13; background: #EC1F24; }
#button:hover, .button:hover { color: #EC1F24!important; border: solid 1px #EC1F24!important; background: #fcec21; cursor: pointer; }

#registration, #profile {display:block; float:left;}
#registration table, #profile table {width:100%;}
#registration td, #profile td { vertical-align: top; }
#registration select, #profile select {width:210px; margin-bottom:15px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; border:0; background:#EC1F24;}
#registration label, #profile label {font-weight:bold;}
#registration #chk_permission {width:auto;}

#login_form {display:block; float:left;}
#login_form table {width:100%;}
#login_form td { vertical-align: top; }
#login_form select {width:210px; margin-bottom:15px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; border:0; background:#EC1F24;}
#login_form label {font-weight:bold;}
#login_form #chk_permission {width:auto;}

#changePasswordForm {display:block; float:left;}
#changePasswordForm table {width:100%;}
#changePasswordForm td { vertical-align: top; }
#changePasswordForm select {width:210px; margin-bottom:15px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; border:0; background:#EC1F24;}
#changePasswordForm label {font-weight:bold;}
#changePasswordForm #chk_permission {width:auto;}

.radio {margin:0 15px 0 0;}

/* Quiz */

#quiz_block {}
#quiz_block p, #quiz_block table {margin-bottom:20px; font-size:16px;}
#quiz_block table {margin-bottom:20px; font-size:16px;}
#quiz_block span {display:block; float:left; clear:both; width:100%; margin:5px 0; font-size:12px; cursor:pointer; border:1px dashed #E2E2E2; background:#EC1F24;}
#quiz_block span:hover {color:#EC1F24; background:#FCEC21;}
#quiz_block input {float:left; margin:13px 13px;}
#quiz_block label {display:block; float:left; width:813px; height:40px; line-height:40px; cursor:pointer;}

#continue {display:block; float:left; width:100%;}
.progress_wrapper {display:block; float:left; clear:both; width:100%; height:24px; margin-bottom:10px; line-height:24px; border:1px solid #FFCC00;}
.progress {display:block; float:left; width:1%; overflow:visible; line-break: strict; color:#000; text-indent:10px; background:#FFCC00;}

#processing {padding:50px 0 50px 50px; color:#333; background:#FFF;}

/* Top 10 */
#top10 {float:left; clear:both; width:930px; margin:0 0 30px 15px;}

/* Cards */

#card_viewer { width: 870px; height: 346px; margin: 0 0 30px 0; }

/* Members */

#members_nav { list-style: none; margin: 0; padding:0 0 0 95px;}
#members_nav li { float: left; display: inline; }
#members_nav a { display: block; width: 195px; height: 300px; margin: 0 30px 0 0; border: none; text-indent: -9999px; overflow: hidden; }
#members_nav a:hover { border: none; }
#members_nav a#shop{ background: url("../images/btn_shop.gif") left top no-repeat; }
#members_nav a#profile{ background: url("../images/btn_your_profile.gif") left top no-repeat; }
#members_nav a#quiz{ background: url("../images/btn_quiz.gif") left top no-repeat; }
#members_nav a#membership_card{ background: url("../images/btn_membership_card.gif") left top no-repeat; }
#members_nav a#videos{ background: url("../images/btn_videos.gif") left top no-repeat; }
#members_nav a.last-child { margin: 0; }

/* Downloads */
a#visual { border-bottom:0px; }
a#training { border-bottom:0px; }
a:hover#visual { border-bottom:0px; }
a:hover#training { border-bottom:0px; }
#downloads_nav {
list-style:none outside none;
margin:0;
padding:0 0 0 95px;
}
/* products */

#products { display: block; width: 100%; height: 300px; }
#products a { float: left; display: block; width: 195px; height: 300px; margin: 0 30px 30px 0; border: none; text-indent: -9999px; overflow: hidden; }
#products a:hover { border: none; }
#products a#btn_starter_pack { background: url("../images/btn_starter_pack.gif") left top no-repeat; }
#products a#btn_collectors_binder { background: url("../images/btn_collectors_binder.gif") left top no-repeat; }
#products a#btn_pack_of_cards { background: url("../images/btn_pack_of_cards.gif") left top no-repeat; }
#products a#btn_complete_your_collection{ margin-right: 0; background: url("../images/btn_complete_your_collection.gif") left top no-repeat; }
#products #product9 {clear:both; width:850px;}

#cart {float:left; width:100%; margin-bottom:20px;}
#cart table {width:100%; border-collapse:collapse; border-color:#333;}
#cart td {padding:6px 0; font-size:12px; text-indent:10px;}
#cart tr#heading {font-weight:bold; font-size:14px;}
#cart a {cursor:pointer;}
#cart form {margin-top:20px;}
#process_button {float:right;}

#address_details td {vertical-align:top; padding:10px 0;}
#address_details input {margin-bottom:0;}

#container a.shop { display: block; width: 195px; height: 60px; border: none; text-decoration: none; background: url("../images/btn_start_shopping.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }
#container a.cards_on_your_phone { float: right; position: absolute; margin: -50px 0 0 654px; display: block; width: 195px; height: 60px; border: none; text-decoration: none; background: url("../images/btn_cards_on_your_phone.gif") left top no-repeat; text-indent: -9999px; overflow: hidden; }

/* Miscellaneous */

.link { font-weight: bold; text-decoration: none; }
a:hover .link {  }

.clear { clear: both; }

#flash_video { margin: 0 0 30px 0; }
#flash_video_2 { margin: 0 0 0px 0; }
.text_center { text-align: center; }