/* ---- Site Wide --- */

body {margin:0; padding:0; font-family: Tahoma, sans-serif; text-align:center;}

#body{margin:0; padding:0; font-family: Tahoma, sans-serif;	text-align: center;
	background: #ffffff url(/images/bg_fade.jpg) repeat-y center top;}

h1  { padding-left: 0px; padding-right: 5px; padding-top: 2px; color: #666666; font-size:11pt; font-weight:bold; text-align:left }
h2	{ padding-left: 5px; padding-right: 5px; padding-top: 2px; color: #262626; font-size:11pt; font-weight:bold; text-align:left }
h3 { color: #000000; font-size:10pt; font-weight:bold; text-align:center; margin:0;  }
.h3 a { color: #000000; xfont-size:10pt; xfont-weight:bold; text-decoration:none; xtext-align:left; xmargin:0;  }
h4  {color: #343434; font-size:9pt; font-weight:normal; text-align:center; margin:0;}
h5  {color: #ea0000; font-size:8pt; text-align:left; padding:0; margin:0;} 
h6  {color: #b7b7b7; font-size:7pt; text-align:center; padding:0; margin:0;} 
p 	{ padding-left: 5px; color: #666666; text-align:left; font-size: 10pt; margin:0;}
ul.t	{ font-size: 10pt; font-weight: normal; color: #666666; margin-bottom: 0; margin-top:0; text-decoration: none; }
ul	{ padding-left:15px; url(/images/diamond.gif)}
.productname { font-size: 10pt; font-weight: bold; color: #666666; margin-bottom: 0; margin-top:0; font-weight:bold; text-align:right }
.st { font-size: 10pt; font-weight: normal; color: #000; margin-bottom: 0; margin-top:0; font-weight:bold; text-align:left }
.ft { font-size: 10pt; font-weight: normal; color: #666666; margin-bottom: 0; margin-top:0; font-weight:bold; text-align:right }

#wrapper {width: 980px;	margin-left: auto;	margin-right: auto;	border-bottom: 1px solid #343434;
	text-align: left; background: #ffffff url(/images/sidebar_fill.gif) repeat-y left top;}

#wrapper_new {width:980px; margin-left:auto;	margin-right:auto; background:#fff; border-bottom: 1px solid #343434; text-align: left;}

	
#banner{background:#fff xurl(/images/banner_03.gif); height:95px; width:980px; z-index:1}

#sidebar  {float: left; padding-left:0px; width:160px; min-height:300px;xborder:1px #343434 solid;}
.msg1 {width:158px; margin:10px 0 1px 0;}
.home {width:277px;height:120px; float:left; position:absolute;}

#infobar {width:980px; height:60px; background:#fff url(/images/infobar.gif);}

#footer {width: 980px; clear:both; text-align: center; margin-left: auto; margin-right: auto; xborder:1px solid #454545;}
.copyright {padding: 5px 0 5px 0; font-size:8pt; font-family: Tahoma, sans-serif; xborder:1px solid #454545;}
.madeby {padding: 5px 2 2 2;	text-decoration: none; margin-bottom:10px; font-size:8pt; font-family: Tahoma, sans-serif; xborder:1px solid #454545;}
div.clearer {clear: left; line-height: 0; height: 0;}
img	{border-style: none;}


/* ---- CMS MAIN CONTENT AREA DEFINITION ---*/
#one_column {float: left; width: 960px; padding:10px; margin:10px 10px 20px 10px; xborder:1px solid #ea0000;}
#twocol_shell {width:980px; background:#fff; xborder:1px solid #0000ea;}
#two_column {float: left; width: 800px; margin:10px 10px 20px 10px; *margin:10px 0px 20px 0px; xborder:1px solid #0000ea;}
#left_column {float: left; width:160px; clear:left; margin-top:10px; background:#fff; min-height:300px; xborder:1px solid #ea0000;}


/* ---- side boxes ----*/
.outer_ps {width:155px; margin:10px 0px 0px 2px;}
.header_ps {width:155px; height:25px; background:#fff url(/images/ps_header.gif);background-repeat:no-repeat;}
.inner_ps {width:153px; background:#efefef; border-left:1px solid #838383;border-right:1px solid #838383;}
.footer_ps {width:155px; height:10px; background:#fff url(/images/box_footer.gif);background-repeat:no-repeat;}

.outer_tml {width:155px; margin:20px 0px 0px 2px;}
.header_tml {width:155px; height:25px; background:#fff url(/images/tml_header.gif); background-repeat:no-repeat; }
.inner_tml {width:145px; padding:4px; background:#efefef; border-left:1px solid #838383;border-right:1px solid #838383;}
.footer_tml {width:155px; height:10px; background:#fff url(/images/box_footer.gif);background-repeat:no-repeat;}

.outer_tsp {width:155px; margin:20px 0px 0px 2px;}
.header_tsp {width:155px; height:25px; background:#fff url(/images/tsp_header.gif); background-repeat:no-repeat; }
.inner_tsp {width:145px; padding:4px; background:#efefef; border-left:1px solid #838383;border-right:1px solid #838383;}
.footer_tsp {width:155px; height:10px; background:#fff url(/images/box_footer.gif);background-repeat:no-repeat;}


.outer_su {width:155px; margin:20px 1px 0px 1px;}
.header_su {width:155px; height:25px; background:#fff url(/images/nl_header.gif); background-repeat:no-repeat; }
.inner_su {width:143px; text-align:center; padding:5px; background:#efefef; border-left:1px solid #838383;border-right:1px solid #838383;}
.ipt {font-size:9px; margin-bottom:5px;}/*-- for the newsletter signup box --*/
.ipe {font-size:9px; margin-bottom:5px;}/*-- for the newsletter signup box --*/
.footer_su {width:155px; height:10px; background:#fff url(/images/box_footer.gif);background-repeat:no-repeat;}


/* ---- Basket (linked with tpl_iframe.htm---*/
.Xbasket {float:right; width:185px; height:30px; margin:5px 5px 0 0; xborder:1px solid #0000ea;}
.basket {float:right; width:162px; height:61px; margin:69px 10px 0 0; xborder:1px solid #0000ea}
.bskt_header {width:162px; height:20px;}
.bskt_buttons {width:162px; height:20px;}
.bskt_edit {width:60px;height:20px;float:left;}
.bskt_chkout {width:100px;height:20px;margin-left:2px;float:left;}

/* ---- Search Entry Form ---*/
#search_contain {width:151px; height:40px; xmargin:8px 1px 0 1px; xborder:1px solid #dddddd}
#searchform {margin:4px 0 0 5px; *margin:4px 0 0 4px; float:left; clear:both; width:144px; xborder:1px solid #ea0000;}
#search input {border:0;}

#search #s {width:110px; padding:4px 0 4px 2px; margin-right:-6px; line-height: 0; font:normal 12px Tahoma; vertical-align: top; color: #000; background: url(/images/search_bg.gif) no-repeat;}
#search #searchsubmit {width:32px; height:20px; background:url(/images/go_btn.gif); cursor:pointer; margin:0; padding:0; *margin-top:1px; text-align: left;}



/* --- HOME PAGE ---*/
.offers_container {float:left; width: 818px; height:135px; margin-bottom:40px;}
.adleft {width: 570px; float:left; *margin-left:5px; height:125px;	padding:5px; border:1px solid #dddddd;}
.adright {width: 210px; height:135px; float:left; margin-left:5px; background: url(/images/maystar_logo.gif); background-repeat:no-repeat;
	border:1px solid #dddddd;}
.widestrap {	width:800px; height:22px; margin:10px 0 10px 0px; *margin-left:5px; clear:both; background:#012c61;}


/* --- Featured Products ---*/
.featured_shell {width:100%; xborder:1px solid #ea0000}
.prod_cell-f {width:160px; float:left; margin:0 0 35px 20px; border:1px #dddddd solid;  } 
.prod_img-f {width:150px; margin:0 5px 0 5px; height:205px; overflow:hidden; xborder:1px #dddddd solid;}
.prod_dsc-f {width:144px; height:80px; margin:3px 5px 0 5px; padding:3px; overflow:hidden; xborder:1px #dddddd solid;}
.prod_prc-f {width:150px; margin:3px 5px 3px 5px; xborder:1px #dddddd solid;}


/* --- image fader --- */
#slideshow {position:relative; width:800px; height:220px; margin:10px 0 15px 0; *margin-left:5px; float:left; border:1px solid #dddddd;}

#slides {display: none;}
#controls { font-size: 8pt;z-index: 1000; position: absolute; bottom: 1px; left: 300px; display: none;
    margin: 0; padding: 6px;  width: 145px;background: #fff;border: 1px solid #999;border-bottom: none;}
#controls span { margin: 0 5px }
#controls a, #controls a:link, #controls a:visited {text-decoration: none; color: #000;}
#controls a:hover {text-decoration: underline;}


/* --- SHOP PAGES --- */
#product_container  {width: 790px; float:left; margin-top:20px; padding-left:20px; xborder:1px #000 solid;}

.script_message {width: 600px; margin-left:auto; margin-right:auto; margin-bottom:40px;}

.prod_cell {width:160px; float:left; margin:0 0 35px 20px; xborder:1px #0000ea solid;  } 
.prod_img {width:150px; margin:0 5px 0 5px; height:212px; overflow:hidden; xborder:1px #dddddd solid;}
.prod_tle  {width:144px; height:30px; margin:3px 5px 0 5px; padding:3px; overflow:hidden; border:1px #efefef solid;}
.prod_dsc {width:144px; height:60px; margin:3px 5px 0 5px; padding:3px; overflow:hidden; border:1px #efefef solid;}
.prod_prc {width:150px; margin:3px 5px 0px 5px; xborder:1px #dddddd solid;}
.prod_buy {width:150px; margin:5px 5px 0 5px; text-align:center; xborder:1px #dddddd solid;}


/* --- NON GT PAGES --- */
.button_bar {width:530px; text-align:center; margin-left:auto;margin-right:auto; margin-top:30px;margin-bottom:20px;}
/* ---- Testimonials --- */
.ts_container {	width:620px; float:left; margin:30px 0 30px 90px;; xborder:1px solid #ea0000;}
.ts-cell {width:580px; margin:10px 0 10px 0; padding:10px; border:1px solid #dddddd;}
.t_side  {width:155px; text-align:center; margin:20px 1px 20px 1px; padding-bottom:5px; border:1px solid #dddddd;}


/* --- CONTACT PAGE --- */

#contact_container  {float:left;	margin-top:30px; width: 800px; 	margin-left:15px; xborder:1px #343434 solid;}

#subForm {font-size: 0.9em; margin:20px 0 20px 0;}

#subForm .label {
	float: left;
	clear: left;
	width: 230px;
	margin-right: 10px;
	margin:3px;
	text-align: right;
	font-weight: bold;
}

input#submit {margin-left: 240px;	background-color: #CBD893; font-family: verdana, sans-serif;}

select#refer {font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;}

input#name, input#email, input#company, input#phone, input#security_code {
	width: 200px;
	background-color: #CDD8DA;
	font-family:verdana, sans-serif;
	font-size: 0.9em;
	margin:5px;
}
textarea#comments {
	width: 350px;
	background-color: #CDD8DA;
	font-family:verdana, sans-serif;
	font-size: .9em;
	margin:5px;
}

input#name:focus,
input#email:focus,
input#phone:focus,
input#security_code:focus,
textarea#comments:focus,
select#refer:focus
{
	background-color: #B3B3B3;
}

#address{width:400px; float:left; text-align: left;}



/* ---- CSS MAIN NAVIGATION ---*/

#navigation	{width: 980px; height:135px;/*60px*/ background:#fff url(/images/topnav_bg.gif); background-repeat:no-repeat; xborder:1px solid #ea0000;}		
		
ul#nav {margin-left: 0px;position: relative; left:140px; top:104px; z-index:4000;	list-style: none;margin: 0;}

/* all list items */
ul#nav li {float: left; position: relative; margin:0; padding:0 0 0 20px;
line-height: 28px; /*-- this directly affects whether the cursor catches a sub menu item in IE.--*/}

/* styles for MAIN menu items */
ul#nav li a { 
	color: #fff; /*-- font colour --*/
	padding-bottom:5px; /*-- padding beneath the (main) menu names. Also pushes the sub menu down--*/
	font-family: Tahoma, sans serif; font-size:10pt; font-weight:bold;
	text-decoration: none;
}

ul#nav li a:hover {
	color: #719c35; /*-- font colour on hover --*/
	text-decoration: none;
}	

/* --- styles for SECOND level lists --- */
ul#nav li ul { 
	display: none; 
	position: absolute; left:0; top:20px; /* position of top of sub-list */
	margin: 8px 0 0 20px!important; /* the final item nudges the sub menu to the left */
	background: #012c61;
	cursor: pointer;
	padding: 0!important;
	list-style: none;
}

html>body ul#nav li ul {margin-top: 0px;}

ul#nav li ul a {	
	text-decoration: none;
	font-family: Tahoma, sans serif; font-size:10pt; font-weight:normal;
	color:#fff; /*-- font colour in second level list --*/
	width: 165px; /*-- width of drop down menu--*/
}

html>body ul#nav li ul a {  /*-- this is the 'body' of the drop down menu - DON'T ADJUST THESE SETTINGS--*/
	padding: 0 0 3px 0;
	margin: 0 0 0 -20px;
	text-indent: 3px;
	height: 20px;
	display: block;
	border-bottom: 1px solid #262626;
}

ul#nav li ul a:hover {
	text-decoration: none;
	background: #dddddd; /* hover background colour */
}

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li>ul { 
	top: auto; left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	cursor: default;
}
ul#nav a.active {
	font-weight: bold;
   	color: #fff;
}

/* --- Side Menu --- */

#sidenav ul {
	margin: 0; padding: 0;
	list-style: url(/images/diamond.gif);
	padding-left:25px; /* makes space for the bullets to be visible */
	width: 130px; /* Width of Menu Items */
	margin-bottom:20px;
	xborder:1px solid #ea0000;
	}

#sidenav ul li {
	position: relative;
	width:130px; 
}


/* for sub menu items */
#sidenav li ul {
	position: absolute;
	list-style:none;
	left: 129px; /* Set 1px less than menu width */
	top: 0;
	font-size:12px;  /* Font size in sub menu  */
	display: none; 
	padding-left:0px; 
}

/* Styles for Menu Items */

#sidenav ul li a {
	display: block; 
	text-decoration: none;
	color: #777;
	background: #ffffff; /* Required to fix and IE6 Bug */
	padding: 3px; 
	xpadding-right:0px; 
	xborder: 1px solid #ccc;
	border-bottom: 0;
	

}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#sidenav ul li a:hover { color: #fff; background: #acc7cb; } /* Hover Styles */
		
#sidenav li ul li a { padding: 2px 5px;} /* Sub Menu Styles */
		
#sidenav li:hover ul, li.over ul { display: block; } 




/* --- Lower Menu --- */

#navmenu2 ul {
	margin-left:0;
	margin-top: 10px;
	padding-left:0;
	margin-bottom:0px; 
}

#navmenu2 li{
	display: inline;
	list-style-type: none; 
}

#navmenu2 li a{
	text-decoration: none;
	font-size:8pt;
	color: #000000;
}

#navmenu2 li a:hover{
color: #719c35; 
}


/*** Sub Category Menu ***/


ul#sub-page-links {
	clear: left;
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	width: 100%;
	border-bottom: 1px solid #eee;
}
		
ul#sub-page-links li {
	display: inline;
	float: left;
}		

ul#sub-page-links li a {
	display: block;
	float: left;
	/*width: 120px;*/
	padding: 4px 20px 8px 20px;
	margin: 0 2px 0 0;
	background: #97bbfe;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	border-top: 4px solid #fff;
}

ul#sub-page-links li a:hover {
	background: #bed3fa;
	color: #5383b3;
	text-decoration: none;
	border-top: 4px solid #bed3fa;	
}