﻿* {
margin: 0;
}

html {
height: 100%;
}

h3 {
color: #000;
font-size: 1.1em;
}

p {
margin: 10px 0 5px 0;
font-size: 13px;
}

a:link, a:visited {
color: #666666; /* 0099cc is cyan */
}


a:hover {
text-decoration: underline
}

.clear {
clear: both;
float: none;
}

.red {
color: #cc0000;
}

.sortByForm {
float: right;
}

.sortLabel {
float: left;
margin: 3px 5px 3px;
}
.savings {
color: #000;
font-style: italic;
}

.error {
clear: both;
margin: 10px 0 0 0;
display: block;
border-top: 1px solid #990000;
border-bottom: 1px solid #990000;
padding: 5px;
text-align: center;
}

.errorlabel {
font-size: .8em;
color: #990000;
}

.required {
height: 20px;
padding: 10px 0 0 0;
font-size: .85em;
text-align: right;
color: #990000;
}

.small {
font-size: .8em;
}

.hidden {
display: none;
}

.right {
float: right;
}

.left a:link, .left a:visited {
border: 1px solid red;
float: left
}

body {
margin: 0px;
font-family: Helvetica, sans-serif;
padding: 0px;
height: 100%;
}

#wrapper {
width: 1000px;
padding: 0;
min-height: 98%;
height: auto !important;
height: 98%;
margin: 0 auto -125px auto;
}

#header {
width: 1000px;
height: 145px;
}

#logoLink {
width: 260px;
height: 51px;
float: left;
margin: 25px 0 0 0;
border: none;
}

#logoLink img {
border: none;
}

#Carinalogo {
width: 186px;
height: 54px;
float: left;
margin: 25px 0 0 40px;
border: none;
}

#SystemBuildlogo {
width: 260px;
height: 51px;
float: left;
margin: 25px 0 0 40px;
border: none;
}

#Ridgewoodlogo {
width: 260px;
height: 51px;
float: left;
margin: 25px 0 0 40px;
border: none;
}


#content {
clear: both;
margin: 0 0 50px 0;
}

#footer {
clear: both;
margin: 0 auto;
width: 1000px;
height: 125px;
text-align: left;
padding: 10px 0 0 0;
font-size: .7em;
line-height: 1.3em;
color: #333;
}

#footer a:link, #footer a:visited, #footer a:hover {
color: #333;
text-decoration: none;
}

.footerTop {
width: 100%;
clear: both;
height: 65px;
padding: 15px 0 0 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#scanalert {
margin: 0 50px 0 40px;
float: left;
}

#creditcards {
background: url(/AmeriwoodTemplates/images/credit_cards_row.gif) no-repeat;
height: 22px;
width: 141px;
float:left;
margin: 10px 0 0 0;
}

#grouplogos {
background: url(/AmeriwoodTemplates/images/logos_group.gif) no-repeat;
height: 20px;
width: 272px;
float:right;
margin: 10px 5px 0 0;
}

#copyright {
float: right;
margin: 0;
}

#copyright img {
float: left;
margin: 0 5px 0 0;
border: none;
}

.push {
height: 125px;
}


#breadcrumbs {
font-size: 12px;
font-weight: normal;
color: #cc0000;
height: 40px;
float: left;
}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover {
color: #666;
text-decoration: none;
}




#loginNav {
height: 25px;
margin: 28px 40px 0 0;
float: right;
}


#loginNav ul {
float: right;
list-style: none;
font-size: .70em;
text-transform: uppercase;
}

#loginNav li{
float: left;
width: auto;
font-weight: normal;
}

#loginNav li a:link, #loginNav li a:visited {
color: #666;
display: block;
padding: 5px;
border-right: 1px solid #ccc;
text-decoration: none;
}

#navigation {
float: left;
width: 100%;
height: 33px;
padding: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 20px 0 5px 0;
}

#navigation ul {
list-style: none;
font-size: .65em;
text-transform: uppercase;
padding: 0;
margin: 0;
}

#navigation .cart {
float: right;
margin-right: 50px;
}

#navigation li.cartItems {
border-right: none;
background: url(/AmeriwoodTemplates/images/cart_icon.gif) top left no-repeat;
padding: 4px 4px 3px 12px;
margin-left: 10px;
}

#navigation li.cartCheckout {
padding: 1px 10px 0 0;
border-right: none;
}

#navigation li.cartCheckout a:hover, #navigation li.cartCheckout a:active, #navigation li.cartItems a:hover, #navigation li.cartItems a:active {
background: transparent;
}

#navigation span {
color: #0099cc;
text-transform: capitalize;
text-decoration: underline;
padding: 0 7px 0 7px;
}

