/* 
	* Apex Radio Stylesheet
	* John McGettrick, Cheetah Web
	* However this is warning that as John left the Cheetah towards the end of development any butcherings were done by Phil
*/

/* 
	* COLOUR INDEX KEY
	------------------------------
	White = #FFFFFF	
	Black = #000000
	Dark Grey = #666666
	Grey = #BCBCBC
	Blue = #1F6EFF
	Red = #FF0000
*/

/*	Global Styles */
/*
*
{

	padding: 0;
	margin: 0;
}
*/

li{ padding: 0; margin: 0 0 10px 0; }

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin: 0px;
	background-color: #FFF;
}

div#body_text
{
	margin: 0 0 20px 0;
	text-align: justify;
}

div#body_text li
{
	/*text-transform: uppercase;*/
	font-size: 10pt;
	font-weight: bold;
	color: #1F6EFF;
	list-style-image: url("../images/leftmenu_arrow.gif");
	text-align:left;
}

p {	background-color: transparent; color: #444; }
p.lnheight25 { line-height: 25px; }

a,  a:active, a:visited { text-decoration:none;	color:#1F6EFF; }
a:hover { text-decoration: underline; }
a.anchor:hover { text-decoration: none; }

.error { color: #f00; }
.red { color: #C00; }
.grey {	color:#666666; }
.blue { color: #05A; }
.small { font-size: 10px; }
.large { font-size: 16pt; }

.ltgreybg { background: #efefef; }

a.white, a.white:visited, a.white:active
{
	color: #fff;
	text-decoration:none;
}

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

div {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
	
img
{
	border: 0;
	background-color: transparent;
}

.clear {
	clear:both;
	margin: 0;
	padding: 0;
}

.left {	float: left; }
.right { float: right; }

.textleft { text-align: left; }
.textcenter { text-align:center; }
.textright { text-align:right; }

div.bordbot
{
	border-bottom: 1px solid #ddd;
}

.redlink a {
	color:#FF0000;
	text-decoration:none;
}

.medsize {
	font-weight:bold;
	font-size:13px;
}

.4pxpadding {
	padding-bottom:0px;
	margin-bottom:4px;
}

.nomargin
{
	margin: 0;
	padding: 0;
}

h1 
{
	font-size:16px;
	font-weight:bold;
	color:#1F6EFF;
}

h2
{
	font-size:13px;
	font-weight:bold;
	color:#1F6EFF;
}

h3
{
	color:#FF0000;
	font-weight:bold;
	font-size:14px;
}

h3.blueheader {
	color:#1F6EFF;
	font-weight:bold;
	font-size: 11px;
	margin:0px;
	padding:0px;
}

.nomargin {
	margin:0px 0px 0px 0px;
}

.smlpadding {
	padding-bottom:6px;
}

table{ color: #666; }

/* Manufacturers brochure link on the view product page */
p.manu_brochure
{
	font-size: 10pt;
	font-variant: small-caps;
}


/*	----------------------------------------------------- 
	List styles
	----------------------------------------------------- */
	
ul.blue_list { margin-bottom: 10px; }
ul.blue_list li { list-style-image: url("../images/leftmenu_arrow.gif"); color: #444;  }

/*	-----------------------------------------------------
	FORM STYLES
	----------------------------------------------------- */
input,
select,
textarea
{
	border: 1px solid #AAA;
	background: #eee;
	font-size: 11px;
	padding: 2px;
	margin: 2px;
	font: 9pt Arial, Sans-serif;
}
option
{
	background: #eee;
}

fieldset { border: 1px solid #006; }

legend
{
	font: 9pt Arial, Sans-serif;
	color: #006;
	margin: 0 0 0 20px;
	padding: 3px;
}

.submit
{
	background: #DDD;
	border: 1px solid #666;
	color: #666;
}

.sub_basic
{
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	color: #1F6EFF;
}	

/*	----------------------------------------------------- 
	Container & Site Parents 

	* For Site Children please see relevant sections
	* eg Site Children --> Main Section
	----------------------------------------------------- */
	
div#container {
	width: 760px;
	text-align: left;
	margin: 12px auto 12px auto;
}

div#header {
	/* Site Children --> Header Section */
	background: #FFFFFF;
	/*height: 104px;*/
	width:760px;
	padding: 0;	
	text-align: left;
}

div#topmenubar {
	background:url('../images/topmenugradient.gif') top left repeat-x;
	height:28px;
	line-height:28px;
	width:760px;
	text-align:right;
	border-top:1px solid #BCBCBC;
	border-bottom:1px solid #BCBCBC;
	clear: both;
}

div#header_strap
{
	margin: 0; padding: 0;
	float: left;
	width: 70%;
	font-variant: small-caps;
}

div#leftside {
	float:left;
	width:150px;
	margin:10px 6px 6px 0;
}

div#mainsection {
	float: left;
	width: 584px;
	margin: 10px 0px 0px 8px;
}

div#footerbar {
	background:url('../images/topmenugradient.gif') top left repeat-x;
	height:28px;
	line-height:28px;
	width:760px;
	text-align:center;
	border-top:1px solid #BCBCBC;
	border-bottom:1px solid #BCBCBC;
	margin-bottom:10px;
	font-size:10px;
}

/*	----------------------------------------------------- 
	Header Container  
	----------------------------------------------------- */
	
div#header_left {
	float: left;
	width: 200px;
}

div#header_right{ text-align: right; float: right; width: 200px; }
div#header_right h1 { font-size: 20pt; margin: 0; padding: 0; }

div#header_right img { margin: 0; padding: 0;}
div#header_right p { margin: 0; padding: 0 0 10px 0; }

ul.greybox_menu {
	margin:0px 0px 12px 20px;
	padding:0px;
}

ul.greybox_menu li {
	display:inline;
	padding:0px 0px 0px 24px;
	margin:0px 0px 0px 0px;
}

ul.greybox_menu li a {
	color:#1F6EFF;
	text-decoration:underline;
}

ul.greybox_menu li.account {
	background:url('../images/tr_youraccount.gif') left no-repeat;
}

ul.greybox_menu li.basket {
	background:url('../images/tr_yourbasket.gif') left no-repeat;
}

ul.greybox_menu li.about {
	background:url('../images/tr_aboutus.gif') left no-repeat;
	padding-right:22px;
}

ul.greybox_menu li.contact {
	background:url('../images/tr_contactus.gif') left no-repeat;
}

/*	----------------------------------------------------- 
	Topmenubar Container  
	----------------------------------------------------- */

ul#topmenu {
	margin:0px 0px 0px 0px;
	padding:0px;	
}

ul#topmenu li {
	display:inline;
	background:url('../images/topmenu_arrow.gif') left no-repeat;
	padding:0px 8px 0px 10px;
}

ul#topmenu li a {
	color:#1F6EFF;
	text-decoration: none;
	font-size: 10px;
}
ul#topmenu li a:hover { text-decoration: underline; }

/*	----------------------------------------------------- 
	Leftside Container  
	----------------------------------------------------- */
	
div.blueboxheader {
	background:url('../images/box_blue_header.gif') no-repeat;
	height:30px;
	line-height:30px;
	color:#1F6EFF;
	font-weight:bold;
	padding-left:8px;
	font-size: 11px;
	position: relative;
}

div.boxbg {
	background:url('../images/box_bg150width.gif') top repeat-y;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: relative;
}
.center
{
	text-align: center;
}

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

ul.leftmenu li {
	background:url('../images/leftmenu_arrow.gif') left no-repeat;
	margin:0px 0px 0px 10px;
	padding:0px 0px 5px 10px;
}

ul.leftmenu li.separator
{
	list-style-type: none;
	background: none;
}

/*
ul.leftmenu li a {
	color:#666666;
	text-decoration:none;
}
*/

div.box150footer {
	background:url('../images/box_bg150width_footer.gif') bottom no-repeat;
	height:10px;
	margin:0px 0px 10px 0px!important;
	margin:-5px 0px 10px 0px;
	padding:0px;
}

div.smlredboxheader {
	background:url('../images/box_smlred_header.gif') no-repeat;
	height:30px;
	line-height:30px;
	color:#1F6EFF;
	font-weight:bold;
	padding:0px 0px 0px 8px;
	margin:0px;
	font-size: 11px;
}

img.paymentlogos {
	margin:10px 0px 0px 0px;
}

/*	----------------------------------------------------- 
	Mainsection Container  
	----------------------------------------------------- */

div#home_middle {
	/*float:left;
	width:380px;*/
	margin:0px;
	padding:0px;
}

