body{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #333333;
}


img {
border: 0;
text-decoration: none;
}

a img {
text-decoration: none;
}

hr{
color: #eeeeee;
border: 0;
height: 1px;
background-color: #eeeeee;
margin: .5em 0;
}

.red{
color: red;
}

.green {
color: green;
}

.yellowHighlightBox{
border: 1px solid #FFE0A3;
padding: .5em;
background-color: #FCF7EF;
margin-bottom: 1em;
}

.redBorder{
border: 1px solid red;
padding: 1em;
}

.clear{
clear: both;
}

.hidden{
position: absolute;
left: -9999px;
}

.alignRight{
width: 100%;
text-align: right;
}

.bold{
font-weight: bold;
}

img {
border: 0;
}

table{
font-size: 100%;
}

td, th{
text-align: left;
vertical-align: top;
padding: .5em;
}

td.specialTD{
background-color: #e1ecfe;
}

h1{
font-size: 160%;
color: #195E96;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2{
font-size: 130%;
color: #195E96;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2.vendorsList {
/*	padding-top:16em; */
}

a{
color: #1E487A;
}

form{
margin-bottom: 0;
}

.yellowHighlight{
background-color:#FEF5DF;
padding: 1em
}

.yellowHighlight h3{
margin-top: 0;
}


/* Skiplinks */

.skiplinks{
float: left;
position: absolute;
color: white;
padding: .5em;
}

.skiplinks a{
color: white;
}


/* Search Bar */

#searchBar{
/*background-color: #195E96#6CABDD;*/
background-image: url('../images2/blue_search_bar_gradient.jpg');
background-repeat: repeat-x;
background-position: center left;
padding: 0em 0 .5em 1.5%;
color: #333333;
min-height: 2.5em;
font-weight: bold;
/*margin-bottom: 2em;*/
}

#searchBar input#searchsubmit{
margin: 0 0 -.25em 1em;
}

#searchForm{
float: left;
margin-top: .5em;
}

#searchBarLinks{
float: right;
padding-top: .75em;
padding-right: .75em;
font-weight: normal;
}

#searchBarLinks a{

}

#advancedSearch {
font-weight: normal;
}



/* Header */

#header {
width: 100%;
background-image: url('../images2/assistivetech_back_bars.jpg');
background-repeat: repeat-x;
min-height: 142px;
}

#logoContainer{
float: left;
}

/* Right Top */

#rightTop{
float: right;
text-align: right;
margin-bottom: 1em;
margin-right: 1%;
margin-top: 70px;
background-color: #782320;
padding: .5em;
}

#rightTop ul{
margin: 0;
padding: 0;
list-style-type: none;
padding-right: 1%;
}

#rightTop ul li{
display: inline;
margin: 0;
padding: 0 0 0 1em;
}

#rightTop ul li a{
font-weight: bold;
font-size: 100%;
color: white;
}

/* superContainer */

#superContainer{
padding: 1%;
}

/* LeftColumn */

#leftColumn{
width:20%;
float: left;
margin-left: .5%;
margin-right: 2%;
}

#leftColumn ul{
list-style-type: none;
margin: 0 0 0 1em;
padding: 0;
}

#rightColumn ul{
list-style-type: none;
margin: 0 0 0 1em;
padding: 0;
}

#leftColumn ul li{
padding: .5em 0em;
}

#rightColumn ul li{
padding: .5em 0em;
}

.leftNavContent{
border: 1px solid #e1e1e1;
margin: 0 0 1em 0;
}

.leftNavContent h1{
font-size: 100%;
font-weight: bold;
margin: 0;
padding: .25em .25em .25em .5em;
background-color: #195E96;
color: white;
}

.leftNavContent h2{
font-size: 100%;
margin: 0;
padding: .5em;
color: #782320;
/*background-color: #FEEDC9;*/
}

.leftNavContent p{
padding: .5em 1em;
}

.leftNavContent h2+ul{
margin-bottom: 1em;
border-bottom: 1px solid #efefef;
}

#leftColumn .leftNavContent ul{
padding-bottom: 1em;
margin-left: 0;
padding-left: 0;
}

