/* CSS Document 
   Code started with html>body is for firefox so don't change it
*/


body{
margin: 0px;
min-width: 780px;
font-family: Tahoma, Verdana, Arial, sans-serif;
background-color: #F5F4F3;
color: #6C6C6C;
text-align: center;
}

html>body{
width: 50%;
margin: auto;
}

div#main {
width: 780px;
height: auto;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #4A4A4A;
}

html>body #main {
width: 770px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}

#topper{
width: 770px;
height: 57px;
background-color: #FFF;
background-image: url(../images/top_bg.jpg);
background-position: left;
background-repeat: repeat-x;
}

#language{
background-image: url(../images/drop_down.gif);
width: 100px;
background-position: 1.80em;
background-repeat: no-repeat;
font-weight: bold;
color: #B5B5B5;
text-align: left;
margin: 2px 0px 0px 0px;
float: left;
clear: right;
font-size: 9px;
}

#topnavigation {
width: 770px;
height: 22px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}

#navigation {
width: 572px;
height: auto;
background-color: #FFFFFF;
color: #4A4A4A;
float: left;
}

#account {
width: 198px;
height: auto;
background-color: #FFFFFF;
color: #4A4A4A;
padding: 0px;
margin: 0px;
float: left;
}

#topnavigation ul{
display: block;
padding: 0px;
margin: 0px;
float: left;
}

#topnavigation li{
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
float: left;
}

#topnavigation li a{ 
display: block;
list-style-type:  none;
text-decoration: none;
background-color: #FFFFFF;
color: #535353;
}

#topnavigation li a:hover
{
display: block;
list-style-type:  none;
color: #053869;
background-color: #E6ECF6;
}

#theme {
width: 770px;
height: auto;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 6px;
background-color: #FFFFFF;
}

#imagebox{
width: 175px;
height: auto;
margin: 0px;
padding: 0px;
}

#pagetextbox{
width: 595px;
height: auto;
padding: 0px;
margin: 0px;
}

#history{
font-size: 10px;
text-align: left;
margin-top: 2px;
background: none;
}

html>body #history{
font-size: .70em;
text-align: left;
float: left;
margin-top: -10px;
background: none;
}

div#container
{
	width: 770px;
	height: auto;
	background-image: url(../images/content_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #4A4A4A;
	margin: 0px;
	padding: 0px;
}

div#container2
{
	width: 770px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

html>body #container2
{
	padding-top: 12px;
}

div#more
{
	float: right;
	width: 157px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 1px;
	text-align: left;
}
#more{
margin-left:  5px;
}

div#more p
{
	font-size: .70em;
	color: #4A4A4A;
	margin: 0px 0px 5px 5px;
}


html>body #more
{
	display: block;
	margin: 8px 0px 0px 0px;
}

div#more ul{
display: block;
margin-left: 25px;
margin-top: 2px;
padding: 0px;
}

div#more li{
width: 130px;
line-height: 1.50em;
font-size: .65em;
margin: 0px;
padding: 0px;
text-align: left;
list-style-image: url(../images/right_bullets.jpg);
color: #3F4C5D;
}

div#more li a
{
display: block;
color: #3F4C5D;
background-color: #FFFFFF;
text-decoration: none;
}

div#more li a:hover
{
color: #25487C;
background-color: #FFFFFF;
}
/* H tags */
h1
{
	font-size: 22px;
	font-family: Verdana, Helvetica, sans-serif, "Tahoma";
	color: #585B5D;
	text-align: left;
	font-weight: bold;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
}

h2
{
	font-size: 20px;
	font-family: Verdana, Helvetica, sans-serif, "Tahoma";
	color: #585B5D;
	font-weight: bold;
	line-height: 25px;
	text-align: left;
	margin: -12px 0px 0px 0px;
	padding: 0px;
}

html>body h2
{
	margin: -10px 0px 0px 0px;
}

