/*-----------------------------------------
    Body 
------------------------------------------*/
/* background-color: #cdcbc7; #e7e3e3; #fcfcfd; #d3d7d6; #b0c4de; #99a7cc #c4c4aa */
body {
	margin:0px;
	background: url(images/sidesbg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#347abd;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}

ul {
	margin:0;
	padding:0;
	}

li {
	list-style:none;
	background:url(images/bullitgld.gif) no-repeat 0 .8em;
	padding:.5em 0 .2em 2em;
	margin-left:0.4em;	
}

/*-----------------------------------------
    Banner sections
------------------------------------------*/

#bannerdiv
{
	margin-left:auto;
	margin-right:auto;
	color:#404040;
	font-size:.85em;
	position:relative;
	width:999px;
	height: 146px;
	min-height: 146px;
	top: 0; 
	}

#titlebar {
    /*background: #b0c1d0;
    background: #e3ded8; */
    background: url(images/dotcom-banner-bg-png.png) no-repeat top left;
	color: #404040;
	width:997px;
	height: 146px;
	min-height: 146px;
	float: left;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080; 	
}

/*-----------------------------------------
    sitelink
    padding t r b l
------------------------------------------*/

#sitelink-container
{
	width: 750px;
	height: 20px;
	top: 85px;
	left: 70px;
	position: relative;
}

#site-link {
    float:left;
    text-align: right;
	width: 570px;
	height: 20px; 
}

/*-----------------------------------------
    login panel
    padding t r b l
------------------------------------------*/

div.header-login-container
{
	width: 205px;
	height: 90px;
	top: 0px;
	left: 700px;
	position: relative;

}

div.header-login-panel-top {
    float:left;
	width: 203px;
	height: 10px;
	background: url(images/header-login-top.gif) top left no-repeat;
}

div.header-login-panel-bottom {
    float:left;
	width: 203px;
	height: 10px;
	background: url(images/header-login-bottom.gif) top left no-repeat;
}

div.header-login-panel-body {
    float:left;
	width: 203px;
	height: 60px;
    background: url(images/header-login-body.gif) top left repeat-y;
}

div.header-login-panel-margin {
    float:left;
	width: 20px;
	height: 60px; 
}

div.header-login-panel {
    float:left;
	width: 100px;
	height: 60px;
}

/*-----------------------------------------
    Nav bar     	
------------------------------------------*/
div.nav-container {
	width: 900px;
	height: 30px;
	top: 110px;
	left: 0px;
	position: absolute; 
}

div.tabspacer {
    float:left;
	width: 270px;
	height: 35px;
	border-right: groove 2px #f2f2f2;
}

div.tabitems
{
    float: left;
    text-align: center;
    padding:0 1em 0 1em;
    border-right: groove 2px #f2f2f2;
    height: 26px;
    padding-top: .8em;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}

.link
{
    text-decoration: none;
    color: #ffffff;
}

div.tabitems a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

div.tabitems a:hover {
	color:#f2f2f2;
}

div.tabitems a:active {
	color:#808080;
}

/*-----------------------------------------
    breadcrumb
    padding t r b l
------------------------------------------*/

#breadcrumb-container
{
	width: 997px;
	height: 20px;
	top: 0px;
	/*left: 0px;*/
	position: relative;     

    background: #dfdfdf;    
	margin-left:auto;
	margin-right:auto;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
     
}

div.crumb-left
{
    float: left;
    width: 30px;
    height: 20px; 
}

div.crumb-right
{
    float: left;
    width: 30px;
    height: 20px;
}

div.crumb-spacer
{
    float: left;
    width: 240px;
    height: 20px;
    border-bottom: solid 1px #cccccc;
}

div.crumb {
    float:left;
    text-align: left;
	width: 697px;
	height: 20px;
    border-bottom: solid 1px #cccccc;	
}

/*-----------------------------------------
    site map
    padding t r b l
------------------------------------------*/

div.mapitem {
    color: #404040;
}

div.mapitem a:link,
div.mapitem a:visited {
	color:#3232f1;
	text-decoration:underline;
}

div.mapitem a:hover {
	color:#3232f1;
	text-decoration:underline;
}

div.mapitem a:active {
	color:#3232f1;
}

/*--------------------------*/
/* menu items for all pages */
/*--------------------------*/

