a:hover { text-decoration: underline; }

.white {
    background: #FFF url(/images/bg_white.jpg) no-repeat scroll 0 110px;
}

.internal_header {
    width: 960px;
    height: 180px;
    position: relative;
    margin-bottom: 15px;
    background-color: #234B22;
    background-repeat: no-repeat;
    background-position: top right;
}

.internal_header h1 {
    width: 350px;
    font-weight: normal;
    color: #fffcd5;
    position: relative;
    top: 130px;
    left: 20px;
    font-size: 30px;
    line-height: 34px;
}

.internal { padding: 0 20px; }
.internal h1,
.internal h2,
.internal h3,
.internal h4,
.internal h5,
.internal p { padding: 10px 0; }
.internal ol, .internal ul { margin: 0; padding: 10px 0 10px 20px; }
.internal ol { list-style-type: decimal; }
.internal ul { list-style-type: disc; }
.internal a:hover { text-decoration: underline; }

.internal h2.home {
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0;
    line-height: 22px;
    color: #636363;
}

.internal h2.home strong {
    font-weight: normal;
    color: #234b21;
}

.internal h2.home span { color: #C4161C; }
.internal h3 { position: relative; }

.internal h3 span {
    position: absolute;
    right: 0;
}

.internal h3 a { font-size: 12px; }
.internal h3 a:hover { text-decoration: underline; }

table {
    width: 100%;
    padding: 5px 0;
    border-collapse: collapse;
    /*width: 500px;*/
}

table.basket {
    float: left;
    width: 665px;
}

table.wide { width: 640px; }

th, td {
    font-size: 12px;
    line-height:  17px;
    padding: 0;
    margin: 0;
    text-align: left;
    padding: 4px 14px 4px 6px;
    vertical-align: top;
    text-align: left;
}

th {
    /*background-color: #7E4F2D;*/
    padding: 8px 0 8px 20px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    color: #fffcd5;
}

th.code { width: 15%; }
th.description { width: 85%; }
#content.with_nav th.description { width: 75%; }

table.basket { margin: 10px 0 0; }
table.basket thead th { background: #FFF url(/images/bg_table_basket_header.gif) repeat-x; }
table.basket th.code { width: 80px; }
table.basket th.name { width: 405px; }
table.basket th.quantity { width: 60px; }
table.basket td.quantity input { width: 30px; text-align: center; border: 1px solid #dcddde; }
table.basket th.unit_price { width: 60px; }
table.basket th.price { width: 60px; }

.progress {
    width: 960px;
    overflow: hidden;
    position: relative;
    left: -20px;
    padding: 10px 0;
}

.progress ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.progress li {
    height: 21px;
    width: 148px;
    float: left;
    padding: 7px 0 5px 40px;
    background: #FFF url(/images/bg_checkout_stage.jpg) no-repeat;
}

.progress li.first,
.progress li.on.first {
    width: 163px;
    padding: 7px 0 5px 20px;
    background: #6d6f71;
}

.progress li.on { background: #FFF url(/images/bg_checkout_stage_on.jpg) no-repeat; }
.progress li.next { background: #FFF url(/images/bg_checkout_next.jpg) no-repeat; }
.progress li.next.last { width: 165px; background: #FFF url(/images/bg_checkout_next_last.jpg) no-repeat; }
.progress li.last { width: 165px; background: #FFF url(/images/bg_checkout_last.jpg) no-repeat; }
.progress li.last.on { width: 165px; background: #FFF url(/images/bg_checkout_last_on.jpg) no-repeat; }

.progress a { color: #6d6f71; }
.progress .on a { color: #FFF; }

#content.with_nav table#summary { width: 300px; float: right; }
#content.with_nav table#summary th {
    margin: 0;
    padding: 0;
    background: none;
    color: #444;
}
#content.with_nav table#summary td { width: 70px; }

td { color: #444; padding: 5px 20px; }
tr.dark,
td.dark { background-color: #D9DDD9; }
tr.light,
td.light { background-color: #FFF; }

tr.dotted { background: #FFF url(/images/bg_divide.gif) repeat-x scroll bottom; }

.internal .info {
    float: right;
    width: 200px;
    margin: 40px 0 0 0;
}

.internal .info p { font-size: 14px; }

fieldset.left,
fieldset.right { height: 435px; }

.buttons {
    float: left;
    clear: both;
    width: 677px;
    padding: 20px 0;
    overflow: hidden;
    position: relative;
    left: -6px;
}

.buttons.narrow { width: 464px; }
.buttons.full_width { width: 932px; }

#nav_wrapper {
    float: left;
    width: 220px;
    padding-right: 20px;
    background: #FFF url(/images/bg_nav_wrapper.jpg) no-repeat scroll top right;
    min-height: 400px;
}

.nav_element {
    overflow: hidden;
    margin-bottom: 15px;
    background: #FFF;
}

.nav_element h3 {
    padding: 5px 0 3px 20px;
    color: #fffcd5;
    font-size: 18px;
    font-weight: normal;
    background: #234b22;
    clear: left;
}

.nav_element ul {
    list-style-type: none;
    margin: 10px 20px;
}

.nav_element ul ul { margin: 0; }
.nav_element li li {
    border-bottom: none;
    border-top: 1px solid #CBCDCF;
    padding: 0 0 0 20px;
}

.nav_element li { border-bottom: 1px solid #CBCDCF; }
.nav_element li.last { border-bottom: none; }

.nav_element .page li {  }
.nav_element .page li a { color: #234b22; }

.nav_element .page li span {
    display: block;
    padding: 5px 10px 5px 0;
    color: #234b22;
    font-weight: bold;
    background: #FFF url(/images/bg_nav_hover.gif) no-repeat scroll right center;
}

.nav_element a {
    display: block;
    padding: 5px 10px 5px 0;
    color: #555;
}
.nav_element a:hover { color: #000; background: #FFF url(/images/bg_nav_hover.gif) no-repeat scroll right center; }
.nav_element a.on { font-weight: bold; color: #000; background: #FFF url(/images/bg_nav_on.gif) no-repeat scroll right center; }

.nav_element a.clear_theme {
    display: inline;
    color: #c01818;
    position: relative;
    top: 10px;
    padding: 0 20px 0 0;
    background: #FFF url(/images/icon_delete.gif) no-repeat scroll right;
}

.nav_element a:hover.clear_theme { color: #c01818; background: #FFF url(/images/icon_delete.gif) no-repeat scroll right; }

.nav_element a.remove_tag {
    display: block;
    color: #c01818;
    width: 90%;
    background: url(/images/icon_delete.gif) no-repeat scroll right;
}

.nav_element a:hover.remove_tag { color: #c01818; background: url(/images/icon_delete.gif) no-repeat scroll right; }


form.theme { padding: 20px; float: left; display: inline; }
#select_theme { width: 172px; }

ul#tag_cloud {  }
ul#tag_cloud li { border: none; display: inline; }
ul#tag_cloud a { display: inline; padding-right: 0px; color: #CD5A13; }
ul#tag_cloud a:hover { background: none; }

#content.with_nav {
    float: right;
    width: 720px;
    clear: none;
    overflow: hidden;
}

#content.with_nav div.header {
    width: 720px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #234b22;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
}
#content.with_nav div.header div.tagline {
    width: 312px;
    position: absolute;
    bottom: 10px;
}
#content.with_nav div.header h1 {
    font-weight: normal;
    color: #fffcd5;
    width: 250px;
    margin: 15px 15px 25px;
}

#content.with_nav div.header div.text {
    font-weight: normal;
    color: #fffcd5;
    width: 250px;
    font-size: 12px;
    line-height: 16px;
    margin: 15px 15px 10px;
}

#content.with_nav div.header h3 {
    font-size: 12px;
    margin: 5px 15px 0;
    font-weight: normal;
}

#content.with_nav div.header h3 a { color: #fffcd5; }
#content.with_nav div.header h3 a:hover { text-decoration: underline; }
#content.with_nav a { color: #7E4F2D}

#content.with_nav div.header div.bg_link {
    position: absolute;
    right: 0;
    top: 0;
}
#content.with_nav div.header div.bg_link a {
    display: block;
    width: 408px;
    height: 180px;
}
#product_list_wrapper {
    position: relative;
}

#product_list_wrapper p.header {
    clear: both;
    background: #234b22 url(/images/bg_prod_list_header.jpg) repeat-x;
    color: #FFFCD5;
    margin: 0 0 4px;
    padding: 9px 20px 7px;
    font-size: 14px;
}

#product_list_wrapper p.header a {
    color: #fffcd5;
    float: right;
    font-size: 11px;
    padding-right: 15px;
    background: transparent url(/images/bg_prod_list_link.png) no-repeat scroll right 3px;
}

#product_list_wrapper p.header a:hover { text-decoration: underline; }
#product_list_wrapper p.header a.on { background: transparent url(/images/bg_prod_list_link_on.png) no-repeat scroll right 1px; }
#product_list_wrapper .product { position: relative; overflow: hidden; margin-bottom: 10px; height: 245px; }

.product h3,
.product_detail h3 {
    margin: 0 0 10px;
    padding: 5px 20px 3px;
    font-size: 14px;
    font-weight: normal;
}

.product_detail h3 span .addthis_button { position: relative; top: 2px; }

#product_list_wrapper .product h3,
#product_list_wrapper .product h3 a,
#related_products h3 { color: #FFF; }

#product_list_wrapper .product h3 span {
    font-size: 11px;
    float: right;
}

.product .description {
    width: 330px;
    position: absolute;
    left: 180px;
}

.product .description p,
.product .pricing p {
    float: left;
    color: #000;
    overflow: visible;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}

.product .description p { clear: left; }

.pricing .form {
    width: 50px;
    border: 1px solid #D3D3D3;
}

.product .description a {
    color: #000;
    text-decoration: underline;
}

.product .description a:hover { text-decoration: none; }

.product .pricing {
    float: right;
    width: 190px;
    position: relative;
}

.product .pricing form { clear: both; }

.product .pricing form select { width:165px; }

.icon.product_small {
    float: left;
    width: 52px;
    height: 0;
    margin: 0 8px 0 0;
    padding-top: 27px;
    overflow: hidden;
    display: block;
    background-image: url(/images/icons_product_small.gif);
    background-repeat: no-repeat;
}

.icon.product_small.so { background-position: top right; }
.icon.product_small.sale { background-position: -63px 0; }
.icon.product_small.new { background-position: 0 0; margin: 0; }

.icon.product_large {
    float: left;
    width: 62px;
    height: 0;
    margin: 0 10px 0 0;
    padding-top: 32px;
    overflow: hidden;
    display: block;
    background-image: url(/images/icons_product_large.gif);
    background-repeat: no-repeat;
}

.icon.product_large.so { background-position: top right; }
.icon.product_large.sale { background-position: -74px 0; }
.icon.product_large.new { background-position: 0 0; }

span.strike { text-decoration: line-through; }
span.now { font-weight: bold; color: #c4161c; }

/* Addthis */
.internal_addthis {
    font-size: 12px;
    margin-top: 40px;
    margin-bottom: 80px;
    clear: both;
}

.internal_addthis .addthis_toolbox { float: right; }

.embedded_addthis {
    margin-top: 15px;
    font-size: 12px;
    float: right;
    position: relative;
    z-index: 100;
}

/*** Product Detail ***/
.product_detail { overflow: hidden; }

.product_detail h3 {
    color: #FFF;
}

.product_detail .image {
    float: left;
    width: 215px;
    margin-right: 10px;
}

.product_detail .details {
    float: left;
    width: 290px;
    margin-right: 15px;
    overflow: hidden;
}

.product_detail .details p,
.product_detail .pricing p {
    margin-top: 10px;
    display: block;
    overflow: hidden;
}

.product_detail .details p strong,
.product_detail .pricing p strong,
.product_detail #tags p strong,
#option_content p strong,
.product_detail .pricing label { color: #000; font-weight: bold; }

.product_detail .pricing {
    float: left;
    width: 190px;
}

.product_detail .pricing form select {

    width: 170px;
}


.product_detail #tags p {
    width: 495px;
    margin-top: 10px;
    clear: both;
    position: relative;
    left: 225px;
}

.options {
    float: left;
    width: 215px;
    margin-right: 10px;
}

#content .options a {
    display: block;
    width: 160px;
    height: 25px;
    margin: 0 0 6px;
    padding-top: 5px;
    color: #FFF;
    text-align: center;
}

#option_content {
    float: left;
    width: 495px;
}

#option_content p {
    padding-right: 20px;
    margin-bottom: 10px;
}

#dimensions a.img {
    float: left;
    margin: 0 10px 10px 0;
    display: block;
}

#dimensions li {
    float: left;
    width: 123px;
    display: block;
    text-align: center;
    position: relative;
}

#dimensions li div {
    width: 120px;
    color: #FFF;
    padding: 2px 2px 9px;
    background: transparent url(/images/bg_tooltip.png) no-repeat scroll bottom;
    position: absolute;
    top: -20px;
    visibility: hidden;
}

#dimensions li img {
    padding: 20px 10px 4px;
}