#leftColumn .leftNavContent ul li{
padding: .5em .5em .5em 1em;
}

.leftNavContent img{
width: 60%;
}

.leftNavContent ul.ulImages li{
padding: 0em .5em 2em 1em;
}

/* Vendor Login Information Box */
#vendorLoginInfo{
border: 1px solid #F4E8CC;
background-color: #FCF7EF;
margin: 0 0 2em 0;
padding: 2%;
}

/* Solutions Center */
#leftColumn .solutionCenterBanner{
padding: 0;
margin-bottom: 1em;
border: 1px solid #F4E8CC;

}

#leftColumn .solutionCenterBanner img{
margin: 0;
padding: 0;

}
#leftColumn .solutionCenterBanner h1{
font-size: 110%;
margin: 0;

}

#leftColumn .solutionCenterLink{
/*background-color: #fbe590;*/
/*background-image: url('../images2/yellow_bar_gradient.jpg');
background-repeat: repeat-x;*/
border-top: 1px solid #F4E8CC;
background-color: #FCF7EF;
padding: .5em 4%;
}

#leftColumn .solutionCenterLink ul{
margin: 0;
padding: 0;
}



#leftColumn .solutionCenterLink ul li{
margin: 0;
padding: .5em 0;
}


.solutionCenterLink a{
font-weight: bold;
font-size: 100%;
}

/* Content */

#content{
float: left;
width: 60%;
margin-right: 2%;
}

#content h1{
margin-top: 0;
margin-bottom: 1em;
margin-left: 0%;
font-size: 140%;
}


/* Home Page Styles */
.featuredProduct  .featuredProductImage{
float: left;
margin-right: 1em;
}

.smallFeaturedProduct{
float: left;
margin-right: 1%;
width: 32%;
}

.imageContainer{
height: 200px;
width: 200px;
overflow: hidden;
}

.smallFeaturedProduct img{
width: 50%;
}

/* Product Display Styles */
.displayProductImage{
width: 200px;
float: left;
margin-right: 4%;
margin-bottom: 2em;
}

.displayProductImage img{
max-width: 200px;
max-height: 200px;


}

.displayProductDesc h2{
font-size: 110%;
color: #333333;
padding-bottom: 0;
margin-bottom: -.5em;
}

.roduct h2+p{
margin-bottom: 2em;
}


#content .displayProductDesc ul.vendorListUL{
list-style-type: none;
margin-bottom: 2em;
}

#content .displayProductDesc ul.vendorListUL li ul{
list-style-type: none;
margin-left: 2em;
}

#content .displayProductDescRight{
float: right;
}

#content .roductRight label{
font-weight: bold;
}

#content .displayProductDescRight legend{
font-weight: bold;
}

/* Product Results Page */
#productResultsTable{
border-collapse: collapse;
}

#productResultsTable td{
width: 30%;
}

#productResultsTable td.productResultsImageTD div.productImageDiv{
min-height: 200px;
}


#productResultsTable img{
/*width: 75%;*/
max-width: 200px;
max-height: 200px;
}

#productResultsTable a{
font-size:16px;
}


/* Compare Products */
#compareProducts{
overflow: auto;
position: relative;
width: 100%;
}

#compareProducts table{
border: 1px solid #cccccc;
border-collapse: collapse;
margin-top: .1em;
width: 60%;
position: relative;
}

#compareProducts td{
width: 15%;
overflow: hidden;
}

#compareProducts td img{
width: 75%;
}

#compareProducts th{
width: 20em;
background-color: #d7e5f0;
}

#compareProductsLabels{
float: left;
width: 20%;
border: 1px solid #cccccc;
border-collapse: collapse;
}


/* Browse Box*/

.browseBox{
/*background-color:#FEF5DF;*/
margin-top: 2em;
margin-bottom: 1em;
}

ul.browseTabs{
margin: 0;
color: #333333;
padding: 0;
font-weight: bold;
}

ul.browseTabs li{
display: inline;
padding-top: .3em;
padding-left: 1.1em;
padding-bottom: .3em;
padding-right: 1.1em;
background-color: #F5EBD1;
border-top: 1px solid #E2D6C0;
border-left: 1px solid #E2D6C0;
border-right: 1px solid #E2D6C0;
margin-bottom: .1em;
}