h3
{
	font-size: 17px;
	font-family: Verdana, Helvetica, sans-serif, "Tahoma";
	color: #727678;
	font-weight: bold;
	text-align: left;
	line-height: 22px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

h4
{
	font-size: 15px;
	font-family: Verdana, Helvetica, sans-serif, "Tahoma";
	color: #4A4A4A;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/********************************** end H tags */

div#navcontainer ul{
display: block;
margin-left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
padding: 0px;
}

div#navcontainer li{
font-size: .70em;
margin: 0px;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
list-style-image: url(../images/right_bullets.jpg);
color: #4A4A4A;
}

div#content ul{
display: block;
margin-left: 30px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
padding: 0px;
}

div#content li{
font-size: .70em;
margin: 0px;
padding: 0px;
text-align: left;
list-style-image: url(../images/right_bullets.jpg);
color: #4A4A4A;
line-height: 150%;
}

html>body .support{
position: relative;
float: left;
margin: 0px;
left: 18px;
padding: 0px;
}

div#content { line-height: 110%; color: #A4A4A4; }

#cleardiv
{
	clear: both;
}

#content a
{
color: #6F94BE;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#content a:hover {
color: #C5C7CB;
background-color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}




#footer{
height: 20px;
margin: 0px;
padding: 0px;
display: block;
background-image: url(../images/footer_seperator.jpg);
background-position: top;
background-repeat: repeat-x;
}

#footerleft{
margin: 7px 0px 5px 15px;
padding: 0px;
width: 400px;
text-align: left;
font-size: .60em;
float: left;
color: #B2B2B2;
background-color:#FFFFFF;
}

html>body #footerleft{
margin: 5px 0px 5px 15px;
}

#footerright{
padding-right: 15px;
width: 350px;
text-align: right;
color: #B2B2B2;
float: right;
}

html>body #footerright{
margin: 0px 0px 0px 0px;
padding: 0px;
width: 350px;
text-align: right;
float: left;
}

#footerright ul{
margin: 0px;
padding: 0px;
color: #3F4C5D;
}

#footerright li{
width: auto;
display: inline;
margin-left: 10px;
padding-left: 14px;
background-image: url(../images/column_seperator.jpg);
background-position: left;
background-repeat: repeat-y;
}

#footerright a {
color: #3F4C5D;
background-color: #FFFFFF;
text-decoration: none;
}

#footerright a:hover {
color: #C5C7CB;
text-decoration: none;
background-color: #FFFFFF;
}

#search{
display: block;
float: right;
text-align: left;
width: 165px;
}

.topmenu{
float: left;
margin: 0px;
padding: 0px;
position: relative;
}

body a:link{
color: #3F4C5D;
text-decoration: none;
font-size: 11px;
background-color: #FFFFFF;
}

body a:active{
color: #3F4C5D;
text-decoration: none;
font-size: 11px;
background-color: #FFFFFF;
}
body a:visited{
color: #3F4C5D;
font-size: 11px;
text-decoration: none;
background-color: #FFFFFF;
}

body a:hover{
color: #C5C7CB;
text-decoration: none;
background-color: #FFFFFF;
font-size: 11px;
}

.history_bullets{
margin-left: 5px;
margin-right: 5px;
}

.search_btn{
margin-left: 8px;
}

input.button
{
	font-size: 11px;
	background-color: #E7E0D5;
	color: #00355E;
	border: 1px solid #C4BEB5;
}

.menu_head{
font-size: 1.20em;
font-weight: bold;
}

/* Forms styles goes here */

.caption{
font-size: .75em;
text-align: left;
color: #6C6C6C;
}

.text_position{
text-align: left;
color: #6C6C6C;
}

.normal{
text-align: center;
vertical-align: middle;
}

.form_head{
font-size: 1em;
font-weight: bold;
padding-left: 10px;
color: #737373;
height: 25px;
text-align: left;
border-bottom: 1px solid #333333;
}