#dimensions li:hover div { visibility: visible; }

#faqs {
    margin-right: 20px;
}

#faqs ol, .details ol {
    list-style-type: decimal;
}

#faqs ul, .details ul {
    list-style-type: disc;
}

#faqs li, .details li {
    margin-left: 20px;
    margin-bottom: 5px;
}

.details ul, .details ol {
    margin-top: 10px;
}

#image_and_content { margin: 15px 0; overflow: hidden; }
#image_and_content img { float: left; margin-right: 15px; }
#image_and_content p { padding-right: 40px; }


#related_products {
    clear: both;
    overflow: hidden;
}

#related_products h3 {
    margin: 0 0 10px;
    padding: 5px 20px 3px;
    font-size: 14px;
    font-weight: bold;
}

#related_products .product {
    width: 170px;
    float: left;
    margin-right: 10px;
    padding-bottom: 20px;
}

#related_products .product img {  }

#related_products .product span {
    font-size: 14px;
    color: #5c6e0e;
    font-weight: bold;
}


/*** Showroom Page ***/
#showroom_container {
        margin-bottom: 10px;
}

#showroom_container #showroom_nav {
    position: relative;
    top: 260px;
    left: 875px;
    z-index: 100;
}

#showroom_container #btn_next,
#showroom_container #btn_previous {
    height: 39px;
    width: 39px;
    display: block;
    position: absolute;
}

