/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */
 
/*Css Div Styles*/
 
html
{
    padding: 0 1px 0 0;
    height: 100%;
    overflow-x: hidden;
}

body
{
    padding:0;
    margin: 0;
    height: 100%;
    background-image: url('../Images/tc/bg.jpg');
    background-repeat: repeat;
    text-align: center;
    font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* TEAMCARE LAYOUT */

#tc_main {
	margin:0 auto;
	padding:0;
	width:992px;
	min-height: 650px;
	text-align: center;	
}

#tc_header {
	height: 105px;
	background-color: #FFFFFF;
	background-image: url('../Images/tc/bg_header.gif');
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
}

#tc_nav {
	position: relative;
	float: left;
	height: 105px;
	width: 619px;
	z-index: 100;
	vertical-align: bottom;
	text-align: left;
	margin-left: 10px;
}

#tc_logo {
	position: relative;
	right: 0px;
	top: 0px;
	float: right;
	height: 105px;
	width: 373px;
	z-index: 200;
	margin-top: -105px;
}

#tc_subhead {
	padding:0;
    margin: 0;
	height: 198px;
}

#tc_subhead_alt {
	padding:0;
    margin: 0;
	height: 198px;
	background: url('../images/tc/alt_head.jpg') no-repeat;
	background: #FFFFFF url('../Images/tc/alt_head.jpg') no-repeat;
}

#tc_middle {
	background-color: #FFFFFF;
	min-height:500px;
  	height:auto !important;
  	/*height:500px;*/
	z-index: 50;
}

#tc_content {
	position: relative;
	left: 40px;
	top: 20px;
	float: left;
	width: 680px;
	text-align: left;
	padding-bottom: 30px;
	z-index: 100;
}

#tc_content_wide {
	position: relative;
	left: 40px;
	top: 20px;
	float: left;
	width: 900px;
	text-align: left;
	padding-bottom: 30px;
	z-index: 100;
}


#tc_search {
	text-align: left;
	width: 175px;
	margin-left:auto;
	margin-right:auto; 
}

#tc_right1 {
	background-image: url('../Images/tc/searchbox.gif');
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	top: 20px;
	right: -28px;
	float: right;
	width: 280px;
	vertical-align: middle;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	margin-left:auto;
	margin-right:auto; 
}
#tc_right2 {
	position: relative;
	top: 20px;
	right: -28px;
	float: right;
	width: 280px;
	min-height: 300px; 
	background-image: url('../Images/tc/logobox.gif');
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 20px;
	z-index: 200;
}

#tc_footer {
	background-image: url('../Images/tc/bg_footer.gif');
	background-color: #FFFFFF;
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 40px;
}

#tc_footerbox {
	background-image:url('../Images/tc/footerbox.gif');
	background-repeat:no-repeat;
	background-position: center center;
	height: 29px;
	padding-top:15px;
}

#tc_left_text {
	float: left;
}

#image_right {
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	z-index: 300;
	/*width: 260px;*/
	text-align: right;
	margin-right: -40px;
}

img {
	border-style: none;
}
#content_left {
	position: relative;
	float: left;
	width: 500px;
}

#tc_contact {
	text-align: center;
}

.tc_contact1 {
	text-align: left;
}

.tc_contact1 td{
	padding: 3px 15px 3px 15px;
	color: #000;
}

#contact_photo {
	padding: 5px 5px 5px 5px;
	
}

#contact_text {
	text-align: left;
	padding: 5px 5px 5px 5px;
}



/* -------------------------- */
/* ---Content Layout Table--- */

.product_info {

}

.product_info_header_odd, .product_info_header_even, .product_info_text {
	vertical-align: top;
	border: 2px white solid;
	padding: 5px 5px 5px 5px;
	color: #000000;
}

.product_info_header_odd, .product_info_header_even {
	width: 200px;
}

.product_info_header_odd {
	background-color: #d9e9d3;
}

.product_info_header_even {

}
.product_info_text {
	background-color: #e7f1e4;
	width: 400px;
}

