﻿.sf-menu, .sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu
{
    line-height: 1.0;
}
.sf-menu ul
{
    position: absolute;
    width: 200px;
}
.sf-menu li:hover
{
    visibility: inherit;
}
.sf-menu li
{
    float: left;
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    left: 0;
    top: 2.2em;
    z-index: 300;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
{
    left: 200px;
    top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
{
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
{
    left: 200px;
    top: 0;
}

.sf-menu
{
    vertical-align: middle;
}

.sf-menu a
{
    display: block;
    position: relative;
    padding: 9px 16px 9px 10px;
    text-decoration: none;
}

.sf-menu a, .sf-menu a:visited
{
    color: #fff;
}

.sf-menu li
{
    background-repeat: repeat-x;
}

.sf-menu li li
{
    width: 280px;
    height: auto;
    color: #6a6a6a;
}

.sf-menu li li:hover, .sf-menu li li:hover a, .sf-menu li li:hover a:visited, .sf-menu li li:hover a:link
{
    background: url("../../MasterFiles/Images/HF/navBtn.png");
    background-repeat: repeat-x;
    color: #6BA4DF;
}


.sf-menu li li a, .sf-menu li li a:visited, .sf-menu li li a:link
{
    color: #6a6a6a;
}
.sf-menu li ul
{
    margin-left: 2px;
    background: #f5f5f5;
    width: auto;
	border: 1px solid silver;
}


.sf-menu a:hover, li.sfHover a, li.sfHover a:visited
{
    color: #6a6a6a;
}

.sf-menu a.sf-with-ul
{
    min-width: 1px;
}
.sf-sub-indicator
{
    position: absolute;
    display: block;
    right: .25em;
    top: 1.05em;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
    margin-left: 10px;
    background: url('../../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator
{
    top: .8em;
    background-position: 0 -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px;
}
.sf-menu ul .sf-sub-indicator
{
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator
{
    background-position: 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0;
}
.sf-shadow ul.sf-shadow-off
{background: transparent;}

.sf-vertical, .sf-vertical li
{
    width: 180px;
    background-repeat: repeat-x;
}
.sf-vertical li
{
    background-repeat: repeat-x;
    height: 34px;
}

.sf-vertical a, .sf-vertical a:visited
{
    display: block;
    position: relative;
    padding: 9px;
    text-decoration: none;
    color: #6a6a6a;
}

.sf-vertical li li a, .sf-vertical li li a:visited, .sf-vertical li li a:active
{
    display: block;
    position: relative;
    padding: 3px 9px 3px 9px;
    text-decoration: none;
    color: #6a6a6a;
}

.sf-vertical li li
{
    background: #f5f5f5;
}

.sf-vertical li ul
{
    margin-left: 2px;
    background: #f5f5f5;
    width: auto;
	border: 1px solid silver;
}

.sf-vertical li:hover, .sf-vertical li.sfHover, .sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active /*, .sf-vertical a:visited , .sf-vertical li.sfHover a*/
{
    background: url("../../MasterFiles/Images/HF/navBtnInv.png");
    color: #6BA4DF;
}
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul
{
    left: 180px;
    top: 0;
}
.sf-vertical .sf-sub-indicator
{
    background-position: -10px 0;
}
.sf-vertical a > .sf-sub-indicator
{
    background-position: 0 0;
}
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0;
}

#controlLink {
    float: right;
}

body{
    font-family: Arial;
    color: #6a6a6a;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    background: url("01/bg.jpg");
    background-position: top;
    background-color: #f6f6f8;
    background-attachment: fixed;
    /*background: #fff;*/
}

a, a:link, a:visited, a:hover, a img
{
    color: #6a6a6a;
    text-decoration: none;
    border: none;
}

.mainWrapper
{
    width: 960px;
    margin: 0 auto;
}

.header
{
    padding: 0;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

#logo {
    position: absolute;
    top: 40px;
    right: 10px;
}

.headerIcon
{
    vertical-align: middle;
    text-align: center;
    width: 28px;
    height: 28px;
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
}

#headerContent {
    height: 275px;
}

.headerIconTxt
{
    vertical-align: middle;
    font-size: 0.8em;
    padding-top: 7px;
    display: inline-block;
    margin: auto 5px auto -4px;
}

#cwl {
    position: absolute;
    top: -12px;
    right: 10px;
}

#cwlUL {
    list-style: none;
}

#cwlUL li {
    float: left;
}

