﻿div.filter_container {
    BORDER: #e6e6e6 1px solid;
    FLOAT: left;
    WIDTH: 200px;
}

#your_selection {
    PADDING: 1px;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left bottom;
    MARGIN: 0px;
    BACKGROUND-REPEAT: repeat-x;
}

#your_selection ul {
    margin: 0px;
    padding-left: 10px;
}

#your_selection li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px;
    padding-left: 20px;
    CURSOR: pointer;
    background-repeat: no-repeat;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -239px;
}

.filter ul {
    margin-left: 0px;
    padding-left: 10px;
}

#filter li,
div.filter li {
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px;
    CURSOR: pointer;
}

.your_selection_title {
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -170px;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 21px;
}

.filter_title_1 {
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -80px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 21px;
}

#selected,
li.selected {
    list-style: none;
    padding-left: 20px;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -269px;
    background-repeat: no-repeat;
}

.filter_title_3 {
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -110px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 21px;
}

#unselected,
li.unselected {
    list-style: none;
    padding-left: 20px;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -209px;
    background-repeat: no-repeat;
}

.filter_title_2 {
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    background-image: url('/images/header/filter_comp.gif');
    background-position: left -140px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 21px;
}

#tabs {
    FONT-SIZE: 93%;
    FLOAT: left;
    LINE-HEIGHT: normal;
}

#tabs UL {
    PADDING: 0px 5px 6px 0px;
    MARGIN: 0px;
    LIST-STYLE-TYPE: none;
}

#tabs LI {
    PADDING: 0px;
    DISPLAY: inline;
    MARGIN: 0px;
}

#tabs A {
    PADDING: 0px 0px 0px 8px;
    BACKGROUND-POSITION: left  -468px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/bg_button_comp.gif);
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none;
    cursor: pointer;
}

#tabs A SPAN {
    PADDING: 5px 12px 4px 6px;
    BACKGROUND-POSITION: right -468px;
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/bg_button_comp.gif);
    COLOR: #666;
    BACKGROUND-REPEAT: no-repeat;
    cursor: pointer;
}

#tabs A:hover {
    PADDING: 0px 0px 0px 8px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none;
}

#tabs A:hover SPAN {
    PADDING: 5px 12px 4px 6px;
    DISPLAY: block;
    FLOAT: left;
    COLOR: #666;
    BACKGROUND-REPEAT: no-repeat;
}

#tabs_off A {
    cursor: pointer;
    PADDING: 0px 0px 0px 8px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/bg_button_comp.gif);
    BACKGROUND-POSITION: left  -444px;
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none;
}

#tabs_off A SPAN {
    PADDING: 5px 12px 4px 6px;
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/bg_button_comp.gif);
    BACKGROUND-POSITION: right -444px;
    COLOR: #ffffff;
    BACKGROUND-REPEAT: no-repeat;
}

#tabs_off A:hover {
    PADDING: 0px 0px 0px 8px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/bg_button_comp.gif);
    BACKGROUND-POSITION: left -468px;
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    TEXT-DECORATION: none;
}

#tabs_off A:hover SPAN {
    PADDING: 5px 12px 4px 6px;
    DISPLAY: block;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/bg_button_comp.gif);
    BACKGROUND-POSITION: right -468px;
    COLOR: #666;
    BACKGROUND-REPEAT: no-repeat;
}

#tabs A SPAN { FLOAT: none }

DIV.hero {
    BORDER: #e8e8e8 1px solid;
    FLOAT: left;
    WIDTH: 360px;
    PADDING-TOP: 25px;
    HEIGHT: 381px;
    TEXT-ALIGN: center;
}

DIV.heroRR {
    BORDER: #e8e8e8 1px solid;
    FLOAT: left;
    WIDTH: 360px;
    PADDING-TOP: 25px;
    HEIGHT: 413px;
    TEXT-ALIGN: center;
}

DIV.heroMulti {
    BORDER: #e8e8e8 1px solid;
    FLOAT: left;
    WIDTH: 239px;
    PADDING-TOP: 15px;
    HEIGHT: 335px;
    TEXT-ALIGN: center;
}

DIV.heroMultiRR {
    BORDER: #e8e8e8 1px solid;
    FLOAT: left;
    WIDTH: 239px;
    PADDING-TOP: 15px;
    HEIGHT: 350px;
    TEXT-ALIGN: center;
}

DIV.prod {
    BORDER: #e8e8e8 1px solid;
    FLOAT: left;
    WIDTH: 179px;
    PADDING-TOP: 10px;
    HEIGHT: 192px;
    TEXT-ALIGN: center;
}

