/* NEW STYLES */

/* CSS STYLES FOR HTTP://STORE.ABLEMEDICAL.COM */

/* general styles */

img { border: none; }

body 	{
	font-family: Arial, sans-serif;
	color:#000000;
	font-size: 12px;
	/* width: 760px; */
	text-align: center;
 	}

#bodyContainer {
        margin: 0px auto;
        width: 760px;
        text-align: left;
        }

p, span {
	font-family: Arial, sans-serif;
	color: #444444;
	font-size: 12px;
        }

label  {
        color: #555555;
        }

.error {
color: red;
font-size: 11px;
}

a:link, a:visited, a:active {
text-decoration: underline;	
color: #001487;
}

a:hover {
text-decoration: none;	
color: #001487;
}

a.underlined:link, a.underlined:visited, a.underlined:active {
text-decoration: underline;	
}

a.underlined:hover {
text-decoration: none;	
}

h1 {
color: black;
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: normal;
margin: 0;
padding: 0;
}

h2 {
color: #333333;
font-family: Geneva, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
}

h3 {
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 15px 0 0 0;
padding: 0 0 2px 0;
}

h4 {
color: #333333;
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 15px 0 0 0;
padding: 0 0 2px 0;
}

ul li {
color: #444444;
}

table, tr, td {
color: #444444;
}

div.clear {
clear: both;
}

/* header image area */

#imageHeaderArea {
clear: both;	
}

#imageHeaderArea img {
margin: 0;
padding: 0;	
}

#imageHeaderArea img.logo {
float: left;
padding: 7px 0 0 0;
}

#imageHeaderArea img.headerImages {
float: right;
}

#mainNav {
background-color: #C8D8F2;	
width: 760px;
height: 25px;
clear: both;
}

#mainNav ul {
padding: 5px 0 0 0;
margin: 0;
list-style: none;
height: 20px;
}

#mainNav ul li {
padding: 0 10px 0 10px;
height: 25px;
margin: 0;
}

#mainNav ul li a:link,
#mainNav ul li a:visited,
#mainNav ul li a:active {
font-family: Verdana, sans-serif;
color: #333333;
font-size: 12px;
margin: 0;
padding: 0;
text-decoration: none;
}

#mainNav ul li a:hover {
font-family: Verdana, sans-serif;
color: #333333;
font-size: 12px;
margin: 0;
padding: 0;
text-decoration: underline;
font-weight: normal;
}

#mainNav ul li {
display: inline;	
}

#welcomeMessage {
margin: 0;
padding: 4px 5px 3px 5px;
background-color: #eeeeee;
color:#000063;
font-size: 11px;
font-weight: bold;
height: 14px;
display: none;
}

#welcomeMessage p {
margin: 0;
padding: 0;
}

#welcomeMessage p.welcomeText {
float: left;	
}

#welcomeMessage p.welcomeDate {
float: right;	
}

#leftNavigation {
width: 160px;
float: left;
margin-top: 5px; 
}

#searchArea {
background-color: #E8E8E8;
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
padding: 0 5px 5px 5px;
width: 140px;
clear: both;
}

#searchArea p,
#rightNavigation .node p {
margin: 0;
padding: 5px 0 2px 0;
font-size: 11px;
color: #333333;
}

#searchArea form {
margin: 0;
}

#searchArea .searchInput {
width: 90px;
float: left;
margin: 0 5px 0 0;
}

/* formatting for left nav nodes */

#leftNavigation .node {
width: 150px;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
background-color: #EEEEEE;
color:#000063;
font-size: 11px;
clear: both;
}

#leftNavigation .node p {
margin: 5px 0 2px 0;
padding: 0;
font-size: 11px;
}

#leftNavigation .node a {
display: block;
}

#leftNavigation #storeSection a:link,
#leftNavigation #storeSection a:visited,
#leftNavigation #storeSection a:active {
padding: 1px 0 1px 0;
font-size: 12px;
display: block;
text-decoration: none;
}

#leftNavigation #storeSection a:hover {
text-decoration: underline;
}

#leftNavigation .node .floatLinks a {
display: inline;
}

#leftNavigation .node .header {
background-color: #eeeeee;
border: 1px solid #D9D9D9;
background-image: url(index_files/mcart_side_bg.jpg);	
width: 148px;
height: 13px;
text-align: center;
margin: 0;
padding: 5px 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight:bold; 
color:#01093C;
}