#cartLI {
    display: none;
}

#cartImg {
    background: url('01/cart.png');
    background-position: right center;
    background-repeat: no-repeat;
}
#wishlistImg {
    background: url('01/wishlist.png');
    background-position: right center;
    background-repeat: no-repeat;
    
}
#loginImg, #logoutImg {
    background: url('01/login.png');
    background-position: right center;
    background-repeat: no-repeat;
}

#loginTxt, #logoutTxt {
    margin-left: -8px;
}

/***************** top nav*******************************/

.hTable, .header
{
    position: relative;
    width: 940px; 
    margin: 8px auto auto auto; 
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 3px 8px #a1a1a1;
    -webkit-box-shadow: 0px 3px 8px #a1a1a1;
    box-shadow: 0px 3px 8px #a1a1a1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1');
}

.navMain, #navigation
{
background: #3c95ef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzFkNWFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDk4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3c95ef 0%, #1d5ab5 40%, #3098ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c95ef), color-stop(40%,#1d5ab5), color-stop(100%,#3098ed));
background: -webkit-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -o-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -ms-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: linear-gradient(to bottom, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c95ef', endColorstr='#3098ed',GradientType=0 );
background-color: #1D5AB5;

    width: 940px;
    height: 35px;
    color: #0071BC;
    font-family: Myriad Pro, Arial;
    
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    
    -moz-box-shadow: 0px 3px 8px #a1a1a1;
    -webkit-box-shadow: 0px 3px 8px #a1a1a1;
    box-shadow: 0px 3px 8px #a1a1a1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1');
    
    font-size: 1.1em;
}

.navBtn
{
    margin: 0 10px;
    padding: 5px;
    list-style: none;
    float: left;
}

.N1menu
{
    display: inline;
}

.menuLog
{
    display: inline;
    float: right;
}

/***************** Main ************************/
.main, #main
{
    width: 930px;
    margin: 20px auto;
    background: #fff;
    padding: 5px;
    /*overflow: hidden;*/
    z-index: 1;
    
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 0px 5px;
    border-radius: 5px 5px 5px 5px;
    
    -moz-box-shadow: 0px 3px 8px #a1a1a1;
    -webkit-box-shadow: 0px 3px 8px #a1a1a1;
    box-shadow: 0px 3px 8px #a1a1a1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1');
    
    min-height: 400px;
}
.mainOuter
{
    /*border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;*/
}
/***************** Footer ************************/
.footer
{
    /*background: url("SSN1/f.png");
    background-repeat: repeat-x;
    background-position: top;*/
    padding: 0 0 10px 0;
    
}

.f2, #footer
{
    background: #1D5AB5;
    /*background: url("01/footer.jpg") no-repeat top center;*/
    
    color: #fff;
    background-color: #2260b1;
    
    width: 930px;
    margin: 18px auto 0 auto;
    padding: 5px;
    overflow: hidden;
    
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    -moz-box-shadow: 0px 3px 8px #a1a1a1;
    -webkit-box-shadow: 0px 3px 8px #a1a1a1;
    box-shadow: 0px 3px 8px #a1a1a1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1');
}

.f2 a:link, .f2 a:visited, .f2 a
{
    color: #fff;
}

.fNav
{
    width: 50%;
}
.fNavL
{
    padding: 8px;
}
.fCon
{
    width: 50%;
}

.fcr
{
    font-size: 0.7em;
}

/***************** Default Page ************************/
#defLeftContent
{
    position: relative; 
    width: 180px; 
    max-height: 100%; 
    overflow: hidden;
}

#defContent
{
    width: 560px; 
    overflow: auto; 
    z-index: 1; 
    position: relative;
}

.defContenttd
{
    /*border-right: 1px solid silver; 
    border-left: 1px solid silver; */
    padding: 5px;
    width: 600px;
}

/***************************************************************/

.defaultTrL
{
    /*height: 39px;
    width: 132px;
    margin: 2px 5px 0 5px;*/
}
.defaultTr
{
    padding: 6px 8px 0 8px;
    vertical-align: top;
}
.defaultTrR
{
    /*background: url("SSN2/pi.png");
    background-repeat: no-repeat;
    background-position: center center;*/
    height: 29px;
    width: 135px;
    margin: 2px 5px 0 2px;
}
.trButton
{
    padding: 3px;
    font-weight: 300;
    font-size: 1.0em;
    color: #fff;
    margin: 2px 5px 0 5px;
    text-align: center; 
    background: url("01/navBG.png");
    background-repeat: repeat-x;
    /*border: 1px solid #CCC;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/***************** Product Page ************************/
.ppT
{
    width: 100%;
}
.ppL
{
    width: 180px;
    vertical-align: top;
}
.ppM
{
    width: 750px;
    vertical-align: top;
    /*border-right: 1px solid silver;*/
}
.ppR
{
    width: 180px;
    vertical-align: top;
}

/* Top tab panel runs the entire panel */
.ajax__tab_Cobalt .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    /*background: url(../Images/Tabs/tab-line.gif) repeat-x bottom;*/
    border-bottom: 1px solid #D8E1E7;
}

/* non selected tab background */
.ajax__tab_Cobalt .ajax__tab_outer
{
    color: #6A6A6A;
    padding-right: 4px;
    /*background: url(../Images/Tabs/tab-right.gif) no-repeat right;*/
    height: 21px;
}
/* non selected tab inner */
.ajax__tab_Cobalt .ajax__tab_inner
{
    padding-left: 3px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    background: url("../N1/SSN1/t-non.png") repeat-x;
    border-left: 1px solid #b6c4cc;
    border-right: 1px solid #b6c4cc;
}

/* non selected tab goes away when mouse over */
.ajax__tab_Cobalt .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    /*background: url(../Images/Tabs/tab.gif) repeat-x;*/
}
/* non selected tab mouseover */
.ajax__tab_Cobalt .ajax__tab_hover .ajax__tab_outer
{
    /*background: url(../Images/Tabs/tab-hover-right.gif) no-repeat right;*/
}
/* non selected tab mouseover */
.ajax__tab_Cobalt .ajax__tab_hover .ajax__tab_inner
{
    color: #888;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    background: url("../N1/SSN1/t-non-inv.png");
}
/* non selected tab mouseover */
.ajax__tab_Cobalt .ajax__tab_hover .ajax__tab_tab
{
    /*background: url(../Images/Tabs/tab-hover.gif) repeat-x;*/
    cursor: pointer;
}
/* Selected tab */
.ajax__tab_Cobalt .ajax__tab_active .ajax__tab_outer
{
    /*background: url(../Images/Tabs/tab-active-right.gif) no-repeat right;*/
}
/* Selected Tab */
.ajax__tab_Cobalt .ajax__tab_active .ajax__tab_inner
{
    color: #6A6A6A;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    background: url("../N1/SSN1/t-sel.png");
}
/* Selected Tab */
.ajax__tab_Cobalt .ajax__tab_active .ajax__tab_tab
{
    /*background: url(../Images/Tabs/tab-active.gif) repeat-x;*/
}
/* main content */
.ajax__tab_Cobalt .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border-top: 1px solid #D8E1E7;
    border-top: 0;
    padding: 8px;
    width: 400px;
    background-color: #ffffff;
    -moz-border-radius: 0px 0px 7px 7px;
    -webkit-border-radius: 0px 0px 7px 7px;
    background: #f2f2f2;
}


