/* Static Layout Styles */

html, body{ 

	text-align				:center} 

html {
	background-image	:url(/../elements/bodyfade.jpg);
	background-repeat	:repeat-x;
	background-color	:#eee; }

#container{ 
	width					:960px;;
	text-align				:left;  
	margin-top				:10px;
	margin-bottom			:10px;
	margin-left				:auto;
	margin-right			:auto;
	background-color		:#000} 

#topmenubar{
	border-top				:3px solid #666;
	border-bottom			:3px solid #666;
	width					:960px;
	height					:36px;background-color	:#000;
	background				:url(../elements/barback.gif) repeat left center}

#topmenubarleft{
	float					:left;
	padding					:8px 8px 10px 10px}

#topmenubarright{
	float					:right;
	padding					:8px 0px 10px 0}

	
#topmenubarrightsearch{
	float				:right;
	padding				:6px 10px 0px 0}

#logobar{
	position				:relative; 
	height					:114px;
	background				:url(../elements/logobar.jpg) no-repeat left top;
	border-bottom			:20px solid #999;
	width					:100%;	background-color	:#fff;

	padding-bottom 		:1px} 

#leftcol{
	width					:180px;
	float					:left; 
	position				:relative}

.marque{
	padding					:8px 0px 0px 15px;

	height					:26px;
	color					:#fff;
	background				:url(../elements/chevron.gif) no-repeat right center}

#threecols{
	width					:779px;
	background-color		:#f9f9f9;
	border-right			:1px solid #aaa;
	float					:right; 
	position				:relative}

#main2col{
	background-color		:#fff;
	padding-left			:34px;
	padding-right			:35px;
	float					:left; 
	display					:inline; 
	position				:relative; 
	width					:710px; 
	padding-bottom			:20px}

#main3col{
	background-color		:#fff;
	float					:left; 
	display					:inline; 
	position				:relative; 
	border-right		:1px solid #aaa;

	width					:60%; 
	padding-left		:33px;
	padding-bottom		:20px}

#linkslist{
	background-color		:#fff;
	margin					:0;
	float					:left; 
	display					:inline; 
	position				:relative; 
	width					:700px; 
	padding-bottom			:20px}

#rightcol{
	width					:220px;
	float					:right; 
	position				:relative;
	padding-top				:25px;
	padding-left			:25px;
	padding-right			:27px}


#footer{
	width					:958px;
	height					:38px;
	background				:url(/elements/barback.gif) repeat left center;
	border-bottom			:3px solid #666;
	border-left				:1px solid #aaa;
	border-right			:1px solid #aaa}

#admindiv {
	width					:100%;
	padding					:5px;
	background-color		:#fff; 
	border					:1px solid #eee;
	padding-left			:10px}

.clearfix:after{
	content					:"."; 
	display					:block; 
	height					:0; 
	clear					:both; 
	visibility				:hidden}

.clearfix{
	display					:inline-block}

* html.clearfix{
	height					:1%}

.clearfix{
	display					:block}








/* Static Navigation Styles */





#toplevel1 ul{
	border					:0;
	list-style-type			:none;
	text-align				:center;}

#toplevel1 li{
	display					:block;margin-top:20px;
width:715px;
	float					:left;
	text-align				:center}

#toplevel1  li a{
	background				:#fff;
	border					:10px solid #fff;overflow:hidden;outline:none;
	margin					:0px;
	height					:400px;
	padding					:0;
	color					:#000;	cursor:  pointer;

	text-decoration			:none;
	display					:block;
	text-align				:center}

#toplevel1 ul li a:hover{
	color					:#000;	border					:10px solid #309743;

	background				:#fff;}

#toplevel1 a:active{
	background				:#fff;
	color					:#000;}

#toplevel1 li#active a{
	background				:#fff;
	color					:#000} 	 






#toplevel2 ul{
	border					:0;
	list-style-type			:none;
	text-align				:center;}

#toplevel2 li{
	display					:block;
width:355px;
	float					:left;
	text-align				:center}

#toplevel2  li a{
	background				:#fff;
	border					:10px solid #fff;overflow:hidden;outline:none;
	margin					:0px;
	height					:230px;
	padding					:0;
	color					:#000;	cursor:  pointer;

	text-decoration			:none;
	display					:block;
	text-align				:center}

#toplevel2 ul li a:hover{
	color					:#000;	border					:10px solid #309743;

	background				:#fff;}

#toplevel2 a:active{
	background				:#fff;
	color					:#000;}

#toplevel2 li#active a{
	background				:#fff;
	color					:#000} 	 






#navbutton {
	width					:180px;font-size				:115%;}

#navbutton ul {
	font-weight				:bold;
	border-top				:#ddd 1px solid;	
	list-style-type			:none}

#navbutton li {
	list-style-image		:none;
	list-style-type			:none;	line-height			:190%;
	border-bottom		:#ddd 1px solid;}

