/* Interface Components SCREEN CSS Document */

/* HTML tags */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.68em; background: url(images/fixed_page_bg.gif) center repeat-y #fff; padding:0 5%; margin:0; color:#666; text-align:center; 
}

table {
	font-size:1em;
	}

tr {
	vertical-align:top;
	}


a {
	 color:#333;text-decoration:underline; 
}	

 a:hover {
	 text-decoration:none;
}	


form p {
	clear:left;
	margin:0;
	pading:0;
	padding-top: 5px;
	}

form p label {
	float:left;
	width:26%;
	text-align:right;
	}

legend {
	color:#000; font-weight:bold;
	}

	img {
	border:0;
	}

hr {clear:both}

/* Wrapper to achieve centred fixed width and min-size */

#wrapper {
  text-align:left; margin-left:auto; margin-right:auto; width:955px; 
	}
	

	


/* Logo and Global Nav Bar */

#header {
	background:url(images/fixed_header_bg.gif) top center no-repeat; height:135px; padding:0; margin:0 6px;
	}




#global_nav_top {
	 position:absolute; top:0;  width:944px; text-align:right;  height:40px; padding:0; margin:0;
}

#global_nav_top ul {
	list-style:none; margin:0; padding:0; display:inline; color:#fff;
	}
#global_nav_top ul li {
	display:inline; padding:3px 16px; margin:0; color:#fff; font-weight:bold; border-right:1px solid white;
	}
	
#global_nav_top ul li a {
	color:#fff; font-weight:bold;
	}

#global_nav_top ul li.last {
	display:inline; padding-right:0; border-right:0px; top left no-repeat; margin:0;
	}
	
#global_nav_top form {
	display:inline; 
	}

#logo_type {
	width:100%; height:135px; margin:0; 
	}
	
#logo_type .logo {
	float:left; border:0;
	}


#logo_type .tagline {
	float:right; margin-top:63px;

	}



/* Containers to achieve three column layout */

#container1 {
	float:right; width:100%; margin-left:-211px; 
}

#container2 {
	float:left; width:100%; margin-right:-210px;
}



/* Left hand navigation styles */

#left_hand_nav{
 width:190px; margin:0px 5px 0 11px; padding:0;
}


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

#left_hand_nav ul li {
     margin-bottom: 1px;  padding:8px 5px 8px 23px; font-weight:bold; background:#444444 url(images/lhnav_li_bg.gif) bottom left repeat-x;
}

#left_hand_nav ul li a { 
	text-decoration:none; color:#fff; display:block;
	}

#left_hand_nav ul li a:hover {
	text-decoration:none; color:#ff3300;
	}
	
#left_hand_nav ul li.here {
	 background: #444444 url(images/lhnav_li_bg_here.gif) bottom left repeat-x; color:#ff3300;
}

#left_hand_nav ul li ul li {
     margin-left:16px;  padding:8px 0 3px 0 ; font-weight:normal; background: url(images/null.gif); list-style-image:url(images/sub_nav_grey_arrow_li.gif);
}

#left_hand_nav ul li ul li.here {
	 background:url(images/null.gif); list-style-image:url(images/sub_nav_red_arrow_li.gif); color:#ff3300; 
}

	






#left_hand_nav ul.contact_details {
     margin: 10px 0 0 0; border:1px solid #999; background: #f7f5f5; padding:8px 0 0 3px; font-weight:normal; font-size:90%;
}

#left_hand_nav ul.contact_details li.company {
	 background: url(images/null.gif) top left no-repeat; font-size:110%; padding-left:-10px; margin-left:-10px; color:#ff3300;

}

#left_hand_nav ul.contact_details li.phone {
	 background: url(images/phone_icon.gif) top left no-repeat; padding-top:0;

}

#left_hand_nav ul.contact_details li.email{
	 background: url(images/email_icon.gif) top left no-repeat; padding-top:0;

}

#left_hand_nav ul.contact_details li.address{
	 background: url(images/address_icon.gif) top left no-repeat; padding-top:0;

}

#left_hand_nav ul.contact_details li.info{
	 background: url(images/info_icon.gif) top left no-repeat; padding-top:0;

}



#left_hand_nav ul.contact_details a { 
	text-decoration:underline; color:#666; display:inline; 
	}



/* Central content elements */

#content {
	margin:0 16px 0 211px; position:relative; background:transparent; line-height:1.6em;
}

#content_home {
	margin:0 220px 0 211px; position:relative; background:#fff;
}

#content_home  h2
	{padding:0; color:#ff3300; font-weight:bold; font-size:110%; letter-spacing: .2em;
	}
	
#content h2 
{margin-top:15px; padding:0; color:#ff3300; font-weight:bold; font-size:110%; letter-spacing: .2em;
	}
	
.blacktext {
	color:black;
	}

#content_home  h3 
	{padding:0; color:#ff3300; font-weight:bold; font-size:100%; letter-spacing: .2em;
	}
	
	}
#content h3 
	{padding:0; color:#ff3300; font-weight:bold; font-size:100%; letter-spacing: .2em;
	}
	