/* jcarousel for images */
.itmThumbsWrapper
{
    background-color: #666; 
    margin: 10px; 
    text-align: center; 
    width: 300px; 
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    /*background: #F0F6F9;
    border: 1px solid #346F97;*/
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 215px;
    padding: 5px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 65px;
    height: 215px;
    padding: 5px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  215px;
    height: 65px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  65px;
    height: 215px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 65px;
    height: 65px;
    line-height: 65px;
    vertical-align: middle;
}

.jcarousel-item img
{
    vertical-align: middle;
}
    
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../N1/SSN1/next-horizontal-g.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../N1/SSN1/prev-horizontal-g.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../N1/SSN1/prev-horizontal-g.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../N1/SSN1/next-horizontal-g.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active 
{
    cursor: default;
    background-position: -96px 0;
}

/*************** Rating formatting *********************/
.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../../Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../../../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../../../Images/SavedStar.png);
}

/*************** Review formatting *********************/
.boldedReviewText
{
    font-weight: bold;
    color: #405367;
}

.generalReviewText
{
    font-size: .9em;
    color: #acacac;
}


/***************** Product Navigation ************************/   
.navHeaderTxt
{
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: -2px;
}

.navHeader
{
    vertical-align: middle; 
    text-align: left;
    padding: 6px 6px 3px 6px;
    margin: 5px 0 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-size: 0.9em;
	border-bottom: 2px solid #5e5e5e;
}

