﻿body {
	text-align: center;
	background-color: #FFFFFF;
	top: 0;
	margin: 0;
	padding: 0 0 0 0;
	background-image: url(../images/layout/new_bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: gray;
	height:auto;
}

div.mediabox {  
    border: 3px solid #ddd;  
    margin: auto;  
    background: white;  
    text-align: center;  
    font-weight: bold;  
    padding: 10px  
}
div#bannerHolder
{
    position:relative; 
}
/*--------------------Lifestyle Table Used in In Analysis --------------*/
#choices 
{
    border: 2px solid #e4e4e4;
    
}

#choices input 
{
    background-image:none;
}

.lifestyle table {
border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #e4e4e4;
	border-collapse: collapse;
	background-color: silver;	
	
}

.lifestyle th {
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #e4e4e4;
	background-color: white;
		background-image:url('../images/bg_blue_grad.gif');
	background-repeat:repeat-x;

}
.lifestyle td {
		border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #e4e4e4;
	background-color: white;

				

}

.lifestyle .odd {
	background-color:#EBF2FA;
}

.lifestyle .even {
	background-color: #FFFFFF;
}

ul#lifestyle li
{
     list-style-type:none;
     margin-left:0px;
}
ul#lifestyle li input
{
     border:none;
}
ul#lifestyle 
{
     margin-left:5px;
}
td.Bad
{
    
    color:White;
    background-image: url('../images/icons/emo-bad.gif');
    background-repeat:no-repeat;
    background-position: 12px 2px;
}
td.Poor
{
    
    color:White;
    background-image: url('../images/icons/emo-poor.gif');
    background-repeat:no-repeat;
    background-position: 12px 2px;
}
td.Good
{
    
    color:White;
    background-image: url('../images/icons/emo-good.gif');
    background-repeat:no-repeat;
    background-position: 12px 2px;
}
td.Excellent
{
    
    color:White;
    background-image: url('../images/icons/emo-great.gif');
    background-repeat:no-repeat;
    background-position: 12px 2px;
}

.formRow {clear:both;}

.lifestyleForm 
{
    clear:both;
    }
div.formRow label 
{
  
    clear:left; 
    width:150px;
    float:left;
    display:block;
    position:relative;
}
div.formRow input
{
width:200px;
float:left;
}
div.formRow button 
{
}

/*------------------------------------------------------------------*/

div#bannerMsg
{
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size:32px;
	color: White;
    text-align:center;
    vertical-align:middle;
    line-height:60px;
    top:20px;
    left:20px;
    width:607px;
    height:210px;
} 
input {
	BORDER-RIGHT: #b5b8c8 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #b5b8c8 1px solid;
	PADDING-LEFT: 3px;
	BACKGROUND: url(../images/text-bg.gif) #fff repeat-x 0px 0px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #b5b8c8 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b5b8c8 1px solid;
	height:18px;
	font-size:12px;
	
}

input[type="radio"] {
	border:none;
	background:none;
	background-image:none;
}


textarea {
	BORDER-RIGHT: #b5b8c8 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #b5b8c8 1px solid;
	PADDING-LEFT: 3px;
	BACKGROUND: url(../images/text-bg.gif) #fff repeat-x 0px 0px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #b5b8c8 1px solid;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #b5b8c8 1px solid;
	height:22px;
	
}
select {
	BORDER-RIGHT: #b5b8c8 1px solid;
		BORDER-TOP: #b5b8c8 1px solid;
		BACKGROUND: url(../images/text-bg.gif) #fff repeat-x 0px 0px;
	PADDING-BOTTOM: 1px;
	BORDER-LEFT: #b5b8c8 1px solid;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #b5b8c8 1px solid;
	height:22px;
	

}
.tip {
vertical-align:middle;
border:none;
}

.question {
	background-image: url('../images/question.gif');
	background-repeat:no-repeat;
	background-position:left;
	background-position:0px 2px;
	padding-left:25px;
	font-size:16px;
	}
.answer {
		padding-left:25px;
}

h3.answer {
padding-left:25px;
}




a:link {
	
	color: #459842;
	text-decoration: underline;

}
a:visited {
	
	color: #459842;
	text-decoration: underline;
}
a:hover {
	color: #FE6B09;
	text-decoration: underline;

}
a:active {
	color: #014C82;
	text-decoration: underline;

}

.right_content ul {
     padding: 10px 0 20px 30px;
     list-style-type: disc;
     margin-left:auto;
    }
    
.right_content #right_sidebar ul {
     padding: 5px 0 0px 25px;
     list-style-type: disc;
     margin-left:auto;
    }    
