/*******************************
Basic elements
********************************/
  html, body {
  height: 100%; margin: 0; padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;}
#content {
	min-height: 100%; 
	margin-bottom: -30px; 
	width:100%;}
* html #content {
	height: 100%;
	width:894px;
	text-align:center;
	margin:auto;}

#footer {height: 30px;
	width:894px;
	margin:auto;} 

p, ul
{
	line-height: 1.5em;
	font-size: 90%;
}

img
{
	border: 0;
}

h1
{
	margin: 0;
	padding: 0;
	font-size: 12px;
}

h2
{
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #085A92;
	
}

h3
{
	margin:0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #085A92;
}

h4
{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #085A92;
	font-weight: bold;
}

fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

a:link
{
	color: #256D9F;
	text-decoration: underline;
}

a:visited
{
}

a:hover
{
}

a:active
{
	color:#666666;
	text-decoration:none;
}

/*******************************
Top Navigation Menu (100% width)
********************************/
#topNav
{
	width: 100%;
	height: 20px;
	background-color: #DADADA;
	color: #999999;
	z-index:10;
	
}

#topNav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
}

#topNav li
{
	/*border: 1px solid blue;*/

	margin: 0;
	padding: 0;
	display: block;
	width: 90px;
	height: 20px;	
	float: left;
	text-align: center;
	font-size: 95%;
	line-height:1.5 em;
}

#topNav li a
{
	text-decoration: none;
	color: #999999;
}