.navContent
{
    width: 160px;
    padding: 5px 10px;
    line-height: 1.5;
}

/*************** Drill Down Navigation formatting *********************/
.itm_count{
    color: #ccc;
    font-size: .9em;
}
.subitem{
    padding-left: 1em;
    font-size: 0.9em;
    line-height: 1.3em;
}

.attribLabel{
    font-weight: bold;
    font-size: 1em;
}

a.morebtn{
    margin-left: 50px;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #f60;
}

.count{
    color: #ddd;
    font-size: .9em;
}

/***************** Products Mouseover ************************/   
.displayPanel
{
    display: none;
}
.fi190
{
    width: 190px; 
    height: 220px; 
    padding: 6px; 
    margin: auto; 
    /*border: 1px solid silver;*/
    text-align: center; 
    background-color: #fff;
}

.fi190img
{
    width: 170px; 
    height: 170px; 
    vertical-align: middle; 
    text-align: center; 
    margin: 5px auto;
}

.fi190burst
{
    position: absolute; 
    margin: -50px 0 0 -11px;
}

.fi190price
{
    text-align: right; 
    margin-top: -26px;
}

.fi190outerPanel
{
    background: url("SSN11/b80.png");
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    margin: -6px;
    position: absolute;
    /*position: inherit;*/
    width: 192px;
    height: 223px;
    z-index: 1000;
}
.fi190innerPannel
{
    background: url("../../../Images/bg_wht_85.png");
    padding: 5px;
    margin: -15px 0 0 0;
    height: 190px;
    overflow: hidden;
}

.fi130span
{
    width: 130px; 
    margin: auto; 
    /*display: inline-block;*/
}

.fi130
{
    width: 130px; 
    height: 165px; 
    padding: 6px; 
    margin: auto; 
    text-align: center; 
    background-color: #fff;
}

.fi130img
{
    width: 112px; 
    height: 112px; 
    vertical-align: middle; 
    text-align: center; 
    margin: 5px auto 5px auto;
}

.fi130burst
{
    position: absolute; 
    margin: -80px 0 0 -2px;
}

.fi130price
{
    text-align: right; 
    margin-top: -26px;
}

.fi130outerPanel
{
    background: url("SSN11/b80.png");
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    margin: -6px;
    position: absolute;
    /*position: inherit;*/
    width: 132px;
    height: 168px;
    z-index: 1000;
}
.fi130innerPannel
{
    background: url("../../../Images/bg_wht_85.png");
    padding: 5px;
    margin: 5px;
    max-height: 117px;
    overflow: hidden;
}


/***************** General Use ************************/
.title{
    color: #5e5e5e;
    font-weight: bold;
}

.roundCorners5
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.price
{
    font-weight: bold;
    color: #CC0000;
    font-size: 1.1em;
}

.nodisp
{
    display: none;
}

.c00bdr
{
    border: 1px solid #CC0000;
}


/***************** Search ************************/