.right_content #right_sidebar ul li {
    line-height:17px;
    padding:1px 0;
    }        
        
li { display:list-item;} 

.right_content ol {
     padding: 10px 0 20px 30px;
    }

p {
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 12px;
	color: gray;
	line-height: 150%;
}
h1 {
	color: #459842;
	font-size: 24px;
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 10px;
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
h2 {
	color: #4786C7;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 20px;
}
h3 {
	color: #014C82;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 10px;
}
h4 {
	color: #014C82;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 10px;
}
h5 {
	color: #014C82;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 10px;
}
h6 {
	color: #014C82;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 10px;
}


/*--------------------Depost Table Used in In Touch Articles--------------*/
.depots table {
width: inherit;

}

.depots th {
	background-color: #578BB8;
	color:#fff;
	text-align:left;
}
.depots td {
		border-right:1px #F5F5F5 solid;
				

}

.depots .odd {
	background-color:#EBF2FA;
}

.depots .even {
	background-color: #FFFFFF;
}

/*-----------MYSITE PROMO TABLE----------------------------------*/

table.mysitePromo {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: silver;
	border-collapse: collapse;
	background-color: white;
	white-space:normal;
	table-layout:auto;
	width:100%;
}
table.mysitePromo th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset ;
	border-color: silver;
	background-color: white;
	background-image:url('../images/bg_blue_grad.gif');
	background-repeat:repeat-x;

}
table.mysitePromo td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: silver;
	background-color: white;
	white-space:normal;

}

table.mysitePromo H4 {
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
	
}
table.mysitePromo p {
padding-left:4px;
font-weight:normal;	
}

