* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/* CLEAR FIX*/
.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 */

a {
    font-size:12px;
	color:#003366;
	text-decoration:none;
}

a.current {
	color:#999999;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 100%;
	background-color:#FFFFFF;
	margin: 0em;
}

h1 {
	color:#FF9933;
	font-weight:bold;
	padding-left: 0.5em;
	padding-top: 0.2em;
}

h2 {
	color:#61208e;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#E5E5E5;
	font-style: normal;
	font-weight: lighter;
	font-size:120%;
}

h3 {
	color:#FF9933;
	font-size:70%;
	font-weight:bold;
}

h3 a{
	color:#FF9933;
}

.orange {
	color: #FF9933;
}

.blue {
	color: #003366;
}

.green
{
    color: #339900;
}

.red {
	color: #FF0000;
}

.gray {
	font-weight:normal;
	font-size:70%;
	color: #F0F0F0;
}

.purple{
color:#61208e;
}

.white{
color:#fff;
}

.homeTitle
{
    font-size:16px;
    font-weight:bold;
    color:White;
    background-color:#339900;
    width:100%;
    margin-left:0;
    margin-right:0;
    margin-bottom:10px;
    margin-top:10px;
    padding:5px;
   }

/* ----- header -----  */
#header{
	height:80px;
	position:relative;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: auto;
}

.languages{
	float:right;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #0099CC;
}

.languages a{
	color: #61208e;
	text-decoration: none;
}

.languages a:hover{
	color: #FF9900;
	text-decoration: underline;
}

.rightInfo{
	float:right;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 70%;
}

.login
{
    float: left;
    width:350px;
    margin-right:20px;
}

.login h3
{
    color: #61208e;
    font-size: 90%;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
}

.login form
{
    text-align: justify;
    color: #666666;
    font-size: 70%;
    line-height: 1.5em;
    margin:0;
    padding:10px 20px
}

.rounded
{
    margin: 0pt auto;
    width: 400px;
    background-color: #D5D6E1;
    color: #666666;
}

.imgLeft{
	float:left;
	margin-right: 10px;
}

/* ----- Menu -----*/
#menu_bar {
	width: 93%;
	vertical-align: middle;
	font-size:80%;
	background-color:#67c309;
	border-style:solid;
	border-width:0px;
	border-color:#67c309;
	padding-left:100px;
	color:#FFFFFF;
	background-image: url(../images/menu_bg.gif);
	background-repeat: repeat-x;
	position:absolute;
	top:45px;
	margin:0;
    clear: both;
}