ul.browseTabs li.nonSelectedTabLeft{
display: inline;
background-color: #E2D6C0;
background-image: url('../images2/browse_tab_gradient2.jpg');
background-repeat:repeat-y;
background-position: top right;
border-top: 1px solid #E2D6C0;
border-right: 1px solid #E2D6C0;
border-left: 1px solid #E2D6C0;
margin: 0;
margin-bottom: .1em;
}

ul.browseTabs li.nonSelectedTabRight{
display: inline;
background-color: #E2D6C0;
background-image: url('../images2/browse_tab_gradient.jpg');
background-repeat:repeat-y;
background-position: top left;
border-top: 1px solid #E2D6C0;
border-right: 1px solid #E2D6C0;
border-left: 1px solid #E2D6C0;
margin: 0;
margin-bottom: .1em;
}

ul.browseTabs li a:link{
color: #333333;
}

ul.browseTabs li a:visited{
color: #333333;
}

ul.browseTabs li a:hover{
color: #333333;
}

.browseContent{
/*float: left;*/
padding: 2%;
background-image: url('../images2/yellow_box_gradient.jpg');
background-repeat: repeat-x;
/*border: 1px solid #E2D6C0;*/
font-weight: normal;
margin-top: .2em;
}



.browseColumn{
float: left;
margin-right: 4%;
width: 29%;
}

.browseContent ul{
list-style-type: none;
}

.browseContent ul li{
padding: .5em 0;
}

#browseVendor ul{

}

#browseVendor ul li{
display: inline;
padding-right: .75em;
font-size: 125%;
}

/* Admin Styles */
.contentBox{
margin-bottom: 2em;
}

#content ul{
list-style-type: circle;
}

#content ol{
margin-left: 1em;
}

#statsTable{
border: 0px;
border-collapse: collapse;
}

.resultsTable td{
border: 1px solid #E9E4CF;
}

.resultsTable th{
background-color: #E9E4CF;
border: 1px solid #E9E4CF;
}

.example{
padding: .5em;
background-color: #FFFFCC;
}

.adminContentLeft{
float: left;
width: 45%;
}

.adminContentRight{
float: right;
width: 45%;
}

/* Login Page */
#loginBox{
border: 1px solid #E1E4ED;
padding: 1em;
margin-top: 0;
background-color: #F0F9FC;
margin-bottom: 2em;
}

#loginBox h1{
margin: 0;
padding: 0 0 0 0;
font-size: 140%;
}

#loginBox ul{
margin: 0 0 1em 1em;
padding: 0;
}

#loginBox ul li{
padding: .3em 0;
}

#registerForm{
margin-left: 1em;
margin-top: 1.5em;
}


/* Right Column */
#rightColumn {
float: left;
width: 15%;
}

#rightColumn h1 {
font-size: 110%;
}


/* Edit Product Links */

#rightColumn .productAdminInfo{
border: 1px solid #FFE0A3;
padding: .5em;
background-color: #FCF7EF;
margin-bottom: 1em;
}

#rightColumn .productAdminInfo ul{
margin: 0 0 0 1.5em;
padding: 0;
}

#rightColumn .productAdminInfo h1{
margin: 0 0 .5em 0;
}
/*  */

#footer{
border-top: 1px solid #195E96;
min-height: 50px;
padding: 1em;
margin: 2em 1% 0 1%;
text-align: center;
}

#footer ul{
list-style-type: none;
padding: 0;
margin: 0 0 2em 0;
}

#footer ul li{
display: inline;
padding: 0 .5em;
}

#footer a{
}

/* Forms */
form fieldset{
border: 0;
margin-left: 0;
padding-left: 0;
}

form legend {
margin-left: 0;
padding-left: 0;
}

form.boldLabels label,legend{
font-weight: bold;
}
.lightText{
color: #666666;
}
#companyInfoForm .left{
width: 12em;
text-align: right;
float: left;
margin-bottom: 1em;
}

#companyInfoForm .right{
text-align: left;
float: left;
margin-bottom: 1em;
margin-left: .5em;
}
