/**************************************************************************
 1. SPECIFIC TO HTML TAGS
 */
body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0; /* needed for opera */
	margin:0;
	text-align:center;
	font-size:80%;
	background-color:#494949;
}

/* Tables */
table {}
tbody {}
td{  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
tfoot {}
th {}
thead {}
tr {}

/* Headings */
h1{
	color: #ffffff;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	margin-top:0;
	margin-bottom:0.3em;
}
h2{
	color: #686868;
	font-size: 110%;
	line-height: 140%;
	font-weight:bold;
	margin:0;
}
h3 {
	display:inline;
	color: #686868;
	font-size: 100%;
	line-height: 130%;
	font-weight:bold;
}
h4 {}
h5 {}
h6 {}

/* Paragraphs */
p{ 
	margin:0.4em 0.2em 1em; 
	line-height: 1.2em; 
}

/* Lists */
dd {}
dl {}
dt {}
li {}
ol {}
ul {}

/* Links */
a:link, a:visited, a:active {text-decoration: none; color:#FF9900; }
a:hover {text-decoration: underline; color: #87a81a; }
a.link-external {
	background: url(/images/icons/link_external.png) center right no-repeat;
	padding-right: 13px;
}
a.tab, a.tab:visited{
	color:#FFFFFF;
	background-color: #9fa58c; /* #9fa58c; */
	border: 1px solid #000000;
	padding: 2px;
	cursor:pointer;
	margin: 0 0.1em;
}
a.tabselect, a.tabselect:visited{
	color:#000000;
	padding: 2px;
	background-color: #c8ceb5;
	border: 1px solid #000000;
}

a.block, a.block:visited{ /* displays a link as a block - currently only used on the order_admin page  */
	float:left;
	color:#000000;
	border:1px solid #000;
	background-color: #c2de67;
	padding: 5px;
	margin: 10px;
	display:block;
}

/* images */
img { border:0; }
map {}
area {}

acronym{ cursor:help; border-bottom:1px dashed #0099FF; }
address{ font-size: 0.85em; }
em{ color:#FF0000; font-style:normal; }

/* forms */
form { /* best not to style the form tag as it will affect the cart order page */
	margin:0.1em;
	padding:0;	
}

form.standard input, form.standard select, form.standard textarea{
	padding:1px;
	margin:0.15em;
	font-size:90%;
}

fieldset{ border:0; padding:5px; }
fieldset.visible{ border:1px dotted #000000; padding:5px; margin:2px; }
fieldset.visible legend{
	border:1px solid #000000;
	padding:0.2em;
	margin-bottom:0.4em;
	background-color: #9fa58c;
}
input.textbox, input.errorField, textarea {
	color : #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	background-image: url(/images/template/form-shadow.gif);
	padding:1px;
}
input.errorField {
	border: 1px solid #FF0000;
}

.formBlock {
	width:350px;
	margin:0 auto 0 auto;
	text-align:right;
}

input.button{
	color : #494949;
	background-color: #FF9900;
	border: 1px solid #494949;
	cursor : pointer;
}

input.button:hover, input.button:focus{
	cursor : pointer;
	border: 1px solid #000000;
	background-color: #96b826;
}

option.strong{
	background:#E5E5E5;
}

legend{color:#000000;}

/* (XHTML-1.0-Transitional ONLY) - avoid using where possible */
iframe {}
noframes {}
center {}
basefont {}
font {}	
s {}
strike {}
applet {}

/**************************************************************************
* header
*/

div#globalContainer{

}

#header{
	background-color:#3e3e3e;
	background-image:url(/images/template/header_bg.jpg);
	background-repeat:repeat-x;
	height:140px;
	border-bottom:1px solid #ff5f20;
}

#headerTitle{
	width:100%;
	height:140px;
	Xmargin:0 auto;
	float:right;
	background: url(/images/template/header.jpg) no-repeat bottom right;
}

#center{
	background-color:#272525;
	border-bottom:1px solid #ff5f20;
}

#mainContent{
	width:867px;
	Xmargin: 0 auto;
	float:right;
	background-color:#2b2b2b;
	border-bottom:1px solid #272525;
}



#mainContentLeft{
	float:right;
	height: 330px;
	width:632px;
	text-align:left;
	color:#807f7f;
	background-image: url(/images/template/mainContent_top.jpg);
	background-position: -10px 0;
	background-repeat: no-repeat;
	background-color: #272525;
}

html>body #mainContentLeft{ /* method explained at http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml */
	height: auto;
	min-height: 330px;
}

#maintext{
	margin:30px 45px 55px 80px;
	font-size:85%;
}

#navigation{
	width:235px;
	float:right;
	height: 250px;
	background:url(/images/template/nav_bg.jpg) right top no-repeat;
	background-color:#2b2b2b;
	text-align:left;
	font-size:85%;
	
}

#navigation ul{
	padding:0;
	margin:15px 0 0 20px;
}

#navigation li{
	list-style-type:none;
	margin:0.3em 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#navigation a{
	color:#999999;
}

#clearMain{
	clear:both;
}

#footer{
	clear:both;
	height:156px;
}

#footerBanner{
	Xbackground:url(/images/template/footer.jpg) top left no-repeat;
	height:156px;
	width:867px;
	float:right;
	position:relative;
	text-align:left;
	
}

#mainTextBottom{
	position:absolute;
	width:580px; /* 436 */
	height:51px;
	top:-55px;
	background:url(/images/template/mainContent_bottom.jpg) no-repeat bottom left;
	color:#FF9900;
	font-size:80%;
}
#mainTextBottom ul{
	margin: 37px 0 0 80px;
	padding:0;
}
#mainTextBottom li{
	float:left;
	list-style-type:none;
	margin:0;	
	padding:0;
}	

#mainTextBottom a{
	color:#999999;
}

#graphic{
	width:264px;
	height:235px;
	background:url(/images/template/flower.jpg) no-repeat;
	position:absolute;
	right:-1px;
	top:-154px;
}

#copyright{
	margin: 12px 0 0 65px;
	color:#999999;
	font-size:80%;
}

#cssselect{
	float:left;
	margin:3px;
	color:#999999;
	font-size:80%;
}

#loginState{
	float:left;
	margin:3px;
	color:#999999;
	font-size:80%;
	

}