.searchBtn
{
    
background: #3c95ef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzFkNWFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDk4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3c95ef 0%, #1d5ab5 40%, #3098ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c95ef), color-stop(40%,#1d5ab5), color-stop(100%,#3098ed));
background: -webkit-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -o-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -ms-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: linear-gradient(to bottom, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c95ef', endColorstr='#3098ed',GradientType=0 );
background-color: #1D5AB5;

    padding: 3px 6px; 
    height: 16px; 
    font-size: 0.9em; 
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    
    -moz-box-shadow: 0px 1px 3px #a1a1a1;
    -webkit-box-shadow: 0px 1px 3px #a1a1a1;
    box-shadow: 0px 1px 3px #a1a1a1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1');
}

.searchBtn a, .searchBtn a:link, .searchBtn a:visited, a.searchBtn, a:link.searchBtn, a:visited.searchBtn
{
    color: #fff;
}

.searchTextBox
{
    border: 1px solid #CCC;
}
.searchTextBoxWatermakr
{
    border: 1px solid #CCC;
    color: #cecece;
    text-align: center;
}

/***************** Shadows ************************/
.alternateShadowTable
{
    -moz-box-shadow: 0px 3px 6px #a1a1a1;
    -webkit-box-shadow: 0px 3px 6px #a1a1a1;
    box-shadow: 0px 3px 6px #a1a1a1; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#a1a1a1'); /*9db6d2*/
}

/******************** Brand Selector *****************************/

.brandsTable td
{
    height: 45px;
    width: 45px;
}

.brandsTable a
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.brandsButton
{
    background: url("../Images/HF/rBar.png");
    background-repeat: repeat-x;
    background-position: center;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    font-size: 1.5em;
    border: 1px solid #e0e0e0;
}

/**************************** Menu ****************************/

.sf-menu, .sf-menu a, .sf-menu a:visited, .sf-menu a:link
{
    color: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    z-index: 500;
}

.sf-menu li
{
    margin: auto 3px;
}

li.sfHover a, li.sfHover a:visited, li.sfHover a:link
{
    color: #eaeaea;
    background: url("../../MasterFiles/N1/SSN2/fff_40.png");
}

.sf-menu a:hover
{
    color: #eaeaea;
    background: url("../../MasterFiles/N1/SSN2/fff_40.png");
}

.sf-menu li ul, .sf-menu li ul a, .sf-menu li ul a:link, .sf-menu li ul a:visited
{
    background: #eee;
    color: #34332c;
    z-index: 500;
}

.sf-menu li ul li:hover, .sf-menu li ul li:hover a, .sf-menu li ul li:hover a:hover, .sf-menu li ul li:hover a:link, .sf-menu li ul li:hover a:visited
{
background: #3c95ef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzFkNWFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDk4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3c95ef 0%, #1d5ab5 40%, #3098ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c95ef), color-stop(40%,#1d5ab5), color-stop(100%,#3098ed));
background: -webkit-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -o-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -ms-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: linear-gradient(to bottom, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c95ef', endColorstr='#3098ed',GradientType=0 );
background-color: #1D5AB5;
    color: #fff;
}


.sf-vertical a, .sf-vertical a:visited, .sf-vertical a:link
{
    color: #5e5e5e;
}
.sf-vertical li:hover, .sf-vertical li.sfHover, .sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active, .sf-vertical li.sfHover a, .sf-vertical li.sfHover a:hover, .sf-vertical li.sfHover a:link, .sf-vertical li.sfHover a:visited
{
background: #3c95ef;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzFkNWFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDk4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3c95ef 0%, #1d5ab5 40%, #3098ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c95ef), color-stop(40%,#1d5ab5), color-stop(100%,#3098ed));
background: -webkit-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -o-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: -ms-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
background: linear-gradient(to bottom, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c95ef', endColorstr='#3098ed',GradientType=0 );
background-color: #1D5AB5;
    color: #fff;
}

.sf-vertical li.sfHover ul a, .sf-vertical li.sfHover ul a:visited, .sf-vertical li.sfHover ul a:link
{
    background: #eee;
    color: #34332c;
}

/************************ Slider *****************************/
div.wrapS
{
    /*width: 993px;*/
    width: 720px;
    margin: 0 0;
    text-align: left;
    
}
div#topS /* div#nav */
{
    float: left;
    clear: both;
    /*width: 993px;*/
    width: 720px;
    height: 52px;
    margin: 22px 0 0;
}
div#topS /* div#nav ul */
{
    float: left;
    /*width: 700px;*/
    width: 720px;
    height: 52px;
    list-style-type: none;
}
div#headerS div.wrapS
{
    height: 250px;
}
div#headerS div#slide-holderS
{
    z-index: 40;
    /*width: 993px;*/
    width: 720px;
    height: 250px;
    position: absolute;
}
div#headerS div#slide-holderS div#slide-runnerS
{
    /*top: 9px;*/
    left: 9px;
    /*width: 973px;*/
    width: 700px;
    height: 250px;
    overflow: hidden;
    position: absolute;
}
div#headerS div#slide-holderS img
{
    margin: 0;
    display: none;
    position: absolute;
}

div#headerS div#slide-holderS div#slide-controlsS
{
    left: 0;
    /*bottom: 228px;*/
    width: 700px;
    height: 46px;
    display: none;
    position: absolute;
    /*background: url(../images/Slider/slide-bg.png) 0 0;*/
}
div#headerS div#slide-holderS div#slide-controlsS p.text
{
    float: left;
    color: #fff;
    display: inline;
    font-size: 10px;
    line-height: 16px;
    margin: 15px 0 0 20px;
    text-transform: uppercase;
}
div#headerS div#slide-holderS div#slide-controlsS p#slide-navS
{
    float: right;
    height: 24px;
    display: inline;
    margin: 160px 15px 0 0;
}
div#headerS div#slide-holderS div#slide-controlsS p#slide-navS a
{
    float: left;
    width: 24px;
    height: 24px;
    display: inline;
    font-size: 11px;
    margin: 0 5px 0 0;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}
div#headerS div#slide-holderS div#slide-controlsS p#slide-navS a.on
{
    background-position: 0 -24px;
}
div#headerS div#slide-holderS div#slide-controlsS p#slide-navS a
{
    background-image: url(01/silde-nav.png);
    opacity: 0.7;
    filter: alpha(opacity=70);
}
div#navS ul li a
{
    background: url(01/nav.png) no-repeat;
}

    .variantWrapper
    {
        position: relative;
    }
    
    
    ul.the_menu /*, .the_menu li*/
    {
        margin: 0;
        padding: 0 0 4px 0;
        list-style: none;
        background-color: #00ADEF;
    }
    
    .the_menu
    {
        display: none;
        width: 300px;
        z-index: 299;
        position: absolute;
    }
    
    
    .the_menu li a
    {
        color: #5E5E5E;
        text-decoration: none;
        padding: 4px 4px 0px 4px;
        display: block;
    }
    
    .the_menu li a:hover
    {
        padding: 4px 4px 0px 4px;
        font-weight: bold;
        color: #F00880;
    }
    
    .variantSelect
    {
        padding: 7px 10px;
        width: 170px;
        font-weight: bold;
        font-size: 1.0em;
        text-align: center; 
    }
    
    .variantItem
    {
        height: 80px;
        background: #FFF;
        color: #5E5E5E;
        cursor: pointer;
    }
    
    .variantItemHover
    {
        background: #F2F2F2;
    }
    
    .variantImg
    {
        height: 65px;
        width: 65px;
        text-align: center;
        vertical-align: middle;
    }
    
    .variantImg img
    {
        padding: 5px;
    }
    
    .variantPrice
    {
        color: #5E5E5E;
        float: right;
        font-weight: bold;
    }
    
    .variantXAttrib, .variantYAttrib
    {
        width: 170px;
    }

#ctl00_MainContent_previewDiv, #previewDiv {
    position: relative;
}

.defaultTRmain, .defaultTrL {
    display: none;
}

#storeStockDiv {
    width: 410px;
    padding: 2px;
    margin-bottom: 20px;
    background: #3c95ef;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzFkNWFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDk4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3c95ef 0%, #1d5ab5 40%, #3098ed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c95ef), color-stop(40%,#1d5ab5), color-stop(100%,#3098ed));
    background: -webkit-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
    background: -o-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
    background: -ms-linear-gradient(top, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
    background: linear-gradient(to bottom, #3c95ef 0%,#1d5ab5 40%,#3098ed 100%);
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

#availabilityTitle {
    color: #fff;
    margin: 5px;
}

.storeStockTable {
    width: 100%;
    text-align: left;
    padding: 3px;
    border-collapse: collapse;
    border: 1px solid #444;
}

.storeStockTable th {
    background: #ccc;
    padding: 3px;
    border: 1px solid #aaa;
}

.storeStockTable td {
    padding: 3px;
    border: 1px solid #aaa;
    background: #fff;
}