#quote_table, #AutoNumber1 {
	background-color: #FFF;
	border-collapse: collapse; 
	vertical-align: top;
	border-color: #111111; 
	width: 400px;
}

#warranty_table {
	background-color: #FFF;
	border-collapse: collapse; 
	vertical-align: top;
	border-color: #111111; 
	width: 500px;
	text-align: left;
}

#warranty_table td {
	vertical-align: top;
	width: 250px;
	padding: 5px;
}
#Label1 {
	padding-right: 5px;
	padding-left: 3px;
}


#fsg_table td {
	padding: 5px 5px 5px 5px;
	color: #000000;
}

/* -------------------------- */
/* -----Horizontal Menu------ */

.navmenu { 
text-align: center; 
margin-left: 10px;
position: relative;
top: 79px;
margin: 0;
	padding: 0;


} 
.navmenu li { 
font-family: Verdana, sans-serif; 
list-style: none; 
display: block; 
float: left; 
/*width: 15%;*/ 
} 




ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.navmenu{
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;

}
ul.navmenu>li{
	display: table-cell;
	position: relative;
	padding: 6px 6px;
	border-right: 1px solid #000;
	/*list-style: none;*/
	font-size: 12px;
}


ul.navmenu>li:hover{
	background-image: url('../Images/tc/marker.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
}  

ul.navmenu>li a{
	color: black;
	
}

ul.navmenu>li a:hover{
	color: #427730;
}


ul.navmenu li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	/*max-width: 40ex;*/
	/*margin-left: -50px;
	margin-top: 14px;*/
	margin: 0;
	padding: 0;
	top: 26px;
	left: 0px;
	/*list-style: none;*/
}

ul.navmenu li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.navmenu ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.navmenu,
.navmenu ul,
.navmenu ul li a{
	background-color: #FFF;
	color: #000;
	font-weight:normal;
	font-size: 11px;
	text-align: left;
}


ul.navmenu li:hover,
.navmenu ul li a:hover{
	background-color: #fff;
	color: #427730;
}

ul.navmenu li:active,
.navmenu ul li a:active{
	background-color: #fff;
	color: #000000;
}


.navmenu li{
	border: none;
}

.navmenu a{
	text-decoration: none;
}

ul.submenu,
.submenu ul{
	border: 1px black solid;
	border-bottom-width: 2px;
	border-right-width: 2px;
	width: 120px;
}
/* -------------------------- */


#login
{
    position: absolute;
    width: 470px;
    height: 20px;
    right: 10px;
    text-align: right;
    top: 15px;
    font-family: verdana; 
    font-size: 11px;
    color: #696969;
}

#search 
{
    position: absolute;
    right: 11px;
    height: 20px;
    width: 200px;
    top: 45px;
}

#search-text
{
    position: absolute;
    right: 215px;
    top: 56px;
    *top: 49px;
    width: auto;
    height: 15px;
    font-family: verdana; 
    font-size: 11px;
    color: #696969;
}

#search p
{
    float: left;
}

#menuimage
{
    top: 15px;
    left: 0;
    height: 25px;
    width: auto;
    background: url(../Images/15.gif);
    background-position: left;
    background-repeat: no-repeat;
}

#menuimage h1
{
    margin-left: 15px;
}
/* To create the same effect for FF as IE*/


 /*END Css Div Styles*/
 
 
 
 
 
 
 
 
 
body, table, tr, td {
   font-family: verdana; 
   font-size: 11px;	
}

td img
{
    border: none;
}

h1 {
    margin : 0px 0px 0px 0px;
    color : #427730;
    font-size : 160%;
    font-weight : normal;
}

h2 {
    margin : 0px 0px 0px 0px;
    color : #427730;
    font-size : 140%;
    font-weight : bold;
}