DIV.prodRR {
    BORDER: #e8e8e8 1px solid;
    FLOAT: left;
    WIDTH: 179px;
    PADDING-TOP: 10px;
    HEIGHT: 208px;
    TEXT-ALIGN: center;
}

DIV.prod2 {
    BORDER-RIGHT: #e8e8e8 1px solid;
    BORDER-TOP: #e8e8e8 1px;
    FLOAT: left;
    BORDER-LEFT: #e8e8e8 1px;
    WIDTH: 180px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #e8e8e8 1px solid;
    HEIGHT: 180px;
    TEXT-ALIGN: center;
}

DIV.prod3 {
    BORDER-RIGHT: #e8e8e8 1px solid;
    BORDER-TOP: #e8e8e8 1px;
    FLOAT: left;
    BORDER-LEFT: #e8e8e8 1px solid;
    WIDTH: 179px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #e8e8e8 1px solid;
    HEIGHT: 180px;
    TEXT-ALIGN: center;
}

DIV.hero .swatches {
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 12px;
}

DIV.swatches {
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 8px;
}

DIV.hero .price { FONT-SIZE: 14px }

DIV.prod_lrg {
    /*BORDER: #e8e8e8 1px solid;*/
    WIDTH: 408px;
    position: relative;
    TEXT-ALIGN: center;
    float: left;
    height: 338px;
    position: relative;
    margin: 0 0 12px 0;
    padding: 14px 0 0 0;
}

DIV.prod_pen {
    BORDER: #e8e8e8 1px solid;
    BACKGROUND-POSITION: center 50%;
    FLOAT: left;
    MARGIN-BOTTOM: 12px;
    PADDING-BOTTOM: 55px;
    WIDTH: 940px;
    PADDING-TOP: 55px;
}

DIV.functiontitle {
    PADDING-LEFT: 5px;
    background-image: url('/images/header/standard_comp.gif');
    background-position: 0px -460px;
    PADDING-TOP: 5px;
    BACKGROUND-REPEAT: repeat-x;
    HEIGHT: 21px;
}

DIV.prod_overlay {
    POSITION: relative;
    HEIGHT: 45px;
}

.yol_depart_banner {
    PADDING-RIGHT: 12px;
    MARGIN-BOTTOM: 12px;
    WIDTH: 713px;
    PADDING-TOP: 45px;
    HEIGHT: 27px;
}

DIV.yol_left {
    BORDER: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    WIDTH: 340px;
    HEIGHT: auto;
    border-collapse: collapse;
}

DIV.yol_right {
    BORDER: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    WIDTH: 341px;
    HEIGHT: 172px;
}

DIV.yol_left2 {
    BORDER: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    WIDTH: 341px;
    HEIGHT: 172px;
}

DIV.yol_right2 {
    BORDER: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    WIDTH: 341px;
    HEIGHT: 172px;
}

DIV.pen_left {
    BORDER: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    WIDTH: 340px;
    HEIGHT: auto;
}

DIV.pen_right {
    BORDER: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    WIDTH: 341px;
    HEIGHT: 172px;
}

DIV.pen2_left {
    BORDER-TOP-WIDTH: 1px;
    BORDER-RIGHT: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    BORDER-LEFT: #e8e8e8 1px solid;
    WIDTH: 341px;
    BORDER-TOP-COLOR: #e8e8e8;
    BORDER-BOTTOM: #e8e8e8 1px solid;
    HEIGHT: 172px;
}

DIV.pen2_right {
    BORDER-TOP-WIDTH: 1px;
    BORDER-RIGHT: #e8e8e8 1px solid;
    PADDING: 10px;
    FLOAT: left;
    BORDER-LEFT: #e8e8e8 1px;
    WIDTH: 341px;
    BORDER-TOP-COLOR: #e8e8e8;
    BORDER-BOTTOM: #e8e8e8 1px solid;
    HEIGHT: 172px;
}

IMG.yol_floatleft {
    PADDING-RIGHT: 10px;
    FLOAT: left;
}

a.yol_floatleft {
    PADDING-RIGHT: 10px;
    FLOAT: left;
    width:130px;
}


.prod_title { HEIGHT: auto }

DIV.button_download {
    MARGIN-TOP: 1px;
    FONT-SIZE: 93%;
    FLOAT: left;
    LINE-HEIGHT: normal;
    HEIGHT: 26px;
}

DIV.button_download UL {
    PADDING: 0px 5px 0px 0px;
    MARGIN: 0px;
    LINE-HEIGHT: normal;
    LIST-STYLE-TYPE: none;
    HEIGHT: 26px;
}

DIV.button_download LI {
    PADDING: 0px;
    DISPLAY: inline;
    MARGIN: 0px;
    WIDTH: 26px;
    LINE-HEIGHT: normal;
}