#navbutton li a {
	padding				:3px 4px 3px 15px;
	display					:block;
	width					:180px;
	color					:#fff;
	background-color		:#888;
	text-decoration			:none}

#navbutton li a:hover {
	color				:#000;
	background-color	:#EAC554}

html > body #navbutton li a {
	width					:auto}


.active#activelink a{
	background-color	:#309743;
	color				:#fff}

li.childlink {
	font-weight			:normal;	font-size			:85%;
}

.childlinkactive#activechildlink a{
	background-color	:#309743;
	color				:#fff}

li.childlinkactive {	font-size			:85%;
	font-weight			:normal;
}













#navcontainer3{
	background			:#ccc;
	height				:34px}

#navlist3{
	padding				:0px 2px;
	display				:block}
	
#navcontainer3 a{
	display				:block;
	padding				:8px 4px;
	text-decoration		:none;
	background			:#ccc;
	font				:normal 11px verdana, serif;
	color				:#000}

#navcontainer3 a:hover{
	padding				:8px 3px;
	background			:#EAC554;
	border-right		:1px solid #333;
	border-left			:1px solid #333;
	border-bottom		:1px solid #333;
	color				:#000}

#navcontainer3 a#current{
	background			:#000;
	color				:#fff;
	border-top			:1px solid #000;
	font-weight			:bold}

#navlist3 li{
	list-style			:none;
	border-left			:1px solid #ccc;
	border-right		:1px solid #ccc;
	float				:left}

#navlist3 li#active {
	background			:#309743;
	line-height			:125%;
	padding				:8px 3px;
	display				:block;
	border-right		:1px solid #333;
	font				:normal 11px verdana, serif;
	border-left			:1px solid #333;
	border-bottom		:1px solid #333;
	color				:#fff}

div#tipDiv {
	position			:absolute;
	visibility			:hidden;	
	left				:0;
	top					:0;
	z-index				:10000;
	background-color	:#EAD595;
	border				:1px solid #666;
 	width				:250px;
	padding				:4px;
	text-align			:left;
	color				:#000;
	font-size			:11px;
	line-height			:180%;
}













#adminlinks li a {
	color					:#fff;
	text-decoration			:none}

#adminlinks li a:hover {
	color					:#fff;
	text-decoration			:underline}

a:link {
	color					:#003D79;
	text-decoration			:none}

a:visited {
	color					:#003D79;
	text-decoration			:none}

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

a:hover {
	color					:#003D79;
	text-decoration			:underline}

#topmenubar a:link {
	color				:#333}

#topmenubar a:visited {
	color				:#333}

#topmenubar a:active {
	color				:#333}

#topmenubar a:hover {
	color				:#333}


#footer a:link {
	color				:#333}

#footer a:visited {
	color				:#333}

#footer a:active {
	color				:#333}

#footer a:hover {
	color				:#333}

.linkarrow {
	padding-left			:15px;
	font-family				:verdana;
	font-size				:11px;
	background				:url(../elements/arrow.gif) no-repeat left center}





div.TabView
{

  background-color:#fff;
}


/* ***** Tabs *************************************************************** */

div.TabView div.Tabs
{
  	height: 23px;	border-bottom: 1px  solid #999;
  font-family: Verdana, Sans-Serif;
  font-size:   9px;
}

div.TabView div.Tabs a
{
	display: block;
	float:    left;
	
	margin-right: 1px;
		
	text-align: center;
	
	height:      22px;
	line-height: 21px;
	vertical-align: middle;

	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background-color:#ddd;
	text-decoration: none;
	font-weight: normal;
	color:   #000;
	cursor:  pointer;
}



div.TabView div.Tabs a:hover{
	color: #000;
	background-color: #eee;
}

div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover
{
	color:#fff;
	background-color: #666;	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	height:     22px;
	cursor:  default;
}


/* ***** Pages ************************************************************** */

div.TabView div.Pages
{
  clear: both;
  border-top: none;
}

div.TabView div.Pages                  { overflow: hidden; }
div.TabView div.Pages div.Page         { overflow:   auto; }
div.TabView div.Pages div.Page div.Pad { padding: 0; }



a {outline:none}









/* Static Type Styles */

body
	{
	font-family				:verdana;
	font-size				:.7em}

h1 {
	font-weight			:bold;
	font-size			:160%;
	letter-spacing		:-.05em;
	color				:#777;
	padding-top			:1.2em;
	padding-bottom		:1em}

#productsdiv h2 {
	padding-top			:.2em;

}

#productsdiv p  	{padding-bottom		:.6em}



h2 {
	font-weight			:bold;
	font-size			:110%;
	color				:#555;
	padding-top			:.3em;
	padding-bottom		:.2em}

h3 {
	font-weight			:bold;
	font-size			:120%;
	color				:#666;
	padding-top			:.3em;
	padding-bottom		:.2em}