#leftNavigation .node .nodeContent {
padding: 5px;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;		
}

#leftNavigation .node #storeSection .nodeSubContent a:link,
#leftNavigation .node #storeSection .nodeSubContent a:active,
#leftNavigation .node #storeSection .nodeSubContent a:visited {
font-size: 11px;
padding-left: 10px;
text-decoration: none;
}

#leftNavigation .node #storeSection .nodeSubContent a:hover {
font-size: 11px;
padding-left: 10px;
text-decoration: underline;
}

#leftNavigation .node .textInput {
width: 125px;	
}

#leftNavigation .node label {
font-size: 11px;	
color: #333333;
margin: 5px 0 2px 0;
display: block;
}

#leftNavigation .node input.loginButton {
margin-bottom: 5px;
}

#leftNavigation .node .item {
clear: both;
margin: 5px 0 5px 0;
}

#leftNavigation .node .item span {
float: left;	
}

#leftNavigation .node .item img {
float: left;	
}

/* main content area */

#mainContent {
width: 440px;
float: left;
padding: 0 10px 10px 10px;
}

#titleDiv {
margin: 10px 0 10px 0;
}

#shopNowDiv {
clear: both;
padding: 0 0 20px 0;
}

#shopNowDiv img {
float: left;
padding: 0 10px 0 0;
}

#shopNowDiv p {
padding: 8px 0 0 0;
}

#index .column {
width: 130px;
float: left;
padding: 0 8px 10px 8px;
}

#index .column .imgContainer {
margin-bottom: 0;
height: 165px;
}

#index .column h3 {
height: 45px;
}

/* category page */

#productSection #categories {
margin: 10px 0 0 0;
}

#productSection #categories a {
display: block;
margin: 3px 0 0 0;
width: 250px;
}

/* ----------- section page ------------ */

#productSection p.productSectionDesc {
margin: 4px 0 0 2px;
padding: 0;
}

#productSection #productListingHeader {
margin: 10px 0 0 0;
padding: 0;
}

#productSection #productListingHeader p {
padding: 0;
margin: 3px 0 0 0;
}

#productSection form {
clear: both;
padding: 5px 0 0 0;
display: block;
height: 85px;
}

#productSection form img {
float: left;
border: 1px solid #666666;
}

#productSection form div.productAndPrice {
float: left;
width: 280px;
padding: 0 0 0 10px;
}

#productSection form div.productAndPrice p {
margin: 0;
}

/* ------------ product detail page -------------- */

div#productDetail h3 {
margin: 15px 0 0 0;
}

div#productDetail #pricingAndFields {

}

div#productDetail #pricingAndFields span {
margin: 0 8px 0 0;
color: #555555;
}

div#productDetail input.button {
margin: 10px 0 0 0;
}

div#productDetail a.wishList {
display: block;
margin: 3px 0 0 0;
}

/* ---------- wish list (and cart styles) --------  */

#breadCrumbTrail {
margin: 0 0 15px 0;
}

#wishList .row,
#cart .row {
clear: both;
height: 150px;
}

#wishList .row img,
#cart .row img {
float: left;
border: 1px solid #666666;
}

#wishList .row .rightCol,
#cart .row .rightCol {
width: 380px;
float: right;
padding: 0 0 0 5px;
}

#wishList .row .subRow1,
#wishList .row .subRow2,
#wishList .row .subRow3,
#cart .row .subRow1,
#cart .row .subRow2,
#cart .row .subRow3 {
clear: both;
padding: 0 0 5px 0;
}

#wishList .row .subRow1,
#cart .row .subRow1  {
width: 230px;
display: block;
float: left;
}

#wishList .row .subRow1 p,
#cart .row .subRow1 p {
margin: 3px 0 3px 0;
padding: 0;
}

#wishList .row .subRow3 span {
padding: 0 2px 0 2px;
}

#wishList .row .subRow3 label {
padding: 0 3px 0 0;
}


#wishList .row .subRow3 a {
padding: 0 3px 0 0;
}

#wishList input.button {
clear: both;
}

/* ---------- cart styles --------  */

#cart .row p {
margin: 2px 0 2px 0;
padding: 0;
}

#cart .row label {
color: #555555;
}