#navigation li a:link, #navigation li a:visited {
color: #666;
padding: 10px 10px;
display: block;
text-decoration: none;
margin: 0;
}

#navigation li a:hover, #navigation li a:active {
background: white url(/AmeriwoodTemplates/images/gray_to_white.jpg) repeat-y top left;
}

#navigation li.first a:hover{
background: white url(/AmeriwoodTemplates/images/white_to_gray.jpg) repeat-y top right !important; 
}

#navigation li.last {
border-right: none;
width: 215px;
}

#navigation li.first {
padding-left: 0px;
text-align: right;
border-left: 1px solid #ccc;
}

#navigation li.cartfirst {
padding-left: 0px;
text-align: right;
width: 125px;
}

#navigation li {
float: left;
padding: 0;
width: auto;
border-right: 1px solid #ccc;
}

#navigation li.sel {
padding: 0px;
background-color: #f7f9fc;
}

#navigation li.sel a:link, #navigation li.sel a:visited, #navigation li.sel a:hover {
color: #000;
}




#navigation li ul {
position: absolute;
left: -999em;
width: 124px;
margin: 0;
padding: 0;
border: 1px solid #ccc;
background-color: #fff;
}

#navigation li li {
padding: 0;
margin: 0;
clear: left;
width: 100%;
border: none;
list-style: none;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
left: auto;
}

#navigation li:hover, #navigation li.sfhover {
color: #000;
}

#submenu {
z-index: 1000;
margin-left: -1px !important;
width: 120px;
}

#submenu li {
z-index: 1000;
font-size: 1.25em;
}

#submenu li a:hover, #submenu li a:active {
background: white url(/AmeriwoodTemplates/images/gray_to_white.jpg) repeat-y top left;
}


#sitemap {
line-height: 1.5em;
margin-left:40px;
padding-left:0;
}

#sitemap ul {
margin-left:40px;
padding-left:0;
}

#sitemap ul ul {
margin-left:40px;
padding-left:0;
}

#sitemap a {
text-decoration:none;
}

#sitemap a:hover {
color: #000000;
}


#search {
width: 235px;
margin: 28px 0 0 0;
float: right;
}

#search .input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #336699;
color: #787878;
width: 155px;
height: 16px;
padding: 1px;
margin: 0 10px 0 10px;
float: left;
}






.homeMain {
width: 700px;
height: 380px;
float: left;
overflow: hidden;
margin: 0 0 10px 0;

}

.homeMain a {
color: #ffffff;
}

.homeItem {
float: right;
width: 290px;
margin: 2px 0 10px;
}



#homeList {
width: 1000px;
color: #000;
}

#homeList ul {
font-size: 11px;
color: #000;
margin: 0;
float: left;
list-style-type: none;
padding: 0;
}

#homeList li {
border-bottom: 1px solid #cccccc;
position: relative;
float: left;
width: 325px;
height: 150px;
padding: 0;
margin: 10px 0 0 8px;

}

#homeList ul ul {
background-color: #EFEFEF;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
width: 100px;
height: 143px;

}

#homeList li li {
background: none;
border: none;
display: block;
font-size: 11px;
padding: 2px 0;
margin: -2px 5px 2px 0;
width: 90px;
height: 1.3em;
color: #000;
}  

#homeList li a:link, #homeList li a:visited, #homelist li a:active, #homelist li a:hover{
color: #ffffff;
text-decoration: none;
}

#homeList ul li ul li a {
text-decoration: none;
color: #000 !important;
margin: 0;
padding: 5px;
display: block;
width: 90px;
}  

#homeList ul li ul li a:hover, #homeList ul li ul li a:active {
background: white url(/AmeriwoodTemplates/images/white_to_gray.jpg) repeat-y top left;
} 

li#workspace {background-position: 0 -140px;}
li#entertainment {background-position:  0 -590px;}
li#bath {background-position: 0 -1190px;}
li#sofa {background-position: 0 -440px;}
li#storage {background-position: 0 -740px;}

#homeList h2 {
width: 220px;
font-weight: bold;
color: #606060;
font-size: 12px;
float: left;
margin: 0;
padding:  0 0 5px 0;
text-align: center;
}

#homeList h2:hover{
color: #000000;
}

#homelist a:active h2, #homelist a:hover h2{

}

#homeList p {
background: url(/AmeriwoodTemplates/images/red_arrow.gif) no-repeat;
float: left;
width: 100px;
letter-spacing: 1px;
font-size: .9em;
margin: 25px 0 0 100px;
padding: 0 0 0 10px;

}




#catalogNav {
width: 160px;
margin: 0 0 0 0;
float: left;

}