#menu-container {
    width: 150px;
    height: 200px;
    padding: .5em 0 2.1em 1em;
}

div.itemspacer {
    padding: .3em 0 .3em 0;
}

div.mainpageitems {
    width: 120px; 
    height: 20px; 
    color: #808080;
    border-bottom: solid 1px #c0c0c0;
    background: url(images/arrow.gif) center left no-repeat;
    padding: .2em .5em .2em 1.5em;
}

div.mainpageitems a:link,
div.mainpageitems a:visited {
	color:#808080;
	text-decoration:none;
}

div.mainpageitems a:hover {
	color:#3232f1;
	text-decoration:underline;
}

div.mainpageitems a:active {
	color:#3232f1;
}

/*-----------------------------------------
    page bottom navigation panel
------------------------------------------*/
#page-footer {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	height: 55px;
	min-height: 55px;   
    background:  #dae9fc url(images/footer-fade.jpg) repeat-x;
	border-top: solid 1px #cccccc; 
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
}
html>body #page-footer{height:auto;}

#bottom-nav {
	width:990px;
	height: 20px;
	text-align:center;
	padding:.2em 0 .5em 0;
	font-size:1em;
	color:#0000c0;

}

div.bottomnav-container
{
	padding: 0 0 0 30em;  
}

/*-----------------------------------------
footer menu links
-----------------------------------------*/

div.linkitems
{
    float: left;    
    text-align: center;
    padding:0 1em 0 1em;
    height: 20px;
}

div.linkitems a:link,
div.linkitems a:visited {
	color:#0000c0;
	text-decoration:none;
	font-weight: normal;
}

div.linkitems a:hover {
	color:#0000c0;
	text-decoration:underline;
}

div.linkitems a:active {
	color:#0000c0;
}

/*-----------------------------------------
    page bottom copyright panel
------------------------------------------*/

#copyright {
	margin-left:auto;
	margin-right:auto;
	width:995px;
	height: 30px;
	min-height: 30px;
	text-align:center;
	font-size:1em;
	color:#606060;

}

/*-----------------------------------------
    page container and page margins
------------------------------------------*/

#cols-container {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	height: 100%;
	min-height: 100%; 
    background:  #ffffff url(images/page-fade.jpg) repeat-x;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	color: #404040;	
}
html>body #cols-container{height:auto;}

div.col-spacer {
    width: 20px;
    height: 700px;
    float: left;  
}

div.left-margin {
    float: left; 
    width: 30px; 
    height: 200px;
}

#page-top-spacer {
	width:997px;
	height: 30px;
	min-height: 30px;
}
html>body #page-top-spacer{height:auto;}

/*-----------------------------------------
    home page container and page margins
------------------------------------------*/

div.page-container-spacer {
	width:997px;
	height: 30px;
	float: left;

}

div.homepage-container-2col {
	float: left;
	width:997px;
	height: 350px;
	min-height: 350px;    	
}
html>body #homepage-container-2col{height:auto;}

div.home-col2-left {
	float: left;
	width:350px;
	height: 350px;
    border-bottom: solid 3px #cccccc;
  /*  border-top: solid 1px #cccccc;
    border-right: solid 1px #cccccc;   */
    color: #417bba; 
    font-weight: bold;
   background: url(images/cart-card.jpg) top right no-repeat;  
}

div.home-col2-right {
	float: left;
	width:570px;
	height: 350px; 
    background: url(images/customers.jpg) top right no-repeat;
    border-bottom: solid 3px #cccccc; 
    color: #808080;
    font-weight: bold;     
    /*<img src="images/customers.jpg" alt="" style="filter: alpha (opacity=50);"/>  */
}

div.home-col2-right-sub {
    width: 350px; 
    height: 110px;
    min-height: 110px; 
    padding-left: 1em;
}
html>body #home-col2-right-sub{height:auto;}

div.home-col2-spacer {
    float: left; 
    width: 20px; 
    height: 350px; 
    border-bottom: solid 3px #cccccc;
}

div.index-titles{
    height: 100px;
    min-height: 100px; 
    width: 320px; 
}
html>body #index-titles{height:auto;}

div.tab-titles{
    height: 30px;
    min-height: 30px;
    width: 250px; 
}
html>body #tab-titles{height:auto;}  

