/* Style Sheet */

body {margin:0 auto; background:#E0F0FC !important ;font-family:<ss:value source=$font.subheading.face/> !important;}

a:link{text-decoration:none;color:#03C; font-weight:bold}
a:visited{text-decoration:none;color:#03C;font-weight:bold}
a:hover{text-decoration:none;color:#FF0000;font-weight:bold}
a:active{text-decoration:none;color:#03C;font-weight:bold}

.leftnav A:link {text-decoration:none;font-weight:bold;color:#03C;}
.leftnav A:visited {text-decoration:none;font-weight:bold;color:#03C;}
.leftnav A:hover {text-decoration:none;font-weight:bold;color:#FF0000;}
.leftnav A:active {text-decoration:none;font-weight:bold;color:#03C;}
.leftnav A {line-height:20px}


.banner A:link {text-decoration:none;font-weight:normal;color:#3300CC;}
.banner A:visited {text-decoration:underline;font-weight:normal;color:#3300CC;}
.banner A:hover {text-decoration:none;font-weight:normal;color:#3300CC;}
.banner A:active {text-decoration:underline;font-weight:normal;color:#3300CC;}
.banner img {float:right}

.bar A:link, #beatstop A:link, #footer A:link {text-decoration:none;font-weight:normal;color:#ffffff;}
.bar A:visited, #beatstop A:visited, #footer A:visited {text-decoration:none;font-weight:normal;color:#ffffff;}
.bar A:hover, #beatstop A:hover, #footer A:hover {font-weight:normal;color:#FF0000;}
.bar A:active, #beatstop A:active, #footer A:active {text-decoration:none;font-weight:normal;color:#ffffff;}

td.content {font-family:Arial, Helvetica, sans-serif;}

.content {font-family:Arial, Helvetica, sans-serif;}

.title {font-size:8pt;font-weight:normal;font-family:<ss:value source=$font.subheading.face/>;color:#ffcc66;background-color:#3300CC;}

.banner {font-size:8pt;font-weight:normal;font-family:Arial, Helvetica, sans-serif;color:#3300CC;}
.leftnav {font-size:9pt;font-family:Arial, Helvetica, sans-serif;color:#000000;; min-height:500px}

.footer {font-size:10pt;font-weight:normal;font-family:Arial, Helvetica, sans-serif;text-align:center;color:#000000;}
.bar, #beatstop, #footer {font-size:10pt;font-weight:normal;font-family:Arial, Helvetica, sans-serif;background-color:#222;height:35px !important; line-height:35px; text-align:right; color:#FFF}

.line	{
	border-right : 2px dotted gray;
	margin : 0px 15 0 1px;
	padding : 0px 10px 0px 15px;
	}

#beatstop .text, #footer .text {margin-right:20px}
#beatsmast {position:relative; height:123px; background: url(mastbkgrnd.jpg) left no-repeat #10107E; border-top:1px solid #666; border-bottom:1px solid #666}
#promotion {width:364px; height:123px; position:absolute; top:-2px; right:20px; background: url(tagline.png) no-repeat;}
#searchpane {float:left; margin-left:20px;height:35px}

#ccards {float:left; height:32px; margin: 2px 0 0 3px}
#navbar {float:right; color:#FFF; margin-right:20px; height:35px;}

#container {width:100%; float:right; margin-left:-250px;}
#content {margin:25px 25px 25px 250px}
#sidebar {width: 200px; float: left; margin: 20px 25px 0 0}
#sidebar a {padding-left:10px}
#sidebar input {margin-left:10px; margin-right:-14px}

#footer {text-align:right; width:962px !important; margin:0 auto !important; padding:0 !important}
#copyright {text-align:right; color:#666; font-style:italic; font-size:x-small; font-family:Arial, Helvetica, sans-serif; margin: 1px auto 5px; width:960px}

.side_top, .side_top_grn {padding-top:5px; padding-left:5px; height:36px; margin-bottom:-12px; margin-top:-20px; margin-left:-10px }
.side_bottom, .side_bottom_grn {clear:both; margin-bottom:25px; }
.sidetext p {padding:0 8px 10px 8px}
.sidetext img {padding-left: 10px; border:none}

.side_top{}
.side_top_grn{background: url(side_top_grn.png) no-repeat;}
.side_bottom_grn{background: url(side_bottom_grn.png) no-repeat bottom; }
.side_bottom{background: #FFFFF0; border:1px solid #CCC}

#wrap {width:960px; background-color:#FFF; border:1px solid #333; margin: 10px auto 0;} 
#contentwrap {padding:0 25px; min-height:1100px}

.promo {height:20px; line-height:20px; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:8px 0 -10px 0}
.go {margin-bottom:-7px}
#contentwrap .thumbs {width:90px !important; height:90px !important; border:1px solid #666}
#contentwrap .bigthumb {width:140px !important; height:140px !important; border:1px solid #666; float:right; margin:20px 10px 10px 0}
#contentwrap td {vertical-align:top}

h1 {font-weight:normal; color:#03C; font-size:22px; margin-bottom:0}
h2 {font-weight:normal; color:#03C; font-size:20px; margin-bottom:0}
h3 {font-weight:normal; color:#03C; font-size:18px; margin-bottom:0}
h4 {font-weight:normal; color:#03C; font-size:16px; margin-bottom:0}

#magicbox {height:215px; padding-bottom:25px}
#shipping {width:230px; height:215px; float:left; margin:25px 0 0 0; background: url(shipping.jpg) no-repeat;}

#featured{ 
	width:426px; 
	padding-right:250px; 
	position:relative; 
	height:250px; 
	background:#fff; margin:20px 0

}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:282px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	width:52px !important; height:52px !important;
	float:left; margin:2px 5px; 
	padding:2px; border:none;	
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:<ss:value source=$font.subheading.face/>; 
	line-height:24px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:59px; 
	color:#333;  background:#E0F0FC; 
	line-height:20px;
	border: 1px solid #CCC;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{
	background:url(selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#FEFBA8;
	border: 1px solid #FEFBA8;
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
	border:1px solid #CCC
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; width:400px;
	background: url(transparent-bg.png); 
}
#featured .info h2{ 
	font-size:18px;  
	color:#fff; padding:5px; margin:0 0 -13px 0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:10px; 
	font-family:<ss:value source=$font.subheading.face/>;  
	line-height:15px; color:#FFF;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

#featured .subheading {font-style:italic; font-weight:normal; line-height:13px !important; padding-right:5px}

#twitter {color:#FFF}

.twitted {
	width: 16em;
	margin-bottom: 1.5em;
	border: 1px solid #888;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0 0.8em;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #00f;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #f00;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}

#twitter ul {list-style:none; list-style-type:none; padding:0 10px}

#policylinks {float:right; border:1px solid #CCC; padding:5px; margin:30px 0}
#policylinks ul {list-style:none; list-style-type:none; padding:5px; margin:0}
#privacy h3 {margin-top:10px; color:#000; font-weight:bold; font-size:16px}
	
.charity {margin-left:-5px; margin-bottom:25px}

.pesa {margin-left:-15px; text-align:center}

.recycle a {line-height:12pt; padding-left:0 !important}
.recycle {padding-top:0}

.gaga{margin-bottom:10px}
.buyback{margin-bottom:25px}