#catalogNav ul {
margin: 0;
padding: 0;
list-style: none;
}

#catalogNav .supercat {
margin: 10px 0 10px 0;
font-weight: bold;
font-size: 13px;
color: #000;
}

#catalogNav .supercat a.sel {
background: #ffffff url(/images/gray_to_white.jpg) repeat-y top left;
border-bottom: 1px solid #cc0000;
}

#catalogNav .category {
font-weight: normal;
font-size: 12px;
line-height: 10px;
}

#catalogNav .category li a {
color: #000;
}

#catalogNav .category a.sel {
background: #f8f8f8;
color: #000;
border-bottom: 1px solid #ccc;
}


#catalogNav li a:link, #catalogNav li a:visited {
display: block;
margin: 0;
padding: 4px 2px 2px 15px;
text-decoration: none;
color: #000;
}

#catalogNav li a:hover, #catalogNav li a:active {
background: #ffffff url(/AmeriwoodTemplates/images/gray_to_white.jpg) repeat-y top left;
}


#catalogNav li.sel a:link, #catalogNav li.sel a:visited {
color: #FFF;
background-color: #CCC;
}

#catalogNav ul ul li a:link, #catalogNav ul ul li a:visited {
color: #999999;
}

#catalogNav ul ul li a:hover, #catalogNav ul ul li a:active {
color: #000;
font-size: 12px;
padding-bottom: 2px;
}

#rightPanel {
width: 820px;
float: right;
margin: 20px 0 0 0;
font-size: 12px;
}

#rightPanel h1 {
font-size: 1.3em;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
clear: both;
}

#Ridgewood {
line-height: 1.1em;
}

#catalogList ul {
width: 800px;
margin: 0;
padding: 0;
float: left;
list-style: none;
background: url(/AmeriwoodTemplates/images/columns_four_200.gif)
}

#catalogList li {
width: 180px;
height: 300px;
margin: 0 10px 0 10px;
text-align: center;
float: left;
color: #999;
font-size: 12px;
line-height: 16px;
}



#catalogList .boxedImage {
height: 190px;
width: 170px;
text-align: center;
}

#catalogList .boxedImage table {
width: 100%;
height: 190px;
vertical-align: middle;
text-align: center;
}

#catalogList strong {
font-weight: bold;
color: #666;
font-size: 15px;
}

#catalogList a:link, #catalogList a:visited {
text-decoration: none;

}

#catalogList a:hover {
text-decoration: underline;
}




#product {
width: 590px;
float: left;
margin: 0;
background: url(/AmeriwoodTemplates/images/faded_line_vert.gif) top right no-repeat;
}

.productImages {
float: left;
width: 280px;
text-align: center;
margin: 0;
}

.productImages a:link, .productImages a:visited {
text-decoration: none;
font-size: .7em;
}

.productInfo {
float: right;
width: 280px;
margin: 0 10px 0 0;
text-align: left;
}

#product h1 {
font-size: .9em;
color: #666666;
margin: 5px 0 5px 0;
}

#product p {
font-size: .75em;
line-height: 1.4em;
color: #999999;
}

#product p strong {
color: #666666;
}



.imageMain {
margin: 0 0 10px 0;
text-align: center;
}

.imageExtras {
padding: 10px 0 10px 0;
}

.imageExtras img, .imageExtras img a:link, .imageExtras img a:visited {
border: none;
margin: 5px;
}

.imageExtras a:link, .imageExtras a:visited {
float: left;
}

.imageMoreViews {
background: url(/AmeriwoodTemplates/images/more_views.gif) top left no-repeat;
padding: 0 0 0 20px;
font-size: .75em;
font-weight: normal;
height: 15px;
}



#product ul {
margin: 0 0 10px 15px;
padding: 0;
}

#product li {
margin: 5px;
font-size: 13px;
color: #666;
}


#shippingPrice {
float: right;
width: 180px;
margin: 0 30px 0 0;
font-size: 1em;
}

#shippingPrice .field {
width: 80px;
float: left;
}

#shippingPrice span {
float: left;
}


#additionalInfo {
width: 100%;
clear: both;
margin: 10px 0 10px 0;
}

#additionalInfo p {
padding: 5px 10px 5px 10px;
font-size: .8em;
color: #666;
}

#additionalInfo h3 {
font-size: .8em;
padding: 5px;
color: #797979;
border-top: 1px solid #000000;
border-bottom: 1px solid #d6d6d6;
text-align: left;
}

.items {
width: 350px;
float: left;
}

.notes {
width: 200px;
float: left;
}

.prices p {
float: left;

}

.prices input {
width: 64px;

}