#cart h3 {
margin: 0 0 15px 0;
}

/* ---------- checkout styles --------- */

#checkout h3 {
clear: both;
padding: 5px 0 5px 0;
margin: 0;
}

#checkout p {
margin: 0 0 0 5px;
}

#checkout span {
color: #555555;
padding-right: 7px;
}

#checkout table {
clear: both;
}

#checkout .row {
padding: 25px 0 0 0;
display: block;
clear: both;
}

#checkout form .row {
margin: 2px 0 2px 0;
padding: 0;
}

#checkout form .row label {
width: 125px;
text-align: right;
display: block;
float: left;
padding-right: 5px;
line-height: 23px;
}

#checkout .row img {
float: left;
border: 1px solid #666666;
}

#checkout .row .rightCol {
width: 380px;
float: right;
padding: 0 0 0 5px;
}

#checkout .row .subRow1,
#checkout .row .subRow2,
#checkout .row .subRow3 {
clear: both;
padding: 0 0 5px 0;
width: 300px;
}

#checkout .row .subRow1  {
float: left;
}

#checkout .subRow1 p {
margin: 0 0 5px 0;
padding: 0;
}

#checkout div.areaWrapper .row {
padding: 0 0 5px 0;
}

#checkout div.areaWrapper {
background-color: #EEEEEE;
border: 1px solid #D9D9D9;
padding: 10px;
margin-bottom: 10px;
}

#checkout div.areaWrapper .row label {
width: 155px;
text-align: right;
display: block;
float: left;
padding-right: 5px;
line-height: 23px;
}

#checkout .miscFormElement {
clear: both;
margin: 8px 0 8px 0;
}

/* -------- order summary page ---------- */

#orderSummary h3 {
clear: both;
padding: 20px 0 5px 0;
margin: 0;
}

#orderSummary .row {
padding: 15px 0 15px 0;
}

#orderSummary p,
#orderSummary span {
color: #555555;
margin: 0 0 3px 0;
padding: 0;
}

/* ----------- advanced search --------------- */

#advSearch form {
width: 400px;
background-color: #EEEEEE;
border: 1px solid #D9D9D9;
padding: 10px;
}

#advSearch .row {
clear: both;
}

#advSearch .row label {
color: black;
font-size: 11px;
}

#advSearch .row label.searchLabel {
color: #555555;
font-size: 12px;
}

#advSearch .row input {
padding: 0 0 0 4px;
font-size: 11px;
}

#advSearch .row p {
padding: 10px 0 0 0;
margin: 0;
color: #555555;
}

/* -------- contact page ---------- */
#contact input.textbox {
margin-bottom: 10px;
display: block;
}

#contact input.button {
display: block;
margin-top: 10px;
}

#contact label {
font-size: 11px;
color: #555555;
display: block;
}

/* -------- account home --------- */

#accountDetails a {
display: block;
}

/* ---------- customer details --------- */

#customerDetails .row label {
width: 110px;
text-align: right;
display: block;
float: left;
padding: 0 5px 0 0;
line-height: 20px;
}

#customerDetails .row {
margin: 5px 0 5px 0;
}

#customerDetails form {
margin: 15px 0 0 0;
}

#customerDetails input.button-search {
display: block;
margin: 5px 0 5px 0;
}

/* -------- customer address ----------- */

#customerAddress label {
float: left;
width: 120px;
text-align: right;
padding-right: 5px;
}

#customerAddress .row {
margin: 5px 0 5px 0;
}

/* ----------- customer Addresses ----------- */
#customerAddresses span.name {
display: block;
float: left;
width: 95px;
}

#customerAddresses span.address1 {
display: block;
float: left;
width: 165px;
}

#addressRow {
margin: 15px 0 5px 0;
}

/* ---------- login form ------------ */
#loginForm form {
margin: 10px 0 0 0;
}

#loginForm .row {
margin: 5px 0 5px 0;
}

#loginForm label {
float: left;
width: 120px;
text-align: right;
padding-right: 5px;
}

/* ------ forgot password --------- */

#forgotPassword .row {
margin: 5px 0 5px 0;
}

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

#checkoutLogin h3 {
margin-bottom: 20px;
}

#checkoutLogin label {
display: block;
float: left;
width: 100px;
padding: 0 5px 0 0;
line-height: 20px;
text-align: right;
}