div#index_nav{}

div#index_nav li
{
	font-size: 9pt;
}

div.offer_container
{
	width:176px;
	margin:0px 18px 0px 0px;
	float:left;
	text-align: left;
}

div.offer_container img.thumb
{
	border: 1px solid #ddd;
	float: left;
	margin: 0 3px 3px 0;
}
div.offer_container.last { margin: 0; }

div.offer1 {
	margin:0px 15px 0px 0px;
}

div.offer_container_right {
	width:176px;
	margin:0px 5px 0px 5px;
	float:left;
}

div.lrgyellowboxheader {
	background:url('../images/box_lrgyellow_header.gif') no-repeat;
	height:30px;
	line-height:30px;
	color:#1F6EFF;
	font-weight:bold;
	font-size: 11px;
	text-align:center;
	margin: 0px;
	padding: 0px;
}

div.lrgredboxheader {
	background:url('../images/box_lrgred_header.gif') no-repeat;
	height:30px;
	line-height:30px;
	color:#1F6EFF;
	font-weight:bold;
	font-size: 11px;
	text-align:center;
}

div.lrgboxbg {
	background:url('../images/box_bg176width.gif') top repeat-y;
	padding: 10px 10px 0px 10px;
	margin:0px;
	text-align: center;
	height: 1%;
}