DIV.button_download A {
    cursor: pointer;
    PADDING: 0px 0px 0px 22px;
    BACKGROUND-POSITION: left top;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_download_left.gif);
    MARGIN: 0px;
    LINE-HEIGHT: normal;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 26px;
    TEXT-DECORATION: none;
}

DIV.button_download A SPAN {
    PADDING-RIGHT: 14px;
    BACKGROUND-POSITION: right top;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_download_right.gif);
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 26px;
}

DIV.button_download A:hover {
    PADDING-RIGHT: 0px;
    BACKGROUND-POSITION: left top;
    PADDING-LEFT: 22px;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_grey_arrow_hover.jpg);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    LINE-HEIGHT: normal;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 26px;
    TEXT-DECORATION: none;
}

DIV.button_download A:hover SPAN {
    PADDING-RIGHT: 14px;
    BACKGROUND-POSITION: right top;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_download_right_hover.gif);
    COLOR: #ffffff;
    LINE-HEIGHT: normal;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 26px;
}

DIV.button_download {
    MARGIN-TOP: 1px;
    FONT-SIZE: 93%;
    FLOAT: left;
    MARGIN-LEFT: 12px;
    LINE-HEIGHT: normal;
    HEIGHT: 26px;
}

DIV.button_download UL {
    PADDING: 0px 5px 0px 0px;
    MARGIN: 0px;
    LIST-STYLE-TYPE: none;
    HEIGHT: 26px;
}

button_download LI {
    PADDING: 0px;
    DISPLAY: inline;
    MARGIN: 0px;
    WIDTH: 26px;
}

#button_download A {
    PADDING: 0px 0px 0px 22px;
    BACKGROUND-POSITION: left top;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_download_left.gif);
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 26px;
    TEXT-DECORATION: none;
}

#button_download A SPAN {
    PADDING-TOP: 6px;
    PADDING-RIGHT: 14px;
    PADDING-LEFT: 6px;
    BACKGROUND-POSITION: right top;
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_download_right.gif);
    COLOR: #ffffff;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 22px;
}

#button_download A:hover {
    PADDING: 0px 0px 0px 22px;
    BACKGROUND-POSITION: left top;
    FONT-WEIGHT: bold;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_grey_arrow_hover.gif);
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 26px;
    TEXT-DECORATION: none;
}

#button_download A:hover SPAN {
    PADDING-RIGHT: 14px;
    BACKGROUND-POSITION: right top;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FLOAT: left;
    BACKGROUND-IMAGE: url(/images/buttons/button_download_right_hover.gif);
    COLOR: #ffffff;
    PADDING-TOP: 6px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 22px;
}

div.prod_header { width: 939px }

.prod_header div.page_title2 { clear: both }

.prod_header div.breadcrumb { text-transform: capitalize }

.prod_box {
    float: left;
    width: 408px;
    border: #E8E8E8 solid 1px;
    overflow:hidden;
}

.prod_box_video {
    float: left;
    width: 408px;
    margin-top: 12px;
    padding: 0 0 0 0;
    border: 1px #E8E8E8 solid;
}

.prod_box_info {
    float: left;
    width: 408px;
    margin-top: 12px;
    padding: 0 0 10px 0;
    border: 1px #E8E8E8 solid;
}

.prod_box .functiontitle span {
    float: right;
    margin-right: 10px;
}

.prod_box div.prod_detail_sub { min-height: 70px }

div.image_list {
    clear: both;
    text-align: center;
    width: 408px;
    margin-top: 10px;
    cursor: default;
}

div.buyer_guide_wrap {
    float: right;
    margin-top: -5px;
}

.buyer_guide_wrap strong {
    padding-top: 8px;
    float: left;
    width: 80px;
    height: 22px;
    padding-left: 6px;
    font-weight: normal;
}

.prod_img_wrapper {
    float: left;
    width: 408px;
}

div.prod_img_block {
    position: absolute;
    top: 3px;
    right: 40px;
    font-weight: bold;
}

div.prod_3d_block {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 45px;
    width: 408px;
    background-color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

strong.icn_3d {
    line-height: 29px;
    padding-left: 8px;
    font-weight: normal;
}

div#more_prods {
    float: left;
    width: 408px;
    border: 1px #E8E8E8 solid;
    margin-top: 12px;
    padding: 0 0 10px 0;
}

.info_sub {
    padding: 5px;
    font-size: 10px;
}

#more_prods div.list_wrapper {
    padding: 0 0 0 6px;
    overflow: hidden;
}

#more_prods .prod_wrapper {
    float: left;
    width: 134px;
    text-align: center;
    overflow: hidden;
    padding-top: 6px;
}

div.review_banner { margin-top: 12px }

.review_banner .buttonwrapper { margin: 4px 0pt 0pt }