#menu_bar ul
{
    margin-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    color: White;
    float: left;
    width: 100%;
    font-weight: bold;
    background-color: #67c309;
    background-image: url(../images/menu_bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a
{
  padding-top:5px;
  padding-bottom:5px;
  padding-left:20px;
  padding-right:20px;
  background: #3298e0 url(../images/menu_bg.gif) top left repeat-x;
  color: #EFEFEF;
  text-decoration: none;
  float: left;
  border-right: 1px solid #fff;
}

#menu_bar ul li a:hover
{
  background: #3298e0 url(../images/menu_hover_bg.gif) top left repeat-x;
  color: #FFFFFF;
}

/* start drop down memu */
* {padding:0; margin:0}
.dropdown {float:left;}
.dropdown dt {width:80px; text-align: center; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; border-right: 1px solid #fff; cursor:pointer;}
.dropdown dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:160px; border:2px solid #9ac1c9; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:160px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

.dropdown2 {float:left;}
.dropdown2 dt {width:125px; text-align: center; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; border-right: 1px solid #fff; cursor:pointer;}
.dropdown2 dd {position:absolute; overflow:hidden; width:160px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown2 ul {width:160px; border:2px solid #9ac1c9; list-style:none; border-top:none}
.dropdown2 li {display:inline}
.dropdown2 a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:160px}
.dropdown2 a:hover {background:#d9e1e4; color:#000}
.dropdown2 .underline {border-bottom:1px solid #b9d6dc}

/* end drop down memu */

.logo{
	float:left;
	padding-left:10px;
	padding-right:20px;

}

.box{
	float:left;
	margin-left:10px;
    width:20%;
	padding:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.vDivider{
    float:left;
	margin-left:10px;
	height: 250px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	position:absolute;
}

/* ----- main Container ----- */
#mainContainer {padding-bottom: 20px;}  /* must be same height as the footer */

.grayBox{
	background-image:url(../images/gray_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height:215px;
}
/*LEFT SIDEBAR*/
#leftInfo{
	float: left;
	clear: left;
	width: 9.5em;
}

/*sidemenu NAVIGATION*/
.sidemenu
{
    width: 9.5em; /*width of menu*/
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 5px;
}

.sidemenu .sidebarTitle
{
    font: bold 12px Arial;
    color: white;
    margin-bottom: 10px; /*bottom spacing between header and rest of content*/
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 4px 0 4px 10px; /*header text is indented 10px*/
    background-color: #61208e;
    background-image: url(../images/sideMenu_bg.gif);
    background-repeat: repeat-x;
    background-position: left center;
    background-color: #61208e;
}

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

.sidemenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.sidemenu ul li a
{
    color: #61208e;
    background: url(../images/list-ponter.gif) no-repeat left center; /*custom bullet list image*/
    display: block;
    padding: 2px 0;
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    border-bottom: 1px solid #dadada;
    font-size: 70%;
}

.sidemenu ul li a:hover
{
    /*hover state CSS*/
    background-color: #e7f1ee;
    color: #669900;
    background-color: #f1f4f2;
}


div.mainInfo{
	width: auto;
	height: 175px;
	margin: 0.5em 0.5em 0.5em 7em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

div.mainInfo h3 a{
	color:#003366;
}

.mainInfo2
{
	width: auto;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 10.5em;
	padding-bottom: 1em;
	padding-left: 40px;
	padding-right: 1em;
	padding-top: 1em;
}

.mainInfo2 h3 {
	color:#61208e;
	font-size:90%;
	border-bottom-width:0px;
}

.mainInfo2 p
{
    text-align: justify;
    color: #777777;
    font-size: 12px;
    line-height: 1.5em;
}

.mainInfo2 li
{
    color: #777777;
    line-height: 1.5em;
	margin-left:20px;
}

.mainInfo2 td
{
    color: #777777;
    font-size: 12px;
    line-height: 1.5em;
}

.mainInfo2 a:hover
{
	color: #61208e;
}

div.image {
	float:left;
	width: 80px;
	height: 80px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#F0F0F0;
	border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.image h3{
	color:#CCCCCC;
}

/* ----- footer ----- */
#footer {
	position: relative;
	margin-top: -20px; /* negative value of footer height */
	height: 25px;
	clear:both;
	clear:both;
	width: auto;
	font-size:60%;
	background-color:#8ae132;
	border-style:solid;
	border-width:1px;
	border-color:#8ae132;
	vertical-align:middle;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}

div.copyright {
	color: #333333;
	text-align:right;
	margin-left:20em;
	margin-right:0.5em;
	font-size:90%;
}

div.copyright a{
	color:#333333;
	font-size:90%;
}

div.footerLinks{
	float:left;
	clear:left;
	color:#006200;
	margin-left:2em;
}

div.footerLinks a{
	color:#006200;
}

.spacer{
	font-size:0; line-height:0; clear:both; height:10px;}
	
.GridView
{
	font-size: small;
	color: #ffffff;
	background-color: #e6e6fa;
	padding:5px;
	
}
.GridViewHeader
{
	font-size: small;
	color: #FFFFFF;
	background-color: #666666;
	padding:5px;
}
.GridViewAlternate
{
	font-size: small;
	color: #000000;
	background-color: #B5B5B5;
	padding:5px;
	
}
.floatRight
{
	float:right;
}
.small
{
    font-size:small;
}

.xsmall
{
    font-size:x-small;
}

.greyText
{
    font-size:11px;
    color:#333;
}

.cart
{
	font-size:x-small;
	color:#777;
	text-align:left;
	padding-left:5px;
	padding-right:10px;
}

.cart a
{
	color:#777;
	font-size:x-small;
	text-decoration:underline;
}

.cart a:hover
{
	color:#61208e;
	text-decoration:none;
}

#products td
{
	padding-left:20px;
	padding-right:20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	margin-right: 10px;
	margin-left: 10px;
}

.title {
	font-size:14px;
	font-weight:bold;
	color:#339900;
}

#headerTitle a{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration: underline;
}

#headerTitle a:hover{
	font-weight:bold;
	color:#33FFFF;
	text-decoration: none;
	overflow: hidden;
}

#headerTitle a span {
	display: none;
	text-decoration: none;
}
 
#headerTitle a:hover span {
	display: inline;
	border: 1px solid black;
	position: absolute;
	background-color: white;
	padding: 5px;
	margin-left: 5px;
	overflow: hidden;
}

.size14{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

.tableLink{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}
.tableLink a
{
    color: #fff;
    text-decoration: underline;
}

.tableLink a:hover
{
    color: #61208e;
    text-decoration: none;
}

.paddingRight
{
    padding-right:80px;
    }
	
.xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 5px; padding:0;}
.xsnazzy h1 {font-size:18px; color:#fff;}
.xsnazzy h2 {font-size:14px;color:#06a; border:0; letter-spacing:1px;}
.xsnazzy p {padding-bottom:10px; font-size:10px; color:#333;}
.xsnazzy h2 {padding-top:0.2em; padding-bottom:0.5em;}
.xsnazzy li {font-size:10px; line-height:14px; margin-left:50px;}
.xsnazzy td {padding-bottom:3px; font-size:10px; color:#333;}
.xsnazzy {
	background: transparent;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #ccc; border-width:0 1px;}

.country
{
    width:55px; 
    text-align:right; 
    padding-right:8px;}
    
    .button a
{
width:120px;
font-size:16px;
font-weight:bold;
background-color:#009900;
color:#FFFFFF;
text-decoration:none;
padding: 3px 10px;
}

.button a:hover{
background-color:#61208e;
color:#FFFFFF;
}

.button2 a
{
    width: 100px;
    font-size: 10px;
    font-weight: bold;
    background-color: #008000;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 10px;
}

.button2 a:hover
{
    background-color: #6600CC;
    color: #FFFFFF;
}

/* ----- tool tip specific styles ----- */
#theToolTip
{
    position: absolute;
    left: -300px;
    width: 500px;
    border: 2px solid #C0C09F;
    background-color: #61208e;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 6px;
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 80%;
color: #ffffff;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap
{
    font-weight: bold;
    font-size: 90%;
    color: #ffccff;
    margin-right: 10px;
}

.number {color: #FF6600; font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; font-style:italic; }

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.htc) }