h4 {
	font-weight			:bold;
	font-size			:120%;
	color				:#000;
	padding-top			:.3em;
	padding-bottom		:.2em}

h5 {
	font-weight			:bold;
	font-size			:105%;
	color				:#468;
	padding-top			:.3em;
	padding-bottom		:.2em}

h6 {
	font-weight			:bold;
	color				:#000;
	font-size			:105%;
	padding-top			:.3em;
	padding-bottom		:.2em}

p {
	font-weight			:normal;
	padding-right		:27px;
	color				:#000;
	line-height			:1.6em;
	padding-bottom		:1.2em}


#topmenubar p {


	color				:#333}



















fieldset p	{font-size				:1.3em;	font-family				:verdana;
}

#admindiv p	{font-size				:.85em;	font-family				:verdana;
}


#footer p{
	color				:#333;
	padding				:1em}



.criticalmessage {
	color				:#F00;}

.successmessage {
	color				:#360;}








#adminlinks h5
	{
	padding-top				:30px;
	padding-bottom			:0;
	margin-bottom			:0;
	margin-left				:20px
	}

#adminlinks ul
	{
	padding					:0px;
	margin					:5px 0px 0px 20px
	}

#adminlinks li
	{
	padding-top				:0px;
	font-weight				:normal;
	font-size				:11px;
	line-height				:1.6em;
	list-style-image		:none;
	list-style-type			:none
	}

fieldset p
	{
	font-family				:verdana;
	font-size				:1em
	}


p.topfield
	{  
	margin-top				:2.5em
	}








.navtext1 {
	font-size			:16px;
	
	
		font-weight			:bold;
}







.navtext2 {
	font-size			:18px;
	
	
		font-weight			:bold;
}
















/* Static Form Styles */



fieldset {
	background				:#fff;
	border					:1px solid #ddd;
	width					:100%;
	padding					:10px;
	padding-bottom			:20px}
	
legend {
	color					:#fff;
	font-weight				:bold;
	font-size 				:1.1em;
	background				:#666;
	border					:1px solid #ccc;
	padding					:4px 8px} 

label {
	width					:120px;
	float					:left;
	text-align				:right;
	color					:#999;
	margin-right			:1.5em;
	display					:block}

label b {
	color					:#000;

}


.button{
	color					:#333;font-family:verdana;
	font-size				:11px;
	margin-top				:.5em;
	padding					:2px 5px;
	background-color		:#fff;
	border					:#666 solid 1px;
	cursor					:pointer; 
	overflow				:visible}

.textboxcss{
	color					:#000;
	font-family				:verdana;
	font-size				:11px;
	border					:solid 1px #aaa; 
	background-color		:#fafafa}

/* Static Table Styles */

#tablepaging{
	background-color	:#eee;
	border				:1px solid #aaa;
	width				:100%;
	margin-top			:10px;
	font-family			:verdana;
	font-size			:11px}

td.tdpaging{
	padding				:10px 20px;
	text-align			:center}

table.operationbar{
	background			:#bbb;
	margin-bottom		:10px;
	margin-top			:5px;
	border-left			:1px solid #ddd;
	border-top			:1px solid #ddd;
	border-bottom		:1px solid #555;
	border-right		:1px solid #555}

td.operationbutton{
	font-size			:.9em;
	padding				:3px 8px;
	background			:#ddd;
	border-left			:1px solid #fff;
	border-top			:1px solid #fff;
	border-bottom		:1px solid #666;
	border-right		:1px solid #666;
	margin				:2px}


#tablelistfullwidth{
	width				:667px;
	margin-top			:10px;
	font-family			:verdana;
	font-size			:11px}

#tablelistfullwidth th{
	background-color	:#eee;
	padding				:4px 10px 4px 4px}

#tablelistfullwidth td{
	border-bottom		:1px solid #eee;
	padding				:5px 0 5px 5px}

.cellalignleft  {
	text-align			:left;}

 .cellaligncenter{
	text-align			:center;}

.cellalignright{
	text-align			:right;}

/* Static Image Styles */

img.inlinecontent{
	margin-top			:16px;
	margin-bottom		:20px;
	margin-left			:20px;
	float				:right}

img.imagemanagement{
	border				:0;
	width				:50px}

.divider{padding-top:20px;border-bottom:1px solid #999}



.buttonbig{
	font-size				:20px;font-weight:bold;
	margin-top				:.5em;
	padding					:2px 10px;
	border					:#666 solid 1px;
	cursor					:pointer; 
	overflow				:visible}







.red{
	color					:#fff;
	background-color		:#c30;

}

.amber{
	background-color		:#CCAC49;
	color					:#fff;

}

.green{	color					:#fff;

	background-color		:#3CB42D;

}

.blue{color					:#fff;
	background-color		:#2B84CF;

}

.left{float:left}
.right{float:right}

.rightmargin{margin-right:4px}