#showroom_container #btn_next { margin-left: 35px; }
#showroom_container #btn_previous {}

#showroom_container #elements {
    height: 300px;
    width: auto;
    overflow: hidden;
    position: relative;
    left: 0;
}

#showroom_container .element {
    float: left;
    width: 960px;
    height: 300px;
    position: relative;
    display: inline;
    background-color: #333;
    background-position: right;
    background-repeat: no-repeat;
}

#showroom_container div.bg_link a {
    display: block;
    width: 960px;
    height: 300px;
}

#showroom_info {
    float: right;
    width: 405px;
}

#showroom_details {
    margin-top: 10px;
}

#showroom_info select { width: 250px; }
#showroom_info h4,
#showroom_info p { padding: 0 0 10px; }

#showroom_info a.link {
        float: left;
        display: block;
        width: 180px;
}

#map_info {
    float: left;
    width: 480px;
    padding-bottom: 20px;
    overflow: hidden;
    background: #FFF url(/images/bg_map_info.jpg) no-repeat scroll right top;
}
.bubble_image {
    float: right;
    margin: 10px;
}
.bubble_content {
    width: 260px;
    margin-bottom: 20px;
}
/*** Grid for interior fitout and portfolio ***/
ul.grid {
    clear: both;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 0;
    overflow: hidden;
}

ul.grid li {
    float: left;
    width: 170px;
    margin: 15px 15px 0;
    padding: 0 10px;
    display: block;
}

ul.grid li.first { clear: both; }

ul.grid li img {
    margin: 0 0 10px;
    display: block;
}

ul.grid li span {
    font-size: 14px;
    font-weight: bold;
}

#content.with_nav ul.grid a {
    color: #234b22;
}

#portfolio_images_cycle {
    overflow: hidden;
    width: 408px;
    height: 180px;
    position: absolute;
    right: 0;
    z-index: 0;
}
#portfolio_images_cycle img {
    width: 408px;
    height: 180px;
}
h5.portfolio_data {
    padding: 5px 0;
}
/*** Nav widgets ***/
#nav_wrapper .widget {
    width: auto;
    margin: 10px 20px;
    padding: 0;
    border: 1px solid #c4c2c2;
    color: #636363;
}

#nav_wrapper .widget h3 {
    margin: 0 0 10px;
    font-size: 12px;
    text-align: center;
    color: #636363;
    background: #FFF url(/images/bg_widget_header.jpg) repeat-x;
}

#nav_wrapper .widget p { padding: 10px; }
#nav_wrapper .widget .image { text-align: center; }
#nav_wrapper .widget a:hover { text-decoration: underline; }

/* category cycle */
#elements {
    position: relative;
    overflow: hidden;
    width: 720px;
    height: 180px;
    left: 0;
    margin-bottom: 20px;
    z-index: 0;
}

#elements_wrap { width: 30000px; position: relative; z-index: 0; }
#content.with_nav div.header div.text a, #elements_wrap div.header div.text a { color: #fffcd5; text-decoration: underline; }
#content.with_nav div.header div.text a:hover { color: #F0F0CA; }
#elements .header {
    display: inline;
    position: relative;
    width: 720px;
    height: 180px;
    float: left;
    z-index: 0;
}

#container_nav {
    left: 640px;
    position: relative;
    top: 140px;
    z-index: 100;
}

#btn_previous, #btn_next {
    display: block;
    height: 39px;
    position: absolute;
    width: 39px;
}

#btn_next {
    margin-left: 35px;
}


/*** Search results ***/
#content #search_results h3,
#content #search_results h3 a {
    margin: 0 0 5px;
    padding: 0;
    font-size: 15px;
}

#content #search_results p {
    margin: 0;
    padding: 5px 0;
}

#content #search_results img {
    float: left;
    margin: 0 20px 0 0;
}

dl#search_results {}
dl#search_results dd {
    padding: 0 0 10px 0px;
    width: 70%;
}

dl#search_results.products dd {
  min-height: 100px;
}


/*** FAQs ***/
ul#faqs {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#faqs span.expand_link {
    text-align: right;
}
ul#faqs h5 a.question {
    color: #234b22;
}
ul#faqs div.faq_category {
    display: inline;
}
/*** Links ***/
.list_item {
    clear: both;
    overflow: hidden;
}

.internal .list_item .list_body p {
    margin: 7px 0;
    padding: 0;
}

.list_item.first { margin-top: 20px; }

.list_item .list_image {
    float: left;
    margin: 0 20px 0 0;
}


/*** Page images for Finishing touches (at time of dev) ***/
.p_img.first,
h3.first { clear: both; }

.p_img {
    float: left;
    margin: 15px 20px 20px 0;
    overflow: hidden;
}

.p_img p { padding: 0; }


.image_padding { margin: 15px 20px 20px 0; }
.image_padding p { padding: 0; }

.filter_bar {
	text-align: right;
}

.filter_bar span {
	font-size: 11px;
	margin-left: 20px;
}