#topNav li.active
{
	background-image: url(../images/tab_shadow.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
	
}

#topNav li.active a
{
	color: blue;
	text-decoration: none;
	
}

/*******************************
Main page element
Contains menus, content etc
********************************/
#main
{	
	/*border: 1px solid green;*/
	
	
	padding: 0 0 0 0px;
	margin:auto;
	width: 900px;
}
#main1
{	
	/*border: 1px solid green;*/
	
	
	padding: 0 0 0 0px;
	margin:auto;
	width: 894px;
}

/*******************************
Header
(Burmatex logo)
********************************/
#header
{
	padding: 5px 0 0px 0;
	width:524px;
	float:left;
}

/*******************************
Shade card cart
********************************/

#cart
{
	/*border: 1px solid yellow;*/
	background-image: url(../images/basket.gif);
	background-image: url(../images/basket_new.gif);
	background-repeat: no-repeat;
	background-position:botom;
	padding:0p?;
	font-size: 11px;
	position: relative;
	width: 251px;
	height: 96px;
	right: 0px;
	float:right;
	top:0px;
	text-align: center;
	text-transform: lowercase;
	
}

#cart strong
{
	font-weight: normal;
	color: #FF0000;
	font-size: 130%;
}

#cart a
{
	color: #000000;
	text-decoration: none;
	text-align:left;
	margin-right:30px;
	margin-top:10px;
}

/*******************************
Search box
********************************/
#search
{
	/*border: 1px solid purple;*/

	width: 300px;
	text-align: right;
	position: absolute;
	right: 52px;
	/*right: 0px;*/
	top: 45px;
	
	/*right: 0px;
	top: 60px;*/
}

#search form
{	
	margin: 0;
	padding: 0;
}

/*	Some relative positioning has been used to get the form elements to line up right.
	Amazingly, it's worked in IE, however the positioning is slightly different between
	fx and IE. Therefore the decision was made to position them to look better in IE
	to avoid having to use cross browser hacks where not absolutely necessary.
*/

#search label
{
	position: relative;
	top: -3px;
}

#searchterm
{
	width: 130px;
	margin: 0 5px 0 5px;
	font-size: 80%;
	text-align: center;
	color: #CCCCCC;
	position: relative;
	top: -3px;
	/*background-color: #FFFFFF;*/
	text-transform: lowercase;
}

#searchtermdesc
{
	font-size: 80%;
	text-transform: lowercase;
}

/*******************************
All navigation
********************************/
#nav
{
	/*border: 1px dashed red;*/

	padding: 1px 0px 3px 0;
	width:894px;
	float:none;
	
	
	
}
#nav1
{
	/*border: 1px dashed red;*/

	padding:0px 0px 3px 0;
	width:894px;
	float:none;
	
	
	
}

#nav_clear
{
	/*border: 1px solid purple;*/
	
	height: 0px;
	clear: both;
	overflow: hidden;
}

/*******************************
Primary Navigation Menu 
********************************/
#primaryNav
{
	
	
	/*border-top:1px dotted #9F9F9F;*/
	background-image: url(../images/dotline_tile_horoz.jpg);
	background-repeat: repeat-x;
	background-position:top;
	float: left;
	width: 894px;
	height:80px;
	text-align:left;
	margin-right:10px;
	padding-top:1px;
}
#primaryNavMain
{
	

	float: left;
	width: 750px;
}
#primaryNav ul
{
	margin: 0;
	padding: 0;
}
#primaryNav ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

/*******************************
Secondary Navigation Menu
********************************/
#secondaryNav
{
	/*border: 1px dotted gray;*/

	margin: 3px 0 0 0;
	padding: 5px 0 7px 6px;
	width: 90px;
	height: 55px;
	position:absolute;
	top:0px;
	right:0px;
	background-image: url(../images/dotline_tile_vert.jpg);
	background-repeat: repeat-y;
	font-size: 12px;
	line-height:1.5em;

}

#secondaryNav a:link
{
	text-decoration: none;
	color: #999999;
	
}

#secondaryNav a:visited
{
	text-decoration: none;
	color: #999999;
}

#secondaryNav a:hover
{
	text-decoration: none;
	color: #999999;
}

#secondaryNav a:active
{
	text-decoration: none;
	color: #666666;
}


#secondaryNav ul
{
	margin: 0;
	padding: 0;	list-style-type: none;
}

#secondaryNav li
{
	background-image: url(../images/smallarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 7px;
}

/*******************************
Content section (outer border)
********************************/
#content_outer
{
	/*border: 1px solid blue;*/
	
	padding: 1px 0 5px 0;
	background-image: url(../images/dotline_tile_horoz.jpg);
	background-repeat: repeat-x;
	clear: both;
	width: 894px;
}

/*******************************
Content wrapper (used for most pages, not home)
********************************/
#page_content
{
	/*border: 1px solid red;*/
	
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

/*******************************
Breadcrumbs
********************************/
#breadcrumb_bar
{
	background-color: #E7E6D6;
	height: 17px;
	padding: 4px;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
}

#breadcrumb_bar a
{
	text-decoration: underline;
	color: #085A92;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

#breadcrumb_bar strong
{
	color: rgb(178,52,63);
}

/*******************************
Bottom bar
********************************/
#bottomBar
{
	
	border-top:1px solid #cccccc;
	padding: 5px 0 0 0;
	float: none;
	width: 894px;
	height: 20px;
	color: #CCCCCC;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#bottomBar a
{
	color: #CCCCCC;
}

#copyright
{
	/*border: 1px solid blue;*/
	
	float: left;
	width: 300px;	
	text-transform: lowercase;
}

#utilitylinks
{
	/*border: 1px solid red;*/
	
	float: right;
	width: 400px;
	text-align: right;
	font-size: 110%;
}

#utilitylinks ul
{
	margin: 0;
}

#utilitylinks li
{
	display: inline;
}

/*******************************
Help popup
********************************/
#help_container
{
	position:absolute;
	top:-5px;
	left:264px;
}

a.help_link
{
	position:relative;
	z-index:24;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
}

a.help_link:hover
{
	z-index: 25; 
	background-color: #FFFFFF;
}

a.help_link span
{
	display: none;
	font-weight: normal;
}

/*the span will display just on :hover state*/
a.help_link:hover span
{ 
	display: block;
	position: absolute;
	top: 2em; 
	left: -7em; 
	width: 15em;
	border: 1px solid #085A92;
	background-color: #FFFFFF; 
	color: #000;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 90%;
	color: #999999;
}

/* Hide descriptions of form fields by default */
form p.description 
{
	display: none;
	font-size: 70%;
	border: 1px solid #CCCCCC;
	background-color: #BCBDB0;
	color: #FFFFFF;
	text-align: left;
	padding: 3px;
	width: 250px;
}
a.news{
		color:#256D9F;}
a.news:hover{
		color:#256D9F;}
a.news:visited{
		color:#256D9F;}/* CSS Document */