/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site */
body {
	text-align: left;
	background-color: white;
}

#container {
	background-repeat: repeat-x;
	margin: 0px;
	max-width: 1280px;
}

/* Contains rest of HTML */
#centrecontainer {
	width: 100%;
	text-align: left;
	margin: 0px;
	min-height: 100%;
}

/*EXPLANATION margin-top margin-right margin-bottom margin-left*/
/* --- Header section ------------------------------------------------ */
#header {
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#header #title {
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: white;
	border-bottom: solid 7px #37679F;
}

#header #banner{
	position: relative;
	float: right;
	margin-top: -80px;
}

#logo
{
    padding-top: 10px;
    padding-right: 15px;
}


#header3
{
    background-color:transparent;
    float:right;
    margin-left:10px;
    margin-top:-60px;
    text-align:left;
    top:-60px;
}

#searchall
{padding-left: 10px;
 margin-top: 8px;
}

#searchall h5, #searchall h7, #searchall h7:link, #searchall h7:hover
{color: White;}


/* --- LINK DROPDOWN section ------------------------------------------------ */

#TJK_dropDownMenu {
    background:transparent none repeat scroll 0%;
    margin: -22px 0 0 160px;
    max-width:70%;
    min-width:400px;
    position: relative;
    width:auto;
    text-align: left;
    float: left;
    font-size:12px;
    left: 40px;
}

/* All LIs */
#TJK_dropDownMenu li {
	color: #333333;
	position:relative;
	width:110px; /*how much appart the links are*/
	padding:0px 0px 0px 0px;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
	width:11em;
	bottom:1px;
}


/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	color: #333333;
	width:13em;
	border:none;
	float:left;
	border-top:none;
	padding:2px 1px 2px 1px; /* the padding INSIDE the drop down links*/
	width:13em;
}

/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:13em !important; /* the space inside the drop down links */
	color: #333333;
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	background: white;
	padding:2px 1px 0px 1px; /* the padding OUTISDE the drop down links*/
	margin-top: 2px;
	border: solid 1px black;
	left: -20px;
}

/* All anchors */
#TJK_dropDownMenu li a {
	color: #333333;
	cursor:default;
	text-decoration:none;
	display:block;
	float:left;

/*  uncomment the declaration below if you want to go "full width" */
	/*width:-11em;*/
}


/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:13em/*FF*/;
	position:relative !important; /* ie Mac */
	float:left;
	cursor:pointer !important;
	white-space:nowrap;
	font-weight:normal;
	background-position:0% 50% !important;
	
}


/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#888888}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover {color:#888888 !important; text-decoration: underline;}
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#888888 !important;}


/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:1em !important;}



/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:6;}
#TJK_dropDownMenu li#CF {z-index:5; width:15.5em;}
#TJK_dropDownMenu li#GJ {z-index:4;}
#TJK_dropDownMenu li#KR {z-index:3;}
#TJK_dropDownMenu li#ST {z-index:2;}
#TJK_dropDownMenu li#UZ {z-index:1;}


/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a,
.CF #TJK_dropDownMenu li#CF a,
.GJ #TJK_dropDownMenu li#GJ a,
.KR #TJK_dropDownMenu li#KR a,
.ST #TJK_dropDownMenu li#ST a,
.UZ #TJK_dropDownMenu li#UZ a {font:transparent;}


/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul,
.CF #TJK_dropDownMenu li#CF ul,
.GJ #TJK_dropDownMenu li#GJ ul,
.KR #TJK_dropDownMenu li#KR ul,
.ST #TJK_dropDownMenu li#ST ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}


/* background colors */
#AB,#AB li a {background-color:white;}
#CF,#CF li a {background-color:white;}
#GJ,#GJ li a {background-color:white;}
#KR,#KR li a {background-color:white;}
#ST,#ST li a {background-color:white;}
#UZ,#UZ li a {background-color:white;}


/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a


/* last nested UL. keeping it in */
#TJK_dropDownMenu li#UZ ul {left:-2.3em !important;}


/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #TJK_dropDownMenu li#AB ul li a:focus,
.AB #TJK_dropDownMenu li#AB ul li a:active,
.CF #TJK_dropDownMenu li#CF ul li a:focus,
.CF #TJK_dropDownMenu li#CF ul li a:active,
.GJ #TJK_dropDownMenu li#GJ ul li a:focus,
.GJ #TJK_dropDownMenu li#GJ ul li a:active,
.KR #TJK_dropDownMenu li#KR ul li a:focus,
.KR #TJK_dropDownMenu li#KR ul li a:active,
.ST #TJK_dropDownMenu li#ST ul li a:focus,
.ST #TJK_dropDownMenu li#ST ul li a:active,
.UZ #TJK_dropDownMenu li#UZ ul li a:focus,





/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Left hand section of page body (if you have one!) */
#left {
	width: 195px;
	max-width: 195px;
	margin: 5px 0px 0px 0px;
	float: left;
	background: #37679F;
	text-align: left;
	min-height: 600px;
}

/* Dynamic page content section of page body */
#pagecontent 
{
    left: 0px;
	margin-left: 0px;
	min-width: 650px;
}

#prop {width:650px; height:1px;}  /* IE work around for min-width*/

#newsitem1 h1
{display: none;}

#pagecontent_pad {
	padding: 5px 10px 0px 15px;
	text-align: left;
}

/* Right hand section of page body */
#right {
	width: 175px;
	margin: -30px 0px 0px 0px;
	background: #ffffff;
	text-align: left;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 0px;
	clear: both;
	text-align: left;
	border-top: solid 7px #37679F;

}

/* Footer nav links */
#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/* T&Cs text */
#terms {
	background-color: #eeeeee;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 12px;
	font-size: 8pt;
	color: #999999;
	text-align:center;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 120px;
	margin-left: 0px;
}

#searchbox #searchbutton {
    background-color: #fc5d0c;
    font-size:small;
    height:17px;
    text-align:center;
    vertical-align:bottom;
    width:20px;
    color: white;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}