/*  Videos Style this can be deleted if the videos are live */
 
 .sportronvids { color:#245b84; background-color:#c2cfe1; border: #245b84 1px solid; width:160px; margin:20px 0 0 20px; padding:15px;}
 
 .svidstable td { vertical-align:top; white-space:normal; padding:0; margin:0;}
 .morevids { background-color:#245b84; border: #245b84 1px solid; width:160px; margin:0 0 0 20px; padding:15px; white-space:normal;}
 .morevids a { color:#FFFFFF;}
 
 /*  Video Style */
 #videosholder { width:660px; margin-bottom:20px;}
 .vidsmodule {
	margin:0px 3px 20px 0;
	padding:0;
	width:326px;
	float:left;
}
.vidscopy {
	width:153px;
	margin:0;
	height:163px;
	overflow:hidden;
	padding:0 5px 0;
}
.vidsimage {
	float:left;
	width:163px;
}
.vidsheader {
	color:#003366;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
	height:15px;
	overflow:hidden;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */

/* homepage style */

.homebuttonscol { color:#FFFFFF; font-weight:bold; width:200px; float:left; border-right: 1px solid #999999; padding: 0 8px 0 8px;}
.homebuttonscol a { color:#FFFFFF; background-image:url(/images/homepage/arrow.gif); padding-right:10px; background-repeat:no-repeat; background-position: 100% 4px;}
.homemodheading {font: bold 12px "Trebuchet MS"; color:#336699; padding:0 0 10px 0; }
.homevideocol { width:200px; float:left; border-right: 1px solid #999999; padding: 0 8px 0 8px; line-height:16px;}
#homecontent ul { margin:0 0 10px 22px; padding:0;}
.homevideocol .hvideo { text-align:center;}
.homevideocol .hvideo img { padding:0 0 2px 0;}
.homemylinkscol { width:200px; float:left; padding: 0 8px 0 8px; line-height:16px;}
.butBO { 
	background-image:url(/images/homepage/business_opportunity_button.gif);
	padding:29px 0 0 7px;
	height:24px;
	width:193px;
	margin:0 0 11px 0;
}
.butWS { 
	background-image:url(/images/homepage/why_sportron_button.gif);
	padding:29px 0 0 7px;
	height:24px;
	width:193px;
	margin:0 0 11px 0;
}
.butFP { 
	background-image:url(/images/homepage/for_partners_button.gif);
	padding:29px 0 0 7px;
	height:24px;
	width:193px;
	margin:0 0 11px 0;
}
.butNTS { 
	background-image:url(/images/homepage/new_to_sportron_button.gif);
	padding:29px 0 0 7px;
	height:72px;
	width:193px;
}
.butNTS ol {
	padding:0;
	margin: 0 0 0 22px;
}
.butNTS li a {
	margin: 0 0 0 -7px;
}
.butNTS ol li {	line-height: 20px;}
.homeheading { border-bottom: 1px solid #999999; clear:both; height:16px; padding:20px 0 5px 0;}
.homeheading .sectionheading { float:left; font-size:18px; color:#336699; font-weight:bold; height:22px; line-height:18px;}
.homeheading .sectionlink { float:right; font-size:11px; padding-top:2px}
.homeheading .sectionlink a { color:#666666; text-decoration:none; background-image:url(/images/homepage/grey_arrow.gif); padding:1px 10px 0 0; background-repeat:no-repeat; background-position: 100% 4px;}
#homecategories { clear:both;}
.homecat { float:left; width:200px; height:91px; overflow:hidden; padding:10px 8px 5px 8px;}
.homecat .catimage { float:left;}
.homecat .catdesc h4 { margin:0 0 5px 0px; font-size:11px; font-weight:bold; line-height:15px; color:#459842;}
.homecat .showCategory .catdesc { margin:0 0 5px 75px; line-height:14px;}
.usefulllinks { margin:0; padding:0;}
#homecontent .usefulllinks ul { margin:0 0 0 1px; padding:0;}
.blog { background-image:url(/images/blog_icon.gif); background-repeat:no-repeat; padding:2px 0 2px 20px; list-style:none; margin:0; background-position:0 2px;}
.facebook { background-image:url(/images/facebook_icon.gif); background-repeat:no-repeat; padding:2px 0 2px 20px; list-style:none; margin:0; background-position:0 2px;}

/* end homepage style */


/* Depots Page */

#sportrondepots { padding:0 0 30px 0;}
.map { width:425px; height:350px; float:right; padding: 0 20px 20px 0;}
.depot { background-color:#ebf2fa; clear:both; overflow:auto;}
.depot .depotdetail { display:none;}
.depotopen { background-color:#ebf2fa; clear:both; overflow:auto;}
.depotopen .moreDetails { background-image:url(/images/arrow_down.png); width:23px; height:23px; margin-top:3px;}
.depot .moreDetails { background-image:url(/images/arrow_right.png); width:23px; height:23px; margin-top:3px;}
#sportrondepots .name { font-weight:bold;}
#sportrondepots .header { overflow:auto; padding:0 9px; height:34px; vertical-align:middle; cursor:pointer;}
#sportrondepots .header:hover { background-color:#6fb0e8; color:#FFFFFF;}
.odd { background-color:#ffffff;}
.depotdetail { width:840px; margin-left:20px; padding-top:5px;}
.contactDetails { float:left; width:310px; padding-bottom:20px;}
.contactDetails table { padding:0; margin:0; table-layout:auto;}
.contactDetails table td { padding-right:20px; padding-left:0; padding-bottom:2px; padding-top:2px;}
.depot .name, .depotopen .name { width:200px;float:left; padding-top:8px; padding-left:10px;}
#gauteng { margin:10px 0 20px 20px;}
.moreDetails { float:right; width:100px; text-align:right; padding-top:4px;}
.workhours td { vertical-align:top;}

/* Business Opportunities Landing Page */

.questions, .questionopen {
	CLEAR: both;
	OVERFLOW: auto;
	BACKGROUND-COLOR: #ebf2fa;
	padding:0px;
	margin: 10px 0;
}

.questions .name, .questionopen .name { width:500px; padding-top:0px; float:none; clear:left; font-weight: bold;}

.questions .questiondetail {
	DISPLAY: none
}

.questions .moreDetails, .questionopen .moreDetails {
	MARGIN-TOP: -3px;
	background-repeat:no-repeat;
	WIDTH: 23px;
	HEIGHT: 25px;
	float:right;
}

.questionopen .moreDetails {
	BACKGROUND-IMAGE: url(/images/arrow_down.png);
}
.questions .moreDetails {
	BACKGROUND-IMAGE: url(/images/arrow_right.png);
}

#c_faqs { padding:5px 0 10px 0;}

#c_faqs .header { padding:10px;}

#c_faqs .header:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #6fb0e8
}

.questiondetail {
	padding:10px 15px;
}

.blueblock { width:657px;}
.blueblock div { background-color:#6fb0e8; color:#FFFFFF;}
.blueblock div p { color:#FFFFFF; }
.blueblock div.blue_cont { padding:10px 10px 0 10px;}
.blueblock div.blue_top, .blueblock div.blue_bottom { padding:0;}
.blueblock .micpic { float:left; padding: 0 5px 10px 5px; margin:0 10px 0 0;}
.blueblock .mictext p { font-size: 14px; padding: 0 20px 10px 0; margin:0;}
.blueblock .mictext a { color:#FFFFFF; padding-top:5px;}

.greyblock { width:184px; float:right; background-color:#d8d8d8}
.greyblock div { background-color:#d8d8d8; color:#FFFFFF;}
.greyblock div p { color:#666666; }
.greyblock h2 { margin-top:3px; padding-bottom:10px;}
.greyblock div.grey_cont { padding:0 10px 0 15px;}
.greyblock div.blue_top, .blueblock div.blue_bottom { padding:0;}

/* .infiniteCarousel for homepage */

.infiniteCarousel {
  width: 350px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 350px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 220px;
  margin: 0 0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #FFF;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0 0;
  height: 230px;
  width: 350px;

}

.infiniteCarousel ul li img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 220px;
  width: 27px;
  background-color:#252525;
  text-indent: -999px;
  position: absolute;
  top: 0px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  background: url(/images/homepage/arrow_right.png) no-repeat 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 0px;
  background: url(/images/homepage/arrow_left.png) no-repeat 0 100%;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 0px;
}

.infiniteCarousel .back:hover {
  background-position: 0 0px;
}

/* this is the style for the tabs content  */


.t_tabs div { float:left}

.t_intro a { background: #5c99d2 url(/images/homepage/into.gif) no-repeat 0 0; width:178px; height:71px; display:block;}
.t_products a {  background: #5c99d2 url(/images/homepage/product.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_howtobuy a {  background: #5c99d2 url(/images/homepage/howtobuy.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_busopp a {  background: #5c99d2 url(/images/homepage/busopp.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_partners a { background: #5c99d2 url(/images/homepage/partners.gif) no-repeat 0 0; width:177px; height:71px; display:block;}

.t_intro a:hover { background: #5c99d2 url(/images/homepage/into_o.gif) no-repeat 0 0; width:178px; height:71px; display:block;}
.t_products a:hover {  background: #5c99d2 url(/images/homepage/product_o.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_howtobuy a:hover {  background: #5c99d2 url(/images/homepage/howtobuy_o.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_busopp a:hover {  background: #5c99d2 url(/images/homepage/busopp_o.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_partners a:hover { background: #5c99d2 url(/images/homepage/partners_o.gif) no-repeat 0 0; width:177px; height:71px; display:block;}

.t_intro a.active { background: #6fb0e8 url(/images/homepage/into_over.gif) no-repeat 0 0; width:178px; height:71px; display:block;}
.t_products a.active {  background: #6fb0e8 url(/images/homepage/product_over.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_howtobuy a.active {  background: #6fb0e8 url(/images/homepage/howtobuy_over.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_busopp a.active {  background: #6fb0e8 url(/images/homepage/busopp_over.gif) no-repeat 0 0; width:177px; height:71px; display:block;}
.t_partners a.active { background: #6fb0e8 url(/images/homepage/partners_over.gif) no-repeat 0 0; width:177px; height:71px; display:block;}

.snav { width:886px; height:252px; background-color:#6fb0e8; color:#FFFFFF; overflow:hidden;}

.tintro {}
.tproducts { display:none;}
.thowtobuy { display:none;}
.tbusopp { display:none;}
.tpartners { display:none;}

.tintro .carousel { width:350px; float:right; height: 220px; padding:0px; margin-top:10px; margin-right:20px;}
.tproducts .carousel { width:350px; float:left; height: 220px; padding:0px; margin-top:10px; margin-left:20px;}
.tbusopp .carousel { width:350px; float:right; height: 220px; padding:0px; margin-top:10px; margin-right:20px;}
.tpartners .carousel { width:350px; float:right; height: 220px; padding:0px; margin-top:10px; margin-right:20px;}


.fivemysites { width: 200px;}
.latestnews { width:200px;}

.fivemysites ul, .latestnews ul  { width: 200px; padding:0 0 5px 30px; margin:0 0 0 10px;}
.allmysites { padding: 5px 0 5px 40px;}
.partnerscolumnright { width:250px; float:right;}
.partnerscolumnleft { width:200px; float:left;}

#hometabs { width: 886px; margin:10px 0; padding:0;}

#hometabs .partnerscolumnright h3 { padding-top:10px;}
#hometabs .partnerscolumnleft h2 { padding:5px 5px 5px 10px;}

#hometabs table, #hometabs td { border: none;}
#hometabs a { color:#FFF;}
#hometabs p { padding-left:20px; margin:0; padding: 5px 10px; color:#FFFFFF;}
#hometabs .howtobuycopy p { padding-left:0px; margin:0; padding: 5px 0px;}
#hometabs .howtobuycopy h2 { padding-left:0px; margin:0; padding: 5px 0px;}

#hometabs .introcopy { float:left; padding:10px; width:490px;}
#hometabs .productscopy { float:right; padding:10px; width:490px;}
#hometabs .howtobuycopy { padding: 0 15px;}
#hometabs .howtobuymod { float:left; padding:0 10px; width:265px;}
#hometabs .busoppcopy { float:left; padding:10px; width:490px;}
#hometabs .partnerscopy { float:left; padding:10px; width:490px;}
#hometabs .carousel {}

#hometabs h1 { font-size:28px; margin:0; padding:0 10px; color:#FFFFFF; }
#hometabs h2 { font-size:20px; padding-left:20px; margin:0; padding:10px; color:#FFFFFF; font-weight:bold;}
#hometabs h3 { font-size:15px; padding-left:20px; margin:0; padding: 5px 10px; color:#FFFFFF; font-weight:bold;}

.productscopy ul { margin-left:25px; list-style:inside; list-style-type:none; padding:0;}
.productscopy ul li { width:205px; float:left; background:url(/images/homepage/bullet.gif) no-repeat 0 4px; padding-left:16px; line-height:18px;}