div.page-titles{
    height: 30px;
    min-height: 30px;
    padding-left: .5em;
    font-size: 1.2em;
    border-bottom: solid 1px #9595bb;
    font-weight: bold;
    color: #808080;
}
html>body #page-titles{height:auto;}

div.page-container-3col {
	float: left;
	width:990px;
	height: 300px;
	min-height: 300px;
}
html>body #page-container-3col{height:auto;}

div.panel-1 {
	float: left;
	width:260px;
	height: 200px;
	min-height: 200px;
}
html>body #panel-1{height:auto;}

div.home-panel1-sub {
    width: 200px;
    height: 200px;
    min-height: 200px; 
}
html>body #home-panel1-sub{height:auto;}

div.panel-2 {
	float: left;
	width:300px;
	height: 250px;
	min-height: 250px; 	
}
html>body #panel-2{height:auto;}

div.home-panel2-sub {
    width: 170px;
    height: 200px;
    min-height: 200px;
}
html>body #home-panel2-sub{height:auto;}

div.panel-3 {
	float: left;
	width:300px;
	height: 250px;
    min-height: 250px; 
}
html>body #panel-3{height:auto;}
 
div.pnl-top {

	width:258px;
	height: 11px;
	background: url(images/small-panel-top.gif) no-repeat bottom left;
}

div.pnl-bottom {

	width:258px;
	height: 11px;
	background: url(images/small-panel-bottom.gif) no-repeat top left;
}

div.pnl-body {

	width:258px;
	height: 140px;
	min-height: 140px;
	padding-left: 1em;
	background: url(images/small-panel-body.gif) repeat-y;
}
html>body #pnl-body{height:auto;}

div.pnl-body-text {
    width: 235px;
}
html>body #pnl-body-text{height:auto;}

/*------------------------------------------
  tabed pages
-------------------------------------------*/

div.tabpage-container-3col {
    float: left;
	width:997px;
	height: 100%;
	min-height: 100%;
}
html>body #tabpage-container-3col{height:auto;}

div.tableft-col {
	float: left;
	width:150px;
	height: 100%;
	min-height: 100%;
}
html>body #tableft-col{height:auto;}

div.tabcenter-col {
	float: left;
	width:700px;
	height: 100%;
	min-height: 100%;
}
html>body #tabcenter-col{height:auto;}

div.tabright-col {
	float: left;
	width:100px;
	height: 100%;
	min-height: 100%;
}
html>body #tabright-col{height:auto;}

div.tabpage-container-2col {
	width:997px;
	height: 100%;
	min-height: 100%;  
}
html>body #tabpage-container-2col{height:auto;}

div.tab-col2-left {
	float: left;
	width:200px;
	height: 270px;
	min-height: 270px;
}
html>body #tab-col2-left{height:auto;}

div.tab-col2-right {
	float: left;
	width:700px;
	height: 100%;
	min-height: 100%;
}
html>body #tab-col2-right{height:auto;}

div.tab-col2-spacer {
    float: left;
    width: 20px;
    height: 270px;
}

div.infopnl-padding {
    width: 168px;
    height: 30px;
}

#infopnl-top {
    width: 168px;
    height: 17px;
    background: url(images/leftpnl-top.gif) bottom left no-repeat;
}

#infopnl-body {
    width: 166px;
    height: 300px;
    min-height: 300px;
	background: #eff0f6;
	border-right: solid 1px #c0c0c0;
	border-left: solid 1px #c0c0c0;
}
html>body #infopnl-body{height:auto;}

div.infopanel-titles {
    width: 143px; 
    height: 20px; 
    color: #808080;
    font-weight: bold;
    border-bottom: solid 1px #808080;
    background: #eff0f6;
    padding: .2em .5em .2em 1.5em;
}

#infopnl-bottom {
    width: 168px;
    height: 17px;
    background: url(images/leftpnl-bottom.gif) top left no-repeat;
}

#contentpnl-topleft 
{
    float: left;
    width: 89px;
    height: 17px;
    background: url(images/contentpnl-tl.gif) top left no-repeat;
}

#contentpnl-top 
{
    float: left;
    width: 442px;
    height: 17px;
    background: url(images/contentpnl-top.gif) top left repeat-x;
}

#contentpnl-topright 
{
    float:left;
    width: 89px;
    height: 17px;
    background: url(images/contentpnl-tr.gif) top right no-repeat;
}

#contentpnl-body {
    width: 619px;
    height: 500px;
	/*border-right: solid 1px #808080; */
}