div.product_tabs {
    float: left;
    margin-left: 30px;
    width:500px;
}

.product_tabs ul li img { float: left }

div.prod_offer_box {
    border: red 1px solid;
    margin: 0 0px 15px 0px;
    padding: 10px 10px 0 10px;
    background-color: #F2F2F2;

}

.offer_text_box 
{
	width: 470px; margin: 0 0 8px 0;clear:left; float: left; border: solid 1px #CB0101; padding: 12px; height:auto;
}

.prod_offer_box h4, .offer_text_box h4 {
    font-weight: bold;
    color: red;
    margin: 0px 0px 5px 0px;
    font-size:12px;
}

div.prod_offer_sub { margin-bottom: 10px }

span.product_strong { color: red }

div.swatch_label {
    clear: left;
    float: left;
    height: 21px;
    width: 165px;
    /*margin-top: 4px;*/
    padding-top: 2px;
}

div.product_drop {
    float: left;
    margin-top: 4px;
}

.swatch_label img {
    padding-top: 6px;
    padding-bottom: 8px;
    border: 0;
    vertical-align: middle;
    height: 12px;
    width: 12px;
    float:left;
    margin-right:5px;
}

.swatch_label .oos { color: #B0B0B0 }

div.oos {
    float: left;
    height: 22px;
    width: 150px;
    padding: 5px 0 0 3px;
    font-weight: bold;
}

div.prod_email_link {
    float: left;
    margin: 0 20px 0 0;
}

iframe.fbook {
    border: none;
    overflow: hidden;
    width: 450px;
    height: 35px;
}

div.prod_detail_list {
    width: 230px;
    float: left;
    position: relative;
    margin: 0 15px 10px 0;
}

.prod_detail_list h2 { margin: 0pt 0pt 5px 0px; padding:2px 0px 3px 3px; background-color: #F2F2F2; }

.prod_detail_list ul {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    list-style: none;
}

.prod_detail_list li {
    padding: 3px 5px 3px 5px;
    /*background-color: #DBDBDB; */
}

.prod_detail_list li.alt { /* background-color: #F2F2F2 */ }


div.prod_detail_list_wide {
    width: auto;
    position: relative;
    margin: 0 0px 10px 0;
}

.prod_detail_list_wide h2 { margin: 0pt 0pt 5px 0px; padding:2px 0px 3px 3px; background-color: #F2F2F2 }

.prod_detail_list_wide ul {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    list-style: none;
}

.prod_detail_list_wide li {
    padding: 3px 5px 3px 5px;
    /*background-color: #DBDBDB; */
}

.prod_detail_list_wide li.alt { /*background-color: #F2F2F2 */ }


.details hr {
    display: block;
    padding-top: 2px;
    height: 0em;
    width: auto;
    margin: 5px 0px 15px 0px;
    background-color: #F2F2F2;
    border: 0px;
}

.details #basketbutton { margin-left: 10px }



.prod_product_list {
    float: left;
    margin-top: 10px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #E8E8E8;
    width: 474px;
    height: auto;
}

.image_alert {
    position: relative;
    top: 80px;
    font-weight: bold;
    padding: 0pt;
    margin: 0pt;
}

.basketqty input {
    width: 18px;
    height: 14px;
    vertical-align: baseline;
    margin-bottom: 3px;
    border: #E8E8E8 1px solid;
}

.details #basketbutton { margin-left: 12px }

.prod_email_link img { vertical-align: middle }

div.prod_sub_note {
	float:left;
	display:inline; 
	width:180px; 
	margin-top:5px;
}

div.prod_buttons_wide {width:300px; margin-top:5px; float:left;}

.prod_buttons_wide .prod_email_link {margin-top:5px; margin-right:40px;}

div.button_spacer{
	float:left; height:30px; width:150px; padding:5px 0 0 3px;
}

div.ratereview_push {height:85px; clear:both;}

div.business_swatch {width:142px; line-height:normal;}

span.swatch_text {
	display:block;
	line-height:normal;
	margin-top:5px;
	min-width:100px;
}


div.price_block {width:80px; float:left; margin-top:4px; height:21px; padding-top:2px;}

p.prod_intro {padding:0px; margin:0px 0px 10px 0px;}

.details .left {float:left;}

.right {float:right;}

span.outofstock 
{
	display:block;
	float:left;
	height:21px;
	margin-top:5px;
	font-weight:bold;
}

span.outofstock_btn 
{
	display:block;
	float:left;
	padding:0px 0px 0px 103px;
}

span.outofstock_swatch 
{
	display:block;
	float:left;
	height:21px;
}

div.details_row {margin-bottom:10px;}

.details form {padding:0px; margin:0px;}