div.box176footer {
	background:url('../images/box_bg176width_footer.gif') bottom no-repeat;
	height:10px;
	margin: 0 !important;
	margin: -5px 0px 0px 0px;
	padding:0px;
}

div#home_right {
	margin:0px 7px 0px 7px;
}

div.newsboxheader {
	background:url('../images/box_newsyel_header.gif') no-repeat;
	height:30px;
	line-height:30px;
	color:#1F6EFF;
	font-weight:bold;
	font-size: 11px;
	padding-left:10px;
	margin-top:0px;
	padding-top:0px;
}

div.newscontainer {
	width:564px;
}

div.newsbg {
	background:url('../images/box_bgnews.gif') top repeat-y;
	padding:6px 10px 0px 10px;
	height:104px;
}

div.boxnewsfooter {
	background:url('../images/box_news_footer.gif') no-repeat;
	height:10px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

div.sml_img_container {
	border:1px solid #BCBCBC;
	float:left;
	text-align:center;
	margin-right:10px;
	height:104px;
	width:104px;	
}

img.lrg_news_pic {
	border:1px solid #BCBCBC;
	float:right;
	margin:0px 0px 10px 10px;
}

.brands_banner
{
	padding: 10px 0;
	text-align: center;
	clear: both;
}

.rounded_box { width: 176px; text-align: center; float: left; margin-right: 13px; margin-top: 20px;}
.rounded_box h1 { margin: 0; padding: 5px 0 4px 0; background: url("../images/roundbox_top.gif") no-repeat top left;}
.rounded_box p.body { background: url("../images/roundbox_body.gif") repeat-y 0 0; margin: 0; padding: 0 5px 5px 5px; height: 155px; }
.rounded_box .last { background: url("../images/roundbox_bottom.gif") repeat-y bottom left;  margin: 0; padding: 0; }
.rounded_box img { margin: 10px 0 10px 0; padding: 0; border: 1px solid #ddd; }

/*	----------------------------------------------------- 
	Mainsection > Rightside Container  
	----------------------------------------------------- */
div#rightside
{
	float: right;
	width: 350px;
}

/*	----------------------------------------------------- 
	Footer Container  
	----------------------------------------------------- */
div#footerbar a {
	color:#1F6EFF;
	text-decoration:none;
}

div.footer_logos img { margin-right: 6px; float: right; }

/*	----------------------------------------------------- 
	Testimonial Stuff
	----------------------------------------------------- */
	
div.testimonial { border-bottom: 1px solid #ddd; }
div.testimonial p { text-align: justify; }

/*	----------------------------------------------------- 
	Services Stuff
	----------------------------------------------------- */
div#services_text { text-align: justify; }
div#services_text p { font-weight: bold; }

/*	----------------------------------------------------- 
	About us Stuff
	----------------------------------------------------- */
div#aboutus_text { text-align: justify; }
div#aboutus_text p { font-weight: bold; }

/*	----------------------------------------------------- 
	Contact Us Stuff
	----------------------------------------------------- */
div#contact_location img
{
	border: 1px solid #aaa;
	clear:both;
	margin: 5px 0;
}

/*	----------------------------------------------------- 
	Form Stuff
	----------------------------------------------------- */
div.formrow
{
	clear: left;
	margin-bottom:10px;
}

fieldset {
	border:0px;
}

fieldset label {
	float: left;
	text-align:left;
	width: 140px;
	color: #1F6EFF;
	font-weight:bold;
}

fieldset label.error
{
	color: #F00;
}

/* 	-----------------------------------------------------
 	Product Stuff
 	----------------------------------------------------- */
div#product_dir
{
	position: relative;
	width: 90%;
	margin-bottom: 10px;
	border-bottom: 1px dashed #DDD;
}

div.prod_info
{
	border-top: 1px solid #ddd;	
	padding: 5px;
	color: #666;
	width: 90%;
	clear: left;
	/*height: 72px;*/
}

div.prod_info p
{
	font: 9pt Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

div.prod_info p.title { font-weight: bold; }

div.prod_info div.img_container { float: left; padding-right: 10px; width: 100px; height: 100px; text-align: center; }
div.prod_info p.large {	font-size: 15pt; }

div.price_info { float: right;	width: 100px; }
div.price_info img { width: 40px; height: 40px; }

div.prod_info p.prod_more_link { margin-top: 15px; }

div#prod_image_left
{
	float: left;
	width: 200px;
	margin: 10px 0 0 20px;
}

.order_button
{
	background: transparent url("../images/confirm_order.gif") no-repeat left center;
	color: #fff;
	margin: 0;
	padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.order_button a { display: block; width: 150px; }
.order_button a:hover { text-decoration: none; }

div.product_type_container
{
	border: 1px solid #ddd;
	position: relative;
	width: 29%;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
}

div.product_type_container img { border: 1px solid #666; margin: 0 10px 10px 0; padding: 0; float: left; width: 80px; height: 120px; }
div.product_type_container p { padding: 0; margin: 0; text-align: left;}
div.product_type_container p.more_link { clear: both; float: right; background: url("../images/leftmenu_arrow.gif") no-repeat center left; padding-left: 10px; }

div.product_search_form { padding: 10px 0 10px 0; margin: 0; clear: both;}
div.product_search_form h1 { margin: 0; padding: 0;}

div.maker_container { float: left; width: 29%; text-align: center; border: 1px solid #ddd; margin: 0 10px 10px 0; padding: 5px;}
div.maker_container img { margin: 0 0 5px 0; width: 100px; height: 75px; }
	
/*	----------------------------------------------------- 
	Admin Stuff
	----------------------------------------------------- */

div#admincontainer {
	width: 760px;
	text-align: left;
	margin: 12px auto 12px auto;
	border:1px solid #1F6EFF;
}

div#adminheader {
	/* Site Children --> Header Section */
	background: url('../../../images/adminlogo.gif') 10px 10px no-repeat #FFFFFF;
	height: 120px;
	width:760px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #1F6EFF;
	margin:0px;
}

div#adminheader_cheetah {
	padding:18px 0px 0px 364px;
}

div#topadminmenu {
	background: #1F6EFF;
	height:32px;
	width:760px;
	margin:0px 0px 6px 0px;
	padding:0px;
}

ul#adminmenu {
	margin:0px;
	padding:6px 0px 0px 0px;
	font-size:14px;
	font-weight:500;
}

ul#adminmenu li {
	display:inline;
	padding:0px 10px 0px 10px;
}

ul#adminmenu a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

div#adminmain {
	margin: 0px;
	padding: 0px 15px 0px 15px;
}

div#adminmain .admin_home ul
{
	margin-left: 20px;
	padding: 0;
}
div#adminmain .admin_home li
{
	list-style: square;
	margin: 0;
	padding: 0 0 0 10px;
}

div#adminmain a
{
	color: #1F6EFF;
	text-decoration: none;
}

div#adminmain a:hover { text-decoration: underline; }

th.dark
{
	background: #666;
	color: #FFF;
}

td
{
	font-size: 9pt;
}


tr.light { background: #EEE; }
tr.dark { background: #DDD; }
tr.separator { border-top: 1px solid #666; }

td.light { background: #EEE; }
td.dark { background: #DDD; }

div.admin_home 
{
	display: block;
	margin:4px 50px 4px 20px;
	width:200px;
	float:left;
}