#content h4
	{color:#ff3300; font-weight:bold; font-size:120%; letter-spacing: .2em;
	}

/* Right hand column of content */


#right_hand_content
	{ float:right;  width:210px; margin:0; padding:0;
	}

#right_hand_content h2 
	{padding:0; margin:0; border:0;
	}
	
#right_hand_content  ul {
	 list-style:none; list-style-image:url(images/grey_arrow_li.gif); margin:5px 5px 15px 20px; padding:0; 
		}


#news, #offers, #part_search  {
	width:200px; background:#f9f9f9 url(images/rh_boxes_bg.gif) bottom left repeat-x; padding-bottom:5px; margin-bottom:5px;

}


		
#right_hand_content  li {		
	 margin:12px 0;
}

#right_hand_content  li a {
	  text-decoration:none; color:#333;
}

#news  li a {
	  display:block; border-bottom:1px solid #808000; margin-bottom:3px; padding-bottom:3px;
}	

#news  li.archive a{
	  display:block; border-bottom:0; margin:0; padding:0;
}	

#right_hand_content  li a:hover {
	text-decoration:underline;
}	

#right_hand_content li.archive {
	list-style-image:url(images/null.gif); list-style:none; margin:10px 0 0 -5px;
}

/* footer */


#footer {
	text-align:center; clear:both; margin-left:190px; 
	}



/* other pages */

#newslist li {
	list-style-image: url(images/news_icon.gif); padding-left:10px; margin-top:10px; line-height:1.8em;
	
	}

#offerslist li {
	list-style-image: url(images/offers_icon.gif); padding-left:10px; margin-top:10px; line-height:1.8em;
	
	}
	
#adminlist li {
	list-style-image: url(images/admin_icon.gif); padding-left:10px; margin-top:10px; line-height:1.8em;
	
	}

	
#vidslist li {
	list-style-image: url(images/video_icon.gif); padding-left:10px; margin-top:10px; line-height:1.8em;
	
	}


#connectors {margin-bottom:15px;}

#connectors ul {
	list-style:none; margin:0; padding:0; display:inline; color:#000000;
	}

#connectors ul li {
	display:inline; padding:0 3px 0 4px; margin:0; color:#000; font-weight:bold; border-right:1px solid black;
	}

#connectors ul li a {white-space:nowrap}

/* Form Validation Styles */

.OptionalTextBox 
{ 
    border: 1px solid #000000; 
} 

.RequiredTextBox 
{ 
    border: 1px solid #ff3300; 
} 

.FailedTextBox 
{ 
    border: 1px solid red; background:#FFCCCC;
} 

/* Adapter Table Classes */

.exists {
	background-color:black; color:white; font-weight:bold; text-align:center;
	}
.redbg {
	background-color:#ff3300; color:white; font-weight:bold; 
	}

.redbg h3 {margin:0; padding:0;}

.white_text {color:#ffffff;} 

.greybg {
	background-color:#CCCCCC;
	}
	
/* Sitemap */

.sitemap  a {

	text-decoration: none;
	font-weight: bold;
	color: #666;
	padding: 2px 0 2px 2px;
}
.sitemap {
	padding: 0 0 10px 12px ;
	margin:0 ;
	list-style: none;
}
.sitemap li {
	padding:2px 0 2px 14px;

}
.sitemap  a:hover { 
 	color: #ff3300;
}
.sitemap li ul a {
	color: #666;
}
.sitemap li ul ul a {
	font-weight: normal;
}
.sitemap ul {
	margin: 0 !important;
	padding: 0 0 0 20px  !important;
	list-style: none;
}
.sitemap li {
	border-left: 1px solid #CDCDCD;
	background: url(images/sitemapli.gif) no-repeat 0 .6em !important;

}

/* Generic Classes */




.records_nav  {
	color:#ff3300; font-weight:bold;
	}

.records_nav li {
	list-style:none; margin:0; padding:0;  display:inline; margin:0 15px;
	}

.products li {
	list-style:none; margin-bottom:20px; margin-left:-25px;
	}
.products li a {
	font-weight:bold; color:#ff3300;
	}
	
.products img {
	border:0; padding:0 5px 0 0; float:left;
	}


.item_footer
{
text-align:center;padding-top:15px;clear:both;
}


.place_order
	{text-align:center; 
	}

.team {
	clear:both;
	}

.red {
	color:#ff3300;
	}

.team img
	{
	border:1px solid #333333;
	background-color:#fff;
	padding:5px;
	margin-right:30px;
	}

.linkbutton {
	border:0;
	margin:10px 0 0 0;
	padding:0;
	}

.photo {
	border:1px solid #333333;
	background-color:#fff;
	padding:5px;
	margin-right:30px;
	}

.hideme {
	display:none;
}

.padme {
	padding-bottom:60px;
	}

.listbox {

	padding:5px;
	margin-left:10px;
	width:50%;
	border:1px solid #CC0000;

}

.listbox li {
	list-style:none;
	}