#productExtras {
float: right;
font-size: .7em;
width: 220px;
}

#productExtras ul {
list-style: none;
margin: 0;
padding: 0;
}

#productExtras li {
float: left;
margin: 0 8px 0 2px;
padding: 0;
}

#productExtras .email {
background: url(/AmeriwoodTemplates/images/email.gif) 0 0 no-repeat;
padding: 0 0 0 14px;
text-decoration: none;
}

#productExtras .print {
background: url(/AmeriwoodTemplates/images/printer.gif) 0 0 no-repeat;
padding: 0 0 0 14px;
text-decoration: none;
}




#recommendedProducts ul {
margin: 0;
width: 800px;
padding: 0;
float: left;
list-style: none;
background: url(/AmeriwoodTemplates/images/columns_four_200.gif)
}

#recommendedProducts li {
width: 180px;
height: 250px;
margin: 0 10px 0 10px;
text-align: center;
float: left;
}


#recommendedProducts .boxedImage {
height: 190px;
width: 170px;
text-align: center;
}

#recommendedProducts .boxedImage table {
width: 100%;
height: 190px;
vertical-align: middle;
text-align: center;
}

#recommendedProducts h2 {
font-size: .8em;
padding: 5px;
margin: 0 0 20px 0;
color: #797979;
border-top: 1px solid #000000;
border-bottom: 1px solid #d6d6d6;
text-align: left;
clear: both;
}


#recommendedProducts h3, #recommendedProducts h3 a:link, #recommendedProducts h3 a:visited {
margin: 10px 0 3px 0;
font-size: .90em;
font-weight: normal;
color: #666;
}

#recommendedProducts a:link, #recommendedProducts a:visited {
text-decoration: none;
color: #666;
}

#recommendedProducts a:hover {
text-decoration: underline;
}

#recommendedProducts p {
margin: 0;
color: #666;
font-size: .70em;
line-height: 1.2em;
}


#loginLeft {
float: left;
width: 330px;
}

#loginRight {
float: right;
width: 340px;
margin: 0 50px 0 0;
}



#article {
clear: both;
margin: 0 40px 50px 0;
}

#article p {
font-size: .80em;
line-height: 1.3em;
margin: 5px 0 20px 0;
}

.paging {
font-size: 11px;
font-weight: normal;
padding: 0;
margin: 0 30px 10px 0;
clear: both;
text-align: right;
}


#standardForm {
width: 700px;
clear: both;
margin: 0 auto 0 auto;
padding: 0;
font-size: .85em;
}



#form {
width: 400px;
clear: both;
margin: 0 auto 0 auto;
padding: 0;
font-size: .85em;
}

#formLeft {
width: 410px;
margin: 0 0 0 0;
padding: 0;
float: left;
font-size: .85em;
}

#formRight {
width: 340px;
float: right;
margin: 0 50px 0 0;
padding: 0;
font-size: .85em;
}


#form input, #formLeft input {
float: left;
width: 210px;
margin: 3px;
}

#formRight input {
float: left;
width: 150px;
margin: 3px;
}

#formRight p {
text-align: center;
}

#form select, #formLeft select, #formRight select {
margin: 3px;
}

.label {
text-align: right;
width: 130px;
margin: 8px 3px 3px 3px;
float: left;
}

.field {
text-align: right;
width: 140px;
margin: 0 4px 5px 3px;
color: #333;
float: left;
}

.largeLabel {
font-weight: bold;
border-bottom: 1px solid #ccc;
margin: 20px 0 10px 0;
text-align: left;
font-size: 1.1em;
color: #333;
clear: both;
}

.Recall {
color: #FF0000;
font-size: 14px;
font-weight: bold;
}

.Recall a:link, .Recall a:visited {
color: #FF0000;
}

#Recalls {
color: #FF0000;
font-size: 16px;
font-weight: bold;
}

#checkbox2 {
padding: 0;
margin: 0 10px 0 0;
}

.checkText {
line-height: 1.8em;
font-size: .9em;
}

.account {
width: 800px;
margin: 20px auto;
}






.button {
clear: both;
text-align: center;
}

a.button, button {
margin: 0;
padding: 0px;
border: 1px solid gray;
background-color: transparent;
cursor: pointer;
overflow: visible;
}

a:hover.button{
background: #ffffff url(/AmeriwoodTemplates/images/gray_to_white.jpg) repeat-y top left;
}

a.button span, button span {
display: block;
float: left;
padding: 0px 8px 0px 0px; /* sliding doors padding */
margin: 0px;
}