div.content_intro
{
    width: 600px;
    height: 100%;
    min-height: 100%; 
    float: left;

}
html>body #content_intro{height:auto;}

div.content_para
{
    width: 600px;
    height: 100%;
    min-height: 100%;
    float: left;  

}
html>body #content_para{height:auto;}

div.content_para_extended
{
    width: 630px;
    height: 100%;
    min-height: 100%;
    float: left;

}
html>body #content_para{height:auto;}

div.content_title
{
    color: #808080;
    height: 20px;
    min-height: 20px;
    width: 600px;
    font-size: 1.8em;
    border-bottom: solid 1px #c0c0c0;
    font-family: Arial, Verdana, Times;
    font-variant: small-caps; 
    font-weight: bold;  
    float: left;   
}
html>body #content_title{height:auto;}

div.no_title
{
    height: 1px;
    min-height: 1px;
    width: 600px;
    float: left;

}
html>body #no_title{height:auto;}

#contentpnl-bottomleft 
{
    float: left;
    width: 89px;
    height: 17px;
    background: url(images/contentpnl-bl.gif) bottom left no-repeat;
}

#contentpnl-bottom 
{
    float: left;
    width: 442px;
    height: 17px;
    background: url(images/contentpnl-bottom.gif) bottom left repeat-x;
}

#contentpnl-bottomright 
{
    float:left;
    width: 89px;
    height: 17px;
    background: url(images/contentpnl-br.gif) bottom left no-repeat;
}

div.about_content_para
{
    width: 700px;
    height: 100%;
    min-height: 100%;
    float: left;
    /*color: #417bba;
    font-size: 1.2em; */   
}
html>body #about_content_para{height:auto;}

div.about_content_title
{
    color: #808080;
    height: 40px;
    min-height: 20px;
    width: 700px;
    font-size: 1.8em;
    border-bottom: solid 1px #c0c0c0;
    font-family: Arial, Verdana, Times;
    font-variant: small-caps;
    font-weight: bold;
    float: left;

}
html>body #content_title{height:auto;}

div.tabpage-container-spacer {
	width:600px;
	height: 20px;
	float: left;

}

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
 #breadcrumb ul li{
   list-style-image: none;
   display:inline;
   padding: 0 3px 0 0;
   margin: 3px 0 0 0;
}
#breadcrumb ul{
   margin:0;padding:0;
   list-style-type: none;
   padding-left: 1em;
}

/*------------------------------------------*
  POP UPS
--------------------------------------------*/

div.popup-container {
    width: 350px;
    height: 100%;
    min-height: 100%;
    padding-left: 1em;
}
html>body #popup-container{height:auto;}

div.faqs-popup
{
    position: absolute;
    width: 600px;
    height: 450px;
    display: none;
    border: 2px solid #eeb771;
    left: 0px;
    top: 0px;
}

div.faq-popup-head
{
    position: relative;
    left: 0px;
    top: 0px;
    padding: .2em .2em 0 1em;
    background: #347abd;
    color: #f2f2f2;
    width: 584px;
    height: 20px;
    font-size: 1.2em;
    border-top: solid 2px #eeb771;    
    border-left: solid 2px #eeb771;
    border-right: solid 2px #eeb771;    
    border-bottom: solid 1px #eeb771;
}

div.faq-popup-body
{
    position: relative;
    left: 0px;
    top: 0px;
    padding: .2em .2em 0 1em;
    background: #d4d6e3 url(images/page-spacer-bg.jpg);
    color: #404040;
    width: 584px;
    height: 398px;
    font-size: 1.2em;
    border-bottom: solid 1px #eeb771;
    border-left: solid 2px #eeb771;
    border-right: solid 2px #eeb771;    
}

div.link-container
{
    height: 40px;
    min-height: 40px;
    width: 300px;
    float: left;
}
html>body #link-container{height:auto;}

div.popup-footer
{
    position: relative;
    left: 0;
    top: 0;
    padding: .2em .2em 0 1em;
    background: #cac0c1;
    width: 584px;
    height: 20px;
    font-size: 1.2em;
    border-left: solid 2px #eeb771;
    border-right: solid 2px #eeb771;
    border-bottom: solid 2px #eeb771;
}

div.close-popup
{
  text-align: center;
  background: #f2f2f2;
  height: 25px;
}

