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
}
.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
}