td {
    color : #626262;
    font-family : Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a, a:link, a:visited, a:hover, a:active {
    color : #427730;
}

a.standardlink {
   font-family: verdana; 
   font-size: 10px; 
   font-weight: bold;
   text-decoration: none;
   color: #ff6b00;
}

a.standardlink:hover {
   font-family: verdana; 
   font-size: 10px; 
   font-weight: bold;
   text-decoration: underline;
   color: #ff6b00;
}

a.ProductImageLink img{
	border-color:#FFF;
}

a.ProductImageLink:hover img {
	border:1px solid #EA5622
}

a.ProductImageLink:Visited img{
}

a.WebshopShoppingCart {
   font-family: verdana; 
   font-size: 11px; 
   font-weight: bold;
   text-decoration: underline;
   color: #427730;
}

a.WebshopShoppingCart:hover {
   font-family: verdana; 
   font-size: 11px; 
   font-weight: bold;
   text-decoration: underline;
   color: #427730;
}

.WebshopShoppingCartProduct {
   font-family: verdana; 
   font-size: 10px; 
   font-weight: bold;
   text-decoration: none;
   color: #d9dbe7; 
}

.WebshopShoppingCartProduct:hover {
   font-family: verdana; 
   font-size: 10px; 
   font-weight: bold;
   text-decoration: underline;
   color: #d9dbe7; 
}

a.clean {
   font-family: verdana; 
   font-size: 11px; 
   text-decoration: none;
   color: black;
}

a.ReadMore {
   font-family: verdana; 
   font-size: 11px; 
   text-decoration: none;
   color: navy;
}

a.menuitem {
   font-family: verdana; 
   font-size: 11px; 
   text-decoration: none;
   color: navy;
}

a.menuitem:active {
   font-family: verdana; 
   font-size: 11px; 
   text-decoration: none;
   color: navy;
}

a.menuitem:visited {
   font-family: verdana; 
   font-size: 11px; 
   text-decoration: none;
   color: navy;
}

a.menuitem:hover {
   font-family: verdana; 
   font-size: 11px; 
   text-decoration: underline;
   color: maroon;
}
.NewsTitle {
   font-family: verdana; 
   font-size: 11px; 
   font-weight: bold; 
   padding-top : 20px;
}

.NewsText {
   font-family: verdana; 
   font-size: 11px;
}

.Category {
   font-family: verdana; 
   font-size: 11px; 
   font-weight: bold;
}

.SubCategory {
   font-family: verdana; 
   color: navy;
   cursor: hand;
}

.CurrentSubCategory {
   font-family: verdana; 
   color: navy;
   font-weight: bold;
}

A.CurrentSubCategory {
   font-family: verdana; 
   color: navy;
   font-weight: bold;
   text-decoration: none;
}

.CategoryName {
   color: #4E7FB7; 
   font-family: verdana; 
   font-size: 13px; 
   font-style: italic; 
   font-weight: bold;
}

.SiteName {
   font-family: verdana; 
   font-size: 22px; 
   font-weight: bold;
}

.moduleheading {
   font-family: verdana; 
   font-size: 12px; 
   font-weight: bold;
   background-color: #FFFF99;
}

.menu, .menu:link, .menu:visited {
    color : #000000;
    font-weight : bold;
    text-decoration : none;
}
.menu:hover, .menu:active {
    color : White;
    font-weight : bold;
    text-decoration : underline;
}

.input {
    font-size : 12px;
    color : #626262;
    background-color : White;
    border : 1px solid #A4A4A4;
}

.tab1 {
    padding : 15px 15px 15px 30px;
}

.tab2 {
    padding : 7px;
    
}

.im1 {
    margin : 0px 0px 10px 10px;
}

.im2 {
    margin : 0px 10px 10px 0px;
}

.b, .b:link, .b:visited{
    color : #969AAA;
    text-decoration : none;
    font-weight : bold;
}

.b:hover, .b:active{
    text-decoration : underline;
    color : #969AAA;
    font-weight : bold;
}



/* Webshop styles */

ul.ErrorList {
    
}

li.ErrorTitle  {
    list-style: none;
    color: red;
    font-weight: bold;
}

li.ErrorText {
    color: red;
    font-style: italic;
}

table.WebshopOverview{
	background-color: #E7E7EF;
}

table.WebshopOverview th, table.WebshopOverview tr.Header, table.WebshopOverview tr.Footer{	
    background-color: #969AAA;
    color: #427730;
    font-weight: bold;
    height: 20px;
}

table.WebshopOverview tr.RowOdd {
    background-color: #F6F6F6;
}

table.WebshopOverview tr.RowEven {
    background-color: #FFFFFF;	
}

table.WebshopOverview td{
    padding: 2px 0px 2px 2px;
    *padding: 0;
    margin: 0;
}

.WebshopOverviewProductName {
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;	
	text-decoration: none;
}

.WebshopOverviewProductName:hover {
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;	
	text-decoration: underline;
}

.WebshopOverviewGroupName {
	font-size: 12px; 
	text-decoration: none;
}

.WebshopOverviewGroupName:hover {
	font-size: 12px; 
	text-decoration: underline;
	color: #ff6b00;
}

Input.WebShopAmountInput {
	text-align:right; 
	font-weight:bold; 
	border: 1px solid #969aaa; 
	padding-right: 4px;
	font-size: 11px;	 
	padding-top: 2px;
	padding-bottom: 2px;
}


table.WebshopDetail {
	font-family: 13px;
}

table.WebshopDetail tr.Header td, table.WebshopDetail tr.Footer td{
    background-color: #969AAA;
    color: #427730;
    font-weight: bold;
    height: 30px;
}

.WebshopDetailBottomRow {
	font-size: 12px;
	font-weight: bold;
	color:#a5a5a5;
}

.WebshopDetailPrice {
	font-size: 14px;
	font-weight: bold;
	color:#ff6b00;
}

div.WebshopShoppingCart {

}
div.WebshopShoppingCart table{
    width: 100%;
    color: #d9dbe7;	
}

.WebshopShoppingCartHeader{
    color: #427730;	
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #bfc2cc;
	padding-left: 10px;
    padding-bottom: 5px;
}

.WebshopShoppingCart td, .WebshopShoppingCart a{
		
}

.steps .current {
    font-weight: bold;
	color: #ff6b00;
}

#mainmenu ul {
    list-style-type: none;
    list-style-position: outside;
}