/*-----------------------------------------*/
/*-----------------------------------------*/

#marqueecontainer{
position: relative;
width: 226px; /*marquee width */
height: 200px; /*marquee height */
min-height: 200px;
background-color: #f2f2f2;
color: #cb2525;
overflow: hidden;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
padding: 2px;
padding-left: 10px;
padding-right: 20px;
}
html>body #marqueecontainer{height:auto;}

.marque-title{
    color: #808080;
    border-bottom: solid 1px #808080;
    font-weight: bold;
    font-size: 1.2em;
}

.marquee-header
{
    background: #cac0c1;
    height: 25px;
    width: 185px;
    font-size: small;
    color: #ffffff;
    font-weight: bold;
    padding-left: 1em;
    padding-top: .5em;
}

/*------------------------------------------*/
/* login page                               */
/*------------------------------------------*/

#login-container
{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc; 
    padding: 1em 0 1em 1em;
    width: 100%;
    /*background: url(../../images/loginbg.jpg) top right no-repeat; */
}

#login-page
{
    padding-top: 3em;
    min-height: 400px;
    width: 100%;
}

#login-leftcol {
	float:left;
	width:5%;
}

#login-centercol {
	float:left;
	width:85%;
	padding: 1em 1em 1em 1em;
}

#login-rightcol {
	float:left;
	width:5%;
}

#error-page
{
    padding-top: 3em;
    min-height: 400px;
}

#errormsg
{
    padding: 1em 0 1em 1em;
    color: #dc143c;
}

#errhead
{
    padding-bottom: 1em;
    font-family: Times New Roman;
    font-size: 2.5em;
}


div.login-pnl-container
{
    width: 600px;
    height: 600px;
    float: left;
}

div.login-pnl-spacer
{
    width: 130px;
    height: 500px;
    float: left;

}

/*---------------------------*/  
div.login-panel
{
    width: 397px;
    height: 400px;
    float: left;
    padding: 0 0 0 1em;
    background: url(images/login-panel-body.gif) repeat-y;
}

div.login-panel-top
{
    width: 397px;
    height: 10px;
    float: left;
    background: url(images/login-panel-top.gif) no-repeat top left;
}

div.login-panel-bottom
{
    width: 397px;
    height: 10px;
    float: left;
    background: url(images/login-panel-bottom.gif) no-repeat bottom left;
}

div.login-title
{
    width: 370px;
    height: 20px;
    font-weight: bold;
    color: #808080;
    text-align: center;
}

div.details-container
{
	float:left;
	width:100%;
	height: 250px;
}

div.login-details-container
{
	float:left;
	width:350px;
	height: 30px;
}

div.login-question-container
{
	float:left;
	width:100px;
	height: 30px;
}

div.anti-spam-container
{
	float:left;
	width:390px;
	height: 110px;

}

div.login-nospam
{
	float:left;
	width:350px;
	height: 40px;
	text-align: center;
}

div.login-nospam-question
{
	float:left;
	width:350px;
	height: 50px;
	text-align: center;
}

div.reg-errors
{
	float:left;
	width:375px;
	height: auto;
	color: #cb2525;
}

div.reg-details
{
	float:left;
	width:430px;
	height: 22px;
}

div.login-labels
{
    width: 135px;
    height: 30px;
    float: left;
    color: #808080;
}

div.login-details-label
{
    width: 200px;
    height: 30px;
    float: left;
    color: #808080;
}

div.login-question-label
{
    width: 234px;
    height: 30px;
    float: left;
}

div.login-edits-container
{
	float:left;
	width:100px;
	height: 30px;
}

.login-edits
{
	color: #808080;
	font-size: .9em;
	width: 220px;
	border: solid 1px #cccccc;
}

.login-details
{
	color: #808080;
	font-size: .9em;
	width: 350px;
	border: solid 1px #cccccc;
}

div.login-btn
{
	float:left;
	width: 350px;
	height: 30px;
    text-align: center;
}

div.confirmed-info-panel
{
    float: left;
    width: 500px;
    height: 80px;
    background: #9595bb url(images/check_.gif) no-repeat top left;
    color: #f2f2f2;
    border: solid 1px #808080;
    padding: 1em 0 0 1em;
}

/*-----------------------------------------*/
/*-----------------------------------------*/

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

}

/*-----------------------------------------*/
/*-----------------------------------------*/