#checkoutLogin .row {
height: 25px;
}

#checkoutLogin p.pLabel {
margin: 15px 0 0 0;
padding: 0; 
}

/* ------------ checkout page include - ordering_cart_save.html -----------*/

.button {	
font-family: Arial, sans-serif;
color:#000000;
font-size: 11px;
}
.middle-links {	
font-family: Arial, sans-serif;
color:#000000;
font-size: 11px;
}

.field-backing-content {
background-color: #D9D9D9;
}
td{
background-color: #FFFFFF;
}
.field-backing-title {
background-color: #F4F4F4;
}
.normal-field-content{
font-family: Arial, sans-serif;
color:#000000;
font-size: 11px;
font-weight: normal;
}
.normal-field-title{
font-family: Arial, sans-serif;
color:#000000;
font-size: 11px;
font-weight: normal;
}
.selectbox{
font-family: Arial, sans-serif;
color:#000000;
font-size: 11px;
font-weight: normal;
}
.textbox{
font-family: Arial, sans-serif;
color:#000000;
font-size: 11px;
font-weight: normal;
}

/* ------------ sign up page ---------- */

#signUp form {
margin-top: 10px;
}

#signUp form .row {
margin-bottom: 8px;
}

#signUp form label {
display: block;
float: left;
width: 125px;
padding-right: 5px;
text-align: right;
line-height: 20px;
}

#signUp form input.button-search {
clear: both;
display: block;
margin-top: 10px;
}

/* ---------- search results page ------------- */

#searchResults .row {
clear: both;
height: 120px;
}

#searchResults .row img {
float: left;
border: 1px solid #666666;
}

#searchResults .row .rightCol {
width: 360px;
float: right;
padding: 0 0 0 5px;
}

#searchResults .row .subRow1,
#searchResults .row .subRow2,
#searchResults .row .subRow3 {
clear: both;
padding: 0 0 5px 0;
}

#sectionSearchResults h3 {
margin-bottom: 10px;
}

#sectionSearchResults .row {
height: 85px;
}

/* ----------- static pages ----------- */

#static p {
margin-top: 0;
padding-top: 0;
}

#static ul.nobullets {
margin: 0;
padding: 0;
list-style: none;
}

/* formatting for nav nodes */

/* right navigation */


#rightNavigation {
width: 140px;
float: right;
margin-top: 5px;
}

#icons {
clear: both;
height: 50px;
}

#icons a {
display: block;
font-size: 10px; 
color: #333333;
}

#icons .icon {
float: left;
padding: 0;
margin: 0 4px 0 4px;
text-align: center;
}

#icons img {
margin: 0 0 3px 0;
}

#rightNavigation form {
margin: 0;
}

#rightNavigation .node {
width: 140px;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
background-color: #EEEEEE;
font-size: 11px;
color:black;
clear: both;
}

#rightNavigation .node p {
color: #333333;
}

#rightNavigation .node a:link,
#rightNavigation .node a:visited,
#rightNavigation .node a:active {
padding: 1px 0 1px 0;
font-size: 11px;
display: inline;
text-decoration: underline;
}

#rightNavigation .node a:hover {
text-decoration: none;
}

#rightNavigation #specialOffers a:link,
#rightNavigation #specialOffers a:active,
#rightNavigation #specialOffers a:visited,
#rightNavigation #specialOffers a:hover {
display: inline;
}

#rightNavigation #specialOffers p {
color: black;
font-size: 11px;
}

#rightNavigation .node .header {
background-color: #eeeeee;
border: 1px solid #D9D9D9;
background-image: url(index_files/mcart_side_bg.jpg);	
width: 138px;
height: 13px;
text-align: center;
margin: 0;
padding: 5px 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight:bold; 
color:#01093C;
}

#rightNavigation #specialOffers .header {
height: 32px;
}

#rightNavigation .node .nodeContent {
padding: 5px;
border-left: 1px solid #D9D9D9;
border-right: 1px solid #D9D9D9;		
}

#rightNavigation .node input.textInput {
width: 120px;
margin: 0 0 5px 0;
}

/* footer */

#footer {
clear: both;
border-top: 1px solid #cccccc;
width: 100%;
text-align: center;
padding: 5px 0 20px 0;
margin: 10px 0 0 0;
}