#mainmenu li {
	display: inline;
	list-style-type: none;
    clear: both;
    margin-left: -40px;
    *margin-top: -8px;
	*margin-top: -4px;
}
 
#mainmenu ul li div
{
	color: #000000;
    margin-top: -8px;
    *margin-top: 0;
    /*align: left;*/
}
 
#mainmenu ul li div div
 {
    margin-top: 0;
 }

#mainmenu li.menusep {
   margin-top: -12px;
	border-bottom: 2px solid #fff;
}

#mainmenu .menutitle {
    border-left: 2px solid #fff;
}


div#column1 {
    margin: 0px;
    padding-top:-60px;
    width: 100%;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* ############################################## */
/* <<<<<<<<<<< Accordion Menu Styles >>>>>>>>>>>> */
/* ############################################## */

.arrowlistmenu{
width: 600px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #427730;
background-image: url('../Images/ArrowDown.gif');
background-position: left center;
background-repeat: no-repeat;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 20px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:hover{
background-image: url('../Images/ArrowDownHov.gif');
background-position: left center;
background-repeat: no-repeat;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('../Images/ArrowUp.gif');
background-position: left center;
background-repeat: no-repeat;
}

.arrowlistmenu .openheader:hover{
background-image: url('../Images/ArrowUpHov.gif');
background-position: left center;
background-repeat: no-repeat;
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding: 3px 0px 3px 30px;
}

.arrowlistmenu ul li a{
color: #000000;
background-image: url('../Images/ChildCollapsed.gif');
background-position: left center;
background-repeat: no-repeat;
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
position: relative;
left: -15px;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #427730;
background-color: #F3F3F3;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */