﻿body 
{    
    background-color:#e5e5e5;
}

/* Generic Rule */

.clear_fix 
{
    height:1px;
    overflow:hidden;
    clear:both;
}

/* Layout */

.wrapper 
{ 
    width: 950px;
    padding:6px 0px 6px 6px;
    margin: 10px auto;
    background:#ffffff;
    border:solid 1px #d3d3d3;
}

.header 
{
    background-image:url('/_common/img/header_image.jpg');
    width:944px;
    height:128px;
    position: relative;
}

.header a.logo_home
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 296px;
    height: 90px;
}

/* Header Nav Bar */

.header_menu 
{
    width: 944px;
    float: left;
    margin-bottom:11px;
    text-align:left;
    border-top: solid 1px #ffffff;
    background-color: #dce6f0;
}

ul.left_menu_list
{
    float:left;
    margin:0px;
    padding:0px 0px 0px 8px;
}

.left_menu_list li
{
    float:left;
    list-style:none;
    margin: 0px;
    padding: 0px;
    background:url('/_common/img/separator.gif') no-repeat;
    background-position:center right;
}

.left_menu_list a
{
    display:block;
    padding: 6px 12px;
}

.right_menu_list
{
    float:right;
    text-align:center;
    margin:0px;
    padding:0px;
}

.right_menu_list li
{
    float:left;
    list-style:none;
    margin:0px;
    padding: 0px;

}

.right_menu_list a
{
    padding:6px 20px;
    float:left;
    width:90px;
    background-color:#4b80b6;
    border-left:solid 1px #ffffff;
}

.right_menu_list a:hover {
    background:#c32e66;
}

/* Side Column */

.side_column
{
    width:228px;
    float:left;
    padding:0px 9px 0 0;
    margin-bottom:0px
}

div.side_column_search 
{
    border: solid 1px #d3d3d3;
    margin: 0px 0px 8px;
}

div.side_column_box 
{
    padding:7px;
    margin:0px 0px 8px;
    border: solid 1px #D3D3D3;
}

.side_box_header
{
    padding:12px;
    background: #E5E5E5;
}

/* Side Nav Menu */

.side_nav_list 
{
    list-style:none;
    padding:0px;
    margin:0px;
}

.side_nav_list li 
{
    margin: 0px;
    padding: 0px;
    display: inline;
}

.side_nav_list li a
{
    display: block;
    float: left;
    padding: 8px 12px;
    width: 188px;
    background: #adb4c7 url('/_common/img/side_nav_arrow.gif') no-repeat;
    background-position:right center;
    border-top:solid 1px #e5e5e5;
}

.side_nav_list a:hover
{
    background:#c32e66 url('/_common/img/arrow_highlight.gif') no-repeat;
    background-position:right center;
}

/* Logo boxes */

.logo_box_container 
{
    width: 219px;
    padding: 0px 0px 6px 7px;
    margin:0px 0px 8px;
    border:solid 1px #d3d3d3;
}

.logo_box 
{
    float:left;
    height:73px;
    width:103px;
    padding:7px 6px 0 0;
    overflow: hidden;
}

.logo_box img {
    border: solid 1px #CDD1DA;
}

/* Quick Contact */

div.quick_contact
{
    padding:2px;
    width:208px;
    background: #e5e5e5;
}

div.quick_contact table
{
    border-collapse: collapse;
}

div.quick_contact table td
{
    padding:1px 0px 0px;
    border: none;
}

div.quick_contact table td.padded
{
    padding:3px 12px 0px 12px;
}

/* Sitemap Footer */

.sitemap_footer_toggle 
{
    width: 958px;
    margin: 0px auto 10px;
    text-align: right;
}

.sitemap_footer
{
    width: 902px;
    margin: 0px auto 10px;
    padding:17px 27px 14px 27px;
    background-color:#ffffff;
    border:solid 1px #d3d3d3;
}

.sitemap_footer .category 
{
    width: 192px;
    height: 200px;
    padding: 15px;
    margin: 1px 1px 0px 0px;
    overflow: auto;
    float: left;
    border: 1px solid #efefef;
}

/* Footer */

.footer
{
    width: 902px;
    margin: 0px auto 10px;
    padding:17px 27px 14px 27px;
    background-color:#ffffff;
    border:solid 1px #d3d3d3;
}

.footer_lists 
{
    width:550px;
    float:left;
    margin-left:0px;
}

/* Main Content */

.content_wrapper 
{
    width: 950px;
    margin-top:0px;
    clear:both;
    background-color:#ffffff;
    background-image:url('/_common/img/side_column.gif');
    background-repeat:repeat-y;
    background-position: 237px;
}

.content_column
{
    width:712px;
    float:right;
}

.main_content 
{
   clear:both;
   width: 712px;
    border-top:solid 1px #e5e5e5;
}

.content_bordered {
   width:681px;
   padding:7px;
   margin: 9px 6px 9px 9px;
   border:solid 1px #d3d3d3;
}

.content_bordered .content_header {
    width:661px;
    padding:10px;
    background:#ADB4C7;
}

.content_bordered .content_text {
    width:651px;
    padding:15px;
    background: #E5E5E5;
}

.content_bordered .feature_panel {
    background: #adb4c7;
    width: 681px;
    height: 238px;
    overflow:hidden;
}

.feature_panel .feature_info {
    width: 468px;
    height: 238px;
    background: #c32e66;
    float: right;
    cursor: pointer;
}

.feature_panel .feature_info div {
    padding: 15px 25px 0px 25px;
    border-top: solid 1px #ffffff;
}

.feature_panel ul {
    width: 211px;
    height: 238px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-right: solid 2px #ffffff;
}

.feature_panel ul li {
    display: inline;
}

.feature_panel ul li a {
    display: block;
    width: 191px;
    padding: 10px;
    height: 38px;
    border-bottom: solid 2px #ffffff;
}

.feature_panel ul li a:hover,
.feature_panel ul li a.hover {
    background: #c32e66;
}

.breadcrumb 
{
    padding:9px;
    border-bottom:solid 1px #E5E5E5;
}

.padded_content {
    padding: 40px 0px 0px 40px;
    width: 672px;
}

.full_padded_content {
    padding: 40px 12px 0px 40px;
    width: 660px;
}

.filters {
    float: right;
    padding: 40px 12px 12px 12px;
    margin: -40px 0px 20px 20px;
    border-left:solid 1px #E5E5E5;
    border-bottom:solid 1px #E5E5E5;
    width: 156px;
}

.info_column {
    float: right;
    padding: 40px 0px 0px;
    margin: -40px 0px 20px 0px;
    border-left:solid 1px #E5E5E5;
    border-bottom:solid 1px #E5E5E5;
    width: 180px;
}

.info_column div {
    padding: 20px 12px 12px;
}

.info_column a.button, 
.info_column input.button {
    margin-top: 4px;
}

.content_panel_full {
    width: 660px;
}

.content_panel {
    width: 468px;
    float: left;
}

.content_panel .images {
    width: 240px;
    float: left;
}

.content_panel .images .thumbs img {
    width: 68px;
    height: 68px;
    margin: 10px 10px 0px 0px;
    float: left;
    border: 1px solid #CED1DA;
    cursor: pointer;
}

.content_panel .overview {
    width: 220px;
    float: right;
}

.button_footer {
    /*width: 660px;*/
    width: 100%;
    /*padding-top: 1px;*/
    border-top: solid 1px #ced1da;
    margin-top: 20px;
}

.button_footer input {
    float: right;
    margin-left: 1px;
}

.tabs {
    width: 666px;
    background-image: url('/_common/img/tabs_border.gif');
    /*background-color: #cccccc;*/
    background-position: bottom;
    background-repeat: repeat-x;
    clear: both;
    padding-top: 30px;
}

.tabs .clear_fix {
    border-left: solid 1px #ced1da; 
    border-right: solid 1px #ced1da;
}

.tabs ul {
    width: 666px;
    padding: 0px;
    margin: 0px;
}

.tabs ul li {
    float: left;
    padding: 0px;
    margin: 0px 1px 0px 0px;
    list-style-type: none;
}

.tabs ul li a {
    border-left: solid 1px #adb4c7; 
    border-right: solid 1px #adb4c7; 
    border-top: solid 1px #adb4c7;
    background: #adb4c7;
    padding: 8px 12px;
    display: block;
}

.tabs ul li a.selected,
.tabs ul li a:hover {
    border-left: solid 1px #ced1da; 
    border-right: solid 1px #ced1da; 
    border-top: solid 1px #ced1da;
    background: #ffffff;
}

.tabs ul li a.selected {   
    border-bottom: solid 1px #ffffff;
}

.tab_panel {
    border-left: solid 1px #ced1da; 
    border-right: solid 1px #ced1da; 
    border-bottom: solid 1px #ced1da;
    width:640px; 
    padding: 12px;
    clear: both;
}

.paging {
    padding: 9px;
    margin-top: 6px;
    background: #DCE6F0;
    clear: both;
}

.paging .pager {
    float: right;
}

.product {
    width: 672px;
    position: relative;
    /*border-bottom: solid 1px #ced1da;*/
    margin-top: 10px;
}

.product .clear_fix {
    background: #ced1da;
}

.product a.thumb_image {
    width: 120px;
    height: 120px;
    border-top: solid 1px #ced1da;
    border-right: solid 1px #ced1da;
    border-left: solid 1px #ced1da;
    position: absolute;
    left: 0px;
    bottom: 1px;
    z-index: 100;
}

.product a.thumb_image img.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
}

.product .product_image {
    width: 122px;
    height: 90px;
    float: left;
}

.product .product_info {
    width: 510px;
    padding: 20px 20px 0px 0px;
    float: right;
}

.product .product_buttons {
    /*width: 530px;
    padding: 0px 0px 0px 142px;*/
    width: 672px;
    padding: 0px;
    clear: both;
}

.product .product_buttons .price {
    padding: 0px 0px 0px 142px;
    float: left;
}

.product .product_buttons a {
    float: right;
    margin-left: 1px;
    width: 100px;
}

.product_carousel {
    margin: 9px 6px 9px 9px;
    padding: 0px;
    width: 697px;
}

.product_carousel div.jCarouselLite {
    float: left;
    width: 632px;
}

.product_carousel ul {
    width: 632px;
    margin: 0px;
    padding: 0px;
}

.product_carousel ul li {
    margin: 0px 6px 0px 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    width: 140px;
    border: solid 1px #d3d3d3;
    padding: 5px;
    text-align: center;
    height: 250px;
}

.product_carousel img {
    width: 140px;
    margin-bottom: 10px;
}

.product_carousel a.previous {
    width: 29px;
    float: left;
    padding: 6px 0px;
    margin: 0px 6px 0px 0px;
    background-color: #adb4c7;
    background-image: url('/_common/img/side_nav_arrow_left.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
}

.product_carousel a.next {
    width: 30px;
    float: left;
    padding: 6px 0px;
    background-color: #adb4c7;
    background-image: url('/_common/img/side_nav_arrow.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
}

.product_carousel a.previous:hover,
.product_carousel a.next:hover {
    background-color: #C32E66;
}

.product_carousel a.previous:hover {
    background-image: url('/_common/img/arrow_highlight_left.gif');
}

.product_carousel a.next:hover {
    background-image: url('/_common/img/arrow_highlight.gif');
}