a.button span span, button span span {
color: #FFF;
padding: 0px 6px 0px 12px;
margin: 0;
font-weight: bold;
font-size: 13px;
color: #000;
line-height: 36px;
text-transform: uppercase;
}



#standardForm .buttons input, #formLeft .buttons input, #formRight .buttons input, #form .buttons input {
width: 145px;
margin: 5px 10px 15px 5px;
padding: 0;
height: 31px;
font-size: 12px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #000;
border: none;
cursor: pointer;
clear: both;
float: right;
background: transparent url(/AmeriwoodTemplates/images/button145.gif) no-repeat;
}

.buttons a, .buttons a:link, .buttons a:visited {
color: #FFFFFF;
display: block;
}
#updateButton {
background: url(/AmeriwoodTemplates/images/update_cart.gif) no-repeat;
width: 100px;
height: 30px;
float: left;
cursor: pointer;
margin: 0 10px 0 200px;
}

#continueButton {
background: url(/AmeriwoodTemplates/images/continue.gif) no-repeat;
width: 100px;
height: 30px;
float: left;
cursor: pointer;
margin: 0 0 0 10px;
}




.moreDetails input {
width: 72px;
height: 20px;
font-size: 9px;
margin: 4px 2px 2px 2px;
text-align: center;
color: #000;
border: none;
cursor: pointer;
clear: both;
background: transparent url(/AmeriwoodTemplates/images/moredetails.gif) no-repeat;
}

.moreDetails a, .moreDetails a:link, .moreDetails a:visited {
color: #FFFFFF;
display: block;
}

.quickAdd input {
width: 72px;
height: 20px;
font-size: 9px;
margin: 2px;
text-align: center;
color: #000;
border: none;
cursor: pointer;
clear: both;
background: transparent url(/AmeriwoodTemplates/images/addquick.gif) no-repeat;
}

.quickAdd a, .quickAdd a:link, .quickAdd a:visited {
color: #FFFFFF;
display: block;
}





#checkoutProgress ul {
width: 800px;
height: 40px;
margin: 0 auto;
padding: 0;
list-style: none;
background: url(/AmeriwoodTemplates/images/checkoutBar.jpg) no-repeat;
}

#checkoutProgress li {
margin: 0;
font-size: .7em;
padding: 10px;
color: #666;
float: left;
height: 36px;
}

#checkoutProgress li.process {
width: 100px;
margin: 0 0 0 30px;
color: #000;
}

#checkoutProgress li.active {
background: url(/AmeriwoodTemplates/images/checkoutBar.jpg) no-repeat;
background-position: -41px -91px;
color: #000;
}

#checkout {
clear: both;
width: 700px;
margin: 0 auto;
}

#checkout .productImage {
float: left;
width: 110px;
height: 110px;
text-align: center;
}

#checkout .productInfo {
width: 300px;
float: left;
font-size: .8em;
line-height: 1.2em;
}

#checkout .productInfo a:link, #checkout .productInfo a:visited {
font-size: 1.3em;
line-height: 1.5em;
}

#checkout .productPrice {
width: 200px;
margin: 20px 20px 0 0;
float: right;
text-align: right;
}

#checkout .productPrice input {
width: 30px;
text-align: center;
}

#checkout .productPrice a:link, #checkout .productPrice a:visited {
font-size: .75em;
}

#productTotals {
width: 370px;
clear: both;
padding: 10px 10px 20px 310px;
border-top: 1px solid #ccc;
font-size: .85em;
}


.orderItem {
margin: 10px;
border-bottom: 1px solid #ccc;
}

.orderItem ul {
margin: 10px 0 10px 10px;
padding: 0;
list-style: none;
}

.orderItem li {
margin: 3px;
}

/*replacement_parts_form.html*/

#parts_info{
width: 798px;
border: 1px solid #cccccc;
padding: 10px;
margin: 10px;
text-align: left;
}

#parts_info td {
padding: 0 10px 20px 10px;
margin: 0 0 20px 0;
width: 266px;
vertical-align: top;
text-align: left;
}

#parts_info td.border {
border-right: 1px solid #cccccc;
margin-bottom: 20px;
} 

#parts_info td.bottom {
border-top: 1px solid #cccccc;
padding-top: 15px;
width:	100%;
} 

#parts_info td.bottom table td {
margin: 0;
padding: 0;
}

#parts_info td.bottom table td.part_num {
text-align: right;
padding-right: 5px;
vertical-align: middle;
text-transform: uppercase;
}

#parts_info td div.label {
float: left;
text-align: left;
clear: both;
}

#cust_info {
margin-bottom: 10px;
}

#submit {
padding: 20px;
}

.errorDiv {
display: none;
}

.dorel_logo {
	border: none;
}