div.row {
  clear: both;
  padding-top: 5px;
  text-align: right;  
  }

/* news section styles */
#AutoNumber8{
width: auto;
text-align: left;
}

.news_date{
margin-left: 0px;
padding: 0px;
color: #4A4A4A;
background-color: #FFFFFF;
}

.my_link{
font-size: .75em;
margin-left: 15px;
}

#newsbox{
width: auto;
margin: 5px 4px 0px 0px;
display: block;
padding: 0px;
}

#newsbox .second_row{
display: block;
float: left;
clear: right;
text-align: left;
margin-left: 8px;
}

#newsbox .total_row{
display: block;
width: 450px;
float: right;
clear: both;
text-align: left;
margin-left: 8px;
}

#newsbox .more_news a{
background-color: #FFFFFF;
background-image: url("../images/bullet_portfolio.gif");
background-position: 0em;
background-repeat: no-repeat;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#content #newsbox a:hover{
color: #003D78;
background-color: #FFFFFF;
}

#content #newsbox li{
list-style-type: none;
list-style-image: none;
}

#row{
width: auto;
height: auto;
display: block;
margin: 0px;
padding: 0px;
clear: both;
}

.left_box{
float: left;
clear: right;
margin: 0px;
padding: 0px;

}

.right_box{
float: left;
margin: 0px 0px 0px 0px;
display: block;
padding-left: 8px;
text-align: left;
}

#form_main{
display: block;
margin-left: 9px;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
height: auto;
float: left;
border: 1px dashed #DEDEDE;
}

html>body #form_main{
display: block;
margin-left: 17px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
padding: 8px;
height: auto;
float: left;
border: 1px dashed #E9E9E9;
}

#form_row{
width: auto;
height: auto;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
clear: both;
}

.form_captions{
display: block;
color: #6C6C6C;
background-color: #FFFFFF;
float: left;
clear: none;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 5em;
text-align: left;
font-size: .75em;
}

#try{
float: left;
clear: both;
}

body p{
	font-size: .70em;
	color: #4A4A4A;
	margin: 0px 0px 8px 0px;
}


/* template css goes here */

.tdTabsSelected, td.tdTabsSelected
{
	background-color: #CFD4D8;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #6F6F6F;	
}

.DataTableHead
{
	background-color: #CFD4D8;
	font-family: tahoma, Verdana, Arial;
	color: #6F6F6F;
	height: 18px;
	font-size: 11px;
	font-weight: Bold;
	padding-left: 3px;
}

.greenColor{
	background-color: #bce704;
}

.table {
width: auto;
margin-left: 20px;
}

.table TD {
PADDING-RIGHT: 1px;
FONT-SIZE: .80em;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
height: 22px;
text-align: left;
padding-left: 10px;
BORDER-RIGHT: #EAEAEA 1px solid;
BORDER-bottom: #EAEAEA 1px solid;
}

select
{
	font-size: 11px;
	font-family: Verdana, Arial;
	/*border: 1px solid #FFFFFF;*/
	height: 17px;
	color: #777777;	
}
textarea
{
	/*border: 1px solid #BBCCDC;*/
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #7D7D7D;
	width: 250px;
}

input.text
{
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #777777;
}

/* For errors */

.ptd{
	font-size: .70em;
	color: #FF0000;
}
.infMsg{
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #0000FF;
}

.logo{
margin: 2px 0px 0px 0px;
}

html>body .logo{
margin: 0px;
}

/************************************Code for Promonent Areas**********************/

.boxPromonent
{
width: auto;
height: auto;
padding: 4px 5px 5px 4px;
border: 1px dotted #CECECE;
background-color: #F0F8FC;
}

.smallgravatar
{
padding: 0px 15px 0px 0px;
}


.productContainer{
padding-top: 5px;
line-height: 110%;
}

.btnProduct{
padding: 3px 0px 0px 0px;
}

.back{
background: #EBEBEB;
}

.prodLi{
font-size: 17px;
}