/*-----------------------------------------

This is the main CSS

------------------------------------------- */
@import "reset.css";
@import "nivo-default.css";
@import "nivo-slider.css";
@import "default.css";
/* @import "ecommain.css"; */
@import "typo.css";
@import "nav.css";
/* @import "tmp.css";    */

body, html                              { height: 100% }
body                                    { margin: 0; padding: 0; background: #f9f9f9; }
#contentWrapper                         { min-height: 100% }
* html #contentWrapper                  { height: 100% }

/* Global */
a                                       {color:#e32236;text-decoration:none;}
a:hover                                 {color:#000;}
a                                       { outline: 0;}
 /* New micro clearfix */
.cf:before, .cf:after                   { content: ""; display: table; }
.cf:after                               { clear: both }
.cf                                     { zoom: 1 }

/******************************************
     LAYOUT
*******************************************/
#mainHeader                             { background: #fff; }
#header                                 { margin: 0 auto; width: 980px; height: 80px; }
#mainContainer                          { width: 100%; padding-bottom: 50px; margin-left: auto; margin-right: auto; }
#mainContent                            { width: 980px; margin: 0 auto; display: block; }
#middleContent                          { width: 640px; float: left; margin-left: 10px; }
#sidebarLeft                            { width: 160px; float: left; }
#sidebarRight                           { width: 160px; float: right; }
.rightContentWrap                       { float: right; width: 810px; margin-bottom: 10px; }
.rightContentWrap-in, .fullWidthWrap, #fullWidthWrap, .contentBox    {  position: relative; padding: 10px; background: #fff; border: 1px solid #e1e1e1; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-radius: 5px; border-radius: 5px; }
.roundedCorners                         { background: #fafafa; border: 1px solid #E4E4E4; padding: 10px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/******************************************
     HEADER
*******************************************/
/** USER MENU **/
#userMenu                               { border-bottom: 1px solid #e1e1e1; margin-bottom: 8px; text-align: right; !important: ; background: #f9f9f9; z-index: 1; position:relative;}
#userMenu .userMenu-in                  { margin: 0 auto; width: 980px; position: relative; padding: 4px 0px; }
#userMenu .userMenu-in .userMenu-text   { padding-top: 0px }
#userMenu .userMenu-in a.toggleBtn      { background: url(../images/toggleOpen.png) 90% 50% no-repeat; padding: 5px 20px 5px 8px;height: 25px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
#userMenu .userMenu-in a.toggleBtn:hover, a.menu-open
                                        { background: #fff url(../images/toggleClose.png) 90% 50% no-repeat !important; color: #000; }
#userMenu .userMenu-in a.menu-open      { webkit-box-shadow: 0 -2px 3px rgb(149,149,149); -moz-box-shadow: 0 -2px 3px rgb(149,149,149); box-shadow: 0 -2px 3px rgb(149,149,149); }
#userMenu .userMenu-in ul               { display: none; z-index: 99999; position: absolute; right: 0px; top: 23px; padding: 5px 0px; text-align: left; background: #FFFFFF; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; -webkit-box-shadow: 0 2px 4px rgb(149,149,149); -moz-box-shadow: 0 2px 4px rgb(149,149,149); box-shadow: 0 2px 4px rgb(149,149,149); -moz-border-radius-bottomleft: 4px; -khtml-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -khtml-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
#userMenu .userMenu-in ul li a          { color: #e32236; display: block; padding: 2px 15px; }
#userMenu .userMenu-in ul li a:hover    { color: #fff; background: #e32236; }

#adminUserMenu                          { font-weight: 600;}

/** LOGO **/
#mainLogo                               { float: left; margin-top: 12px; width: 264px; height: 32px; }
/*.svanstroms #mainLogo {background:url(/ecommerce/images/svanstroms_logo.gif) no-repeat;}   _NO__DOTCOMMA__AFTER__*/
.wettergrens #mainLogo                  { background: url(../images/wettergrens_logo.png) no-repeat }
.killbergs #mainLogo                    { background: url(../images/killbergs_logo.png) no-repeat }
/** SEARCH **/
#mainSearch                             { float: left; margin: 18px 0 0 15px; width: 370px; display: inline; }
#mainSearch .customerInfo               { padding-bottom: 12px; text-align: center; }
#mainSearch .customerInfo span.service  { font-size: 16px; margin-right: 3px; }
#mainSearch .customerInfo span.phone    { font-size: 14px; font-weight: 600; margin-right: 3px; }
#mainSearch .customerInfo span.open     { font-size: 11px; font-weight: 600; }
#mainSearch #mainSearchField            { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none; float: left; margin: 0px; padding: 6px; width: 260px; -x-system-font: none; font-family: Helvetica,Arial,sans-serif; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 400; font-size: 1.6em; line-height: normal; background-color: #FFF; color: #444; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; -moz-border-radius-bottomleft: 4px; -khtml-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -khtml-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#mainSearch #mainSearchField:focus      { background: #f9f9f9 }
#mainSearch #mainSearchBtn              { float: left; width: 82px; height: 35px; margin-left: -1px; }
#mainSearch #mainSearchBtn:hover        { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#mainSearch #mainSearchBtn:focus        { padding-right: 2px }


#searchHelp a img                       {display: block; margin: 0 auto;}
/** Mini Shopping Cart **/
#microcart                              { position: relative; overflow: hidden;}
#shoppingCart                           { width: 310px; min-height: 70px; float: right;}
#shoppingCart #cartBoxContent           { z-index: 1; background: url(../images/cartbox_bg.png) repeat-x top #eeeeee; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-radius: 5px; border-radius: 5px; border: 1px solid #ccc; margin: 0px; padding: 3px; }
#shoppingCart #cartBoxContent .shoppingCartEffect
                                        { position: absolute; right: 0; top: 0; width: 310px; height: 75px; background-color: rgb(176, 188, 34); z-index: 0; display: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-radius: 5px; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.addedToCartContainer                   { z-index: 1; position: absolute; }

.addedToCart                            { color: #444; padding-top: 6px; position: relative; display: block; left: 0px; top: -5px; width: 100px; height:20px; text-align: center; background: #f9f9f9; border:1px solid #E1E1E1;
                                          -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-radius: 5px; border-radius: 5px;
                                          webkit-box-shadow: 0 0px 3px rgb(194,194,194); -moz-box-shadow: 0 0px 3px rgb(194,194,194); box-shadow:0 0px 3px rgb(194,194,194);}
.addedToCartButton                      { cursor: wait !important }
#shoppingCart #cartBoxContent .padding  { float: left; padding: 7px 12px 7px 12px; width: 400px; position: absolute; }
#shoppingCart .title                    { float: right; text-align: left; font-size: 14px; font-weight: bold; width: 100px; }
#shoppingCart .editCart                 { float: left; margin-top: 2px; }
#shoppingCart .cartContent              { padding: 4px 0 0px 0; margin-top: 3px; border-top: 1px solid #ccc; }
#shoppingCart .cartContent .cartIcon    { float: left; padding: 0 15px 0 10px; }
#shoppingCart .cartContent .cartTotal   { float: left; line-height: 16px; width: 110px; }
#shoppingCart .carriagePaid             { float: left }
#shoppingCart .radioButtons             { float: right }
#shoppingCart input[type="radio"]       { margin: 0; vertical-align: middle; }
#shoppingCart .radioButtons label       { margin-right: 5px }
#shoppingCart .checkoutBtn              { margin-top: 40px; float: right; width: 80px; text-align: right; }
#shoppingCart a.checkoutBtn             { font-weight: 600; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; background: url(/ecommerce/images/checkoutBtn.png) no-repeat; margin: 4px 0px 0 0px; padding-top: 7px; display: block; height: 25px; width: 95px; cursor: pointer; display: block; }
#shoppingCart a.checkoutBtn:hover       { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
/****************************
    MAIN MENU
*****************************/
#mainMenuWrap                           { background: url("../images/mainMenuWrap-bg.png") repeat-x scroll left top #DA0228; padding-bottom: 12px; }
#mainMenuWrap ul.mainMenu               { margin: 0 auto; width: 980px; border-left: 1px solid #b11901; }
#mainMenuWrap ul.mainMenu li            { display: inline; float: left; border-right: 1px solid #fa5b42; }
#mainMenuWrap ul.mainMenu li a          { padding: 14px 10px 11px 10px; border-right: 1px solid #b11901; display: block; color: #fff; text-transform: uppercase; font-weight: 600; line-height: normal; text-shadow: 0 1px 2px #7d7d7d; }
#mainMenuWrap ul.mainMenu li a:hover    { background: #DA0228; text-shadow: 0 1px 4px #f1a09a; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#mainMenuWrap ul.mainMenu a.home        { display: block; padding: 12px; width: 16px; height: 16px; border-left: 1px solid #fa5b42; background: url(../images/home.png) center no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
#mainMenuWrap ul.mainMenu a.home:hover  { background: url(../images/home.png) center no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
#mainMenuWrap ul.mainMenu li.go-to-tones
                                        { float: right; border-left: 1px solid #b11901; border-right: 1px solid #b11901; }
#mainMenuWrap ul.mainMenu li.go-to-tones a
                                        { border-right: 1px solid #fa5b42; border-left: 1px solid #fa5b42; }
#mainMenuWrap ul.mainMenu li.go-to-tones a:hover
                                        { }
/****************************
    SIDEBAR NAVA
*****************************/
#sidebarLeft .sidebarNava               { }
#sidebarLeft .sidebarNava ul            { }
#sidebarLeft .sidebarNava ul li         { margin-bottom: 5px }
#sidebarLeft .sidebarNava ul li ul      { background: #fff; padding: 6px; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#sidebarLeft .sidebarNava ul li ul li   { margin: 0px }
#sidebarLeft .sidebarNava ul li ul li ul
                                        { background: #f9f9f9; border: 0; padding: 0px; margin: 0px; }
#sidebarLeft .sidebarNava ul li h2 a, #sidebarLeft .sidebarNava ul li h2 a:hover
                                        { border: none; background: none; }

#sidebarLeft .sidebarNava ul li a       { background: url(../images/sidebarNava.png) left center no-repeat; display: block; word-wrap: break-word; color: #444; font-weight: 400; border-bottom: 1px solid #E1E1E1; } /* On all a tags*/

#sidebarLeft .sidebarNava ul li a:hover { color: #E32236; background: url(../images/sidebarNava-hover.png) left center no-repeat; } /* On all A tags */
#sidebarLeft .sidebarNava ul li a.active
                                        { color: #E32236; font-weight: 600; background: url(../images/sidebarNava-hover.png) left center no-repeat; }

#sidebarLeft .sidebarNava ul li ul li a { padding: 3px 0px 3px 15px; }
#sidebarLeft .sidebarNava ul li ul li ul li a
                                        { margin-left: 10px; padding: 3px 0px 3px 15px; }
/* Toggle open plus and close minus icons */
#sidebarLeft .sidebarNava ul li a.navaHeader
                                        { margin: 0px;  padding: 10px 0px 0px 10px;height: 25px;text-align:left; color: #fff; text-shadow: 0 1px 2px #7d7d7d; font-weight: 600; font-size: 12px; line-height: normal; }

#sidebarLeft .sidebarNava ul li h2.defaultNavaHead
                                        { background: url('/ecommerce/images/alphabetNavaHead.png') no-repeat 0px 0px; margin:0px; line-height:normal;}
#sidebarLeft .sidebarNava ul li h2.toggleShow:hover, .sidebarNava ul li h2.defaultNavaHead:hover
                                        { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

/* Toggle open plus and close minus icons
#sidebarLeft .sidebarNava ul li h2.toggleShow, #sidebarLeft .sidebarNava ul li h2.defaultNavaHead
{ background: url('/ecommerce/images/open-and-close.png') no-repeat 0px 0px; width: 160px; height: 35px; margin: 0px; }     */
/* #sidebarLeft .sidebarNava ul li h2.active
                                        { background: url('/ecommerce/images/open-and-close.png') no-repeat 0px -41px; width: 160px; height: 35px; }  **/
/****************************
    SIDEBAR
*****************************/
.sidebarBox                             { background: #FFFFFF; border: 1px solid #E1E1E1; margin-bottom: 5px; padding-top: 2px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.sidebarBox-in                          { padding: 6px }
.sidebarBox h3                          { background: url(../images/sidebarBox-heading.png) left center repeat-x; text-shadow: 0 1px 0px #fff; margin: 0px; padding: 4px 6px; border-bottom: 1px solid #ccc; color: #333; font-size: 1.2em; }
.sidebarBox h4                          { margin-bottom: 5px; font-size: 1em; }
.sidebarTopList ol                      { list-style: decimal outside none; padding-left: 20px; }
.sidebarTopList ol li                   { margin: 2px 0px }
.sidebarBoxWithoutBorder                { overflow: hidden; border-radius: 5px 5px 5px 5px;}
.sidebarBoxWithoutBorder p              { margin-bottom: 0em;}
/****************************
    HIGHLIGHT(Slider)
*****************************/
.highlight                              { margin-bottom: 10px }
.highlightSubpage                       { width: 638px; overflow: hidden; margin-bottom: 10px; background: #fff; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-radius: 5px; border-radius: 5px; }
.slider-wrapper                         { width: 640px }
.theme-default .nivoSlider img          { position: relative; display: none; }
.singleImage .nivoSlider img            { position: relative; display: block; }
/*********************************
    WIDE PRODUCTBOX
 *********************************/
ul.productsummary-container             { position: relative; margin-top: 10px; margin-bottom: 15px; }
ul.productsummary-container li.productsummary, .grayBox
                                        { position: relative; margin-top: 10px; background: #fafafa; border: 1px solid #E4E4E4; padding: 6px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
ul.productsummary-container li.productsummary:hover
                                        { border: 1px solid #ccc }
ul.productsummary-container li.productsummary ul.productSummaryDetails
                                        { }
ul.productsummary-container li.productsummary ul.productSummaryDetails li
                                        { display: inline; float: left; }
ul.productsummary-container li.productsummary ul.productSummaryDetails li h3 a
                                        { color: #000 }
ul.productsummary-container li.productsummary ul.productSummaryDetails li h3 a:hover
                                        { color: #E32236 }
ul.productsummary-container li.productsummary ul.productSummaryDetails li.productPrice
                                        { width: 120px; float: right; text-align: right; }
ul.productsummary-container li.productsummary ul.productSummaryDetails li.productinfo
                                        { width: 540px }
ul.productsummary-container li.productsummary ul.productSummaryDetails li.productPrice .priceType
                                        { font-size: 12px; font-weight: 600; }
ul.productsummary-container li.productsummary ul.productSummaryDetails li.productPrice .price
                                        { color: #E32236; font-size: 1.6em; font-weight: 600; }
ul.productsummary-container li.productsummary ul.productSummaryDetails li.smallimage
                                        { border: #CCC solid 1px; -webkit-box-shadow: 0 0px 3px rgb(204,204,204); -moz-box-shadow: 0 0px 3px rgb(204,204,204); box-shadow: 0 0px 3px rgb(204,204,204); height: 50px; padding: 5px; margin-right: 20px; width: 50px; text-align: center; background: #fff; }
.basePrice                              { font-size: 10px; color: #777777; font-style: italic;font-weight: 400; }
.normalPrice                            { font-size: 10px; color: green; }
.salePprodurice                         { font-size: 10px; color: red; }

.showDetails span                       { font-size: 12px; font-weight: bold; }
.showDetails a                          { text-decoration: none; line-height: normal; float: right; width: 90px; padding: 4px; margin-top: 5px; color: #fff; background: url("../images/redBtn.png") repeat-x center bottom #E32236; border: 1px solid #A50011; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.showDetails a img                      { vertical-align: middle }
.showDetails a:hover                    { color: #fff; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.filterNavigation a                     { text-decoration: none }
.productsummary-variant                 { text-align: left; position: relative; padding: 20px 0px; margin: 10px 0px 10px 0px; border-top: 1px solid #E4E4E4; }
.productsummary-variant table           { width: 100%; border-style: none; border-collapse: collapse; border-spacing: 0; border-width: 0; }

.productsummary-variant table td, .productsummary-variant table th
                                        { border-bottom: 1px solid #e1e1e1; padding:5px 0px;  }
.productsummary-variant table th
                                        { text-align:left !important; }
.productsummary-variant table tr.tableRow:hover
                                        { background: #fff; }
.productsummary-variant table th, .productsummary-variant table td
                                        { padding-right:10px;  vertical-align: middle; }
.productsummary-variant table .productNumber
                                        { width: 45px; padding-right: 5px; }
.productsummary-variant table .productLabel
                                        { width: 65px; }
.productsummary-variant table .productMeta
                                        { width:auto; }
.productsummary-variant table .productPrice
                                        { width: 200px;padding-right: 5px;  }
.productsummary-variant table tr td table.productPrice td
                                        { border:none; padding:0px; }
.productsummary-variant table .productStatus
                                        { width: 35px; white-space: nowrap; text-align: right; }
.productsummary-variant table .productComment, .productsummary-variant table .orderTemplate
                                        { text-align: right; width: 25px; padding-right: 5px; }
.productsummary-variant table .productQuantity
                                        { text-align: right; width: 20px; padding-right: 5px; }
.productsummary-variant table .productBuy
                                        { padding: 0; text-align: right; width: 45px; }
.productsummary-variant table .priceTable td { margin:0px; padding: 0px; border:none; }

.productsummary-variant table .quantity { width:20px; }
.productsummary-variant table .articleComment { width:100px; }
.productsummary-variant table a.commentIcon { width:20px; height: 20px; display:block; background: url(/ecommerce/images/commentIcon.png) center no-repeat;  }
.productsummary-variant table a.orderTemplate { width:20px; height: 20px; display:block; background: url(/ecommerce/images/orderTemplate.png) center no-repeat;  }
/****************************
    dropdown pop up box
*****************************/
.dropdown-menu	                        { width: 170px; background:#fff; padding:10px; position:absolute; right:25px; top: -20px; display:none; z-index:5000;  -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                                         border: #CCC solid 1px; -webkit-box-shadow: 0 0px 5px rgb(204,204,204); -moz-box-shadow: 0 0px 5px rgb(204,204,204); box-shadow: 0 0px 5px rgb(204,204,204);}
.addToFavoritlist .dropdown-menu	    { width: 250px; }
/****************************
    CATEGORY MAP MODULE
*****************************/
.categoryMap                            { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #FFFFFF; border: 1px solid #CCCCCC; padding: 10px; }
.categoryMap h4                         { font-size:12px; margin-bottom:0px; }
.categoryMap h4 a                       { color: #000; }
.categoryMap ul                         { vertical-align:top; float: left; }
.categoryMap ul li                      { display: block; margin-bottom: 10px;vertical-align:top;width: 152px; }
.categoryMap ul li ul                   { float: left; width: 120px; display: inline-block; vertical-align:top; }
.categoryMap ul li ul li                { display: block; margin: 0px; }
.categoryMap ul li ul li a              { padding: 2px 0px; display: block; }
/****************************
    FILTER MODULE
*****************************/
.filter                                 { margin: 0px 0 10px 0; padding: 10px; background: #FFFFE0; border: 1px solid #E6DB55; width: auto; }
.filter label                           { display: inline; vertical-align: middle; margin: 5px 5px; float: left; }
.filter .toggle_container               { margin: 0; padding: 0; width: auto; }
.filter h5.trigger                      { padding-left: 30px; margin: 0; width: 100%; height: 24px; background: url(/ecommerce/images/toggle-down.png) left no-repeat; }
.filter h5.active                       { background: url(/ecommerce/images/toggle-up.png) left no-repeat; cursor: pointer; }
.productFilter                          { margin-bottom: 10px }
.productFilter div                      { padding: 1px }
.productFilter div:hover                { background: #FFFFE0 }
.productFilter input                    { margin: 0px; vertical-align: middle; }
.productFilter label                    { display: inline; vertical-align: middle; margin: 0px; }
/*********************************
    SORT AND PAGE NAVA WRAP
 *********************************/
.product-prevnext                       { text-align: right; margin: 0px; width: 350px; float: right; }
.product-prevnext a                     { margin-right: 1px; padding: 2px 5px; font-weight: 600; color: #fff; font-size: 10px; line-height: normal; display: inline-block; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-radius: 3px; border-radius: 3px; }
.product-prevnext a                     { background: #E32236 }
.product-prevnext a:hover, .product-prevnext a.active
                                        { background: #8B0304; color: #fff; }
.sortSearch                             { height: 100%; margin-top: 4px; margin: 0px; width: 400px; float: left; }

/* Small productbox, product page etc */
#campagnPageBoxes                       { margin: 20px 0px; }
#campagnPageBoxes .price, #associated-products .price
                                        { font-size: 14px; }
#campagnPageBoxes .basePrice, #associated-products .basePrice
                                        { font-size: 09px; }
#campagnPageBoxes .productPrice, #associated-products .productPrice
                                        { width: 90px; }
/****************************
    SMALL PRODUCTBOXES(NEW) Firstpage and Landingpage
****************************/
.ContentBlock .content, .PromotionBlock .content, .CategoryBlock .content, #associated-products .content , #campagnPageBoxes .content
                                        { padding: 10px; margin: 0px; height: 280px; margin: 0px 10px 10px 0px; float: left; width: 185px; display: block; position: relative; background: #fff; border: 1px solid #E1E1E1; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.PromotionBlock .content > a.ribbon-news, .PromotionBlock .content > a.ribbon-offering, .PromotionBlock .content > a.ribbon-campaign
                                        { height: 70px; width: 70px; display: block;  position: absolute; top: 0px;left: 0px; z-index: 99; }

.PromotionBlock .content > a.ribbon-news{ background: url(/ecommerce/images/ribbon-news.png) top left no-repeat; }

.PromotionBlock .content > a.ribbon-campaign { background: url(/ecommerce/images/ribbon-campaign.png) top left no-repeat; }

.PromotionBlock .content > a.ribbon-offering { background: url(/ecommerce/images/ribbon-offering.png) top left no-repeat; }

.ContentBlock .content:hover, .PromotionBlock .content:hover, .CategoryBlock .content:hover, #associated-products .content:hover, #campagnPageBoxes .content:hover,
                                        { -webkit-box-shadow: 0 0 5px rgb(183,183,183); -moz-box-shadow: 0 0 5px rgb(183,183,183); box-shadow: 0 0 5px rgb(183,183,183); }

.ContentBlock .cycubeProductBox         { overflow: hidden;height:280px;}


/** Productbox content style **/
.content ul li h3 a                     { font-size: 12px; color: #000; }
.content ul li h3 a:hover               { color: #E3353F }
.content ul li.productImg               { text-align: center; height: 100px; margin-bottom: 10px; }
.content ul li.productBoxInfo           { margin-bottom: 10px; height: 100px; }
.content ul li.productBoxInfo p         { margin: 0px }
.content ul li.productBoxInfo h3        { margin-bottom: 5px }
.content .productPurchase               { float: right; width: 75px; text-align: right; font-weight: 600; }
.content .productPrice                  { float: left; width: 110px; }
.content .priceType                     { font-size: 12px; margin-bottom: 2px; font-weight: 600; }
.content .price                         { font-size: 16px; color: #E32236; font-weight: 600; line-height: 100%; }
.content:hover                          { -webkit-box-shadow: 0 0 5px rgb(211,211,211); -moz-box-shadow: 0 0 5px rgb(211,211,211); box-shadow: 0 0 5px rgb(211,211,211); }
/** This helps to set productboxes in row for specific page**/
#associated-products .content,#campagnPageBoxes .content { margin-right: 10px; width: 167px; }
#middleContent .box1, #associated-products .box2, #campagnPageBoxes .box2
                                        { margin-right: 0px }
#middleContent .box2, #associated-products .box3, #campagnPageBoxes .box3
                                        { margin-right: 0px; float: right; }
/***************************************
    BREADCRUMS
****************************************/
.breadcrums                             { padding: 0px 5px 5px 5px }
.svanstroms a.breadcrumstext, .wettergrens a.breadcrumstext, .killbergs a.breadcrumstext
                                        { font-weight: bold }
a.breadcrumstext:hover                  { }

/******************************************
     READMORE POP-UP
*******************************************/
.readMorePopup                          { position: absolute; z-index: 1; width: 300px; margin-left: 200px; display: none; }
.readMorePopup  .textBox                { position: relative; margin: 3px 1px 1px 1px; padding: 4px; background: #CCCCCC; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-radius: 6px; border-radius: 6px; border: 1px solid #ccc; }
/*******************************************
     PRODUCTDETAILS
********************************************/
.articleTable                           {  padding: 0px 5px; }
.productDetails                         { margin: 20px 0px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
.productDetails .productImage           { float: left; width: 290px; text-align: center; }
.productDetails .productImage table tr td
                                        { vertical-align: middle }
.productDetails .productImage table tr td img:hover
                                        { filter: alpha(opacity=92); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.9;}
.productDetails .priceType              { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.productDetails .price                  { font-size: 24px; color: #E32236; font-weight: 600; line-height: 80%; }
.productDetails .basePrice              { font-size: 11px; }
.productDetails .productImage a img:hover
                                        { filter: alpha(opacity=92); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.9; }
.productDetails .productInfo            { float: right; width: 480px; }
.productDetails .social                 { margin-top: 20px }
.displayDesc                            { cursor: pointer }
.productDetails .hiddenDescription, .productinfo .hiddenDescription
                                        { display: none }
.productDetails a.standardLink, .productinfo  a.standardLink
                                        { float: right; margin-top: 10px; }
.productDetailWrapper                   { margin-bottom: 10px; }
.addItemsToShopping                     { margin-left: 10px; }

/** Lower part **/
.productDetails-productsummary-variant  { padding: 10px; background: #fafafa; border: 1px solid #E4E4E4; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.productDetails-productsummary-variant table td
                                        { vertical-align: middle; padding: 2px 0; }
.infoLink                               { margin-top: 20px;}
#associated-products                    { margin-top: 20px; }

 /******************************************
     PRICES
*******************************************/
.reservation, .stock, .backorder        { color: #fff; padding:1px 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-radius: 3px; border-radius: 3px; }
.reservation                            { background: #f7941e; }
.stock                                  { background: #8DB811; }
.backorder                              { background: #E3353F; }
.orgPrice                               { color: #9F9F9F;}

/*-----------------------------------------
    CHECKOUT CART
------------------------------------------- */
.checkoutWrap                           { padding-bottom:10px;  border-bottom: 1px solid #E1E1E1;}
#checkoutFooter .help                   { float:right;width:400px;}
#progressBar                            { height: 40px; }
#progressBar ul                         { background: #fafafa; padding: 0 3.33333%; border-bottom:1px solid #E4E4E4; position: absolute; left: 0;  right: 0;  top: 0; z-index: 10; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px ;border-top-right-radius:6px;}
#progressBar ul li                      { display: inline;text-align: center;  text-transform: uppercase; padding: 10px; float: left; width: 200px; font-size: 14px; color:#B7B7B7; }
#progressBar ul li:last-child           { background: none }
#progressBar ul li.active               { color: #fff; font-weight: 600; background: #444 url(../images/progressBar-active.png) bottom center no-repeat; }
#progressBar span.progressNumber        { font-size: 24px;}

#actionsMenu                            { margin: 20px 0 }

#actionsMenu .goForwardButton a:hover, .goBackButton a:hover
                                        { filter: alpha(opacity=92); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92); -moz-opacity: 0.92; opacity: 0.9; }

#actionsMenu .actionMenuOptions         { float: left; }
#actionsMenu .forward                   { float: right; }
#actionsMenu .back                      { float: left; }
#actionsMenu .forward a, #actionsMenu .back a
                                        {font-size: 12px;font-weight: 600;text-transform: uppercase; }
#actionsMenu .actionMenuOptions li      { display: inline; padding: 2px 0; float: left; margin-right: 3px; }

/* Order Table */
.productItemWrap                        { background: #fafafa; border: 1px solid #E1E1E1; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-radius: 6px; border-radius: 6px;}
.productItemWrap table thead            { background: url("../images/sidebarBox-heading.png") repeat-x scroll left center transparent;  }
.productItemWrap table th               { text-align:left; padding: 5px 10px 5px 5px; text-shadow: 0 1px 0 #FFFFFF; }
.productItemWrap table td               { padding: 5px 10px 5px 5px; border-top: 1px solid #E1E1E1; }

.productItemBox a                       { color:#444; }
.productItemBox a:hover                 { color:#E32236; }
.productItemWrap tr.productItemBox      { background: #fafafa; }
.productItemWrap tr.productItemBox .price
                                        { font-weight:600; font-size:12px; color:#E32236; }
.productItemWrap tr.productItemBox:hover{ background: #fff; -webkit-box-shadow: 0 0 5px rgb(183,183,183); -moz-box-shadow: 0 0 5px rgb(183,183,183); box-shadow: 0 0 5px rgb(183,183,183); }
.productItemBox .orderThumb             { text-align: center; padding: 4px;  height: 50px; width: 50px; background: #fff;border:1px solid #e1e1e1;
                                           -webkit-box-shadow: 0 0px 3px rgb(204,204,204); -moz-box-shadow: 0 0px 3px rgb(204,204,204); box-shadow: 0 0px 3px rgb(204,204,204);}
.removeOrder                            { text-align: center; }

/* Offers */
#checkoutFooter                         {margin-top:10px; }

#shippingValue                          { float: right; width: 220px; line-height: 1.8em; border-left: 1px solid #e1e1e1; padding: 20px; }
#shippingValue table td                 { font-size: 1.1em }

#checkoutFooter #offers, #checkoutFooter #help  {height: 200px; border: 1px solid #e1e1e1; background:#fff;  -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-radius: 6px; border-radius: 6px; }
#checkoutFooter #offers                 {float: left; width: 340px; }
#checkoutFooter #help                   {float: right; width:620px; }

.offers-in                              { padding: 20px;  float: left; width: 250px; }


.addPromoCodeForm                       { float: left; width: 320px; padding: 20px; }
.premieProduct                          { float: left; width: 200px; }
.premieProduct form                     { padding: 0px; margin: 0; }
.premieProduct input, .premieProduct img
                                        { margin: 0 10px 0 0; padding: 0; }
.checkoutProducts                       { width: 180px; float: left; border-right: 1px dotted #ccc; padding: 0 20px; }
.accessoryProducts-in .checkoutProducts:last-child
                                        { border: none; padding: 0; }
.checkoutProducts .centerImage          { text-align: center; height: 100px; display: block; }

/* Dialog box */
#dialog-overlay                         {position: fixed; top: 0; left: 0; z-index: 999; width:100%; height:100%; background: #fafafa;  filter: alpha(opacity=8); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=8); -moz-opacity: 0.8; opacity: 0.8;  }
#dialog-overlay-wrap                    { width:100%; height:100%; zoom: 1; position:fixed;  top:0; left:0; z-index:3000; }
#changesInCart                          { background: #fff;margin: 220px auto 0; width: 600px; padding:20px; border:4px solid #E1E1E1;
                                          -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-radius: 5px; border-radius: 5px;
                                          -webkit-box-shadow: 0 0 16px rgb(183,183,183); -moz-box-shadow: 0 0 16px rgb(183,183,183); box-shadow: 0 0 16px rgb(183,183,183);}

#changesInCart .cancelButton            {float: right;cursor: pointer;}
#changesInCart ul                       {padding-left: 14px;}
#changesInCart ul li                    {list-style:disc;}
/* Processing*/
#processing                             {position: fixed;top:45%;left:45%;}

/********************************************
    chooseCartList
*********************************************/
#createCartForm label      { vertical-align: middle; display: inline; }
ul.chooseCartList          { margin: 0; padding: 0; }
ul.chooseCartList li       { float: left; width: 210px; padding: 10px; margin: 2px; background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E1E1E1; }
ul.chooseCartList li:hover { border: 1px solid #ccc; }
ul.chooseCartList li ul li { margin: 0; padding: 4px 0px 4px 0; background: none; border: none; float: left; }
ul.chooseCartList li ul li:hover {border: none; }
.expandedCart              { background: none repeat scroll 0% 0% #FFFFE0; border-bottom: 1px solid #E6DB55; padding: 5px; display: none; float: right; width: 430px; margin-top: 10px; }
.expandedCart td           { padding: 5px }
.expandedCart table th     { font-size: 11px; font-weight: bold; text-align: left; }

/*
    CHECKOUT SHIPPING
------------------------------------------- */
#checkoutContent                        { width: 700px; float:left;}
.checkoutContentWrap                    { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E1E1E1 }
.checkoutContentWrap label              { margin-bottom: 10px; float: left; width: 240px; font-weight: 600; }

#checkoutSidebar                        { float:right; width: 220px; }
.checkoutSidebarBox                     { margin-bottom: 10px; padding: 10px; background: #fafafa; border: 1px solid #E4E4E4; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#checkoutSidebar ul                     { text-align: left; float: left; margin-bottom: 10px; }
#checkoutSidebar ul li                  { float: left; width: 100%; }
#checkoutSidebar ul li a                { padding: 5px 0px; border-bottom: 1px dotted #E4E4E4; display: block; font-size:11px !important; }
#checkoutSidebar ul li a:hover          { background: #f1f1f1; }

.extraServiceBox                        { float:left; width:210px; margin-right: 20px; }
.checkoutSidebarBox-in table tr th, .checkoutSidebarBox-in table tr td
                                        { font-size:11px !important; }
.extraServiceBox label                  { float:none;}
.paymentTerms                           {  padding:10px; }

/*
    eCommerce "Screenlet" Styles (ConfirmOrder)
------------------------------------------- */
#fullWidthWrap .print                      { right: 1px; top: 10; position: absolute; }
#fullWidthWrap .print ul li                { display: inline; float: left; vertical-align: middle; margin-right: 10px;}
#fullWidthWrap .print ul li.printIcon, .orderMenu ul li.printIcon
                                        { margin-right: 10px;margin-top: 7px; }
#ecom-mainarea .screenlet               { float: left; width: 300px;padding-right: 20px; margin-bottom: 10px; height: auto !important; height: 1%; }
#ecom-mainarea .screenlet-header        { background: #000099; padding-top: 1px; padding-bottom: 3px; padding-right: 4px; padding-left: 4px; height: auto !important; height: 1%; }
#ecom-mainarea .screenlet-body          { line-height: 1.8em; background: #FFFFFF; padding: 4px; height: auto !important; height: 1%; }
#ecom-mainarea .customerBox             {  margin-bottom: 20px;  padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; height: auto !important; height: 1%; }
.confirmOrderProduct                    { position: relative; background: #FDFDFD; border: 1px solid #f1f1f1; padding: 20px; margin-top: 20px; }
.confirmOrderProduct-in table tr td     { padding: 5px 0; }

/* *****************************************
     EDIT ACCOUNT
*******************************************/
.viewProfileLeft, .login                { float: left; width: 420px; padding-right: 50px; border-right: 1px dotted #ccc; }
.userAddresses, .registerWrapper        { float: right; width: 420px; }
#newkundadress, #newAccount             { padding: 5px; }
#editAccountForm                        { padding-bottom: 20px; border-bottom: 1px dotted #ccc; }
#editAccountForm label, #newkundadress label, #newAccount label
                                        { float: left; width: 160px; font-weight: 600; }
#editAccountForm div, #newkundadress div, #newAccount div
                                        { margin-bottom: 8px }
.adressesBoxes                          { margin-bottom: 5px;background: #fafafa; border: 1px solid #E4E4E4; padding: 10px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.adressesBoxes p                        { margin-bottom: 0px }

/* ******************************************
     TABLES
********************************************/
hr.sepbar                               {width: 100%;height: 1px;background: #e1e1e1;border-width: 0px;}
th                                      { font-size: 10px; font-weight:600;text-shadow: 0 1px 0 #FFFFFF; }
td                                      { font-size: 10px; vertical-align:middle;}
#orderHistory, #yourOrder, #orderListTable, #quickOrderTable
                                        { margin: 10px 0;  background: #fafafa; border: 1px solid #E4E4E4; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#orderHistory tr.tableRow:hover, #yourOrder tr.tableRow:hover, #orderListTable tr.tableRow:hover, #listQuickAdd tr.tableRow:hover, #quickOrderTable tr.tableRow:hover
                                        { background: #fff;}
#orderHistory td, #yourOrder table td, #orderListTable table td, #quickOrderTable table td
                                        { vertical-align: middle; margin: 10px 0; padding: 5px; border-top: 1px solid #E4E4E4; }
#orderHistory thead, #yourOrder thead, #orderListTable thead, #quickOrderTable thead
                                        { background: url("../images/sidebarBox-heading.png") repeat-x left center; border-bottom: 1px solid #E4E4E4;}
#orderHistory thead th, #yourOrder thead th, #orderListTable thead th, #quickOrderTable thead th
                                        { vertical-align: middle; padding: 5px; font-size: 11px;  text-align: left; }
#orderHistory thead th a                { color: #000 }
#orderHistory thead th a:hover          { color: #E32236 }

/***************************************
    FORMS
****************************************/
.formText                               { float: left; line-height: 1.6em; }
.input-field                            { background: #FFFFFF; font-size: 11px; padding: 5px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-radius: 2px; border-radius: 2px; border: #E1E1E1 solid 1px; }
.input-field:focus, .input-field:hover, .select:focus, .select:hover
                                        { border: 1px solid #b7b7b7;  }
.sidebar-field                          { width: 135px }
select.select                           { font-size: 11px; padding: 4px; background: #FFFFFF; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-radius: 2px; border-radius: 2px;  border: #ccc solid 1px; }
.defaultLabel                           { float: none !important;}
#brand.select, #topCat.select, #mainCat.select, #prodCat.select, .selectSidebar
                                        { width: 145px }
/***************************************
    BUTTONS
****************************************/
.redBtn, .greenBtn                      { -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 10px;font-weight: 600; display: inline-block; cursor: pointer; }
.redBtn                                 { color: #fff; background: url(../images/redBtn.png); border: 1px solid #a50011; }
.redBtn:hover                           { color: #fff; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.greenBtn                               { border: 1px solid #688908; background: url(../images/greenButton.png) repeat-x bottom; color: #fff; }
.greenBtn:hover                         { color: #fff; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

/* ******************************************
     ORDER HISTORY
********************************************/
#orderhistoryform                       { margin: 0; }
#orderhistoryform span                  { display: inline; float: left; font-weight: 600;  margin-right: 5px; }
#orderhistoryform .inputBox             { background: #FFFFFF; margin-right: 5px; width: 160px; padding: 5px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-radius: 2px; border-radius: 2px; border: #ccc solid 1px; }
#orderhistoryform .inputBox:focus       { -webkit-box-shadow: 0 0 5px rgb(183,183,183); -moz-box-shadow: 0 0 5px rgb(183,183,183); box-shadow: 0 0 5px rgb(183,183,183); background: #FFFFE0; }
#statusFilter                           { width: 140px; float: left; }
.historyForm                            { width: 260px; float: left; }
.orderHistoryMsg                        { width: 300px; float: right; }

.orderMenu                              { margin-bottom:10px; }
.orderMenu ul li                        { display: inline; width: auto; float: left; padding: 2px 0; margin-right: 5px; }
.orderInfoBox                           { width: 210px; min-height: 150px; float: left; padding: 10px;  background: #fafafa; border: 1px solid #E4E4E4; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 5px; }

.totalSum                               { float: right; width: 180px; line-height: 1.6em; }

/******************************************
     EDIT SHOPPING LIST
********************************************/
#changeordermall                   { width: 300px }
.addArticle, .quickadd             { margin-bottom: 10px; background: #fafafa; border: 1px solid #E4E4E4; padding: 10px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#addToShoppingList                index {  }
#addToShoppingList div, .updateList div, #quickaddform div
                                    { display: inline; float: left; font-weight: 600; margin-right: 5px; }
.editShoppingList                  { position: absolute; right: 10px; top: 10px; }
.replacementProduct                { background:#fdf6e2; height: 25px;}

/*-----------------------------------------
    GOOGLE MAPS (STORES)
------------------------------------------- */
#banner                                 { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc; background: url(bg.gif) repeat-x; text-align: center; }
#banner a                               { color: white }
div.googleMapLarge                      { border-top-width: 1px; border-right-width-value: 1px; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-bottom-width: 1px; border-left-width-value: 1px; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-top-style: solid; border-right-style-value: solid; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-bottom-style: solid; border-left-style-value: solid; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-top-color: #cccccc; border-right-color-value: #cccccc; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-bottom-color: #cccccc; border-left-color-value: #cccccc; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; padding-left: 50px; }
div.storeslistMain                      { float: left }
#storeList                              { float: right; width: 220px; padding: 20px; background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #E1E1E1;}
div.storeslistRight ul.stores           { margin: 0pt; padding: 0pt; list-style-type: none; cursor: pointer; }
div#butikListStores ul.stores li        { float: left; width: 100%; }
div#butikListStores ul.stores li a      { background: url(/ecommerce/images/li-arrow.png) left no-repeat; padding: 8px 0 8px 20px; border-bottom: 1px dotted #ccc; float: left; width: 177px; }
div#butikListStores ul.stores li a:hover
                                        { background: #f2f2f2 url(/ecommerce/images/li-arrow.png) left no-repeat; cursor: pointer; }
div.storeslistRight ul.stores           { background-color: #f0f1f1; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding-top: 10px; padding-right: 0pt; padding-bottom: 10px; padding-left: 0pt; }
div.right                               { float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; width: 180px; }
.butikInfo                              { position: relative; width: 600px; margin-top: 10px; }
#googleDirections                       { margin-top: 20px }
.butikGenerellInfo                      { position: relative }
.storeslistRight ul.stores li.hover, .storeslistRight ul.stores li.selected  li.hoverLight
                                        { font-weight: bold }

/******************************************
	 TONERGUIDE
*******************************************/
.tonerList                      { margin-top:20px;}
.tonerList table td             { vertical-align:top;}
.tonerGuide, .tonerSearch       { width:420px;}
.tonerGuide                     { float:left; }
.tonerSearch                    { float:right; }
.tonerTextArea                  { width:220px; padding:6px;  }

/* **************************************
    FOOTER STARTS
***************************************/
#footerContainer                        { width: 100%; margin: 0 auto; position: relative; }
.svanstroms #footerContainer            { background: url(/ecommerce/images/footer_bg.gif) repeat-x #CC1C2E top }
#footerContent                          { width: 980px; height: auto; position: relative; margin: 0 auto; color: #FFF; }
#footerContent a                        { color: #FFF }
#footerContent #footerLinksContainer    { float: left; width: 960px; padding: 31px 0 20px 0; }
#footerContent .footerLinks, .customerService
                                        { float: left; border-right: 1px dotted #ededed; margin-right: 29px; height: 155px; }
#footerContent ul.linklist              { float: left; list-style: none; padding: 0 29px 0 0; }
#footerContent ul.linklist li           { padding: 0 0 5px 0 }
#footerContent ul.linklist li a         { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; }
#footerContent ul.linklist li a:hover   { text-decoration: underline }
#footerContent ul.linklist li h2        { font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; }
#footerContent .textContainer           { float: left; width: 960px; text-align: center; padding: 20px 0 20px 0; font-size: 12px; line-height: 16px; }

/* **************************************
    Index Page
***************************************/
.indexBox                               { border-bottom: 1px solid #EEEEEE;margin-bottom: 20px;padding-bottom: 20px; }
.bigFont                                { font-size: 18px; margin-top: 10px; }
.bigFont a                              { padding:4px; display: inline-block; -khtml-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.bigFont a:hover                        { background: #E32236; color: #fff; }
.categoryLetterText li                  { width: 197px;float:left;}


/* **************************************
    Tooltip
***************************************/
.tooltipsy { padding: 10px; max-width: 200px;color: #303030; background-color: #f5f5b5; border: 1px solid #deca7e;}