/*

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent
}
body {
 line-height:1
}
ol,ul {
 list-style:none
}
blockquote,q {
 quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
 content:'';
 content:none
}
:focus {
 outline:0
}
ins {
 text-decoration:none
}
del {
 text-decoration:line-through
}
table {
 border-collapse:collapse;
 border-spacing:0
}
body {
 background:#FFF
}
select,input,button,textarea,button {
 font:99% arial, helvetica, clean, sans-serif
}
table {
 font-size:inherit;
 font:100%
}
h1 {
 font-size:18px
}
h2 {
 font-size:16px
}
h3 {
 font-size:14px
}
h2,h3,h4,h5 {
 margin-bottom:10px
}
h1,h2,h3,h4,h5,h6,b,strong,dt {
 font-weight:bold
}
optgroup {
 font-weight:normal
}
i,em {
 font-style:italic
}
del {
 text-decoration:line-through
}
a {
 color:#000;
 text-decoration:none
}
a:hover {
 text-decoration:underline
}
ul,ol {
 margin:25px 30px
}
li {
 padding:3px 0;
 list-style:square
}
ol li {
 list-style:decimal
}
p {
 margin-bottom:15px
}
ul,ol {
 margin:20px 30px
}
ul ul,ol ul {
 margin:10px 20px
}
ol li {
 list-style-type:decimal;
 list-style-position:inside
}
ol ol {
 list-style:upper-alpha
}
ol ol ol {
 list-style:lower-roman
}
ol ol ol ol {
 list-style:lower-alpha
}
ul li {
 list-style:square
}
ul li li {
 list-style:square
}
form ul {
 margin:0;
 padding:0
}
form ol {
 margin:0;
 padding:0
}
form li {
 list-style:none;
 position:relative
}
#header,#sidebar,#content,#footer {
 margin:10px
}
#header,#footer {
 clear:left
}
#page:after,#header:after,#footer:after,#footer #panel:after,#details #attributes table:after,#navigation:after {
 clear:both;
 content:' ';
 display:block;
 font-size:0;
 line-height:0;
 visibility:hidden;
 width:0;
 height:0
}
#page {
 width:960px;
 margin:0 auto;
 position:relative
}
#header {
 width:940px;
 padding:0 10px;
 height:115px;
 margin:0;
 position:relative
}
#sidebar {
 margin-top:0;
 width:172px;
 float:left
}
#content {
 width:940px;
 margin:0 10px;
 padding-bottom:10px;
 float:left
}
div.sidebarLeft #content,div.sidebarRight #content {
 width:748px
}
div.sidebarRight #sidebar {
 float:right
}
#footer {
 clear:both;
 width:960px;
 padding-top:10px;
 margin:10px 0
}
.gridView .titleBox,.itemSlider .titleBlock,.itemSlider .titleBlock:hover,.gridView .priceBox,.box h3,.box h2,.sectionHead,.pageHead,#currencies a.selected,#languages a.selected,.flyoutMenu a.selected,.dropDown a.selected,.thumbNav a.cur,.thumbNav a.cur:hover,.promoBox strong.promoPrice,.itemSlider .prevItem span.slideBg,.itemSlider .nextItem span.slideBg,.specBox h3 {
 background:#389cb4
}
.lightHead,h2.lightHead,h3.lightHead {
 background:#b8dde6
}
.FXgradBlueDark,.submitButton {
 background:#5fb7cc
}
.promoBox strong.promoTitle,.specBoxTitles a.title {
 background:#a9b1b4
}
.FXgradGreyLight,.sf-menu li ul,#footer #panel,.box ul,.box ol,.box .content,.loginForm,#currencies,#languages,.flyoutMenu,.basketFlyout,div.anythingSlider .arrow,.thumbNav {
 background:#d1d8db
}
.FXgradOrange,.removeButton,.sf-menu li.current,.sf-menu li.sfHover,.sf-menu li:hover,.gridView div.priceBox:hover,.gridView div.titleBox:hover,.featuredList a:hover,.featuredList li.articleImage:hover+li.articleTitle>a,#footer .list a:hover,#currencies a:hover,#languages a:hover,.flyoutMenu a:hover,.submitButton:hover,.basketFlyout li a:hover,.dropDown ul a:hover,div.anythingSlider span.arrow:hover,.thumbNav a:hover,.itemSlider .prevItem:hover span.slideBg,.itemSlider .nextItem:hover span.slideBg,a.viewAllHover,.itemSlider li a.viewAllHover,.specBoxTitles a.title:hover,.actionLinks li:hover {
 background:#ec6105
}
.FXgradBlueLight,.fbEnableButton {
 background:#ffffff
}
.basketitems {
 width:100%;
 font-size:14px
}
.basketitems .editCol {
 width:30px
}
.basketitems .thumbCol {
 width:110px
}
.basketitems .wrappingCol {
 width:120px
}
.basketitems .coutCol {
 width:60px
}
.basketitems .priceCol {
 width:90px
}
.basketitems .vatCol {
 width:60px
}
.basketitems .totalCol {
 width:90px
}
.basketitems td {
 vertical-align:top;
 border-top:5px solid #ECEFF0;
 padding-top:6px
}
.basketitems tr:last-child td {
 border-bottom:5px solid #ECEFF0
}
.basketitems th {
 font-size:12px;
 text-align:left;
 color:#515353;
 padding-bottom:2px;
 font-weight:400;
 vertical-align:top;
 border-bottom:5px solid #ECEFF0
}
.basketitems tr td:last-child,.basketitems tr th:last-child,.basketitems .unitPrice,.basketitems .vatPercent {
 text-align:right;
 padding-right:5px
}
.basketitems td.basketImage {
 text-align:center;
 vertical-align:middle
}
.basketitems tr.basketError td {
 padding-top:0;
 padding-bottom:10px;
 border:none
}
.basketitems .picture {
 width:130px;
 height:160px;
 overflow:hidden;
 border:1px solid #555555
}
.basketitems .wrappingTrigger {
 color:#1D7E96
}
.wrappingTrigger span {
 display:block;
 color:#555;
 font-size:11px
}
.wrappingTrigger:hover span {
 text-decoration:underline
}
.basketitems .checkbox {
 vertical-align:middle
}
.basketitems .textbox {
 width:20px;
 text-align:right
}
.basketitems .persParam {
 width:120px;
 text-align:left
}
.basketitems .persParamLabel {
 font-size:12px;
 font-weight:bold
}
.quantity strong {
 display:block;
 font-size:11px;
 margin-bottom:3px
}
.quantity p {
 margin-bottom:5px
}
.quantity {
 white-space:nowrap;
 padding-right:10px
}
.summary {
 font-size:14px;
 width:350px;
 float:right;
 padding-top:15px
}
.summary table {
 width:100%
}
.summary table td {
 text-align:right;
 width:90px;
 padding:5px 5px 5px 2px;
 border-top:2px solid #ECEFF0
}
.summary table td {
 text-align:right;
 width:90px;
 padding:5px 5px 5px 2px;
 border-bottom:1px solid #ECEFF0
}
.summary table th {
 text-align:left;
 font-weight:400;
 border-top:2px solid #ECEFF0
}
.summary table tr:last-child td,.summary table tr:last-child th {
 border-top-color:#c9d3d7;
 border-bottom-width:0
}
.summary table tr:first-child td,.summary table tr:first-child th {
 border-top-width:0
}
.backtoshop {
 float:left;
 padding-left:10px
}
.nextStep {
 float:right
}
.prevStep {
 float:left
}
.basketFunctions {
 float:left;
 padding-top:20px
}
.basketFunctions button {
 background:none;
 border:none;
 cursor:pointer;
 color:#1d7e96;
 padding:0;
 height:14px;
 line-height:14px
}
.basketFunctions span {
 border-right:1px solid #1d7e96;
 padding:0 9px 0 0;
 float:left;
 line-height:12px;
 height:12px
}
.removeFn {
 padding-left:17px;
 color:#e70404;
 background:url(../../img/x-icon.png) no-repeat 0 1px
}
.removeFn:hover {
 background-position:0 -25px
}
.orderBasketItems,.orderBasketItems a,.orderSummary,#orderAddress,#orderShipping,#orderPayment {
 color:#515353
}
#orderAddress,#orderShipping,#orderPayment,#orderEditCart,#orderAgbTop,#orderBasket {
 margin-bottom:35px
}
#orderAddress h3,#orderShipping h3,#orderPayment h3 {
 color:#000
}
#orderAddress dl {
 float:left
}
#orderAddress dl.shippingAddress {
 padding-left:20px
}
#orderAddress dl.orderRemarks {
 padding-left:20px;
 width:250px
}
.clear:after,.basketFlyout li a:after,.basketFlyout .totals:after,.basketFlyout .title:after,.lineView li:after,.wrappingData li:after,.form li:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0
}
.clear,.basketFlyout li a,.basketFlyout .totals,.basketFlyout .title,.lineView li,.wrappingData li,.form li {
 display:inline-block
}
* html .clear,* html .basketFlyout li a,* html .basketFlyout .totals,* html .basketFlyout .title,* html .lineView li,* html .wrappingData li,* html .form li {
 height:1%
}
.clear,.basketFlyout li a,.basketFlyout .totals,.basketFlyout .title,.lineView li,.wrappingData li,.form li {
 display:block
}
.status {
 padding:8px 15px 8px 30px;
 margin-bottom:15px;
 font-size:14px
}
.error {
 color:#4b0b0b;
 border:2px solid #fed8d2;
 background:#ffe7e3 url(../../img/error-inline.png) no-repeat 12px 11px
}
.success {
 border:2px solid #edf8cb;
 color:#323b16;
 background:#f8ffe3 url(../../img/success-inline.png) no-repeat 12px 11px
}
.status p {
 margin:0
}
.inlineError {
 color:#e70404;
 background:url(../../img/error-inline.png) no-repeat 0 3px;
 padding-left:15px
}
.box {
 width:172px;
 margin-bottom:15px
}
.box ul,.box ol,.box .content {
 border:2px solid #58b3ca;
 border-top:none;
 margin:0;
 margin-top:-2px;
 text-shadow:0 1px 1px #fff
}
.box li {
 list-style:none;
 padding:0
}
.box .content {
 padding:10px
}
#newsBox.box li {
 padding-top:7px
}
#newsBox.box li:first-child {
 padding-top:0
}
.featuredList a {
 padding:7px 10px 5px 10px;
 display:block
}
.featuredList .desc {
 padding:0 10px 3px;
 display:block
}
.featuredList ol a {
 padding-left:0
}
.featuredList li:last-child a {
 padding-bottom:11px
}
.featuredList a:hover,.featuredList a:hover strong,.featuredList li.articleImage:hover+li.articleTitle>a {
 color:#fff;
 text-decoration:none;
 text-shadow:none
}
.box .featured {
 height:100px;
 width:168px;
 display:block;
 text-align:center;
 border-left:2px solid #58b3ca;
 border-right:2px solid #58b3ca;
 line-height:100px
}
.box .featured.icon {
 border-bottom:2px solid #58b3ca;
 overflow:hidden;
 height:auto;
 min-height:100px
}
.box .featured img {
 vertical-align:middle
}
.box .subcatPic {
 position:relative;
 height:100px;
 left:-10px;
 top:-10px
}
.box .subcatPic a {
 background:#fff;
 display:block;
 height:100px;
 line-height:98px
}
.box .catPicOnly {
 padding:0
}
.box .catPicOnly .subcatPic {
 left:0;
 top:0;
 text-align:center
}
.box .catPicOnly .subcatPic img {
 vertical-align:middle
}
.subcatList .box li.subcatPic {
 padding:0
}
.promoBoxes {
 margin-bottom:20px
}
.promoBoxes .box {
 margin-bottom:0
}
.specBox {
 width:368px;
 float:left
}
.specBox h3 {
 width:158px;
 height:74px;
 padding:10px;
 margin:0;
 position:relative;
 color:#fff;
 text-shadow:0 -1px 0 #000000;
 z-index:2;
 text-transform:uppercase
}
.specBox h3 strong {
 font-size:21px;
 padding-top:3px;
 display:block;
 line-height:21px;
 padding-right:10px
}
.specBox .rss {
 position:absolute;
 right:10px;
 top:10px;
 text-decoration:none
}
.specBox .rss span {
 visibility:hidden;
 white-space:nowrap;
 right:-198px;
 color:#fff;
 padding:5px 8px 0 30px;
 height:22px
}
.specBox .deliveryInfo {
 display:block;
 font-size:11px;
 color:#fff;
 line-height:12px
}
.specBox .deliveryInfo a {
 color:#fff;
 text-decoration:underline
}
.specBox .deliveryInfo a:hover {
 text-decoration:none
}
.specBox .toCart {
 color:#fff;
 font-weight:700;
 text-decoration:none;
 font-size:12px;
 text-transform:uppercase;
 text-shadow:0 -1px 0 #000
}
.specBox .price,.specBox .price .button {
 visibility:hidden
}
.specBox:hover .price,.specBox:hover .price .button,.specBoxTitles a.title:hover .specBox .price {
 visibility:visible
}
.specCatBox {
 width:370px;
 float:right;
 position:relative;
 z-index:1
}
.specBoxTitles a.title {
 display:block;
 width:158px;
 height:44px;
 padding:12px 10px 0 10px;
 font-size:14px;
 text-decoration:none;
 font-weight:700;
 text-shadow:0 1px 1px #fff
}
.specBoxTitles {
 float:left;
 width:178px
}
.specBoxTitles a.title:hover {
 color:#fff;
 text-shadow:0 -1px 1px #652b00
}
.specBoxInfo {
 float:left;
 width:190px;
 height:150px;
 position:relative;
 text-align:center
}
.specBoxInfo div {
 text-align:left
}
.specBoxInfo .price {
 position:absolute;
 bottom:0;
 padding:25px 10px 0 10px;
 height:51px;
 width:167px;
 background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat
}
.specBoxInfo .price.tight {
 padding-top:20px;
 height:56px
}
.specBoxInfo .priceValue,.specBoxInfo .priceValue a {
 color:#fff;
 text-shadow:0 -1px 1px #000;
 text-decoration:none;
 font-size:14px;
 font-weight:700
}
.specBoxInfo .button {
 color:#fff;
 text-shadow:0 -1px 0 #8c4600;
 border:1px solid #fff;
 background:transparent;
 display:block;
 position:absolute;
 bottom:8px;
 left:8px;
 padding:1px 10px;
 visibility:hidden;
 text-decoration:none;
 font-size:10px;
 font-weight:100
}
.specBoxInfo .tight .button {
 bottom:5px
}
.specBoxInfo .priceOld {
 font-size:11px;
 color:#fff;
 text-shadow:0 -1px 1px #000
}
.specBoxInfo .pricePerUnit {
 font-size:8px;
 color:#fff;
 line-height:9px;
 display:block;
 margin-top:-1px;
 text-shadow:0 -1px 1px #000
}
.specBoxInfo .price:hover .button {
 background:#ec6105
}
.specCatBox .viewAllHover {
 position:absolute;
 left:105px;
 top:75px;
 display:none
}
.specCatBox:hover .specCatBox .viewAllHover {
 display:block
}
.list {
 clear:left
}
.checkbox {
 padding:0;
 margin:0;
 border:none
}
.textbox,input[type="text"] {
 border:1px solid #8c8989;
 background:#fff;
 padding:1px 5px;
 height:15px;
 line-height:14px;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif
}
.textbox:focus,input[type="text"]:focus {
 border-color:#666
}
.areabox {
 border:1px solid #8c8989;
 padding:7px
}
.radiobox,.checkbox {
 margin:0;
 padding:0;
 height:13px;
 width:13px
}
.pageHead {
 font-size:14px;
 line-height:19px;
 color:#fff;
 text-transform:uppercase;
 text-shadow:0 -1px 0 #397f90;
 padding:9px 10px 7px 10px;
 overflow:hidden;
 margin-bottom:16px;
 position:relative;
 z-index:2
}
.box h2,.box h3,.sectionHead {
 color:#fff;
 text-transform:uppercase;
 padding:5px 10px;
 font-size:12px;
 position:relative;
 z-index:2;
 margin:0;
 text-shadow:0 -1px 1px #397f90;
 line-height:18px
}
.box h2 {
 font-size:14px
}
.box h3 a {
 white-space:nowrap
}
h2.sectionHead {
 font-size:18px;
 padding:13px 10px;
 text-shadow:0 -1px 0 #000;
 position:relative
}
h3.blockHead {
 font-size:14px;
 padding:5px 0;
 margin-top:20px;
 border-bottom:5px solid #eceff0;
 color:#000;
 line-height:20px
}
.sectionHead+.gridView,.sectionHead+.infogridView {
 margin-top:-2px
}
div.lineBlock {
 padding:5px 0;
 border-bottom:5px solid #eceff0
}
.viewAllHover {
 padding:1px 10px 3px 8px;
 position:relative;
 height:23px;
 line-height:25px;
 display:inline-block;
 margin:0 auto;
 color:#fff;
 font-size:11px;
 text-transform:uppercase;
 text-decoration:none
}
a.viewAllHover:hover {
 text-decoration:none
}
a.viewAllHover span {
 padding-left:25px;
 font-weight:700;
 display:inline-block;
 line-height:20px;
 background:url(../../img/plus.png) no-repeat 0 0;
 text-shadow:0 -1px 0 #ac5403
}
a.textLink {
 text-decoration:underline
}
a.rss {
 text-decoration:none;
 float:right;
 height:16px;
 margin:1px 0;
 position:relative
}
a.rss img {
 position:relative;
 z-index:11
}
a.rss span {
 visibility:hidden;
 display:block;
 position:absolute;
 white-space:nowrap;
 right:-6px;
 font-size:12px;
 top:-5px;
 color:#fff;
 padding:5px 30px 0 8px;
 height:21px;
 z-index:5
}
a.rss:hover span {
 visibility:visible
}
h3.lightHead {
 color:#1d7e96;
 text-shadow:0 1px 1px #fff
}
.widgetBox,.widgetBoxBottomRound {
 border:1px solid #c9d3d7;
 padding:10px;
 clear:both
}
.widgetBox,.widgetBoxBottomRound,.tabbedWidgetBox {
 margin-bottom:20px
}
.tabbedWidgetBox {
 min-height:50px
}
.widgetBoxBottomRound {
 margin-top:-1px
}
.tabbedWidgetBox .widgetBoxBottomRound {
 top:-1px;
 position:relative;
 margin-top:0
}
.widgetBox h4,.widgetBoxBottomRound h4 {
 color:#515353;
 text-transform:uppercase;
 margin-bottom:11px
}
.pageHead+.widgetBoxBottomRound,.pageHead+css3-container+.widgetBoxBottomRound {
 border-top:0
}
div.reviews h4 {
 margin-bottom:5px
}
div.reviews ul.rating {
 margin:0 0 10px 0
}
div.reviews textarea.areabox {
 width:95%;
 height:120px;
 margin-bottom:10px
}
div.reviews form {
 margin-bottom:20px
}
div.reviews dt {
 display:block;
 border-top:1px solid #b4b8b8;
 padding:10px 0 5px;
 margin-top:10px
}
div.reviews dt:first-child {
 margin-top:5px
}
div.reviews dt span,div.reviews dt ul {
 float:left;
 margin-right:10px
}
div.reviews dd {
 line-height:18px
}
#writeReview {
 display:none
}
ul.tabs {
 position:relative;
 z-index:2;
 overflow:hidden;
 margin:0;
 padding:0
}
ul.tabs li {
 float:left;
 list-style:none;
 border:1px solid #999;
 border-bottom:1px solid #c9d3d7;
 background:#d9dfe1;
 padding:7px 10px;
 margin-left:-1px;
 font-weight:700;
 position:relative;
 color:#515353;
 height:15px;
 text-transform:uppercase;
 text-shadow:0 1px 1px #fff
}
ul.tabs li.ui-state-active {
 background:#fff;
 border-bottom-color:#fff;
 border-top-color:#c9d3d7;
 border-right-color:#c9d3d7;
 z-index:2
}
ul.tabs css3-container:first-child+li,.tabs li:first-child {
 margin-left:0
}
ul.tabs li.ui-state-active:first-child,.tabs css3-container:first-child+li.ui-state-active {
 border-left-color:#c9d3d7
}
ul.tabs a {
 color:#515353
}
div.ui-tabs-hide {
 display:none
}
ul.tabs li.fbTab a {
 background:url(../../img/facebook_icon.png) no-repeat 0 1px;
 padding:0 0 0 18px
}
button {
 width:auto;
 overflow:visible;
 margin:0;
 padding:1px 20px;
 font-size:11px;
 font-weight:bold;
 border:0;
 color:#fff;
 text-align:center
}
.submitButton {
 text-shadow:0 -1px 0 #000;
 padding:0 10px 1px 10px;
 font-size:11px;
 height:19px;
 line-height:18px;
 cursor:pointer;
 width:auto;
 overflow:visible;
 font-weight:bold;
 text-transform:uppercase
}
.largeButton {
 font-size:11px;
 text-transform:uppercase
}
div.lineBox .largeButton {
 font-size:11px;
 text-transform:uppercase;
 height:32px
}
div.lineBox a.largeButton {
 display:inline-block;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 height:28px;
 line-height:28px
}
div.lineBox span.title {
 float:right;
 text-shadow:0 -1px 0 #ffffff;
 font-size:12px;
 font-weight:bold;
 color:#1A7990;
 text-transform:uppercase
}
.submitButton:hover {
 text-decoration:none;
 cursor:pointer;
 text-shadow:0 -1px 0 #aa6826
}
button[disabled].submitButton,button[disabled].submitButton:hover {
 background:#cccccc;
 color:#fff;
 text-shadow:none
}
a.submitButton {
 color:#fff;
 padding:2px 17px;
 font-weight:bold
}
.textButton {
 background:none;
 border:none;
 color:#000;
 cursor:pointer;
 padding:0;
 text-shadow:0 1px 1px #fff
}
.textButton:hover {
 text-decoration:none
}
.removeButton {
 padding-left:2px;
 text-shadow:0 -1px 0 #aa6826
}
.removeButton span {
 background:url(../../img/remove.png) no-repeat 0 1px;
 padding-left:15px
}
#logo {
 margin:19px 0 8px 0;
 float:left
}
#topMenu {
 float:right;
 margin:8px 0 0 0
}
#topMenu li {
 float:left;
 text-transform:uppercase;
 font-size:10px;
 font-weight:700;
 line-height:15px;
 padding:0 11px 0 10px;
 list-style:none;
 background:url(../../img/menu-divider.png) no-repeat 100% 2px
}
#topMenu li:last-child {
 background:none;
 padding-right:0
}
#topMenu a,.selectedValue a {
 color:#515353
}
#topMenu a:hover,.selectedValue a:hover {
 color:#18778e;
 text-decoration:none
}
#topMenu li p.errorMsg {
 text-transform:none
}
.flyout .textbox {
 color:#b4b8b8
}
.loginForm,.altLoginBox {
 border:1px solid #c1c1c1;
 padding:1px 11px 5px 11px;
 width:140px;
 position:relative;
 z-index:2
}
.loginForm p {
 margin-bottom:5px;
 position:relative
}
.loginForm p.errorMsg {
 color:#ff0000
}
.loginForm p.checkFields {
 margin-bottom:4px
}
.loginForm .checkbox,.loginForm p.checkFields label {
 float:left;
 text-transform:none;
 line-height:14px
}
.loginForm p.checkFields label {
 text-transform:none;
 color:#515353;
 display:block;
 line-height:11px;
 font-size:10px
}
.loginForm .checkbox {
 margin-right:5px
}
.loginForm .textbox {
 width:128px
}
.loginForm .textbox:focus {
 color:#333
}
.loginForm .passwordbox {
 width:118px;
 margin-right:3px
}
.loginForm label.innerLabel {
 margin-top:2px
}
.altLoginBox {
 z-index:1;
 top:-5px;
 padding-top:10px;
 padding-bottom:6px;
 background:#d9dfe1
}
.altLoginBox span {
 font-size:10px;
 color:#515353;
 display:block;
 margin-bottom:5px;
 text-shadow:0 1px 1px #fff
}
.altLoginBox .fb_button {
 float:left;
 margin-right:5px
}
.login {
 position:relative
}
.logged,#topMenu li.logged {
 text-transform:none
}
.loginBox {
 position:absolute;
 right:-1px;
 top:-2px;
 display:none;
 z-index:9
}
#topMenu .flyout strong a {
 color:#18778e
}
#step2PswdOpener {
 font-size:10px;
 color:#18778e
}
#step2PswdOpener:hover {
 text-decoration:none
}
.stepsPasswordbox {
 width:138px !important
}
.logoutLink {
 padding-left:20px;
 text-transform:uppercase;
 background:url(../../img/logout.png) no-repeat 8px 3px
}
.flyout h4 {
 text-align:right;
 margin-bottom:5px;
 color:#1d7e96
}
.topPopList {
 float:right;
 margin-left:10px;
 position:relative
}
.flyoutBox {
 position:absolute;
 display:none;
 top:3px;
 left:0;
 z-index:15
}
.selectedValue {
 background:url(../../img/menu-divider.png) no-repeat 0 4px;
 padding-left:10px;
 margin-top:7px
}
.selectedValue a {
 font-size:10px;
 font-weight:700;
 text-transform:uppercase;
 line-height:14px;
 padding-right:10px;
 background:url(../../img/arrow-down.png) no-repeat 100% 5px
}
.topPopList li.active span {
 padding-right:10px;
 background:url(../../img/arrow-down.png) no-repeat 100% 5px
}
#currencies,#languages,.flyoutMenu {
 font-size:10px;
 border:1px solid #c2c2c2;
 padding:1px;
 margin:0
}
#currencies li,#languages li,.flyoutMenu li {
 border-top:1px solid #b4b8b8;
 list-style:none;
 padding:0
}
#currencies li:first-child,#languages li:first-child,.flyoutMenu li:first-child {
 border:none
}
#currencies a,#languages a,.flyoutMenu a {
 display:block;
 zoom:1;
 min-width:25px;
 box-shadow:none;
 text-decoration:none;
 padding:2px 5px;
 line-height:16px;
 font-weight:700;
 padding-left:8px;
 color:#29373C
}
#languages a {
 width:25px
}
#currencies a:hover,#languages a:hover,#currencies a.selected,#languages a.selected,.flyoutMenu a:hover,.flyoutMenu a.selected {
 color:#fff
}
#languages a span,.selectedValue a.flag span {
 text-indent:-9999px;
 display:block
}
#languages a.flag span,.selectedValue a.flag span {
 background-image:url(../../img/lang/blank.png);
 background-position:0 3px;
 background-repeat:no-repeat
}
.selectedValue a.flag span {
 background-position:0 2px
}
.selectedValue a.flag {
 display:inline-block;
 width:15px;
 line-height:15px
}
#languages li.active a {
 background:#fff url(../../img/arrow-down.png) no-repeat 27px 8px
}
#currencies li:first-child a,#services li:first-child a {
 background:none;
 color:#515353
}
#navigation {
 clear:both;
 width:720px;
 padding-top:8px
}
#navigation {
 float:left
}
#navigation a {
 text-decoration:none
}
#navigation>li>a {
 font-weight:700;
 font-size:13px;
 line-height:16px;
 text-transform:uppercase
}
#navigation>li>ul {
 margin-top:6px
}
#navigation>li>ul>li>a {
 font-size:10px;
 text-transform:uppercase;
 font-weight:700
}
div.searchBox {
 position:absolute;
 right:75px;
 top:73px
}
div.searchBox input.textbox {
 width:122px;
 padding-left:4px;
 color:#b4b8b8;
 float:left;
 margin:2px 3px 0 0
}
div.searchBox input.searchSubmit {
 background:url(../../img/search-icon.png) no-repeat 3px;
 border:none;
 cursor:pointer;
 width:20px;
 height:20px;
 float:left
}
div.searchBox input.textbox:focus {
 color:#333
}
.basketBox {
 position:absolute;
 right:10px;
 top:37px
}
.counter {
 display:block;
 color:#fff;
 font-size:11px;
 padding:1px 5px 0 5px;
 line-height:15px;
 position:absolute;
 z-index:13;
 right:28px;
 top:-3px;
 border:1px solid #cdcdcd;
 white-space:nowrap;
 text-align:center
}
.basketBox img {
 position:absolute;
 right:0;
 z-index:12
}
.basketBox img:hover {
 cursor:pointer
}
#footer #panel {
 margin:0 10px;
 border:1px solid #3799B1
}
#footer .bar {
 color:#000;
 padding:10px 10px 10px 20px;
 border-bottom:1px solid #3799B1;
 height:20px
}
#footer .bar .facebook {
 float:left;
 margin-right:5px
}
#footer .bar .deliveryinfo {
 float:right
}
#footer .bar .deliveryinfo a {
 font-size:10px;
 color:#515353
}
#footer dl {
 float:left;
 width:233px;
 margin:10px 0;
 color:#465256;
 height:auto;
 border-right:1px solid #3799b1;
 border-left:1px solid #ffffff
}
#footer dl.services {
 border-left:none
}
#footer dl:last-child {
 border-right:none
}
#footer ul {
 margin:0
}
#footer li {
 list-style:none;
 padding:0
}
#footer dl dt {
 color:#29373C;
 padding:2px 20px;
 text-transform:uppercase
}
#footer .list a {
 line-height:100%;
 display:block;
 padding:4px 20px;
 color:#29373c;
 text-shadow:0 1px 2px #fff
}
#footer .list a:hover {
 text-decoration:none;
 color:#FFF;
 text-shadow:none
}
#footer .tree ul {
 margin:0;
 margin-left:10px
}
.newsletter {
 float:left;
 background:#E7EAEC;
 padding:0 0 0 10px;
 font-size:10px;
 width:auto
}
.newsletter .textbox {
 margin:0 10px 0 10px;
 width:140px
}
.fbInfoPopup {
 width:500px
}
.fbInfoPopup a {
 color:#1D7E96
}
.fbEnableButton {
 float:left;
 border:1px solid #c8d5e6;
 text-align:left;
 margin-right:10px
}
.fbEnableButton:hover {
 border-color:#9dacce
}
.fbEnableButton a {
 display:block;
 float:left;
 line-height:18px;
 background:url(../../img/facebook_icon.png) no-repeat 3px 3px;
 padding:0 0 0 21px;
 font-size:10px;
 text-transform:uppercase;
 color:#2c5e97
}
.fbEnableButton a:hover {
 text-decoration:none
}
.fbEnableButton a.helpText {
 float:left;
 background:none;
 border-left:1px solid #c8d5e6;
 margin-left:5px;
 padding:0 4px
}
.fbEnableButton a.helpText:hover {
 background:#d7e3f1;
 -webkit-border-top-right-radius:4px;
 -webkit-border-bottom-right-radius:4px;
 -moz-border-radius-topright:4px;
 -moz-border-radius-bottomright:4px;
 border-top-right-radius:4px;
 border-bottom-right-radius:4px
}
.copyright {
 margin:0 10px;
 font-size:10px;
 float:right;
 padding:5px 0;
 color:#2F2F2F;
 font-weight:bold
}
.text {
 margin:0 10px;
 text-align:center;
 padding:5px 0;
 color:#29373C;
 clear:both
}
a.readMore {
 color:#1d7e96
}
.box li a.readMore:hover a.readMore:hover {
 color:#1d7e96;
 text-decoration:underline
}
p.tagCloud,div.tagCloud {
 line-height:1.5em
}
a.tagitem_100 {
 font-size:12px
}
a.tagitem_200 {
 font-size:14px
}
a.tagitem_300 {
 font-size:16px
}
a.tagitem_400 {
 font-size:18px
}
a.tagitem_500 {
 font-size:20px
}
a.tagitem_600 {
 font-size:22px
}
a.tagitem_700 {
 font-size:24px
}
a.tagitem_800 {
 font-size:26px
}
a.tagitem_900 {
 font-size:28px
}
span.taggedText {
 color:#a2a9ab
}
p.tagError {
 display:none
}
a.tagText {
 vertical-align:middle;
 display:inline-block;
 line-height:12px
}
a.tagText img {
 margin-right:3px;
 vertical-align:top
}
a.compare.remove {
 display:none
}
.gridView,.infogridView {
 margin:0;
 margin-bottom:20px
}
.gridView li {
 width:185px;
 height:230px;
 overflow:hidden;
 float:left;
 position:relative;
 padding:0;
 list-style:none;
 margin:1px
}
.gridView li .titleBlock {
 height:30px;
 padding:5px 10px;
 color:#29373c;
 line-height:15px;
 background:#eee;
 text-decoration:none;
 text-shadow:0 1px 1px #fff;
 font-weight:700;
 display:block
}
.gridView li .titleBlock .gridPicture {
 display:block;
 margin:20px -10px 0;
 top:40px;
 width:185px;
 height:150px;
 text-align:center
}
.gridView li:hover .titleBlock {
 color:#fff;
 text-shadow:0 -1px 0 #bf5001;
 background:transparent url(../bg/fx-grad-darkblue.png) bottom center no-repeat
}
.gridView li:hover .titleBlock:hover {
 background:transparent url(../bg/fx-grad-orange.png) top center no-repeat
}
.gridView li .priceBlock {
 height:30px;
 width:165px;
 position:absolute;
 bottom:0;
 left:0;
 padding:5px 10px;
 background:#fff;
 font-size:14px
}
.gridView li .priceBlock .priceOld {
 font-size:10px
}
.gridView li .priceBlock .pricePerUnit {
 font-size:9px;
 line-height:9px;
 display:block
}
.gridView li .priceBlock .button {
 display:block;
 position:absolute;
 bottom:8px;
 left:8px;
 padding:1px 10px;
 visibility:hidden;
 text-decoration:none;
 text-transform:uppercase;
 font-size:10px
}
.gridView li:hover .priceBlock {
 height:60px;
 padding-top:30px;
 color:#fff;
 text-shadow:0 -1px 1px #000;
 background:transparent url(../bg/fx-grad-darkblue-spiked.png) top center no-repeat
}
.gridView li:hover .priceBlock .button {
 visibility:visible;
 color:#fff;
 text-shadow:0 -1px 0 #8c4600;
 border:1px solid #fff;
 background:transparent
}
.gridView li:hover .priceBlock:hover .button {
 background:#ec6105
}
.titleBox {
 width:187px
}
.titleBox a {
 display:block;
 padding:10px;
 font-size:14px;
 font-weight:700
}
.priceBox {
 padding:10px;
 width:167px
}
.priceBox .toCart {
 font-size:12px;
 font-weight:700;
 text-transform:uppercase
}
.priceBox strong {
 font-size:14px;
 padding-right:5px
}
.infogridView {
 margin:0;
 padding:0
}
.infogridView li.productData {
 margin:0;
 padding:0;
 list-style:none;
 float:left;
 border-top:5px solid #eceff0
}
.infogridView li.productData:nth-child(0n+1) {
 border:medium none
}
.infogridView li.productData:nth-child(0n+2) {
 border:medium none
}
.infogridView li.productData:nth-child(2n+1) {
 border-right:5px solid #eceff0;
 width:368px
}
.infogridView li.productData:nth-child(2n+2) {
 padding-left:10px;
 width:358px
}
.infogridView .listDetails {
 float:left;
 position:relative;
 height:150px;
 width:170px;
 padding-top:10px
}
.infogridView .titleBox,.infogridView .selectorsBox,.infogridView .buttonBox,.infogridView .priceBox {
 background:none;
 width:170px;
 padding:0
}
.infogridView .titleBox {
 height:40px
}
.infogridView .selectorsBox {
 height:35px;
 padding-left:10px
}
.infogridView .priceBox {
 height:50px;
 padding-left:10px
}
.infogridView .buttonBox {
 height:20px;
 padding-left:10px
}
.infogridView .titleBox a {
 padding-top:10px
}
.infogridView a.compare {
 font-size:11px;
 color:#1d7e96;
 font-weight:bold;
 text-transform:uppercase;
 padding-bottom:3px
}
.infogridView .priceBox .oldPrice {
 font-size:9px
}
.infogridView .priceBox .price {
 font-size:14px;
 font-weight:bold
}
.infogridView .priceBox .pricePerUnit {
 font-size:9px;
 white-space:nowrap
}
.infogridView .priceBox .content {
 position:absolute;
 bottom:23px;
 line-height:10px
}
.infogridView .gridPicture {
 width:187px;
 padding:10px 0 10px 0
}
.infogridView .gridPicture img {
 vertical-align:middle
}
.infogridView .deliveryInfo {
 font-size:11px
}
.infogridView .title {
 font-size:12px
}
.infogridView .title:hover {
 color:#eb6005;
 text-decoration:none
}
.lineView {
 margin:0
}
.lineView li.productData {
 padding:10px 0 10px 0;
 list-style:none;
 position:relative;
 border-top:5px solid #eceff0
}
.lineView li:first-child {
 border:none
}
.lineView .title {
 font-size:18px
}
.lineView .title:hover {
 color:#eb6005;
 text-decoration:none
}
.lineView a.compare {
 font-size:11px;
 color:#1d7e96;
 font-weight:bold;
 text-transform:uppercase
}
.lineView .pictureBox,.lineView .info,.lineView .description {
 float:left
}
.lineView .infoBox {
 float:right;
 padding-bottom:5px
}
.lineView .functions .oldPrice {
 font-size:10px
}
.lineView .functions .price {
 font-size:18px;
 font-weight:bold;
 line-height:23px
}
.lineView .functions .pricePerUnit {
 font-size:9px;
 white-space:nowrap
}
.infoBox {
 width:558px;
 position:relative
}
.lineView .info {
 width:260px;
 height:50px;
 float:left;
 padding:10px 0 0 10px
}
.lineView .description {
 width:268px;
 padding:7px 0 0 20px;
 font-size:14px;
 line-height:18px
}
.lineView .functions {
 padding:0 0 0 10px;
 position:absolute;
 bottom:10px;
 clear:right;
 float:left;
 left:190px;
 width:550px
}
.lineView .functions label.price {
 margin:10px
}
.pictureBox {
 width:190px;
 height:150px;
 float:left;
 text-align:center;
 line-height:150px;
 overflow:hidden
}
.pictureBox img {
 vertical-align:middle
}
.pictureBox {
 position:relative
}
.pictureBox .viewAllHover {
 position:absolute;
 left:23px;
 top:62px;
 display:none
}
.pictureBox:hover .viewAllHover {
 display:block
}
.pictureBox .sliderHover {
 width:100%;
 height:150px
}
.pictureBox:hover .sliderHover {
 display:block
}
.pictureBox.gridPicture .sliderHover {
 margin-top:10px;
 height:150px
}
.pictureBox.gridPicture .viewAllHover {
 top:68px
}
.popupBox {
 position:absolute;
 border:1px solid #c1c1c1;
 padding:10px;
 display:none
}
.popupBox img.closePop {
 position:absolute;
 right:7px;
 top:7px;
 cursor:pointer
}
.basketFlyout {
 display:none;
 border:1px solid #676767;
 width:318px;
 position:absolute;
 z-index:111;
 right:5px;
 top:10px;
 padding:7px 0 10px 0
}
.basketFlyout img.basket {
 position:absolute;
 right:4px;
 z-index:12;
 top:26px
}
.basketFlyout .counter {
 right:32px;
 z-index:13;
 top:23px
}
.basketFlyout .title {
 padding-left:10px;
 padding-bottom:7px;
 display:block;
 margin:0
}
.basketFlyout .title .note {
 color:#EC6105
}
.basketFlyout .functions {
 padding:10px;
 padding-bottom:0;
 margin:0
}
.basketFlyout .functions a {
 margin-right:10px;
 line-height:18px
}
.basketFlyout button {
 margin-right:5px
}
.basketFlyout ul {
 width:250px;
 margin:0
}
.basketFlyout li {
 list-style:none;
 padding:0
}
.basketFlyout li a {
 border-bottom:1px solid #a2a9ab;
 border-top:1px solid #fff;
 padding:5px 10px;
 display:block
}
.basketFlyout li:first-child a {
 border-top:none
}
.basketFlyout li a:hover {
 color:#fff;
 text-decoration:none
}
.basketFlyout button {
 text-transform:uppercase;
 font-size:11px;
 font-weight:700
}
.basketFlyout .totals {
 width:230px;
 color:#000;
 border-bottom:1px solid #a2a9ab;
 border-top:1px solid #fff;
 padding:5px 10px;
 margin:0
}
.scrollable .totals {
 width:230px;
 border-top:none
}
.basketFlyout .price {
 float:right
}
.basketFlyout .item {
 float:left;
 width:157px;
 overflow:hidden;
 white-space:nowrap;
 color:#29373c
}
.basketFlyout a:hover .item {
 color:#fff
}
.basketFlyout .textButton {
 text-transform:uppercase;
 font-size:11px
}
.basketFlyout img.closePop {
 float:right;
 cursor:pointer;
 margin:0 6px 0 0
}
.basketFlyout hr {
 margin:0;
 border:0;
 background:#fff;
 color:#fff;
 height:1px;
 font-size:1px;
 line-height:1px;
 width:250px;
 text-align:left
}
.scrollable hr {
 width:250px
}
.scrollable .scrollbarBox {
 height:200px;
 width:265px;
 overflow:hidden
}
.scrollable .basketItems {
 width:250px;
 min-height:230px;
 overflow:hidden
}
#sidebar .tree {
 margin:0 0 20px 0
}
#sidebar .tree ul {
 padding-left:0;
 margin:0
}
#sidebar .tree li {
 list-style:none;
 padding:0;
 background:#ddd
}
#sidebar .tree li.active li {
 list-style:none;
 padding:0;
 background:#fff
}
#sidebar .tree ul li a {
 padding-left:5px;
 color:#333
}
#sidebar .tree li.exp>a,#sidebar .tree li.active>a {
 position:relative
}
#sidebar .tree ul li.active li a {
 color:#000
}
#sidebar .tree ul li.active li a:hover {
 color:#fff
}
#sidebar .tree ul li ul li a {
 padding-left:15px
}
#sidebar .tree ul li ul li ul li a {
 padding-left:30px
}
#sidebar .tree a {
 border-bottom:1px solid #999;
 display:block;
 padding:5px;
 line-height:17px
}
#sidebar .tree a>i {
 width:14px;
 height:14px;
 background:url("../bg/categorysprite.png") left top no-repeat;
 float:left;
 padding:0;
 margin:2px 5px 2px 0
}
#sidebar .tree li.exp>a>i span,#sidebar .tree li.active>a>i span {
 width:14px;
 height:14px;
 position:absolute;
 bottom:-14px;
 z-index:20
}
#sidebar .tree li.exp>a>i span {
 background:url("../bg/arrows-cat-exp-blue.png") no-repeat
}
#sidebar .tree li.active>a>i span {
 background:url("../bg/arrows-cat-exp-orange.png") no-repeat
}
#sidebar .tree li.end>a>i span {
 background:none
}
#sidebar .tree a:hover {
 background:#ec6105;
 color:#fff
}
#sidebar .tree a:hover>i {
 background-position:left -45px
}
#sidebar .tree li.active>a {
 background:#ec6105;
 color:#fff
}
#sidebar .tree li.active>a>i {
 background-position:1px -30px
}
#sidebar .tree li.exp>a {
 background:#18778e;
 color:#fff
}
#sidebar .tree li.active>a,#sidebar .tree li.exp>a {
 box-shadow:0 3px 5px -2px #555555;
 border-bottom:none
}
#sidebar .tree li.exp>a>i {
 background-position:1px -61px
}
#sidebar .tree li.end>a>i {
 background-position:left 15px
}
#sidebar .sidebarMenu {
 border:1px solid #999;
 line-height:18px
}
#sidebar .sidebarMenu a:hover {
 text-decoration:none
}
#sidebar .sidebarMenu .active {
 text-shadow:0 -1px 0 #aa6826
}
.payment dl {
 margin-bottom:10px
}
.payment dt {
 margin:0
}
.payment dl dd {
 display:none;
 margin-left:25px
}
.payment dl dd.activePayment {
 display:block
}
.etrustlogocol {
 float:left;
 width:100px
}
.etrustlogocol img {
 border:0
}
.etrustTsRatingButton {
 margin:7px 0
}
#thankyouPage h3.blockHead:first-child {
 color:#ec6105
}
#thankyouPage .lightHead {
 margin-top:80px
}
#thankyouPage .link {
 font-weight:bold;
 color:#3799B1
}
.pageHead+.listRefine,.pageHead+css3-container+.listRefine {
 margin-top:-16px
}
.listRefine {
 margin-bottom:20px;
 border:1px solid #999;
 border-top:0;
 background:#d9dfe1;
 position:relative;
 z-index:1
}
.refineParams {
 padding:6px 10px 4px 10px;
 font-size:11px
}
.bottomParams,.detailsParams {
 text-align:center
}
.bottomParams .pager,.detailsParams .pager {
 float:none
}
.detailsParams .pager {
 background-image:none;
 text-align:center;
 padding:5px 10px;
 text-transform:uppercase
}
.bottomParams a.prev,.detailsParams a.prev {
 float:left
}
.bottomParams a.next,.detailsParams a.next {
 float:right
}
.bottomParams {
 padding:0
}
.refineParams .dropDown {
 float:right
}
.drop li {
 list-style:none;
 padding:0
}
.dropDown {
 position:relative;
 float:left;
 padding-right:10px;
 min-width:120px;
 cursor:pointer
}
.dropDown ul {
 position:absolute;
 top:-4px;
 display:none;
 left:-1px;
 margin:0;
 z-index:20;
 border:1px solid #a4a9aa
}
.dropDown ul a {
 text-decoration:none;
 display:block;
 padding:3px 5px;
 border-top:1px solid #fff;
 border-bottom:1px solid #b4b8b8
}
.dropDown li:first-child a {
 border-top:none
}
.dropDown li:last-child a {
 border-bottom:none
}
.dropDown ul a:hover,.dropDown ul a.selected {
 color:#fff
}
.dropDown p {
 color:#000000;
 margin:0;
 background:url(../../img/dropdown.png) no-repeat 100% 2px;
 padding-right:20px
}
.dropDown p label {
 text-transform:uppercase
}
.dropDown p span {
 font-weight:700
}
.dropDown .value {
 padding:3px 10px 3px 0;
 border-bottom:1px solid #b4b8b8
}
.dropDown label {
 padding:0 3px 0 5px
}
.dropDown li.asc span,.dropDown li.desc span,.dropDown p span.asc,.dropDown p span.desc {
 padding-right:15px;
 background:url(../../img/arrow-updown.png) no-repeat 100% -39px
}
.dropDown li.desc span,.dropDown p span.desc {
 background-position:100% -39px
}
.dropDown li.asc span,.dropDown p span.asc {
 background-position:100% 3px
}
.pager {
 float:left;
 padding-top:1px;
 line-height:14px;
 padding-right:6px;
 background:url(../../img/dots-v.png) no-repeat 100% 2px
}
.pager .page {
 padding:0 4px
}
a.page:hover {
 text-decoration:none
}
.pager .active {
 background:#1d7e96;
 color:#fff
}
a.next,a.prev {
 background:url(../../img/arrows.png) no-repeat 0 -17px;
 text-transform:uppercase
}
a.prev {
 padding-left:10px;
 padding-right:7px
}
a.next {
 padding-right:10px;
 padding-left:7px;
 background-position:100% 3px
}
#breadCrumb {
 padding:0 10px 10px 10px;
 font-size:11px;
 font-weight:700;
 text-transform:uppercase;
 clear:both
}
#breadCrumb span {
 color:#999
}
#overviewLink a {
 font-size:11px;
 font-weight:700;
 text-transform:uppercase;
 position:absolute;
 right:10px;
 top:115px
}
.listFilter {
 background:#f2f4f5;
 padding:10px 10px 0 10px;
 font-size:11px;
 border-bottom:1px solid #29373c
}
.listFilter .dropDown {
 margin-bottom:10px;
 min-width:232px
}
.wrapping {
 border-color:#666;
 overflow:hidden
}
.wrappingIntro img,.wrappingIntro .introtext {
 float:left
}
.wrappingIntro .introtext {
 padding:15px 0 0 20px;
 width:290px
}
.wrapping h3 {
 border-color:#a2a9ab;
 padding-left:5px;
 text-transform:uppercase
}
.wrappingData .thumbCol {
 width:150px
}
.wrappingData .articleCol {
 width:170px
}
.wrappingData .priceCol {
 width:640px
}
.wrappingData td {
 vertical-align:top;
 padding:10px 15px 10px 0;
 border-bottom:5px solid #fff
}
.wrappingData tr:last-child td {
 border-bottom:none
}
.wrappingData span,.wrappingData strong,.wrappingData input,.wrappingData label {
 float:left
}
.wrappingData span {
 width:95px;
 height:55px;
 margin:0 15px 0 0;
 overflow:hidden
}
.wrappingData label {
 font-size:14px;
 width:155px
}
.wrappingData strong {
 float:right
}
.wrappingData li {
 padding:5px 0
}
.wrappingData li:first-child {
 padding-top:0
}
.wrapping .radiobox {
 margin:1px 5px 0 0
}
.wrappingCard li {
 float:left;
 min-height:150px;
 padding-left:20px
}
.wrappingCard label,.wrappingCard input {
 float:left
}
.wrappingCard li:first-child {
 padding-left:0
}
.wrappingCard p {
 margin-bottom:5px
}
.wrapping .areabox {
 width:646px;
 margin-bottom:10px;
 background:#fff;
 z-index:99999
}
.wrappingComment label {
 display:block;
 text-transform:uppercase;
 padding:3px 5px
}
.wrapping .submitForm {
 padding-bottom:15px
}
.wrapping .submitForm button {
 float:right;
 margin-left:10px
}
.wrapping .textButton {
 margin-top:2px
}
.checkoutSteps+.status,.checkoutSteps+css3-container+.status {
 margin-top:20px
}
.checkoutCollumns .row {
 margin-bottom:20px
}
.checkoutCollumns .collumn {
 width:50%;
 float:left
}
.checkoutSteps {
 margin:0;
 overflow:hidden;
 border-left:1px solid #999;
 border-right:1px solid #999
}
.checkoutSteps li {
 list-style:none;
 padding:0;
 float:left;
 height:29px;
 text-transform:uppercase;
 line-height:29px;
 position:relative;
 left:0;
 margin-left:-15px;
 padding-left:15px;
 background:url(../../img/steps.png) no-repeat 100% 0
}
.checkoutSteps li.active {
 background-position:100% -29px;
 color:#fff
}
.checkoutSteps li.activeLast {
 background-position:0 -29px;
 color:#fff
}
.checkoutSteps li.defaultLast {
 background-position:0 0
}
.checkoutSteps li.passed {
 background-position:100% -58px;
 color:#fff
}
.checkoutSteps li.active a {
 color:#fff
}
.checkoutSteps li.passed a {
 color:#fff
}
.checkoutSteps li.active a:hover {
 text-decoration:none
}
.checkoutSteps span {
 padding-left:10px
}
.checkoutSteps li.step1 {
 z-index:5;
 width:210px;
 margin-left:0;
 padding-left:0
}
.checkoutSteps li.step2 {
 z-index:4;
 width:210px
}
.checkoutSteps li.step3 {
 z-index:3;
 width:210px
}
.checkoutSteps li.step4 {
 z-index:2;
 width:210px
}
.checkoutSteps li.step5 {
 z-index:1;
 width:98px
}
.checkoutOptions .option {
 width:278px;
 float:left;
 margin-right:20px;
 background-color:#f2f4f5
}
.checkoutOptions .option:last-child {
 margin-right:0
}
.lineBox {
 border:1px solid #999;
 padding:9px 10px 10px 10px;
 margin:20px 0;
 background:#d9dfe1 url(../../img/line-innershadow.png) no-repeat 0 0
}
.lineBox p.errorMsg {
 color:#ff0000
}
.couponBox {
 border-top:5px solid #eceff0;
 padding:15px 0;
 width:545px;
 position:absolute;
 top:-70px
}
.couponBox p.oxValidateError {
 padding-left:135px
}
.couponBox .inlineError {
 padding-bottom:10px;
 line-height:16px
}
.couponBox .textbox {
 margin:0 5px
}
.couponData span {
 padding-right:10px
}
h3.section {
 border-bottom:5px solid #eceff0;
 padding-bottom:7px;
 margin-top:15px;
 text-transform:uppercase
}
h3.section button {
 margin-left:10px
}
#productTitle {
 position:relative;
 z-index:17;
 padding-right:30px;
 text-shadow:0 1px 1px #fff
}
.pricePopup li {
 padding:0 10px
}
.pricePopup span {
 display:block;
 border-top:1px solid #fff;
 border-bottom:1px solid #b2b6b6;
 padding:3px 0
}
.pricePopup label {
 width:80px;
 float:left;
 padding:3px 0
}
.pricePopup li:first-child span {
 border-top:0
}
.pricePopup li:last-child span {
 border-bottom:0
}
.pricePopup h4 {
 padding:0 30px
}
.pricePopup {
 display:none;
 position:absolute;
 z-index:12;
 background:#D8DEE0;
 text-transform:uppercase;
 font-size:11px;
 border:1px solid #979797;
 padding:7px 0
}
.actionLinks {
 display:none;
 position:absolute;
 z-index:16;
 background:#D8DEE0;
 text-transform:uppercase;
 font-size:11px;
 border:1px solid #979797;
 padding:7px 0;
 margin:0
}
.actionLinks li {
 padding:0 10px;
 list-style:none outside none;
 position:relative
}
.actionLinks li:hover a {
 border-color:#fb8523;
 color:#fff
}
.actionLinks a {
 display:block;
 padding:3px 0;
 border-top:1px solid #fff;
 border-bottom:1px solid #b2b6b6
}
.actionLinks a:hover {
 text-decoration:none;
 color:#fff
}
.actionLinks li:first-child span {
 border-top:1px solid #b2b6b6;
 display:block
}
.actionLinks li:last-child a {
 border-bottom:0
}
.social {
 padding-top:10px;
 margin-bottom:0;
 height:25px
}
.social div.socialButton {
 float:left
}
.social label {
 display:block;
 text-transform:none;
 padding:3px 0 5px 0;
 font-weight:700;
 text-shadow:0 1px 1px #fff
}
.social a {
 display:block;
 border:0;
 padding:0
}
.social .fbEnableButton a:first-child {
 padding:0 0 0 21px
}
.social span {
 float:left;
 z-index:66
}
.fb_share_count_hidden {
 margin:3px 7px 0 0;
 display:inline-block
}
a.fb_button_simple {
 width:14px;
 height:14px;
 overflow:hidden;
 display:inline-block
}
.social:hover {
 background:none
}
.detailsRelated {
 clear:both;
 padding-top:20px
}
.detailsInfo {
 position:relative
}
.detailsInfo .picture {
 width:380px;
 float:left;
 text-align:center;
 line-height:340px;
 height:340px
}
.detailsInfo .picture a {
 width:380px;
 float:left;
 text-align:center;
 line-height:340px;
 height:340px;
 overflow:hidden
}
.detailsInfo .picture img {
 vertical-align:middle
}
.hasBrand {
 float:left;
 width:258px
}
.detailsInfo .information {
 float:right;
 width:358px;
 min-height:340px;
 position:relative;
 padding:0 0 0 10px
}
.persparamBox {
 padding-bottom:7px
}
.basketitems .persparamBox {
 padding-top:5px;
 font-size:12px
}
.persparamBox label,.persparamBox input {
 float:left
}
.persparamBox input {
 width:150px
}
.persparamBox label {
 margin:2px 5px 0 0
}
.attributes {
 width:100%
}
.attributes th,.attributes td {
 padding:4px 10px;
 border-top:1px solid #ddd
}
.attributes th {
 text-align:left;
 width:35%;
 background:#f5f5f5
}
.attributes tr:first-child th,.attributes tr:first-child td {
 border:none
}
.information h1 {
 font-weight:400;
 line-height:20px;
 margin-bottom:5px
}
.itemCode {
 color:#515353
}
.shortDescription {
 clear:both;
 font-size:14px;
 margin-bottom:10px
}
.additionalInfo {
 padding-top:7px
}
.additionalInfo span {
 padding:0 7px;
 margin-bottom:3px;
 font-size:11px;
 line-height:12px;
 border-left:1px solid #999
}
.additionalInfo span:first-child {
 padding-left:20px;
 border:none
}
.additionalInfo .stockFlag {
 padding-left:20px
}
.tobasketFunction .selector {
 position:relative;
 z-index:14
}
.selector {
 padding:2px 6px 3px 6px;
 line-height:16px;
 position:absolute;
 z-index:18
}
.selector img {
 vertical-align:middle
}
.otherPictures {
 position:relative;
 z-index:4
}
.otherPictures ul {
 margin:0 0 20px 0;
 padding:0;
 overflow:hidden
}
.otherPictures li,.otherPictures a {
 list-style:none;
 padding:0;
 float:left
}
.otherPictures a {
 display:block;
 width:100px;
 height:100px;
 float:left;
 text-align:center;
 line-height:100px;
 position:relative
}
.artIcon {
 display:block;
 width:98px;
 height:98px;
 overflow:hidden
}
.otherPictures a:hover {
 cursor:pointer
}
.otherPictures a:hover .marker,#zoomModal a:hover .marker {
 display:block
}
.otherPictures img {
 vertical-align:middle;
 position:relative;
 z-index:1
}
.marker {
 position:absolute;
 width:96px;
 height:96px;
 border:2px solid #eb6005;
 top:0;
 left:0;
 display:none;
 z-index:33
}
.marker img {
 position:absolute;
 top:-8px;
 left:50%;
 z-index:6;
 margin-left:-6px
}
.otherPictures .selected .marker,#zoomModal .selected .marker {
 display:block
}
.shadowLine {
 width:100%;
 height:8px;
 position:absolute;
 top:0;
 z-index:4;
 background:url(../../img/shadow-line.png) repeat-x 0 0
}
.relatedInfo {
 float:left;
 width:561px;
 padding-right:15px
}
.relatedProducts {
 float:right;
 width:172px
}
.relatedInfoFull {
 float:none;
 width:auto;
 padding-right:0
}
.stockFlag {
 background:url(../../img/stockstatus.png) no-repeat 7px -46px
}
.lowStock {
 background-position:7px 2px
}
.notOnStock {
 background-position:7px -22px
}
.oldPrice {
 font-size:14px;
 margin-bottom:3px
}
.information .oldPrice {
 font-size:11px
}
.tobasketFunction .price {
 font-size:18px
}
.tobasketFunction .textbox {
 width:20px
}
.tobasketFunction a,.tobasketFunction label,.tobasketFunction button,.tobasketFunction input {
 float:left;
 margin-right:5px
}
.tobasketFunction label {
 margin:1px 10px 0 0
}
.information .tobasket {
 bottom:5px
}
div.rating {
 margin-bottom:10px
}
ul.rating {
 width:89px;
 height:16px;
 margin:5px 0;
 padding:0;
 list-style:none;
 clear:both;
 float:left;
 position:relative;
 background:url(../../img/stars.jpg) no-repeat left top
}
a.rates {
 float:left;
 color:#515353;
 padding:6px 0 0 7px
}
ul.rating li {
 cursor:pointer;
 float:left;
 padding:0;
 list-style:none
}
ul.rating li a {
 position:absolute;
 left:0;
 top:0;
 width:18px;
 height:16px;
 text-decoration:none;
 z-index:10
}
ul.rating li a b {
 display:none
}
ul.rating li.s1 a {
 left:0
}
ul.rating li.s2 a {
 left:17px
}
ul.rating li.s3 a {
 left:34px
}
ul.rating li.s4 a {
 left:51px
}
ul.rating li.s5 a {
 left:68px
}
ul.rating li a:hover {
 z-index:2;
 width:89px;
 height:16px;
 overflow:hidden;
 left:0;
 background:url(../../img/stars.jpg) no-repeat 0 -18px
}
ul.rating li.s1 a:hover {
 background-position:-72px -18px
}
ul.rating li.s2 a:hover {
 background-position:-54px -18px
}
ul.rating li.s3 a:hover {
 background-position:-36px -18px
}
ul.rating li.s4 a:hover {
 background-position:-18px -18px
}
ul.rating li.s5 a:hover {
 background-position:0 -18px
}
.rating li.currentRate {
 background:url(../../img/stars.jpg) left bottom;
 position:absolute;
 height:16px;
 z-index:1
}
.rating li.ratingValue a,.rating li.ratingValue a:hover {
 width:auto;
 height:auto;
 left:90px;
 white-space:nowrap;
 padding-top:3px;
 background:none
}
dl.review {
 margin:5px 0;
 padding-top:5px;
 border-top:1px solid #ccc
}
dl.review dt {
 margin-bottom:7px;
 height:1em
}
dl.review dd.item {
 display:none
}
dl.review dd {
 clear:both;
 margin:0
}
dl.review .param {
 margin-left:20px;
 color:#757C83
}
.addressCollumns .collumn {
 float:left;
 width:50%
}
.downloadList {
 margin:0;
 padding:0;
 line-height:18px
}
.downloadList li {
 padding:15px 10px;
 list-style:none;
 border-top:5px solid #eceff0
}
.downloadList li:first-child {
 border:0;
 padding-top:0
}
.downloadList dd {
 padding:3px 0
}
.downloadList dt {
 border-bottom:1px solid #ddd;
 padding-bottom:3px;
 display:block;
 font-weight:400;
 margin-bottom:7px
}
.downloadList dt strong {
 font-size:18px;
 display:block
}
.orderList {
 margin:0;
 padding:0;
 line-height:18px
}
.orderList li {
 padding:15px 10px;
 list-style:none;
 border-top:5px solid #eceff0
}
.orderList li:first-child {
 border:0;
 padding-top:0
}
.orderList dl {
 width:300px
}
.orderList dd {
 padding:3px 0
}
.orderList dt {
 border-bottom:1px solid #ddd;
 padding-bottom:3px;
 display:block;
 font-weight:400;
 margin-bottom:7px
}
.orderList dt strong {
 font-size:18px;
 display:block
}
.orderList dt span {
 font-size:10px;
 color:#999
}
.orderList dt label {
 color:#666
}
.orderList td {
 vertical-align:top;
 width:50%
}
.orderList td table {
 text-align:left
}
.orderList td table th {
 font-size:14px;
 padding-bottom:14px
}
.orderList .orderitems,.orderList .orderhistory {
 width:100%
}
.orderList .orderitems td {
 vertical-align:top
}
.orderhistory td {
 border-top:1px dotted #bbb;
 padding:2px 0;
 vertical-align:top;
 width:99%
}
.orderhistory td.small {
 width:1%
}
.orderhistory td .amount {
 display:block;
 font-size:11px;
 color:#666
}
.orderList h3 {
 padding-top:12px;
 font-size:16px
}
.form {
 width:354px
}
.form li {
 padding:5px 0;
 width:354px
}
.form li.formSubmit {
 padding-top:10px;
 padding-left:150px
}
.form li.formNote {
 padding-bottom:0;
 font-size:11px;
 color:#666;
 line-height:14px
}
.form label,.form input {
 float:left
}
.form .oxDate select {
 float:left;
 width:100px
}
.form .oxDate .innerLabel {
 margin-top:1px;
 text-transform:none
}
.form input[type="password"],.form input[type="text"] {
 width:190px
}
.form select[data-fieldsize="normal"] {
 width:202px
}
.form input[data-fieldsize="xsmall"] {
 width:25px
}
.form input[data-fieldsize="small"] {
 width:52px
}
.form input[data-fieldsize="small"] {
 width:52px
}
.form input[data-fieldsize="medium"] {
 width:86px
}
.form input[data-fieldsize="xsmall"]+input[data-fieldsize="pair-xsmall"],.form input[data-fieldsize="xsmall"]+css3-container+input[data-fieldsize="pair-xsmall"],.form input[data-fieldsize="pair-xsmall"]+input[data-fieldsize="xsmall"],.form input[data-fieldsize="pair-xsmall"]+css3-container+input[data-fieldsize="xsmall"],.form input[data-fieldsize="small"]+input[data-fieldsize="pair-small"],.form input[data-fieldsize="small"]+css3-container+input[data-fieldsize="pair-small"],.form input[data-fieldsize="small"]+input[data-fieldsize="small"],.form input[data-fieldsize="small"]+css3-container+input[data-fieldsize="small"],.form input[data-fieldsize="medium"]+input[data-fieldsize="medium"],.form input[data-fieldsize="medium"]+css3-container+input[data-fieldsize="medium"] {
 margin-left:5px
}
.form input[data-fieldsize="xsmall"]+.form input,.form input[data-fieldsize="xsmall"]+css3-container+.form input {
 margin-left:10px;
 margin-right:0
}
.form input[data-fieldsize="pair-xsmall"] {
 width:148px
}
.form input[data-fieldsize="pair-small"] {
 width:121px
}
.form input[data-fieldsize="verify"] {
 width:103px
}
.verificationCode {
 margin:0 7px 0 0;
 float:left
}
span.verificationCode {
 margin-top:2px
}
.form li.stateBox {
 padding-left:150px
}
.form label {
 width:140px;
 padding-right:10px;
 line-height:18px
}
.form label.req {
 font-weight:700
}
.form label.short {
 width:90px;
 padding-right:5px;
 line-height:18px
}
.form .underInput {
 padding:5px 0;
 margin-left:140px
}
.form .underInput.short {
 margin-left:90px
}
.form label.tooltip {
 background:url(../../img/help-icon.png) 95% center no-repeat
}
.form li.checkFields {
 padding-left:150px
}
.form li.checkFields label {
 width:auto;
 margin-right:10px
}
.form li.checkFields input {
 margin:2px 5px 0 0
}
.form textarea {
 float:left;
 width:186px
}
.inputNote {
 display:block;
 clear:both;
 font-size:11px;
 line-height:14px;
 padding:2px 0 0 0;
 color:#666
}
.form .note {
 padding-left:150px;
 font-size:11px;
 color:#666;
 line-height:14px;
 font-style:italic;
 padding-top:7px
}
.payment .form {
 margin:15px 0 5px 0
}
.payment .desc {
 margin-bottom:15px
}
#shipSetCost {
 padding-top:5px
}
.inlineForm button {
 margin-left:5px
}
.verify img {
 float:left;
 margin:1px 5px 0 0
}
.notice {
 font-size:11px;
 font-style:italic;
 border-top:1px solid #eceff0;
 margin-top:10px;
 padding:5px 0
}
.inlineForm .notice {
 display:block;
 clear:both
}
label.innerLabel {
 display:block;
 position:absolute;
 color:#B4B8B8;
 margin:3px 0 0 5px;
 font-weight:normal;
 text-transform:uppercase
}
label.innerLabel.textArea {
 text-transform:none
}
.oxValidateError {
 display:none;
 clear:both;
 font-size:11px;
 line-height:14px;
 color:#ff0000;
 margin:0;
 padding:5px 0 5px 150px
}
.oxValidateError span {
 display:none
}
.oxValidateError span.req {
 float:none;
 display:inline
}
.oxInValid label,.oxInValid p {
 color:#ff0000
}
.oxInValid input,.oxInValid select,.oxInValid input:focus {
 border-color:#e40000;
 background:#fff8f8
}
.oxInValid select {
 border-style:solid;
 border-width:1px
}
.oxInValid .oxValidateError,.oxInValid .oxValidateError .js-oxError_postError {
 display:block
}
.promoShadow {
 position:absolute;
 top:0;
 z-index:3
}
.shadowRight {
 right:10px
}
.oxSlider {
 position:relative;
 margin-bottom:20px
}
.oxSlider li {
 position:relative
}
.oxSlider a:hover {
 text-decoration:none
}
.oxSlider {
 padding:0 10px;
 overflow:hidden;
 clear:both
}
.oxSlider ul,.oxSlider li {
 margin:0;
 padding:0;
 list-style:none
}
#promotionSlider {
 height:220px
}
#promotionSlider img {
 width:940px;
 height:220px
}
.recommendations .title {
 font-size:12px;
 padding:2px 0 6px
}
.recommendations .title a {
 float:left;
 font-weight:bold
}
.recommendations .title .editButtons {
 float:right
}
.recommendations .title .textButton {
 color:#1d7e96;
 padding:0;
 height:14px;
 line-height:14px
}
.recommendations .description {
 font-size:11px;
 padding:0 0 8px
}
.recommendationsSearchForm {
 padding:15px 10px
}
.recommendationsSearchForm label {
 font-size:11px
}
.recommendationsSearchForm .searchInput {
 width:85px
}
.itemSlider {
 width:744px;
 height:148px;
 margin:0 1px 20px 1px;
 border:1px solid #76c9dd;
 position:relative
}
.itemSlider ul {
 height:148px
}
.itemSlider li {
 width:124px;
 height:148px;
 line-height:148px;
 padding:0;
 text-align:center;
 list-style:none
}
.itemSlider li img {
 vertical-align:middle
}
.itemSlider .slideNav {
 font-size:21px;
 font-weight:700;
 line-height:24px;
 color:#fff;
 text-decoration:none;
 position:absolute;
 z-index:4;
 bottom:-1px;
 opacity:0.9;
 filter:alpha(opacity=90);
 height:150px;
 display:block;
 text-shadow:0 -1px 0 #486066
}
.itemSlider .leftHolder {
 position:absolute;
 left:-1px;
 bottom:-1px;
 height:150px;
 z-index:3;
 width:179px
}
.itemSlider .slideNav:hover {
 text-shadow:0 -1px 0 #ac8a6b;
 opacity:1;
 filter:alpha(opacity=100)
}
.itemSlider .titleBlock {
 left:-1px;
 bottom:0;
 width:130px;
 padding-left:10px;
 text-transform:uppercase
}
.itemSlider .titleBlock:hover {
 opacity:0.9;
 filter:alpha(opacity=90);
 text-shadow:0 -1px 0 #486066
}
.itemSlider .titleBlock strong {
 float:left;
 margin:50px 0 0 0;
 width:130px
}
.itemSlider span.slideBg {
 display:block;
 height:100%;
 width:100%;
 top:0;
 position:absolute
}
.itemSlider .prevItem {
 left:139px;
 bottom:0;
 width:40px
}
.itemSlider .nextItem {
 right:-1px;
 width:40px
}
.itemSlider .prevItem:hover span.slideBg,.itemSlider .nextItem:hover span.slideBg {
 filter:alpha(opacity=90);
 opacity:0.9
}
.itemSlider .prevItem span.slidePointer,.itemSlider .nextItem span.slidePointer {
 position:relative;
 z-index:5;
 float:right;
 text-indent:-9999px;
 width:30px;
 height:32px;
 margin:58px 5px 0 0;
 background:url(../../img/promo-arrows.png) no-repeat -98px -162px
}
.itemSlider .prevItem span.slidePointer {
 background-position:-26px -162px
}
.itemSlider .prevItem:hover span.slidePointer {
 background-position:-26px -86px
}
.itemSlider .nextItem:hover span.slidePointer {
 background-position:-98px -86px
}
.itemSlider li {
 position:relative
}
.itemSlider li a.viewAllHover {
 display:none;
 position:absolute;
 left:0;
 bottom:0;
 height:35px;
 z-index:5;
 opacity:1;
 padding-right:5px;
 padding-top:25px;
 filter:alpha(opacity=100);
 background:transparent url(../bg/fx-grad-orange-spiked.png) -30px 0 no-repeat
}
.itemSlider li a span {
 text-align:left;
 line-height:12px;
 padding-top:4px;
 background-position:0 50%;
 font-size:10px
}
.itemSlider a.sliderHover,a.sliderHover {
 background:#fd8304;
 opacity:0.7;
 filter:alpha(opacity=70);
 width:124px;
 height:148px;
 display:none;
 position:absolute;
 left:0;
 top:0
}
.itemSlider li:hover a.viewAllHover,.itemSlider li:hover a.sliderHover {
 display:block
}
.subcatList,.subcatList ul {
 margin:0
}
.subcatList li {
 padding:0;
 list-style:none
}
.subcatList .box {
 float:left;
 margin-left:20px
}
.subcatList li .box:first-child {
 margin-left:0
}
.subcatList h3 a {
 color:#fff;
 font-size:14px
}
.subcatList .box li {
 text-transform:uppercase;
 padding:3px 0
}
.categoryDescription {
 background:#f2f4f5;
 padding:10px 10px 10px 10px;
 font-size:11px;
 border-bottom:1px solid #B4B8B8
}
.categoryTopDescription,.categoryTopLongDescription {
 font-size:14px;
 line-height:18px;
 margin-bottom:20px
}
.categoryTopLongDescription p {
 margin-bottom:10px
}
.categoryPicture {
 margin-bottom:20px
}
.box #tsSeal {
 text-align:center;
 margin-bottom:7px
}
.ui-helper-hidden {
 display:none
}
.ui-helper-hidden-accessible {
 position:absolute;
 left:-99999999px
}
.ui-helper-reset {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 line-height:1.3;
 text-decoration:none;
 font-size:100%;
 list-style:none
}
.ui-helper-clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden
}
.ui-helper-clearfix {
 display:inline-block
}
* html .ui-helper-clearfix {
 height:1%
}
.ui-helper-clearfix {
 display:block
}
.ui-helper-zfix {
 width:100%;
 height:100%;
 top:0;
 left:0;
 position:absolute;
 opacity:0;
 filter:Alpha(Opacity=0)
}
.ui-state-disabled {
 cursor:default !important
}
.ui-widget-overlay {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.ui-widget-overlay {
 background:#000;
 opacity:.50;
 filter:Alpha(Opacity=50)
}
.ui-dialog {
 position:absolute;
 padding:.2em;
 width:300px
}
.ui-dialog .ui-dialog-titlebar {
 padding:.5em 1em .3em;
 position:relative
}
.ui-dialog .ui-dialog-title {
 float:left;
 margin:.1em 16px .2em 0
}
.ui-dialog .ui-dialog-titlebar-close {
 position:absolute;
 right:.3em;
 top:50%;
 width:19px;
 margin:-10px 0 0 0;
 padding:1px;
 height:18px
}
.ui-dialog .ui-dialog-titlebar-close span {
 display:block;
 margin:1px
}
.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
 padding:0
}
.ui-dialog .ui-dialog-content {
 position:relative;
 border:0;
 padding:.5em 1em;
 overflow:auto;
 zoom:1
}
.ui-dialog .ui-dialog-buttonpane {
 text-align:left;
 border-width:1px 0 0 0;
 background-image:none;
 margin:.5em 0 0 0;
 padding:.3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 float:right
}
.ui-dialog .ui-dialog-buttonpane button {
 margin:.5em .4em .5em 0;
 cursor:pointer
}
.ui-dialog .ui-resizable-se {
 width:14px;
 height:14px;
 right:3px;
 bottom:3px
}
.ui-draggable .ui-dialog-titlebar {
 cursor:move
}
.cloud-zoom-lens {
 border:2px solid #EB6005;
 margin:-2px;
 background-color:#fff;
 cursor:move
}
.cloud-zoom-title {
 font-family:Arial, Helvetica, sans-serif;
 position:absolute !important;
 background-color:#000;
 color:#fff;
 padding:3px;
 width:100%;
 text-align:center;
 font-weight:bold;
 font-size:10px;
 top:0
}
.cloud-zoom-big {
 border:2px solid #51A8BC;
 overflow:hidden;
 background-repeat:no-repeat;
 background-color:#fff
}
.cloud-zoom-loading {
 color:#000;
 background:#fff;
 padding:0
}
#zoomTrigger {
 width:18px;
 height:18px;
 display:block;
 text-indent:-9999px;
 position:absolute;
 top:10px;
 left:10px;
 float:left;
 z-index:1000;
 background:url(../../img/zoom.png) no-repeat 0 0
}
.zoomed {
 width:663px;
 height:665px;
 overflow:hidden;
 text-align:center;
 position:relative;
 z-index:2
}
.zoomPager {
 margin:0;
 padding:0
}
.zoomPager li {
 list-style:none;
 float:left;
 padding:0
}
.zoomHead {
 font-weight:700;
 text-transform:uppercase
}
#zoomModal .otherPictures {
 margin:0;
 padding:0;
 width:663px;
 z-index:9
}
#zoomModal .otherPictures a {
 width:30px;
 height:35px;
 line-height:35px;
 font-weight:700;
 font-size:14px;
 text-decoration:none;
 text-shadow:0 1px 1px #fff
}
#zoomModal .shadowLine {
 width:663px;
 clear:both
}
#zoomModal .otherPictures ul {
 margin:0
}
#zoomModal .marker {
 border:2px solid #EB6005;
 display:none;
 height:31px;
 left:0;
 position:absolute;
 top:0;
 width:26px;
 z-index:99
}
#zoomModal .marker img {
 left:50%;
 margin-left:-6px;
 position:absolute;
 top:-6px;
 z-index:6
}
#services {
 width:175px
}
#services a {
 text-decoration:none;
 text-transform:uppercase
}
#services li {
 position:relative
}
#services .counter {
 right:5px;
 top:1px
}
#servicesTrigger {
 position:relative
}
#servicesTrigger .counter {
 right:0;
 top:0;
 z-index:11
}
.hasNotifications {
 padding-right:25px
}
#services a:hover .counter {
 border:1px solid orange;
 background:#fff;
 color:orange
}
.wishlistPublish {
 float:right;
 width:360px
}
.wishlistSearch {
 float:left
}
.wishlistSearch .form {
 width:100%
}
.wishlistSearch .form li {
 width:100%
}
.wishlistSearch .form label {
 width:auto
}
.wishlistPublish .form label {
 width:280px
}
.wishlistView a {
 text-decoration:underline
}
.wishlistView,.listmaniaView {
 border-bottom:5px solid #ECEFF0;
 margin-bottom:30px;
 padding-bottom:15px
}
.formTitle,.wishlistResults dt {
 font-weight:700;
 text-transform:uppercase;
 border-bottom:1px solid #eceff0;
 margin-bottom:10px;
 padding-bottom:0
}
.wishlistSuggest {
 clear:both;
 padding:20px 0 0 388px
}
.wishlistResults {
 padding-top:20px
}
.wishlistResults dt {
 padding-bottom:5px;
 background:url("../../img/search-icon.png") no-repeat 0 3px;
 padding-left:20px
}
.wishlistUser {
 float:right;
 width:360px;
 padding:40px 0 0 0
}
.accountDashboardView .col {
 float:left;
 width:374px
}
.accountDashboardView dl {
 margin-bottom:15px
}
.accountDashboardView dd {
 margin-top:2px
}
#compareList {
 width:100%
}
#compareList td {
 border-collapse:collapse;
 vertical-align:top
}
#compareList table {
 width:200px;
 border-collapse:collapse
}
#compareList table td {
 border-top:5px solid #ECEFF0;
 padding:5px
}
#compareList table #firstTr td,#compareList table #firstDataTr td {
 border:0
}
#compareList table tr:last-child td {
 padding-bottom:20px
}
#compareDataDiv {
 overflow:hidden
}
#compareFirstCol {
 overflow:hidden
}
.compareItem {
 width:190px;
 height:380px;
 position:relative
}
.compareNarrow {
 width:596px;
 position:relative
}
#compareFirstCol.compareNarrowFirstCol table {
 width:152px
}
.compareWide {
 width:740px;
 position:relative
}
.compareWide .compareItem {
 width:238px
}
.compareItem .tobasket {
 position:absolute;
 bottom:10px
}
.compareItem .oldPrice {
 font-size:11px;
 line-height:14px
}
.compareItem .variants {
 padding-top:15px
}
.compareItem .variants select {
 margin:5px 0 10px 0;
 display:block
}
.compareItem .picture {
 text-align:center;
 display:block;
 width:190px;
 height:150px;
 overflow:hidden;
 margin-bottom:7px
}
.compareItem .title {
 display:block;
 font-size:18px;
 line-height:18px;
 font-weight:400;
 padding-bottom:3px
}
.compareItem .identifier {
 color:#515353;
 display:block
}
.compareItem .fn {
 padding-top:5px;
 margin:0;
 clear:both
}
#compareList .lineBox {
 padding:5px 10px;
 font-size:11px;
 text-transform:uppercase;
 text-align:center;
 line-height:16px
}
#compareList a.navigation {
 background:url(../../img/prevnext.png) no-repeat 0 0;
 height:7px;
 width:4px;
 text-indent:-9999px;
 margin-top:4px
}
#compareList .lineBox a.movePrev {
 float:left;
 background-position:0 -7px
}
#compareList .lineBox a.moveNext {
 float:right
}
td.centered {
 text-align:center
}
td.alignTop {
 vertical-align:top
}
.accountLoginView .col {
 float:left;
 width:50%
}
#incVatMessage {
 position:fixed;
 bottom:-3px;
 right:-5px;
 font-size:11px;
 padding:4px 20px 6px 17px;
 background:url(../../img/vatmsg-bg.png) no-repeat 0 0;
 opacity:0.6;
 filter:alpha(opacity=60);
 z-index:9999
}
#incVatMessageTsBadge {
 position:fixed;
 bottom:-3px;
 right:100px;
 font-size:11px;
 padding:4px 20px 6px 17px;
 background:url(../../img/vatmsg-bg.png) no-repeat 0 0;
 opacity:0.6;
 filter:alpha(opacity=60);
 z-index:9999
}
.errorBox {
 font-size:12px;
 font-weight:bold;
 color:#D81F01;
 margin:20px;
 padding:0;
 border:none;
 width:500px
}
.errorBox a {
 color:#D81F01;
 text-decoration:underline
}
.errorBox a:hover {
 color:#666
}
.errorBox .errHead {
 background:#D81F01;
 color:#fff;
 padding:5px 15px
}
.errorBox .errBody {
 border:1px solid #D81F01;
 padding:15px
}
.errorBox .stackTrace {
 font-size:11px;
 color:#000;
 font-weight:normal;
 margin:10px 0;
 padding:10px 0;
 border-top:2px solid #EED8D2
}
li.articleImage {
 height:110px
}
.featuredList a.articleBoxImage {
 height:97px;
 line-height:97px;
 width:148px;
 background:#fff;
 text-align:center;
 display:block
}
.featuredList a.articleBoxImage img {
 vertical-align:middle
}
.selectorsBox {
 clear:both;
 background:none;
 padding:10px 10px 0 0;
 font-size:11px
}
div.information .selectorsBox {
 margin-bottom:55px
}
.selectorsBox .dropDown {
 margin-bottom:10px;
 min-width:200px
}
.selectorsBox .dropDown li.disabled a {
 color:#b4b8b8
}
.selectorsBox p.underlined {
 border-bottom:1px solid #29373c
}
.selectorLabel label {
 min-width:60px;
 display:inline-block
}
.variantReset {
 padding-bottom:10px;
 font-size:11px;
 margin-top:-55px
}
.variantReset label {
 text-transform:uppercase
}
.variantReset a.reset {
 color:#1d7e96;
 font-weight:bold;
 display:block;
 padding-bottom:10px
}
.variantReset a.reset:hover {
 text-decoration:none;
 color:#EB6005
}
.listDetails .selectorsBox {
 background:none;
 padding:10px 10px 0 5px;
 font-size:11px
}
.listDetails .selectorsBox .dropDown {
 margin-bottom:10px;
 min-width:150px
}
.listDetails .selectorsBox .dropDown li.disabled a {
 color:#b4b8b8
}
.listDetails .selectorsBox p.underlined {
 border-bottom:1px solid #29373c
}
.listDetails .selectorLabel label {
 min-width:45px;
 display:inline-block
}
.infoBox .selectorsBox {
 background:none;
 padding:10px 10px 0 0;
 font-size:11px
}
.infoBox .selectorsBox .dropDown {
 margin-bottom:10px;
 min-width:200px
}
.infoBox .selectorsBox .dropDown li.disabled a {
 color:#b4b8b8
}
.infoBox .selectorsBox p.underlined {
 border-bottom:1px solid #29373c
}
.infoBox .selectorLabel label {
 min-width:50px;
 display:inline-block
}
div.agbInner {
 width:500px;
 float:left
}
div.agbButton {
 float:right
}
.agb a,.cmsContent p a {
 color:#1d7e96
}
.agb a:hover {
 color:#ec6105;
 text-decoration:none
}
.agb p.errorMsg,.agbInner p.errorMsg {
 color:#ff0000;
 display:none;
 margin:0
}
.loadingfade {
 background:#fff;
 z-index:5000
}
.loadingiconbg {
 background:url(../../img/loading_bg.png) no-repeat center center;
 z-index:5001
}
.loadingicon {
 background:url(../../img/loading.gif) no-repeat center center;
 z-index:5002
}
p.shoplupe {
 padding-top:15px;
 text-align:center
}
.categoryBox {
 border-color:#999999;
 border-style:solid;
 border-width:1px;
 margin:0 0 20px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 -khtml-border-radius:3px;
 border-radius:3px
}
.categoryTagsBox {
 border-top-color:#999999;
 border-top-style:solid;
 border-top-width:1px
}
.categoryTagsBox h3 {
 text-transform:uppercase;
 padding:5px 0 0 10px;
 font-size:12px
}
.categoryTags {
 padding:5px 5px 5px 5px
}
a.fbEnableLink {
 display:inline-block;
 text-transform:uppercase;
 padding:30px 0 15px 0;
 font-size:12px;
 font-weight:bold;
 color:#2c5e97
}
.fbEnableDesc {
 margin-bottom:35px;
 font-size:11px;
 color:#555
}
.fbEnableDesc a {
 line-height:25px;
 color:#2c5e97
}
a.fbEnableLink,.fbEnableDesc {
 margin-left:20px
}
a.downloadableFile {
 color:#1d7e96;
 text-decoration:underline;
 background:url(../bg/download.png) left center no-repeat;
 padding:5px 0 5px 25px
}
a.downloadableFile:hover {
 color:#ec6105;
 text-decoration:none
}
a.downloadableFile.pending {
 color:#909090;
 text-decoration:none;
 background:url(../bg/download-pending.png) left center no-repeat;
 padding:5px 0 5px 25px
}
.variantMessage {
 color:#e70404;
 display:block;
 padding-bottom:5px
}
.selectMessage {
 color:#e70404
}
#cookieNote {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 z-index:105;
 font-weight:normal;
 font-size:16px;
 color:#fff;
 background-color:#f77704;
 opacity:0.9;
 filter:alpha(opacity=90);
 padding:8px 0 8px 0;
 text-align:center;
 border-bottom:1px solid #d36706;
 display:none
}
#cookieNote span.dismiss {
 cursor:pointer;
 position:absolute;
 right:10px;
 top:8px;
 width:18px;
 height:18px;
 display:block;
 text-indent:-9999px;
 background:url(../../img/close.png) no-repeat 0 0
}
#cookieNote a {
 color:#fff;
 text-decoration:underline;
 font-weight:bold
}
#cookieNote+#page {
 padding-top:35px
}
#cookieNote .notify {
 padding:0 35px
}
#basketVoucher {
 position:relative;
 padding-bottom:30px
}
.smallFont {
 font-size:12px;
 word-wrap:break-word;
 overflow:hidden;
 width:350px
}
#betaNote {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 z-index:105;
 font-weight:normal;
 font-size:16px;
 color:#fff;
 background-color:#f77704;
 opacity:0.9;
 filter:alpha(opacity=90);
 padding:8px 0 8px 0;
 text-align:center;
 border-bottom:1px solid #d36706;
 display:none
}
#betaNote span.dismiss {
 cursor:pointer;
 position:absolute;
 right:10px;
 top:8px;
 width:18px;
 height:18px;
 display:block;
 text-indent:-9999px;
 background:url(../../img/close.png) no-repeat 0 0
}
#betaNote a {
 color:#fff;
 text-decoration:underline;
 font-weight:bold
}
#betaNote+#page {
 padding-top:35px
}
.hidden {
 display:none
}
#orderConfirmAgbBottom hr {
 border:none;
 background-color:#ECEFF0;
 height:5px;
 margin:10px 0
}
.agbConfirmation {
 margin-bottom:5px
}
.agbConfirmation .checkbox {
 vertical-align:text-bottom
}
.teaseritem {
 float:left;
 height:auto
}
div.anythingSlider {
 width:940px;
 height:330px;
 margin:0 auto;
 overflow:hidden
}
div.anythingSlider .thumbNav a.cur,div.anythingSlider .thumbNav a {
 color:#000
}
div.anythingSlider .anythingWindow {
 z-index:1
}
div.anythingSlider .start-stop {
 background-color:#040;
 color:#fff
}
div.anythingSlider .start-stop.playing {
 background-color:#800
}
div.anythingSlider .start-stop:hover,div.anythingSlider .start-stop.hover {
 color:#ddd
}
div.anythingSlider.activeSlider .anythingWindow {
 border-color:#7C9127
}
div.anythingSlider.activeSlider .thumbNav a.cur {
 color:#fff
}
div.anythingSlider .start-stop {
 background-color:#080;
 color:#fff
}
div.anythingSlider .start-stop.playing {
 background-color:#d00
}
div.anythingSlider .start-stop:hover,div.anythingSlider .start-stop.hover {
 color:#fff
}
div.anythingSlider .anythingWindow {
 overflow:hidden;
 position:relative;
 width:100%;
 height:100%
}
div.anythingSlider {
 position:relative
}
ul.anythingBase {
 background:transparent;
 list-style:none;
 position:absolute;
 top:0;
 left:0;
 margin:0;
 padding:0
}
ul.anythingBase li.panel {
 background:transparent;
 display:block;
 float:left;
 padding:0;
 margin:0
}
div.anythingSlider .arrow {
 top:90px;
 position:absolute;
 z-index:2;
 height:50px;
 width:62px;
 display:block
}
div.anythingSlider .arrow a {
 display:block;
 margin:0;
 text-align:center;
 outline:0;
 height:50px;
 text-indent:-9999px
}
div.anythingSlider .forward {
 right:-2px
}
div.anythingSlider .back {
 left:-2px
}
div.anythingSlider .forward a {
 background:url(../../../img/promo-arrows.png) no-repeat -85px 0
}
div.anythingSlider .back a {
 background:url(../../../img/promo-arrows.png) no-repeat -7px 0
}
div.anythingSlider .forward a:hover {
 background-position:-85px -76px
}
div.anythingSlider .back a:hover {
 background-position:-7px -76px
}
div.anythingSlider .anythingControls {
 outline:0;
 position:absolute;
 bottom:0px;
 z-index:3
}
div.anythingSlider .thumbNav {
 margin:0;
 float:left;
 padding:0 10px
}
div.anythingSlider .thumbNav li {
 display:inline
}
div.anythingSlider .thumbNav a {
 font-size:14px;
 display:inline-block;
 text-decoration:none;
 padding:2px 8px;
 height:18px;
 line-height:19px;
 text-align:center;
 outline:0;
 font-weight:700;
 text-shadow:0px 1px 1px #fff
}
div.anythingSlider .thumbNav a.cur,div.anythingSlider .thumbNav a:hover {
 text-shadow:0px -1px 0px #486066
}
div.anythingSlider .thumbNav a:hover {
 color:#fff
}
div.anythingSlider.rtl .thumbNav a {
 float:right
}
div.anythingSlider.rtl .thumbNav {
 float:left
}
div.anythingSlider,div.anythingSlider .anythingWindow,div.anythingSlider .thumbNav a,div.anythingSlider .arrow a,div.anythingSlider .start-stop {
 transition-duration:0;
 -o-transition-duration:0;
 -moz-transition-duration:0;
 -webkit-transition-duration:0
}
.promoBox {
 position:absolute;
 visibility:hidden;
 display:block;
 top:40px;
 left:80px;
 width:320px;
 font-size:14px
}
.promoBox.wide {
 width:400px
}
.promoBox strong {
 float:left;
 display:block;
 padding:7px 10px
}
.promoBox strong.promoPrice {
 text-align:center;
 color:#fff;
 width:80px;
 text-shadow:0px -1px 0px #486066
}
.promoBox strong.promoPrice.wide {
 width:120px
}
.promoBox strong.promoTitle {
 width:200px;
 text-shadow:0px 1px 1px #fff
}
.promoBox strong.promoTitle.wide {
 width:240px
}
body {
 background:#adadad;
 background-image:url(../../img/bg_points.png);
 background-repeat:repeat;
 font-family:'Ubuntu', Helvetica, Arial, sans-serif;
 font-size:11px;
 line-height:14px;
 font-weight:400
}
h1 {
 font-size:14px;
 line-height:19px;
 font-weight:bold
}
p {
 margin-bottom:0
}
.left {
 float:left
}
input {
 padding:10px;
 width:100%;
 height:100%;
 box-sizing:border-box;
 background:white;
 color:black;
 border:1px solid black
}
.textButton {
 text-shadow:none
}
#header,#subHeader,#footer {
 width:100%;
 padding:0;
 margin:0
}
#headerWrapper,#subHeaderWrapper {
 width:960px;
 margin:0 auto;
 position:relative
}
#barBottomWrapper,#footerColumnsWrapper,#barWrapper {
 width:960px;
 margin:0 auto
}
#barWrapper {
 padding:0 10px;
 box-sizing:border-box
}
.reducedPrice {
 color:#d31f37;
 font-size:18px;
 line-height:23px
}
.pricePerUnit {
 display:none !important
}
.priceBlock strong {
 font-size:18px;
 line-height:23px;
 display:block
}
.priceOld span {
 color:black;
 position:relative;
 font-size:18px;
 line-height:23px;
 font-weight:700;
 margin-right:5px
}
.priceOld span::after {
 border-bottom:2px solid #d31f37;
 content:"";
 left:0;
 position:absolute;
 right:0;
 top:50%
}
.productButton {
 background:#d31f37;
 color:white;
 display:block;
 padding:15px;
 margin-top:20px;
 box-sizing:border-box;
 font-size:11px;
 width:100%
}
.productButton span {
 text-transform:uppercase
}
.productButton:hover {
 background:#616161;
 text-decoration:none
}
.productButton .triangleRight {
 margin-top:3px;
 float:right;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #fff;
 border-width:4px 0 4px 6.928px
}
.submitButton {
 background:#d31f37;
 color:white;
 display:block;
 padding:14px 18px;
 box-sizing:border-box;
 font-size:11px;
 line-height:12px;
 margin-left:5px;
 width:auto;
 height:auto;
 float:right;
 text-shadow:none;
 font-weight:400
}
.submitButton:after {
 margin-top:2px;
 margin-left:35px;
 float:right;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #fff;
 border-width:4px 0 4px 6.928px
}
.submitButton:hover {
 background:#545454;
 text-decoration:none;
 text-shadow:none
}
.submitButton span {
 text-transform:uppercase
}
a.submitButton {
 padding:14px 18px;
 font-weight:normal
}
.dropDown {
 float:left
}
.dropDown label {
 padding:0;
 margin-bottom:10px;
 font-weight:700;
 display:block;
 text-align:left
}
.dropDown p {
 padding:14px 18px;
 background:white;
 text-align:left;
 height:12px
}
.dropDown p span {
 font-weight:400
}
.dropDown ul.drop {
 width:230px !important;
 top:24px;
 left:0;
 border:0
}
.dropDown ul.drop li a {
 padding:14px 18px;
 background:white
}
.dropDown ul.drop li a.selected,.dropDown ul.drop li a:hover {
 color:#d31f37
}
.dropDown ul.drop li.value {
 padding:0
}
.dropDown ul.drop li.value p {
 padding-right:18px !important
}
.loadingfade {
 display:none !important
}
input[type=text],input[type=password],textarea {
 -webkit-transition:all 0.30s ease-in-out;
 -moz-transition:all 0.30s ease-in-out;
 -ms-transition:all 0.30s ease-in-out;
 -o-transition:all 0.30s ease-in-out;
 padding:10px;
 margin:5px 1px 3px 0px
}
input[type=text]:focus,input[type=password]:focus,textarea:focus {
 -webkit-box-shadow:0 0 5px #2e687c ;
 -moz-box-shadow:0 0 5px #2e687c ;
 box-shadow:0 0 5px #2e687c ;
 padding:10px;
 margin:5px 1px 3px 0px;
 border:1px solid #2e687c !important
}
.ui-dialog {
 background:rgba(255,255,255,0.6);
 padding:20px
}
.ui-dialog p {
 margin:0
}
.ui-dialog .ui-resizable-se {
 display:none !important
}
.ui-dialog .ui-dialog-content {
 background:white;
 padding:15px
}
.ui-dialog .popupBox ul {
 margin:5px 17px
}
.ui-dialog .popupBox ul.form {
 margin:0;
 margin-bottom:15px
}
.ui-dialog .form {
 padding:0
}
.ui-dialog .form .submitButton {
 width:240px
}
.ui-dialog .form label {
 width:115px;
 line-height:45px
}
.ui-dialog .form li {
 float:left
}
.ui-dialog .form li.formSubmit {
 padding:0;
 float:right
}
.ui-dialog .form li.formSubmit button {
 margin:0;
 margin-top:5px
}
.ui-dialog .form .oxValidateError {
 padding:5px 0 5px 125px
}
.ui-dialog .closePopupContainer {
 position:absolute;
 right:34px;
 z-index:1500;
 cursor:pointer
}
.ui-dialog .closePopupContainer span {
 color:#616161;
 line-height:20px;
 float:left;
 margin-right:5px;
 text-transform:lowercase
}
.ui-dialog .closePopupContainer .closePop {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-180px -100px;
 display:inline-block;
 width:20px;
 height:20px;
 position:absolute;
 cursor:pointer
}
.ui-dialog input[type="text"] {
 width:230px
}
.seoText {
 padding:60px 0 30px
}
.trustedShop {
 background:url(../../img/trusted.gif) no-repeat;
 border:none
}
#footer .trustedShop {
 height:60px;
 width:60px;
 background-size:60px;
 float:left;
 margin-left:35px;
 margin-top:25px
}
#subHeader .trustedShop {
 width:40px;
 height:40px;
 background-size:40px 40px;
 float:right;
 margin:10px
}
html {
 height:100%
}
body {
 position:relative;
 min-height:100%
}
#page {
 padding-bottom:400px
}
#footer {
 position:absolute;
 bottom:0;
 height:400px
}
#header {
 height:40px;
 position:fixed;
 z-index:1200;
 color:white;
 background:#616161;
 -webkit-box-shadow:0 4px 10px #616161 ;
 -moz-box-shadow:0 4px 10px #616161 ;
 box-shadow:0 4px 10px #616161 
}
#header .topPopList {
 float:right;
 margin-left:0
}
#header .logoutLink {
 float:right;
 background:none;
 padding-left:0;
 padding-right:20px;
 margin-right:15px
}
#header .logoutLink span {
 height:10px;
 width:10px;
 position:absolute;
 right:20px;
 top:-1px
}
#header .logoutLink span:after {
 content:'\d7';
 font-size:22px;
 color:white
}
#header .logoutLink:hover span:after {
 text-decoration:none
}
#header .userMenu {
 height:100%;
 float:right;
 padding:10px 0;
 box-sizing:border-box
}
#header .userMenu a {
 color:white;
 font-size:11px;
 font-weight:300;
 line-height:20px;
 text-transform:uppercase
}
#header .userMenu a:hover {
 text-decoration:underline;
 color:white
}
#header .userMenu #servicesTrigger {
 background:none;
 margin:0;
 padding:0
}
#header .userMenu #servicesTrigger.open a {
 background:white;
 color:black !important
}
#header .userMenu #servicesTrigger.open a span:after {
 border-color:black transparent transparent transparent
}
#header .userMenu #servicesTrigger a {
 color:white;
 background:none;
 padding:14px 20px;
 padding-right:33px
}
#header .userMenu #servicesTrigger a span:after {
 position:absolute;
 margin-top:7px;
 margin-left:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#fff transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#header .userMenu #topMenu {
 margin:0;
 float:left
}
#header .userMenu #topMenu li {
 background:none;
 font-size:11px;
 font-weight:300;
 padding:0
}
#header .userMenu #topMenu li a {
 color:white;
 padding:14px 20px;
 float:none
}
#header .userMenu #topMenu li #loginUsername {
 text-transform:none;
 padding-left:0
}
#header .userMenu .flyoutBox {
 top:30px
}
.forgotPasswordOpener {
 color:black !important;
 position:absolute;
 right:-4px;
 top:-6px
}
#headerHelp {
 float:left;
 color:white;
 padding:10px;
 position:absolute;
 left:122px;
 text-transform:uppercase;
 line-height:20px
}
#loginBoxOpener.open {
 background:white;
 color:black !important
}
#header #loginBox {
 left:0px;
 top:30px
}
#header #loginBox .loginForm {
 background:white;
 width:200px;
 padding:20px;
 border:0;
 -webkit-box-shadow:0 1px 3px #616161 ;
 -moz-box-shadow:0 1px 3px #616161 ;
 box-shadow:0 1px 3px #616161 
}
#header #loginBox .loginForm:after {
 content:" ";
 display:block;
 height:0;
 clear:both
}
#header #loginBox .loginForm h4 {
 text-align:left;
 text-transform:none;
 color:black;
 margin-bottom:10px;
 margin-top:10px;
 display:none
}
#header #loginBox .loginForm .submitButton {
 padding:10px 15px
}
#header #loginBox .loginForm .textbox {
 padding:10px;
 width:100%;
 height:100%;
 box-sizing:border-box;
 background:white;
 color:black;
 border:1px solid black;
 margin:0
}
#header #loginBox .loginForm .innerLabel {
 margin:0;
 padding:10px
}
#header #loginBox .loginForm .checkFields {
 margin:10px 0
}
#header #logo {
 top:0;
 left:10px;
 margin:0;
 position:absolute;
 -webkit-transition:top 1s;
 -moz-transition:top 1s;
 -o-transition:top 1s;
 transition:top 1s
}
#minibasket_container .totalBasket {
 padding:10px;
 padding-left:20px;
 padding-right:5px;
 line-height:20px;
 float:right;
 position:relative;
 text-transform:uppercase;
 font-weight:lighter
}
#minibasket_container #miniBasket {
 top:3px;
 right:0;
 position:relative;
 float:right
}
#minibasket_container #miniBasket #minibasketIcon {
 position:relative;
 height:30px;
 width:30px;
 margin-right:20px;
 background:url(../../img/sprite.png) no-repeat;
 background-position:-25px -54px
}
#newItemMsg {
 display:none
}
.basketFlyout {
 display:none
}
.counter {
 top:0px;
 right:10px;
 background:#d31f37;
 border:0;
 padding:0px 10px;
 font-size:8px;
 border-radius:10px
}
#servicesTrigger .counter {
 top:-7px;
 right:0px
}
#services a:hover .counter {
 border:0px solid #d31f37;
 background:#d31f37;
 color:white
}
#subHeader {
 height:60px;
 padding:10px 0;
 margin-bottom:40px;
 padding-top:50px;
 background:rgba(255,255,255,0.6)
}
#subHeader #shopSetting a,#subHeader #languageTrigger {
 padding:14px 18px;
 margin:10px 0;
 line-height:12px;
 font-size:11px;
 text-transform:uppercase;
 float:left
}
#subHeader #shopSetting a:hover,#subHeader #languageTrigger:hover {
 color:#d31f37;
 background:white;
 text-decoration:none
}
#subHeader #languageTrigger,#subHeader #shopSetting a.active {
 background:white
}
#subHeader #languageTrigger {
 margin-right:20px
}
#subHeader #shopSetting {
 float:left
}
#subHeader #userSettings {
 float:left;
 margin-left:92px
}
#subHeader #userSettings .topPopList {
 float:right;
 margin-left:30px
}
#subHeader #userSettings .topPopList .selectedValue a {
 background:none;
 padding:0;
 line-height:12px;
 width:28px
}
#subHeader #userSettings .topPopList .selectedValue a:hover {
 color:black
}
#subHeader #userSettings .topPopList .selectedValue a.flag span {
 text-indent:0;
 background-image:none;
 font-size:11px;
 font-weight:normal
}
#subHeader #userSettings .topPopList .selectedValue a.flag span:after {
 float:right;
 margin-top:3px;
 margin-left:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#000 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#subHeader #userSettings .topPopList .flyoutBox {
 top:40px;
 left:0;
 margin:10px 0;
 z-index:9999
}
#subHeader #userSettings .topPopList .flyoutBox ul {
 border:0;
 padding:0
}
#subHeader #userSettings .topPopList .flyoutBox ul li {
 padding:14px 18px;
 background:white
}
#subHeader #userSettings .topPopList .flyoutBox ul li:first-child {
 border-top:1px solid #b4b8b8
}
#subHeader #userSettings .topPopList .flyoutBox ul li a {
 padding:0;
 width:28px;
 line-height:12px;
 background:none
}
#subHeader #userSettings .topPopList .flyoutBox ul li a.selected {
 color:#d31f37
}
#subHeader #userSettings .topPopList .flyoutBox ul li a:hover {
 color:#d31f37
}
#subHeader #userSettings .topPopList .flyoutBox ul li a span {
 padding:0 !important
}
#subHeader #userSettings #languages a.flag span {
 text-indent:0;
 background-image:none;
 text-transform:uppercase;
 font-size:11px;
 font-weight:normal
}
#subHeader .searchBox {
 position:relative;
 right:10px;
 top:0;
 float:right
}
#subHeader .searchBox .textbox {
 height:40px;
 width:274px;
 margin:10px;
 font-size:11px;
 background-color:transparent;
 border:1px solid black;
 line-height:12px;
 padding:14px 18px
}
#subHeader .searchBox .innerLabel {
 color:black;
 text-transform:none;
 margin:10px;
 padding:14px 18px;
 width:238px;
 line-height:12px;
 cursor:text
}
#subHeader .searchBox .searchSubmit {
 margin:20px 0;
 background:url(../../img/sprite.png) no-repeat;
 background-position:-70px -60px
}
#subHeader .searchBox input:focus {
 outline-offset:0px
}
#slogan {
 color:#d31f37;
 width:940px;
 margin:0 auto 2px;
 text-align:right;
 text-transform:uppercase;
 font-weight:bold;
 font-size:13px;
 letter-spacing:2px
}
#categories {
 background:#d31f37;
 color:white;
 width:940px;
 margin:0 auto
}
#categories #navigation {
 width:100%;
 padding:0;
 margin:0;
 position:relative;
 z-index:1000;
 list-style:none
}
#categories #navigation li {
 float:left;
 position:relative;
 list-style:none
}
#categories #navigation>li {
 position:static;
 border-radius:0 !important;
 padding:0
}
#categories #navigation>li:first-child {
 float:right
}
#categories #navigation>li:first-child a:after {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #fff;
 border-width:4px 0 4px 6.928px
}
#categories #navigation>li:first-child:hover a:after {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #000;
 border-width:4px 0 4px 6.928px
}
#categories #navigation>li a {
 position:relative
}
#categories #navigation>li:hover a:after {
 border-color:#000000 transparent transparent transparent
}
#categories #navigation>li>a:after {
 margin-top:4px;
 margin-left:5px;
 float:right;
 position:absolute;
 top:25px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#fff transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#categories #navigation>li ul {
 overflow:hidden;
 max-height:0;
 position:absolute;
 top:-999em;
 width:15em;
 -webkit-transition:max-height 0.7s ease;
 -moz-transition:max-height 0.7s ease;
 -o-transition:max-height 0.7s ease;
 transition:max-height 0.7s ease
}
#categories #navigation>li:hover ul {
 border:0;
 left:0;
 background:white;
 top:65px;
 border-radius:0 !important;
 width:98.01% !important;
 padding-left:2% !important;
 margin:0;
 z-index:-1;
 max-height:200px;
 -webkit-box-shadow:0 3px 20px #616161 ;
 -moz-box-shadow:0 3px 20px #616161 ;
 box-shadow:0 3px 20px #616161 
}
#categories #navigation>li:hover ul li {
 padding:0%;
 border:0;
 width:23% !important;
 float:left !important;
 margin-right:2%;
 margin-bottom:2%;
 margin-top:2%
}
#categories #navigation>li:hover ul li a {
 padding:0;
 vertical-align:top;
 width:100%;
 max-width:100% !important;
 height:62px
}
#categories #navigation>li:hover ul li img {
 width:60px;
 height:60px;
 margin:1px;
 float:left;
 outline:1px solid #616161
}
#categories #navigation>li:hover ul li .wrapCenter {
 height:60px;
 width:100px;
 display:table;
 padding-left:10px
}
#categories #navigation>li:hover ul li span {
 display:table-cell;
 vertical-align:middle;
 line-height:13px;
 max-width:139px !important;
 word-wrap:break-word
}
#categories #navigation>li:hover ul li:hover {
 background:#d31f37
}
#categories #navigation>li:hover ul li:hover a {
 color:white
}
#categories #navigation>li:hover ul li:hover a:after {
 border-color:transparent transparent transparent #000000
}
#categories #navigation>li:hover ul li:hover img {
 outline:1px solid #d31f37
}
#categories #navigation a,#categories #navigation a:visited {
 color:white;
 font-weight:normal;
 font-size:11px;
 line-height:12px;
 padding:14px 30px 14px 22px;
 display:table
}
#categories #navigation a img,#categories #navigation a:visited img {
 overflow:hidden
}
#categories #navigation a span,#categories #navigation a:visited span {
 display:table-cell;
 vertical-align:middle;
 height:37px;
 max-width:150px !important
}
#categories #navigation li .sf-sub-indicator {
 display:none
}
#categories #navigation li.current {
 background:none
}
#categories #navigation li.sfHover,#categories #navigation li:hover {
 background:white;
 border-radius:0px
}
#categories #navigation li.sfHover a,#categories #navigation li:hover a {
 color:black
}
html[lang="en"] #categories #navigation a span,#categories #navigation a:visited span {
 max-width:85px !important
}
#breadCrumb {
 background:rgba(255,255,255,0.6);
 text-transform:uppercase;
 padding:14px 18px;
 font-size:11px;
 width:940px;
 margin:0 auto;
 margin-bottom:20px;
 box-sizing:border-box;
 font-weight:normal
}
#breadCrumb .breadCrumbContent {
 display:inline-block;
 width:780px;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap
}
#breadCrumb .hotline {
 float:right;
 font-weight:normal;
 text-transform:none;
 display:inline-block
}
#breadCrumb .breadArrow {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-267px -79px;
 display:inline-block;
 height:8px;
 width:9px
}
#breadCrumb .homeIcon {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-119px -69px;
 display:inline-block;
 height:11px;
 width:13px;
 margin-right:3px
}
#breadCrumb .home {
 color:#d31f37
}
#breadCrumb .home .homeIcon {
 background-position:-140px -70px
}
#breadCrumb span {
 color:black;
 line-height:12px
}
#breadCrumb span.breadStart {
 color:#d31f37
}
#breadCrumb a {
 line-height:9px
}
#promotionSlider {
 height:330px
}
#promotionSlider img {
 height:auto
}
.arrow {
 display:none !important
}
.anythingControls {
 bottom:20px !important
}
.anythingControls .thumbNav {
 padding:0;
 background:transparent;
 opacity:1 !important
}
.anythingControls .thumbNav li {
 padding:0 5px
}
.anythingControls .thumbNav li a {
 color:white;
 background:white;
 text-shadow:none;
 height:20px;
 width:20px;
 line-height:20px;
 padding:0
}
.anythingControls .thumbNav li a:hover {
 background:white;
 text-shadow:none
}
.anythingControls .thumbNav li a.cur {
 background:#d31f37;
 color:#d31f37 !important;
 text-shadow:none
}
.anythingControls .thumbNav li a.cur:hover {
 background:#d31f37;
 color:#d31f37;
 text-shadow:none
}
.promoBox {
 visibility:hidden !important;
 left:0
}
.teaserhome {
 overflow:auto;
 padding-bottom:50px
}
.teaserhome .teaseritem {
 width:300px;
 padding:10px
}
.teaserhome .teaseritem a:hover {
 text-decoration:none
}
.teaserhome .teaseritem:first-of-type {
 padding-left:0
}
.teaserhome .teaseritem:last-of-type {
 padding-right:0
}
.teaserhome .teaseritem img {
 display:block;
 width:300px;
 height:182px
}
.teaserhome .teaseritem div {
 min-height:38px;
 background:white;
 padding:14px 18px
}
.teaserhome .teaseritem div h1 {
 display:block
}
.teaserhome .teaseritem div span {
 line-height:19px
}
.itemSliderHeader {
 height:40px;
 width:100%;
 text-align:center;
 background:rgba(255,255,255,0.6);
 line-height:40px;
 margin-top:20px
}
.itemSlider {
 width:100%;
 height:110px;
 background:white;
 border:0;
 margin:0
}
.itemSlider #manufacturerSlider {
 width:auto !important;
 z-index:0 !important
}
.itemSlider #manufacturerSlider ul {
 z-index:0 !important;
 height:110px
}
.itemSlider #manufacturerSlider ul li {
 height:80px;
 line-height:80px;
 padding:15px 55px
}
.itemSlider #manufacturerSlider ul li img {
 width:100%;
 height:100%
}
.tabbedWidgetBoxStart {
 background:transparent;
 -webkit-box-shadow:0 5px 20px rgba(0,0,0,0.35) ;
 -moz-box-shadow:0 5px 20px rgba(0,0,0,0.35) ;
 box-shadow:0 5px 20px rgba(0,0,0,0.35) 
}
.tabbedWidgetBoxStart ul.tabs li.tab {
 width:50%;
 height:40px;
 line-height:40px;
 text-align:center;
 border:0;
 padding:0;
 margin:0;
 background:white;
 text-shadow:none;
 font-weight:400;
 font-size:11px;
 background:#d31f37;
 -webkit-box-shadow:3px -3px 7px rgba(0,0,0,0.35) inset;
 -moz-box-shadow:3px -3px 7px rgba(0,0,0,0.35) inset;
 box-shadow:3px -3px 7px rgba(0,0,0,0.35) inset
}
.tabbedWidgetBoxStart ul.tabs li.tab:first-child {
 -webkit-box-shadow:-3px -3px 7px rgba(0,0,0,0.35) inset;
 -moz-box-shadow:-3px -3px 7px rgba(0,0,0,0.35) inset;
 box-shadow:-3px -3px 7px rgba(0,0,0,0.35) inset
}
.tabbedWidgetBoxStart ul.tabs li.tab a {
 color:white
}
.tabbedWidgetBoxStart ul.tabs li.tab a:after {
 top:9px;
 left:6px;
 position:relative;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#fff transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
.tabbedWidgetBoxStart ul.tabs li.tab.ui-state-active {
 background:white;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
}
.tabbedWidgetBoxStart ul.tabs li.tab.ui-state-active a {
 color:black;
 text-decoration:none
}
.tabbedWidgetBoxStart ul.tabs li.tab.ui-state-active a:after {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#000 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
.tabbedWidgetBoxStart .widgetBoxBottomRound {
 border:0;
 margin:0;
 background:white
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView {
 margin-bottom:0
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li {
 height:460px;
 width:23%;
 margin:1%;
 background:white;
 outline:1px solid black
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li .titleBlock {
 background:white;
 width:100%;
 padding:0;
 text-shadow:none
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li .titleBlock .gridTopInfo {
 height:95px;
 padding:20px;
 font-weight:400
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li .titleBlock .gridTopInfo .gridTitle {
 font-weight:700;
 font-size:14px;
 line-height:17px;
 word-wrap:break-word
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li .titleBlock .gridPicture {
 width:100%;
 height:auto;
 background:white;
 margin:0;
 padding:0 20px;
 box-sizing:border-box
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li .titleBlock .gridPicture img {
 width:100%;
 max-height:212px
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .gridView li:hover .priceBlock {
 padding-top:20px
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .priceBlock {
 width:100%;
 height:auto;
 box-sizing:border-box;
 padding:20px
}
.tabbedWidgetBoxStart .widgetBoxBottomRound .priceBlock .productButton {
 margin-top:15px
}
.gridView li:hover .titleBlock {
 height:285px;
 color:black;
 text-shadow:none;
 background:none
}
.gridView li:hover .priceBlock {
 height:auto;
 padding-top:0px;
 color:black;
 text-shadow:none;
 background:white
}
.gridView li:hover .priceBlock .button {
 visibility:hidden
}
.categoryPicture {
 width:100%
}
#content .cmsContent,.contentContainer {
 background:rgba(255,255,255,0.6);
 padding:20px
}
#newsletterPage .form {
 padding:0
}
#newsletterPage .form label {
 line-height:38px;
 margin:5px 1px 3px 0px
}
#newsletterPage .form select,#newsletterPage .form input[type="text"] {
 width:300px
}
#newsletterPage .form li:first-of-type label {
 margin:0 1px 3px 0px
}
#newsletterPage .form li.formSubmit {
 padding-left:0px
}
#newsletterPage .form li.formNote {
 padding-left:90px
}
#newsletterPage .form li.checkFields {
 padding-left:90px
}
#newsletterPage .form li.checkFields label {
 line-height:30px
}
#newsletterPage .form #newsLetterSubmit {
 margin-left:90px
}
#newsletterPage .form .radiobox {
 width:19px
}
#content #newsPage {
 padding-bottom:0
}
#content #newsPage div {
 padding-bottom:20px
}
#content #newsPage .refineParams {
 padding:0;
 margin:0
}
.regInfo,.pwdForget {
 background:rgba(255,255,255,0.6);
 padding:20px
}
.regInfo .form .submitButton,.pwdForget .form .submitButton {
 width:auto
}
.reviewPage {
 background:rgba(255,255,255,0.6)
}
.reviewPage .lineView {
 padding:20px
}
.reviewPage .lineView .infoBox {
 width:440px;
 padding:20px
}
.reviewPage .lineView .infoBox .info {
 width:auto
}
.reviewPage .lineView .infoBox .info .title {
 width:auto;
 height:auto
}
.reviewPage .lineView .description {
 width:auto;
 padding:10px 0
}
.reviewPage .widgetBox {
 padding:0;
 margin:0;
 border:0
}
.reviewPage .widgetBox h4 {
 margin-bottom:10px;
 margin-left:20px
}
.reviewPage a.sliderHover {
 background:none
}
.reviewPage .pictureBox:hover .viewAllHover {
 display:none !important
}
#footer .bar {
 border-bottom:0px solid white;
 background:rgba(255,255,255,0.6);
 height:40px;
 padding:0;
 position:relative;
 z-index:1
}
#footer .bar .footerInfo {
 width:215px;
 margin:0 10px;
 float:left;
 text-align:center;
 position:relative
}
#footer .bar .footerInfo.quality .footerIcon {
 background-position:-155px -69px
}
#footer .bar .footerInfo.article .footerIcon {
 background-position:-198px -69px
}
#footer .bar .footerInfo.shopping .footerIcon {
 background-position:-30px -100px
}
#footer .bar .footerInfo.shipping .footerIcon {
 background-position:-89px -95px
}
#footer .bar .footerInfo.click {
 background:white;
 color:#d31f37;
 -webkit-box-shadow:0 2px 3px rgba(50,50,50,0.75) ;
 -moz-box-shadow:0 2px 3px rgba(50,50,50,0.75) ;
 box-shadow:0 2px 3px rgba(50,50,50,0.75) 
}
#footer .bar .footerInfo.click.quality .footerIcon {
 background-position:-175px -69px
}
#footer .bar .footerInfo.click.article .footerIcon {
 background-position:-228px -69px
}
#footer .bar .footerInfo.click.shopping .footerIcon {
 background-position:-60px -100px
}
#footer .bar .footerInfo.click.shipping .footerIcon {
 background-position:-119px -95px
}
#footer .bar .footerInfo:hover {
 background:white;
 color:#d31f37
}
#footer .bar .footerInfo:hover.quality .footerIcon {
 background-position:-175px -69px
}
#footer .bar .footerInfo:hover.article .footerIcon {
 background-position:-228px -69px
}
#footer .bar .footerInfo:hover.shopping .footerIcon {
 background-position:-60px -100px
}
#footer .bar .footerInfo:hover.shipping .footerIcon {
 background-position:-119px -95px
}
#footer .bar .footerInfo .footerIcon {
 background:url(../../img/sprite.png) no-repeat;
 display:inline-block;
 position:relative;
 width:20px;
 height:20px;
 top:5px;
 right:5px
}
#footer .bar .footerInfo .hoverBottom {
 margin:5px;
 line-height:28px;
 cursor:pointer;
 font-size:11px;
 text-transform:uppercase
}
#footer .bar .footerInfo .footerHover {
 position:absolute;
 width:215px;
 bottom:40px;
 z-index:-1;
 background:white;
 height:0px;
 overflow:hidden;
 box-sizing:border-box;
 -webkit-box-shadow:0 0 10px rgba(50,50,50,0.75) ;
 -moz-box-shadow:0 0 10px rgba(50,50,50,0.75) ;
 box-shadow:0 0 10px rgba(50,50,50,0.75) ;
 -webkit-transition:height 1s;
 -moz-transition:height 1s;
 -o-transition:height 1s;
 transition:height 1s
}
#footer .bar .footerInfo .footerHover.click {
 overflow:hidden;
 height:250px
}
#footer .bar .footerInfo .footerHover .hoverBottom {
 bottom:10px;
 position:absolute;
 width:100%;
 left:0;
 color:#d31f37
}
#footer .bar .footerInfo .footerHover p,#footer .bar .footerInfo .footerHover h4 {
 padding:15px;
 text-align:left;
 color:black
}
#footer .bar .footerInfo .footerHover p {
 padding-top:0
}
#footer .bar .footerInfo .footerHover h4 {
 margin-bottom:5px;
 padding-bottom:0px;
 font-size:14px;
 line-height:19px
}
#footer #panel {
 margin:0;
 border:0;
 background:transparent;
 margin-top:20px
}
#footer #footerColumns {
 background:#616161;
 overflow:auto;
 width:100%
}
#footer dl {
 border-right:0;
 background:#616161;
 height:300px;
 width:235px;
 padding:0 10px;
 box-sizing:border-box;
 margin:0
}
#footer dl:first-of-type {
 margin-left:10px;
 border-left:none
}
#footer dl:last-of-type {
 margin-right:10px
}
#footer dl#footerServices {
 border-left:1px solid white
}
#footer dl .list a {
 color:white;
 font-size:11px;
 text-shadow:none;
 text-transform:uppercase
}
#footer dl .list a.oxagb {
 margin-top:15px
}
#footer dl .list a:hover {
 text-decoration:underline;
 background:transparent
}
#footer dl dt {
 color:white;
 font-size:14px;
 line-height:17px;
 padding:15px 20px;
 text-transform:none
}
#footer dl #payment_img {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-500px -30px;
 border:none;
 margin:0px 20px;
 width:170px;
 height:70px;
 float:left;
 margin-bottom:60px
}
#footer dl .delivery {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-620px -110px;
 border:none;
 margin:0px 20px;
 width:50px;
 height:30px;
 float:left;
 margin-bottom:30px
}
#footer dl .quality {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-313px -30px;
 border:none;
 margin:0px 20px;
 width:167px;
 height:60px;
 float:left
}
#footer dl .list.categories,#footer dl .list.services {
 margin-bottom:20px
}
#footer dl .footerIcon {
 border:none;
 margin:0 5px;
 cursor:pointer;
 width:30px;
 height:30px;
 float:left
}
#footer dl .facebook {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-130px -30px;
 margin-left:20px
}
#footer dl .twitter {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-175px -30px
}
#footer dl .xing {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-220px -30px
}
#footer .bar.bottom {
 width:100%;
 overflow:auto;
 position:relative;
 box-sizing:border-box;
 height:40px
}
#footer .bar.bottom .deliveryinfo {
 padding:12px;
 padding-right:10px
}
#recommendationsBox {
 display:none
}
div.sidebarLeft #content {
 width:620px
}
#sidebar {
 width:300px;
 margin-bottom:0
}
#sidebar .categoryBox {
 border:0px solid white;
 border-radius:0px;
 text-transform:uppercase;
 font-size:11px
}
#sidebar .categoryBox .tree>li {
 background:rgba(255,255,255,0.6)
}
#sidebar .categoryBox .tree>li>a {
 color:black;
 background:white;
 border:0px solid white;
 padding:14px 10px;
 box-shadow:none;
 font-size:11px;
 line-height:12px
}
#sidebar .categoryBox .tree>li>a i {
 display:none
}
#sidebar .categoryBox .tree>li>a:before {
 margin-top:3px;
 float:left;
 margin-left:10px;
 margin-right:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#000 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#sidebar .categoryBox .tree>li>a:hover {
 background:white;
 color:#d31f37
}
#sidebar .categoryBox .tree>li>a:hover:before {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#d31f37 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#sidebar .categoryBox .tree>li.active>a {
 background:white;
 color:#d31f37
}
#sidebar .categoryBox .tree>li.active>a:before {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#d31f37 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#sidebar .categoryBox .tree>li ul {
 padding:18px 20px 13px 20px;
 background:none
}
#sidebar .categoryBox .tree>li ul .active a {
 color:#d31f37
}
#sidebar .categoryBox .tree>li ul li {
 background:none
}
#sidebar .categoryBox .tree>li ul a {
 background:transparent;
 border:0;
 padding:0;
 box-shadow:none;
 color:black;
 margin-bottom:5px
}
#sidebar .categoryBox .tree>li ul a:hover {
 color:#d31f37
}
.active #sidebar .categoryBox .tree>li ul a {
 color:#d31f37
}
#sidebar .categoryBox .tree a>i {
 background:none;
 display:none
}
#sidebar .categoryBox .tree li.exp>a>i span {
 background:none
}
#sidebar .categoryBox .tree li.active>a>i span {
 background:none
}
.sidebarLeft #printArticle {
 margin-bottom:20px
}
#content .categoryHeader {
 position:relative;
 min-height:64px
}
#content .pageHead.productList {
 text-align:center;
 background:rgba(255,255,255,0.8);
 color:black;
 padding:16px;
 text-shadow:none;
 margin:0;
 position:absolute;
 width:100%;
 box-sizing:border-box
}
#content .categoryPicture {
 margin:0;
 display:block;
 height:220px
}
#content .listRefine {
 margin:0;
 border:0;
 margin-bottom:20px;
 background:transparent;
 z-index:100
}
#content .refineParams {
 padding:10px;
 margin:0;
 border:0;
 margin-bottom:20px;
 background:rgba(255,255,255,0.6)
}
#content .refineParams.bottomParams {
 margin:20px 0 0
}
#content .refineParams .pagerContainer {
 float:right;
 width:230px
}
#content .refineParams .pagerContainer p {
 font-weight:700;
 margin-bottom:10px;
 text-align:left
}
#content .refineParams .pagerContainer .pager {
 float:right;
 background:white;
 text-align:center;
 width:204px;
 padding:13px;
 margin:0;
 border:0;
 position:relative
}
#content .refineParams .pagerContainer .pager .active {
 background:none;
 color:#d31f37
}
#content .refineParams .pagerContainer .pager .page {
 padding:0
}
#content .refineParams .pagerContainer .pager .prev,#content .refineParams .pagerContainer .pager .next {
 position:relative;
 padding:0;
 background:none;
 margin-top:3px
}
#content .refineParams .pagerContainer .pager .prev {
 float:left;
 margin-left:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent #000 transparent transparent;
 border-width:4px 6.928px 4px 0
}
#content .refineParams .pagerContainer .pager .next {
 float:right;
 margin-right:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #000;
 border-width:4px 0 4px 6.928px
}
#content .refineParams #sortItems {
 width:230px
}
#content .refineParams #sortItems p:after {
 float:right;
 margin-top:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#000 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#content .refineParams #sortItems ul.drop {
 width:230px !important
}
#content .refineParams #itemsPerPage {
 width:120px;
 float:right
}
#content .refineParams #itemsPerPage p:after {
 float:right;
 margin-top:3px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#000 transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#content .refineParams #itemsPerPage ul.drop {
 width:120px !important
}
#content .refineParams #viewOptions {
 display:none
}
.emptyCategory {
 padding:20px;
 background:rgba(255,255,255,0.6)
}
.lineView .productDataproductData {
 height:140px;
 padding:0;
 background:rgba(255,255,255,0.6);
 margin-bottom:10px;
 position:relative
}
.lineView .pictureBox {
 width:140px;
 height:140px;
 line-height:normal
}
.lineView .pictureBox img {
 height:100%
}
.lineView .infoBox {
 width:240px;
 float:left;
 height:140px;
 padding:20px;
 box-sizing:border-box
}
.lineView .infoBox .info {
 padding:0;
 height:auto
}
.lineView .infoBox .info .title {
 font-size:14px;
 font-weight:700;
 height:58px;
 width:240px;
 display:block
}
.lineView .infoBox .info .title:hover {
 color:#d31f37
}
.lineView .infoBox .functions {
 position:absolute;
 left:0;
 width:auto;
 bottom:0;
 padding:20px
}
.lineView .infoBox .functions .price {
 margin:0
}
.lineView .infoBox .functions .compare {
 display:none
}
.lineView .productButton {
 position:absolute;
 right:0;
 bottom:0;
 float:right;
 width:200px;
 margin:20px
}
.lineView #amountPrice,.lineView #bulkdiscount {
 display:none
}
.subcatList {
 background:rgba(255,255,255,0.6);
 padding-bottom:20px
}
.subcatList li .box {
 width:180px;
 margin:20px 0 0 20px
}
.subcatList li .box:first-child {
 margin-left:20px
}
.subcatList li .box h3 {
 background:#d31f37;
 text-shadow:none
}
.subcatList li .box .content {
 border:1px solid #d31f37
}
.subcatList li .box .content .subcatPic img {
 width:100%;
 height:100%
}
.categoryTopDescription,.categoryTopLongDescription {
 background:rgba(255,255,255,0.6);
 padding:20px;
 margin:0;
 font-size:13px;
 margin-top:20px
}
.categoryTopDescription p,.categoryTopLongDescription p {
 margin-bottom:0
}
#sidebar .asn+.categoryBox {
 display:none
}
.productMainInfo {
 width:100%;
 padding:15px;
 box-sizing:border-box;
 background:white
}
.productMainInfo .itemCode {
 color:black
}
#productTitle {
 text-shadow:none;
 padding:0;
 font-weight:700;
 font-size:14px;
 margin:0;
 z-index:1
}
.shortDescription {
 background:rgba(255,255,255,0.6);
 padding:15px;
 font-size:11px;
 line-height:14px
}
#detailsSidebar {
 width:300px;
 background:transparent;
 margin-left:20px;
 float:right
}
#detailsSidebar .information {
 width:100%;
 min-height:100px;
 margin-bottom:20px
}
#detailsSidebar #productDeliveryTime {
 background:#78b827;
 text-align:left;
 color:white;
 padding:13px;
 width:100%;
 border:0;
 display:block;
 box-sizing:border-box;
 margin:0;
 line-height:14px
}
#detailsSidebar #productDeliveryTime span {
 background:none
}
#detailsSidebar #productDeliveryTime.lowStock {
 background:#D4BC20
}
#detailsSidebar #productDeliveryTime.notOnStock {
 background:#d31f37;
 text-align:center
}
#detailsSidebar #variants {
 padding:0;
 margin-bottom:0
}
#detailsSidebar .variantReset {
 display:none
}
#detailsSidebar .additionalInfo {
 padding:0
}
#detailsSidebar .selectMessage {
 color:white
}
#detailsSidebar .selectorsBox p.underlined {
 border:0;
 background:#616161;
 color:white;
 height:auto
}
.tobasket {
 background:white
}
.tobasket .priceOld {
 margin-bottom:0;
 text-align:center;
 padding-top:20px
}
.tobasket #productPrice {
 padding:20px;
 overflow:auto;
 display:block
}
.tobasket #productPrice strong {
 display:block;
 text-align:center;
 margin:0;
 font-size:18px
}
.tobasket #productWeight {
 text-align:center;
 display:block;
 margin:10px
}
.tobasket #bulkdiscount {
 display:block !important;
 width:auto !important;
 top:0 !important;
 left:0 !important;
 position:relative;
 border:1px solid #e8e8e8;
 margin:5px 20px 10px 20px
}
.tobasket #bulkdiscount li {
 padding:15px;
 border-bottom:1px solid #e8e8e8
}
.tobasket #bulkdiscount li span {
 float:right
}
.tobasket #bulkdiscount li:last-of-type {
 border:0
}
.tobasket #bulkdiscount li:first-of-type {
 background:#e8e8e8
}
.tobasket #bulkdiscount li:first-of-type span {
 float:none
}
.tobasket #bulkdiscount li:first-of-type span h4 {
 margin:0;
 font-weight:400
}
.tobasket .selector {
 display:none
}
.tobasket .social {
 display:none
}
.tobasket .variantMessage {
 text-align:center;
 padding-top:10px
}
.tobasket #productPriceUnit {
 display:block;
 text-align:center
}
.tobasket .oldPrice {
 text-align:center;
 margin-top:5px
}
.tobasketFunction {
 width:100%;
 padding:20px;
 padding-top:5px;
 box-sizing:border-box
}
.tobasketFunction #amountToBasket {
 float:none;
 margin:0 auto;
 text-align:center;
 width:80px;
 height:40px;
 margin-bottom:20px;
 display:block
}
.tobasketFunction #toBasket {
 width:100%;
 padding:15px;
 margin:0px;
 box-sizing:border-box;
 height:auto;
 text-shadow:none;
 text-align:left;
 background:#d31f37;
 position:relative
}
.tobasketFunction #toBasket:hover {
 background:#616161
}
.tobasketFunction #toBasket:after {
 border:0;
 background:url(../../img/sprite.png) no-repeat;
 background-position:-30px -60px;
 width:20px;
 height:20px;
 position:absolute;
 right:20px;
 top:9px
}
.tobasketFunction p {
 text-align:center;
 margin-bottom:10px
}
button[disabled].submitButton,button[disabled].submitButton:hover {
 background:#d31f37;
 opacity:0.7
}
#loginToNotice,#linkToNoticeList {
 width:100%;
 padding:15px;
 background:#616161;
 box-sizing:border-box;
 line-height:12px;
 color:white;
 margin-top:10px;
 position:relative
}
#loginToNotice:after,#linkToNoticeList:after {
 border:0;
 content:'';
 background:url(../../img/sprite.png) no-repeat;
 background-position:-240px -100px;
 width:20px;
 height:20px;
 position:absolute;
 right:15px;
 top:12px
}
#questionMail,#printArticle {
 background:white;
 width:100%;
 display:inline-block;
 padding:15px;
 box-sizing:border-box;
 text-transform:uppercase;
 position:relative
}
#questionMail:after,#printArticle:after {
 border:0;
 content:'';
 width:20px;
 height:20px;
 position:absolute;
 right:15px;
 top:12px
}
#questionMail {
 border-top:1px solid #ADADAD
}
#questionMail:after {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-270px -100px
}
#printArticle {
 border-top:1px solid #ADADAD
}
#printArticle:after {
 background:url(../../img/sprite.png) no-repeat;
 background-position:-298px -100px
}
#detailsSidebar .dropDown {
 width:100%;
 padding-right:0;
 background:#616161;
 color:white;
 margin-bottom:1px
}
#detailsSidebar .dropDown p:after {
 float:right;
 margin-top:3px;
 margin-right:5px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#fff transparent transparent transparent;
 border-width:6.928px 4px 0 4px
}
#detailsSidebar .dropDown ul li p:after {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent #fff transparent;
 border-width:0 4px 6.928px 4px
}
#detailsSidebar .dropDown .value {
 border:0
}
#detailsSidebar .dropDown label {
 display:inline-block;
 margin:0;
 text-transform:none
}
#detailsSidebar .dropDown ul.drop {
 width:100% !important;
 top:0
}
#detailsSidebar .dropDown ul.drop a {
 border-bottom:0
}
#detailsSidebar .dropDown ul.drop li a,#detailsSidebar .dropDown ul.drop li p {
 background:#616161;
 color:white;
 height:auto
}
.attributes th {
 background:none;
 padding:15px;
 font-weight:400;
 width:60%;
 border-top:1px solid white
}
.attributes th strong {
 font-weight:300
}
.attributes td {
 width:40%;
 border-top:1px solid white
}
#detailsContent {
 width:620px;
 float:left
}
#detailsContent .detailsInfo {
 background:#ffffff
}
#detailsContent .detailsInfo #zoomTrigger {
 right:10px;
 bottom:10px;
 left:initial;
 top:initial;
 background:url(../../img/sprite.png) no-repeat;
 background-position:-150px -100px
}
#detailsContent .detailsInfo .picture {
 margin:0 auto;
 float:none;
 width:350px;
 height:350px;
 line-height:350px
}
#detailsContent .detailsInfo .picture a {
 width:350px;
 height:350px;
 line-height:350px;
 background:white
}
#detailsContent .cloud-zoom-big {
 box-sizing:border-box;
 left:505px !important;
 top:0 !important;
 width:300px !important;
 height:300px !important;
 border:2px solid #d31f37
}
#detailsContent .cloud-zoom-lens {
 border:2px solid #d31f37
}
#detailsContent .cloud-zoom-loading {
 display:none
}
#detailsContent .information {
 width:300px;
 min-height:320px
}
#detailsContent .otherPictures {
 background:rgba(255,255,255,0.6)
}
#detailsContent .otherPictures ul {
 margin:0;
 padding:10px
}
#detailsContent .otherPictures ul a {
 width:180px;
 padding:10px 0;
 padding-left:20px
}
#detailsContent .otherPictures ul a .artIcon {
 width:180px;
 background:white
}
#detailsContent .otherPictures .arrowButton.next {
 right:0
}
#detailsContent .otherPictures .arrowButton.prev {
 left:0
}
#detailsContent .detailsRelated {
 padding-top:0;
 margin-top:20px
}
.shadowLine {
 display:none
}
.marker {
 border:1px solid #d31f37;
 top:10px;
 left:20px;
 width:178px;
 height:96px
}
.marker img {
 display:none
}
.relatedInfo {
 background:transparent;
 width:100%;
 padding:0
}
.relatedInfo .tabbedWidgetBox {
 margin:0
}
.relatedInfo ul.tabs {
 z-index:1
}
.relatedInfo ul.tabs li {
 background:white;
 border:0;
 margin-right:2px;
 padding:15px 20px;
 text-shadow:none;
 font-weight:normal;
 height:12px;
 line-height:12px
}
.relatedInfo ul.tabs li.ui-state-active {
 background:rgba(255,255,255,0.6)
}
.relatedInfo ul.tabs li.ui-state-active a {
 color:#d31f37
}
.relatedInfo .tabbedWidgetBox .widgetBoxBottomRound {
 top:0
}
.relatedInfo .widgetBoxBottomRound {
 padding:0;
 border:0;
 margin:0
}
.relatedInfo #description {
 padding:0;
 line-height:14px
}
.relatedInfo #description h2 {
 font-size:14px
}
.relatedInfo #description>div {
 padding:20px
}
.relatedInfo #description .smallHead {
 padding:15px
}
.relatedInfo #description #attributes {
 padding:0
}
.relatedInfo #description .product_title_big {
 padding-bottom:0
}
.relatedInfo #comments {
 padding:0px;
 border:0;
 margin:0;
 background:rgba(255,255,255,0.6)
}
.relatedInfo #comments h4 {
 text-transform:none;
 font-size:14px;
 margin:0;
 padding:20px
}
.relatedInfo #downloads {
 background:rgba(255,255,255,0.6);
 padding:20px;
 border:0
}
.relatedInfo #downloads ul {
 margin:0 20px
}
.smallHead {
 color:white;
 padding:15px;
 margin-top:20px;
 background:#616161
}
#reviewsLogin {
 padding:20px
}
.reviewWrapper {
 margin-top:15px
}
#writeNewReview {
 display:none
}
.relatedInfo #comments h4 {
 color:black
}
#reviewHeader {
 background:#616161;
 color:white;
 height:40px;
 width:100%;
 box-sizing:border-box;
 padding:14px 18px
}
#review dl {
 padding:20px;
 border-top:1px solid white
}
#review dd {
 margin-top:5px
}
#review dt {
 font-weight:400;
 margin:0;
 padding:0;
 border:0
}
#review dt .rating {
 clear:none
}
#review dt .reviewDate {
 margin-bottom:3px
}
#review dt .reviewUser span {
 font-size:14px;
 font-weight:700;
 line-height:18px;
 margin-right:20px
}
#review dt ul.rating {
 background:url(../../img/stars.png) left top
}
#review dt .rating li.currentRate {
 background:url(../../img/stars.png) left bottom
}
#writeReview {
 display:block;
 overflow:auto;
 padding:0 20px
}
#writeReview .reviewRatingContainer {
 width:100%;
 background:rgba(255,255,255,0.6);
 padding:15px;
 box-sizing:border-box;
 overflow:auto;
 margin-bottom:10px
}
#writeReview .reviewRatingContainer p {
 float:left;
 margin:0;
 margin-right:15px;
 vertical-align:middle;
 line-height:20px
}
#writeReview #reviewRating {
 margin:0;
 clear:none
}
#writeReview textarea {
 margin:5px 0;
 padding:20px;
 width:100%;
 height:150px;
 box-sizing:border-box;
 background:transparent
}
ul.rating {
 background:url(../../img/stars.png) no-repeat left top;
 margin:5px 0 0
}
li.s1 {
 background:url(../../img/stars.png) left bottom
}
ul.rating li a:hover {
 background:url(../../img/stars.png) no-repeat 0 -18px
}
.rating li.currentRate {
 background:url(../../img/stars.png) left bottom
}
#reviewSave {
 background-color:#616161
}
#zoomModal {
 overflow:visible
}
#moreZoomPicsContainer {
 display:none
}
.zoomed {
 width:auto;
 height:100%
}
.zoomed img {
 display:block;
 width:100%;
 height:100%
}
.arrowButton {
 background:#616161;
 height:40px;
 width:40px;
 position:absolute;
 z-index:1100;
 top:50%;
 margin-top:-20px;
 cursor:pointer
}
.arrowButton.next {
 right:-20px
}
.arrowButton.next:after {
 float:right;
 margin-top:15px;
 margin-right:15px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #fff;
 border-width:4px 0 4px 6.928px
}
.arrowButton.prev {
 left:-20px
}
.arrowButton.prev:after {
 float:left;
 margin-top:15px;
 margin-left:15px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent #fff transparent transparent;
 border-width:4px 6.928px 4px 0
}
.persparamBox label {
 width:100%;
 text-align:center;
 display:block;
 margin:10px 0
}
.persparamBox input {
 margin:0 auto;
 width:150px;
 height:40px;
 padding:10px;
 display:block;
 float:none
}
#productWeight {
 display:block;
 padding-top:5px
}
#productinfo .tabbedWidgetBoxStart {
 float:left;
 width:940px;
 margin-top:60px;
 margin-bottom:40px;
 box-shadow:none;
 -webkit-box-shadow:none
}
.productBadge {
 position:absolute;
 z-index:1;
 width:60px;
 height:40px
}
.productBadge.top {
 background:#d31f37
}
.productBadge.new {
 background:#2e687c
}
.productBadge p {
 text-align:center;
 color:white;
 position:absolute;
 margin:0;
 top:50%;
 left:50%;
 margin-right:-50%;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 -ms-transform:translate(-50%, -50%);
 -o-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%)
}
#header .flyoutBox .flyoutMenu {
 background:white;
 border:0;
 padding:0;
 width:auto
}
#header .flyoutBox .flyoutMenu li {
 border:0
}
#header .flyoutBox .flyoutMenu li:last-of-type a {
 border:0
}
#header .flyoutBox .flyoutMenu a {
 color:black;
 padding:14px 20px;
 line-height:12px;
 border-bottom:1px solid #e8e8e8;
 white-space:nowrap
}
#header .flyoutBox .flyoutMenu a:hover {
 color:#d31f37 !important;
 background:white;
 text-decoration:none
}
#sidebar .sidebarMenu {
 height:auto !important;
 border:0
}
#sidebar .sidebarMenu li {
 background:white
}
#sidebar .sidebarMenu li.active {
 text-shadow:none
}
#sidebar .sidebarMenu li:last-of-type a {
 border:0
}
#sidebar .sidebarMenu li a {
 border-bottom:1px solid #e8e8e8;
 padding:14px 18px;
 line-height:12px
}
#sidebar .tree a:hover,#sidebar .tree li.active>a {
 background:#616161;
 color:white;
 box-shadow:none
}
.accountLoginView {
 margin-top:-10px
}
.accountLoginView h1 {
 background:#616161;
 color:white;
 text-align:left
}
.accountLoginView .lineBox {
 width:420px;
 min-height:245px;
 height:auto;
 float:left;
 padding:20px;
 position:relative;
 background:rgba(255,255,255,0.6);
 border:0
}
.accountLoginView .lineBox p {
 margin-bottom:0;
 padding:10px 0;
 width:210px
}
.accountLoginView .lineBox ul {
 margin:0 15px
}
.accountLoginView .lineBox ul.form {
 margin:0
}
.accountLoginView .lineBox ul.form li {
 padding:0
}
.accountLoginView .lineBox li {
 list-style:disc;
 padding:2px 0
}
.accountLoginView #optionLogin {
 margin-right:20px
}
.accountLoginView #openAccountLink {
 position:absolute;
 right:20px;
 bottom:20px
}
.accountLoginView .form {
 padding:0
}
.accountLoginView .form input {
 width:308px
}
.accountLoginView .form label {
 width:110px;
 padding-right:0;
 line-height:38px;
 margin:3px 0px 0px 0px
}
.accountLoginView .form .oxValidateError {
 padding:5px 0 5px 110px
}
.accountLoginView .forgotPasswordOpener {
 right:15px;
 top:18px
}
.accountLoginView #loginCookie {
 height:40px;
 width:18px
}
.accountLoginView .formSubmit {
 padding:0
}
.accountLoginView .formSubmit button {
 margin:0
}
#register,.addressCollumns,.checkoutCollumns {
 background:rgba(255,255,255,0.6)
}
#register h3,.addressCollumns h3,.checkoutCollumns h3 {
 margin:0 20px;
 padding:10px 0;
 border-bottom:1px solid #616161
}
#register .form,.addressCollumns .form,.checkoutCollumns .form {
 padding:20px 20px 20px
}
#register .form .submitButton,.addressCollumns .form .submitButton,.checkoutCollumns .form .submitButton {
 margin:0
}
#register .form li.formSubmit,.addressCollumns .form li.formSubmit,.checkoutCollumns .form li.formSubmit {
 padding-top:20px
}
#register .form li.formNote,.addressCollumns .form li.formNote,.checkoutCollumns .form li.formNote {
 padding:40px 0 20px
}
#register .form label,.addressCollumns .form label,.checkoutCollumns .form label {
 width:130px;
 line-height:40px;
 margin-top:5px
}
#register .form input[type="text"],#register .form input[type="password"],.addressCollumns .form input[type="text"],.addressCollumns .form input[type="password"],.checkoutCollumns .form input[type="text"],.checkoutCollumns .form input[type="password"] {
 width:255px
}
#register .form #newsSubscribed,.addressCollumns .form #newsSubscribed,.checkoutCollumns .form #newsSubscribed {
 width:19px;
 height:19px;
 margin-top:15px;
 padding:0
}
#register .form .inputNote,.addressCollumns .form .inputNote,.checkoutCollumns .form .inputNote {
 display:none
}
#register .form .oxValidateError,.addressCollumns .form .oxValidateError,.checkoutCollumns .form .oxValidateError {
 padding:5px 0 5px 140px
}
#register .form select,.addressCollumns .form select,.checkoutCollumns .form select {
 height:38px;
 width:255px;
 background:transparent;
 padding:10px;
 margin:5px 1px 3px 0px
}
#register .form input[data-fieldsize="pair-xsmall"],.addressCollumns .form input[data-fieldsize="pair-xsmall"],.checkoutCollumns .form input[data-fieldsize="pair-xsmall"] {
 width:212px
}
#register .form input[data-fieldsize="xsmall"],.addressCollumns .form input[data-fieldsize="xsmall"],.checkoutCollumns .form input[data-fieldsize="xsmall"] {
 width:38px
}
#register .form input[data-fieldsize="small"],.addressCollumns .form input[data-fieldsize="small"],.checkoutCollumns .form input[data-fieldsize="small"] {
 width:78px
}
#register .form input[data-fieldsize="pair-small"],.addressCollumns .form input[data-fieldsize="pair-small"],.checkoutCollumns .form input[data-fieldsize="pair-small"] {
 width:172px
}
#register .form .oxMonth,.addressCollumns .form .oxMonth,.checkoutCollumns .form .oxMonth {
 width:129px
}
#register .form .oxDay,#register .form .oxYear,.addressCollumns .form .oxDay,.addressCollumns .form .oxYear,.checkoutCollumns .form .oxDay,.checkoutCollumns .form .oxYear {
 margin-left:5px
}
#register .form .innerLabel,.addressCollumns .form .innerLabel,.checkoutCollumns .form .innerLabel {
 margin-left:15px
}
#register .checkoutCollumns {
 background:none
}
#content .pageHead {
 background:#616161;
 text-align:left;
 color:white;
 font-size:11px;
 line-height:12px;
 text-transform:uppercase;
 padding:14px 18px;
 text-shadow:none;
 margin-bottom:0
}
.accountDashboardView {
 background:rgba(255,255,255,0.6);
 overflow:auto
}
.accountDashboardView .col {
 padding:20px;
 padding-bottom:0
}
.accountDashboardView .col dl {
 margin-bottom:20px
}
.accountDashboardView .col dl:last-of-type {
 margin-bottom:0
}
.submitButton.largeButton {
 padding:14px 18px;
 line-height:12px;
 margin:20px;
 color:white;
 font-size:11px;
 width:auto;
 height:auto;
 text-shadow:none;
 font-weight:400;
 float:left;
 display:block;
 min-width:138px
}
#userChangeAddress,#userChangeShippingAddress {
 float:none;
 display:inline-block;
 margin-top:0;
 margin-bottom:0;
 text-align:left
}
h3.blockHead {
 line-height:32px;
 border-bottom:0;
 margin:10px
}
form[name="changepassword"] {
 background:rgba(255,255,255,0.6)
}
form[name="changepassword"] .form {
 padding:20px
}
form[name="changepassword"] .form label {
 width:120px;
 line-height:40px
}
form[name="changepassword"] .form input {
 width:230px
}
form[name="changepassword"] .form .formSubmit {
 padding-left:130px
}
form[name="changepassword"] .form button {
 float:left;
 margin:0
}
form[name="changepassword"] .form #passwordOld {
 margin:0
}
form[name="changepassword"] .form .oxValidateError {
 padding:5px 0 5px 130px
}
.form.inlineForm.clear {
 background:rgba(255,255,255,0.6);
 padding:20px;
 min-height:164px
}
.form.inlineForm.clear li {
 padding:0
}
.form.inlineForm.clear select {
 width:75px
}
.form.inlineForm.clear label {
 width:130px;
 line-height:38px
}
.form.inlineForm.clear .info {
 margin:20px 0
}
.form.inlineForm.clear .notice {
 border:0
}
#newsletterSettingsSave {
 float:none;
 margin:0;
 display:inline-block;
 margin-left:20px;
 background:#616161
}
.lineBox {
 background:none;
 border:none
}
.lineBox button.largeButton {
 float:right
}
.addressCollumns .collumn p {
 margin:10px
}
.success {
 color:#d31f37;
 border:1px solid #d31f37;
 background:#fff url(../../img/success-inline.png) no-repeat 15px 17px
}
.status {
 padding:15px 15px 15px 35px
}
.orderList,.box.info {
 width:auto;
 background:rgba(255,255,255,0.6);
 padding:20px;
 padding-bottom:0;
 min-height:143px
}
.orderList li,.box.info li {
 margin:0;
 border:0;
 background:white;
 padding:20px;
 margin-bottom:10px
}
.orderList li:first-child,.box.info li:first-child {
 padding-top:20px
}
.orderList li:last-of-type,.box.info li:last-of-type {
 margin-bottom:0
}
.orderList dt,.box.info dt {
 margin-right:20px;
 margin-bottom:10px;
 border-bottom:1px solid #e8e8e8
}
.orderList td h3,.box.info td h3 {
 padding-bottom:11px;
 padding-top:0
}
.orderList .orderhistory td,.box.info .orderhistory td {
 border-top:1px solid #e8e8e8;
 padding:10px 0
}
.orderList strong,.box.info strong {
 width:100px
}
.orderList .orderArtName,.box.info .orderArtName {
 font-weight:bold
}
#content .orderListBottom .bottomParams {
 margin:0
}
div.lineBox .largeButton {
 height:auto
}
form[name="order"] .lineBox {
 border:0;
 margin:0;
 padding:0;
 background:rgba(255,255,255,0.6)
}
form[name="order"] .lineBox #accUserSaveTop {
 float:left
}
.addressCollumns .collumn {
 width:100%
}
.addressCollumns .collumn .form {
 padding:0 20px
}
.addressCollumns .collumn .form label {
 width:138px
}
.addressCollumns .collumn .form li.formNote {
 padding:40px 0 0px
}
.addressCollumns .collumn h3.blockHead {
 margin:20px;
 padding:0
}
.addressCollumns .collumn #addressText {
 padding:0 20px
}
.addressCollumns .collumn #showShipAddress {
 margin-left:10px;
 margin-top:0px
}
.addressCollumns .collumn #shippingAddressText {
 padding:0;
 margin-top:20px
}
label[for="oxYear"],label[for="oxDay"] {
 top:3px !important
}
#noticelistProductList {
 background:rgba(255,255,255,0.6);
 padding:20px
}
#noticelistProductList .productDataproductData {
 background:white;
 height:auto
}
#noticelistProductList .productDataproductData:last-of-type {
 margin-bottom:0
}
#noticelistProductList .productDataproductData .pictureBox {
 height:198px;
 line-height:198px
}
#noticelistProductList .productDataproductData .pictureBox img {
 width:100%;
 height:auto
}
#noticelistProductList .lineView li.productDataproductData:last-of-type {
 margin-bottom:0
}
#noticelistProductList .infoBox {
 height:auto;
 width:440px
}
#noticelistProductList .infoBox .info {
 height:50px
}
#noticelistProductList .infoBox .functions {
 position:relative;
 padding:35px 0 0
}
#noticelistProductList .infoBox .functions .productButton {
 display:none
}
#noticelistProductList .infoBox .functions .tobasketFunction {
 padding:0;
 padding-top:10px
}
#noticelistProductList .infoBox .functions .tobasketFunction button {
 margin:0
}
#noticelistProductList .infoBox .functions .tobasketFunction .submitButton {
 background:#616161;
 width:200px;
 margin-right:10px;
 text-align:left
}
#noticelistProductList .infoBox .functions .tobasketFunction .submitButton:hover {
 background:#d31f37
}
#noticelistProductList .infoBox .functions .tobasketFunction .removeButton {
 background:#d31f37;
 width:140px;
 margin-right:0;
 text-align:center
}
#noticelistProductList .infoBox .functions .tobasketFunction .removeButton:after {
 display:none
}
#noticelistProductList .infoBox .functions .tobasketFunction .removeButton:hover {
 background:#616161
}
#noticelistProductList .infoBox .functions .tobasketFunction input {
 height:40px;
 margin:0;
 width:40px;
 padding:15px;
 margin-right:10px
}
.tree.sidebarMenu+.categoryBox {
 display:none !important
}
.tree.sidebarMenu+.categoryBox+span {
 display:none !important
}
div.sidebarRight #sidebar {
 display:none
}
div.sidebarRight #content {
 width:940px
}
.contactPage {
 background:rgba(255,255,255,0.6);
 width:440px;
 margin:0 auto
}
.contactPage .contactBox {
 padding:35px 20px 15px
}
.contactPage .contactBox span,.contactPage .contactBox strong {
 display:block
}
.contactPage .hotlineBoxContainer {
 display:inline-block;
 width:100%
}
.contactPage .hotlineBoxContainer .hotlineSubline {
 float:right;
 color:#d31f37;
 margin-top:5px
}
.contactPage .hotlineBox {
 border:1px solid #d31f37;
 margin-top:20px
}
.contactPage .hotlineBox .hotlineIcon {
 background:url(../../img/sprite.png) no-repeat;
 background-color:#d31f37;
 background-position:-322px -90px;
 display:inline-block;
 float:left;
 height:55px;
 width:55px
}
.contactPage .hotlineBox span {
 font-size:26px;
 line-height:55px;
 color:#d31f37;
 font-weight:bold;
 display:inline-block;
 vertical-align:middle;
 margin-left:20px;
 margin-right:20px
}
.contactPage .cms_contactform_custom_text {
 padding:0 20px 15px
}
.contactPage .cms_contactform_custom_text h4 {
 font-size:18px;
 font-weight:normal;
 margin-bottom:18px
}
.form {
 padding:10px 20px;
 width:100%;
 box-sizing:border-box
}
.form label {
 width:80px
}
.form li {
 width:auto;
 padding:0
}
.form select {
 height:38px;
 width:331px;
 padding:10px;
 border:1px solid #616161;
 background:transparent
}
.form select option {
 background:none;
 color:black;
 padding:0
}
.form input {
 background:transparent;
 border:1px solid #616161;
 height:38px;
 width:303px;
 padding:10px
}
.form textarea {
 width:272px;
 height:148px;
 background:transparent;
 padding:10px;
 border:1px solid #616161
}
.form .verify img {
 height:36px;
 width:78px;
 border:1px solid #616161;
 margin-top:5px
}
.form .verify input {
 width:223px
}
.form .oxValidateError {
 padding:5px 0 5px 90px
}
.form .oxInValid input {
 border-color:#d31f37;
 background:rgba(211,31,55,0.1)
}
.form .oxInValid label {
 color:black
}
.form .oxInValid p {
 color:#d31f37
}
.form li.formNote {
 padding:15px 0 10px 105px
}
.form .submitButton {
 margin:10px;
 margin-left:105px;
 text-align:left;
 width:160px
}
.contactPage .form label {
 width:95px;
 line-height:38px;
 padding-top:5px
}
.contactPage .form select {
 width:294px;
 margin:5px 1px 3px 0px
}
.contactPage .form input {
 width:294px
}
.contactPage .form textarea {
 width:272px
}
.contactPage .form .verify input {
 width:209px
}
.checkoutSteps {
 background:#d31f37;
 border:0
}
.checkoutSteps li {
 height:40px;
 margin-left:-20px;
 text-align:center
}
.checkoutSteps li.active {
 background-position:100% -40px
}
.checkoutSteps li.passed {
 background-position:100% -60px
}
.checkoutSteps li.step5 {
 margin-left:0
}
.checkoutSteps li span {
 line-height:40px;
 color:white;
 margin-left:-20px;
 padding:0
}
.checkoutSteps li span a {
 color:white
}
.lineBox.top {
 display:none
}
#basketContainer,#basketContent {
 background:rgba(255,255,255,0.6);
 padding:20px;
 padding-bottom:0;
 margin-bottom:0;
 overflow:auto
}
#basketContainer td,#basketContainer th,#basketContent td,#basketContent th {
 font-size:11px
}
#basketContainer .basketitems th,#basketContent .basketitems th {
 color:#616161;
 border-bottom:1px solid #999;
 text-transform:UPPERCASE;
 padding-bottom:10px
}
#basketContainer .basketitems th:last-of-type,#basketContent .basketitems th:last-of-type {
 padding-left:30px
}
#basketContainer .basketitems tr:last-child td,#basketContent .basketitems tr:last-child td {
 border-bottom:1px solid #999
}
#basketContainer .basketitems td,#basketContent .basketitems td {
 border-top:1px solid #999;
 padding-top:20px;
 padding-bottom:20px
}
#basketContainer input[type="checkbox"],#basketContent input[type="checkbox"] {
 width:15px;
 margin:0
}
#basketContainer .basketImage img,#basketContent .basketImage img {
 width:100px;
 height:100px
}
#basketContainer .productName,#basketContent .productName {
 text-align:left;
 padding-left:10px
}
#basketContainer .productNameBox,#basketContent .productNameBox {
 padding-left:10px
}
#basketContainer .productNameBox b,#basketContent .productNameBox b {
 font-size:14px
}
#basketContainer .productNameBox p,#basketContent .productNameBox p {
 margin-left:20px
}
#basketContainer .smallFont,#basketContent .smallFont {
 width:270px;
 margin-bottom:3px;
 font-size:11px
}
#basketContainer .quantity input,#basketContent .quantity input {
 margin:0 auto;
 display:block;
 width:40px;
 height:40px;
 text-align:center;
 background:transparent;
 margin-left:0
}
#basketContainer .unitPrice,#basketContainer .vatPercent,#basketContent .unitPrice,#basketContent .vatPercent {
 text-align:center
}
#basketContainer .vatPercent,#basketContainer .unitPrice,#basketContent .vatPercent,#basketContent .unitPrice {
 padding:0 30px
}
#basketContainer .quantity,#basketContent .quantity {
 padding-left:0;
 padding-right:60px
}
#basketContainer .unitPrice s,#basketContent .unitPrice s {
 display:none;
 color:#d31f37;
 margin-top:8px
}
#basketContainer .basketFunctions #checkAll,#basketContent .basketFunctions #checkAll {
 height:15px
}
#basketContainer .basketFunctions #basketRemoveAll,#basketContent .basketFunctions #basketRemoveAll {
 margin-left:10px
}
#basketContainer .basketFunctions button,#basketContent .basketFunctions button {
 color:#d31f37
}
#basketContainer .basketFunctions button:hover span,#basketContent .basketFunctions button:hover span {
 text-decoration:underline
}
#basketContainer .basketFunctions span,#basketContent .basketFunctions span {
 border-right:1px solid #d31f37;
 padding:0 10px;
 font-size:11px
}
#basketContainer .basketFunctions #basketUpdate span,#basketContent .basketFunctions #basketUpdate span {
 border:0
}
#basketContainer #basketSummary,#basketContent #basketSummary {
 width:450px
}
#basketContainer #basket,#basketContent #basket {
 margin-bottom:30px
}
#basketContainer .summary table th,#basketContent .summary table th {
 border-top:1px solid #999
}
#basketContainer .summary table td,#basketContent .summary table td {
 text-align:right;
 width:90px;
 padding:15px 0;
 border-bottom:1px solid #999;
 border-top:1px solid #999
}
#basketContainer .summary table tr:last-child td,#basketContainer .summary table tr:last-child th,#basketContent .summary table tr:last-child td,#basketContent .summary table tr:last-child th {
 border-bottom-width:0
}
#basketContainer .summary table tr:first-child td,#basketContainer .summary table tr:first-child th,#basketContent .summary table tr:first-child td,#basketContent .summary table tr:first-child th {
 border-top-width:0
}
#basketContainer tbody,#basketContent tbody {
 border-bottom:1px solid gray
}
#basketContainer tbody .vatPercent,#basketContainer tbody .unitPrice,#basketContainer tbody .totalPrice,#basketContent tbody .vatPercent,#basketContent tbody .unitPrice,#basketContent tbody .totalPrice {
 line-height:40px
}
#basketContainer #basketVoucher,#basketContent #basketVoucher {
 padding-bottom:20px;
 border-top:1px solid gray;
 margin-top:2px;
 width:450px;
 float:right
}
#basketContainer .couponBox,#basketContent .couponBox {
 top:0;
 border:0;
 position:relative;
 width:auto;
 padding-bottom:0;
 padding-top:40px
}
#basketContainer .couponBox label,#basketContent .couponBox label {
 margin-right:10px;
 font-size:11px
}
#basketContainer .couponBox .textbox,#basketContent .couponBox .textbox {
 margin:0;
 width:210px;
 height:40px;
 background:transparent;
 border:1px solid #616161
}
#basketContainer .couponBox .submitButton,#basketContent .couponBox .submitButton {
 text-align:left
}
#basketContainer .couponBox p.oxValidateError,#basketContent .couponBox p.oxValidateError {
 padding-left:90px
}
#basketContainer+.lineBox,#basketContent+.lineBox {
 background:rgba(255,255,255,0.6);
 margin:0;
 padding:0
}
#basketContainer .stockFlag,#basketContent .stockFlag {
 background:url(../../img/stockstatus.png) no-repeat 2px -43px;
 padding-left:21px;
 width:269px;
 display:block;
 margin-top:13px
}
#basketContainer .lowStock,#basketContent .lowStock {
 background-position:2px 3px;
 height:15px
}
#basketContainer .notOnStock,#basketContent .notOnStock {
 background-position:2px -22px
}
.removeFn {
 padding-bottom:2px;
 padding-top:2px
}
.crossSelling td {
 border-top:0 !important
}
.crossSelling button {
 float:left;
 margin:10px 0 0
}
.crossSelling img {
 width:100px;
 height:100px
}
.crossSelling p {
 margin-bottom:15px;
 LINE-HEIGHT:15px;
 text-transform:uppercase;
 text-align:left;
 margin-left:5px;
 font-size:13px
}
.crossSelling .crossTitle {
 padding-top:50px !important;
 font-size:14px !important;
 padding-left:10px !important
}
.crossSelling .basketImage,.crossSelling .crossTitle,.crossSelling .crossAdd {
 border-top:1px solid #999 !important
}
.checkoutOptions p {
 padding:10px 0
}
.checkoutOptions .lineBox {
 width:420px;
 min-height:150px;
 height:auto;
 float:left;
 padding:20px;
 position:relative;
 background:rgba(255,255,255,0.6);
 border:0
}
.checkoutOptions .lineBox p {
 margin-bottom:0;
 width:210px
}
.checkoutOptions .lineBox ul {
 margin:0 15px
}
.checkoutOptions .lineBox ul.form {
 margin:0
}
.checkoutOptions .lineBox ul.form li {
 padding:0
}
.checkoutOptions .lineBox li {
 list-style:disc;
 padding:2px 0
}
.checkoutOptions #optionLogin {
 margin-right:0
}
.checkoutOptions .submitButton {
 margin:0
}
.checkoutOptions .submitButton.nextStep {
 position:absolute;
 text-align:left;
 right:20px;
 bottom:20px;
 width:160px
}
.checkoutOptions .form {
 padding:0
}
.checkoutOptions .form input {
 width:308px !important
}
.checkoutOptions .form .oxValidateError {
 padding:5px 0 5px 20px
}
.checkoutOptions .form label {
 width:110px;
 padding-right:0;
 line-height:38px;
 margin:3px 0px 0px 0px
}
.checkoutOptions .forgotPasswordOpener {
 right:15px;
 top:18px
}
.checkoutOptions #loginCookie {
 height:40px;
 width:18px
}
.checkoutOptions .formSubmit {
 padding:0
}
.checkoutOptions .formSubmit button {
 margin:0
}
.checkoutCollumns {
 margin-top:20px
}
#showShipAddress {
 width:20px;
 height:20px;
 margin-left:20px;
 margin-top:40px
}
label[for="showShipAddress"] {
 position:relative;
 top:-5px;
 left:10px
}
#userChangeAddress.submitButton.largeButton,#userChangeShippingAddress.submitButton.largeButton {
 width:150px
}
#register .form .innerLabel {
 margin-top:1px
}
#register .form textarea {
 width:235px
}
.lineBox {
 background:transparent
}
.lineBox .form li.formNote {
 padding-bottom:0
}
.lineBox .billingAddress h3 {
 margin-right:0
}
.lineBox .collumn.shippingAddress h3 {
 margin-left:0
}
.lineBox .collumn.shippingAddress input {
 margin-left:0
}
.lineBox .collumn.shippingAddress .form {
 padding:10px 20px;
 padding-left:0
}
.lineBox .collumn.shippingAddress .form .innerLabel {
 line-height:15px;
 margin-top:15px
}
.lineBox .collumn.shippingAddress .form label {
 line-height:15px
}
.lineBox .collumn.shippingAddress .form #orderRemark {
 width:235px
}
.prevStep.submitButton.largeButton {
 height:40px;
 width:102px;
 line-height:12px;
 text-align:right;
 font-weight:normal
}
.prevStep.submitButton.largeButton:after {
 float:left;
 margin-left:0px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent #fff transparent transparent;
 border-width:4px 6.928px 4px 0
}
.error {
 color:#d31f37;
 border:1px solid #d31f37;
 background:white;
 padding-left:55px;
 position:relative;
 font-weight:bold
}
.error:before {
 border:0;
 content:'';
 width:31px;
 height:30px;
 position:absolute;
 left:13px;
 top:9px;
 background:#fff url(../../img/sprite.png) no-repeat -379px -99px
}
#addressStep .lineBox {
 background:rgba(255,255,255,0.6)
}
#addressStep p {
 margin:0
}
#addressStep .checkoutCollumns {
 padding:20px 20px 0
}
#addressStep .checkoutCollumns .blockHead {
 margin:0;
 padding:0;
 height:40px
}
#addressStep .checkoutCollumns .form {
 padding:20px 0px 0px
}
#addressStep .checkoutCollumns .form label {
 margin-top:0
}
#addressStep .checkoutCollumns .form label.innerLabel {
 width:295px
}
#addressStep .checkoutCollumns .form label[for="subscribeNewsletter"] {
 width:120px;
 line-height:20px
}
#addressStep #showShipAddress {
 margin-left:0;
 margin-top:20px
}
#addressStep #subscribeNewsletter {
 height:20px;
 width:20px;
 margin:0;
 margin-left:10px
}
#addressStep .form .note {
 padding:20px 0
}
#addressStep .innerLabel.textArea {
 padding:15px 10px;
 margin-left:0;
 width:100%;
 box-sizing:border-box;
 line-height:normal
}
#shipping ul {
 display:none
}
#shipSetCost {
 padding-top:0;
 padding-bottom:45px
}
.paymentContainer {
 background:rgba(255,255,255,0.6);
 padding:20px;
 margin-top:20px
}
.paymentContainer h3 {
 border-bottom:1px solid #999;
 margin:0;
 padding:0;
 padding-bottom:15px;
 margin-bottom:35px;
 line-height:20px
}
.paymentContainer p {
 font-weight:bold;
 margin-bottom:20px
}
.paymentContainer select {
 height:40px;
 border:1px solid #616161;
 background:transparent;
 padding:10px
}
.paymentContainer select option {
 background:none;
 color:black
}
.paymentContainer .lineBlock {
 display:none
}
.paymentContainer input {
 width:20px;
 height:20px;
 margin:0
}
.paymentContainer label {
 display:inline-block;
 vertical-align:top;
 margin-left:5px
}
.paymentContainer label b {
 line-height:20px
}
.paymentContainer .lineBox {
 padding:0;
 margin:0;
 padding-top:30px;
 background:transparent !important
}
.paymentContainer .lineBox button,.paymentContainer .lineBox a {
 margin:0
}
.paymentContainer .form label {
 width:150px;
 line-height:40px;
 margin-bottom:5px
}
.paymentContainer .form input {
 width:250px;
 height:40px;
 margin-bottom:5px
}
.paymentContainer .form select {
 width:250px
}
.paymentContainer .form .note {
 padding-left:430px;
 padding-top:0
}
.paymentContainer .desc {
 margin-left:185px;
 margin-bottom:40px
}
.paymentContainer .note.visa {
 padding-left:165px;
 padding-top:10px;
 display:none
}
.paymentContainer .payment dl dd {
 margin-left:4px
}
.deliveryNotice {
 margin-bottom:40px
}
.paymentNotice {
 margin-bottom:10px
}
.lineBox.orderStep {
 background:rgba(255,255,255,0.6);
 padding:20px;
 margin-bottom:0;
 padding-bottom:0
}
.lineBox.orderStep .title {
 color:black;
 text-shadow:none;
 float:left;
 font-size:14px;
 padding-bottom:20px;
 border-bottom:1px solid #616161;
 width:100%;
 text-transform:none
}
#orderAddress,#orderShipping,#orderPayment,#orderEditCart {
 background:rgba(255,255,255,0.6);
 overflow:auto;
 padding:20px;
 margin:0
}
#orderAddress .submitButton.largeButton,#orderShipping .submitButton.largeButton,#orderPayment .submitButton.largeButton,#orderEditCart .submitButton.largeButton {
 float:right;
 margin:0;
 width:150px
}
#orderAddress h3,#orderShipping h3,#orderPayment h3,#orderEditCart h3 {
 width:275px;
 border:0;
 text-transform:none;
 margin:0;
 padding-bottom:30px
}
#orderAddress strong,#orderShipping strong,#orderPayment strong,#orderEditCart strong {
 line-height:40px
}
#orderAddress form,#orderShipping form,#orderPayment form,#orderEditCart form {
 border-top:1px solid gray;
 padding-top:20px
}
#orderAddress form {
 border-top:0;
 padding-top:0
}
#orderAddress dt {
 margin-bottom:5px
}
#basketContent {
 margin-top:0
}
#basketContent .quantity {
 line-height:40px;
 padding-left:10px
}
#basketContent .orderNotes {
 width:450px;
 float:right;
 display:block;
 padding:40px 0
}
#basketContent .orderNotes .title {
 color:black;
 text-shadow:none;
 font-size:11px;
 text-transform:none
}
#basketContent .submitButton.largeButton {
 margin:20px 0
}
#orderConfirmAgbBottom hr {
 height:0;
 margin:0;
 display:none
}
.agb {
 clear:both;
 border-top:1px solid gray;
 border-bottom:1px solid gray;
 padding:20px 0;
 margin:20px 0
}
.agb h3.section {
 border:0;
 padding-bottom:20px;
 margin:0
}
.agb .agbConfirmation {
 margin-bottom:0
}
.agb .agbConfirmation a {
 color:#d31f37
}
.agb #noteForDownloadableArticles {
 margin-bottom:0
}
.orderBasketItems,.orderBasketItems a,.orderSummary,#orderAddress,#orderShipping,#orderPayment {
 color:black
}
.checkoutCoupon {
 background:rgba(255,255,255,0.6);
 padding:30px 20px
}
.partialDelivery {
 float:right;
 width:450px;
 height:15px;
 padding-bottom:40px
}
.partialDelivery input[type="checkbox"] {
 float:left;
 margin-right:5px !important
}
.checkoutSteps li.activeLast {
 background-position:0px -40px
}
.checkoutSteps .step4.passed {
 background:#616161 url(../../img/steps.png) no-repeat 100% -60px
}
.checkoutSteps li.step5 {
 width:100px
}
#thankyouPage {
 background:rgba(255,255,255,0.6);
 padding:20px;
 margin-bottom:20px;
 margin-top:20px;
 padding-bottom:60px
}
#thankyouPage h3.blockHead {
 margin:0;
 padding:0;
 border-bottom:1px solid #999;
 padding-bottom:20px;
 margin-bottom:40px;
 line-height:20px
}
#thankyouPage h3.blockHead:first-child {
 color:black !important
}
#thankyouPage .link {
 color:#d31f37;
 font-weight:normal
}
#content .thankyouPageProducts .pageHead {
 width:100%;
 height:40px;
 text-align:center;
 text-transform:UPPERCASE;
 padding:15px;
 font-weight:normal;
 box-sizing:border-box;
 line-height:12px
}
#modalbasketFlyout {
 padding:0;
 background:transparent;
 position:relative;
 top:0;
 left:0
}
#modalbasketFlyout .popupheader {
 padding:14px 18px;
 background:#d31f37;
 color:white;
 font-weight:bold;
 font-size:13px
}
#modalbasketFlyout .closePopupContainer {
 top:14px
}
#modalbasketFlyout .closePopupContainer span {
 color:white;
 font-size:11px;
 font-weight:normal
}
#modalbasketFlyout .closePopupContainer .closePop {
 background-position:-210px -100px
}
#modalbasketFlyout #basket {
 padding-top:10px;
 padding-bottom:30px
}
#modalbasketFlyout .popupContent {
 padding:20px;
 background:white
}
#modalbasketFlyout .popupContent .table-row {
 border-bottom:1px solid #dcdcdc
}
#modalbasketFlyout .popupContent .table-row>div {
 display:inline-block;
 margin-bottom:5px
}
#modalbasketFlyout .popupContent .table-row.content {
 margin:10px 0
}
#modalbasketFlyout .popupContent .table-row.content .priceBasket,#modalbasketFlyout .popupContent .table-row.content .quantity,#modalbasketFlyout .popupContent .table-row.content .item {
 margin-top:15px
}
#modalbasketFlyout .popupContent .table-row.title-row {
 text-transform:UPPERCASE;
 font-size:11px
}
#modalbasketFlyout .popupContent .table-row .basketImage {
 width:120px
}
#modalbasketFlyout .popupContent .table-row .basketImage img {
 width:120px;
 height:120px
}
#modalbasketFlyout .popupContent .table-row .ArtTitle {
 width:290px;
 vertical-align:top
}
#modalbasketFlyout .popupContent .table-row .ArtTitle .item {
 width:auto;
 white-space:normal
}
#modalbasketFlyout .popupContent .table-row .quantity {
 width:50px;
 vertical-align:top;
 text-align:center
}
#modalbasketFlyout .popupContent .table-row .priceBasket {
 width:130px;
 text-align:right;
 vertical-align:top
}
.basketFlyout .functions {
 padding:0
}
.basketFlyout .functions a {
 margin:0
}
.basketFlyout .functions .submitButton.largeButton {
 float:right;
 margin:0;
 line-height:normal
}
.basketFlyout .functions .prevStep.submitButton.largeButton {
 width:175px;
 float:left;
 background:#616161
}
.basketFlyout a:hover .item {
 color:black
}
.crossbox {
 background:white;
 margin-top:20px;
 padding-bottom:1px
}
.crossbox .productDataproductData {
 margin:20px;
 border:1px solid #dcdcdc
}
.crossbox .pictureBox {
 width:140px;
 height:140px
}
.crossbox .pictureBox img {
 width:100%
}
.crossbox .info {
 width:220px
}
.crossbox .title {
 padding-left:0
}
.crossbox .price {
 position:absolute;
 left:0;
 width:auto;
 bottom:0;
 padding:20px;
 float:none;
 font-size:16px;
 font-weight:bold
}
.crossbox .productButton {
 text-transform:UPPERCASE;
 width:150px
}
.crossbox .productButton:after {
 margin-top:2px;
 margin-left:35px;
 float:right;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent transparent #fff;
 border-width:4px 0 4px 6.928px
}
#subHeader .searchWrapper {
 position:relative;
 top:0;
 right:0
}
#subHeader #suggestLayer {
 z-index:99999;
 top:50px;
 right:40px
}
#subHeader ul.suggestLayerList,#subHeader ul.suggestLayerBlock,#subHeader div.suggestLayerBlock {
 background:rgba(255,255,255,0.6);
 padding:0;
 border:0;
 box-shadow:0px 2px 10px #000;
 color:black
}
#subHeader ul.suggestLayerList li,#subHeader ul.suggestLayerBlock li,#subHeader div.suggestLayerBlock li {
 background:white
}
#subHeader ul.suggestLayerList li.suggestHeader {
 background:#d31f37;
 color:white;
 font-size:11px;
 font-weight:bold;
 padding:14px 18px
}
#subHeader span.suggestTextQueryTyped {
 color:#d31f37;
 text-decoration:underline
}
#subHeader ul.suggestLayerList li.suggestHighlight {
 background:#e8e8e8;
 color:black !important
}
#subHeader span.suggestTextAmount {
 display:none
}
#subHeader span.suggestImage {
 width:40px;
 border:1px solid #d31f37;
 margin-right:20px;
 padding:0
}
#subHeader li.suggestRow {
 padding:10px 18px
}
.asn .box {
 width:100%
}
.asn .box h2,.asn .box h3 {
 text-transform:capitalize;
 padding:14px 20px;
 text-shadow:none;
 font-size:11px;
 line-height:12px;
 font-weight:normal;
 background:#616161;
 cursor:pointer
}
.asn .box h2:after,.asn .box h3:after {
 float:right;
 margin-top:4px;
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent #fff transparent;
 border-width:0 4px 6.928px 4px;
 -webkit-transition:all 0.5s ease;
 -moz-transition:all 0.5s ease;
 -o-transition:all 0.5s ease;
 transition:all 0.5s ease
}
.asn .box h2.closed:after,.asn .box h3.closed:after {
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -o-transform:rotate(180deg);
 transform:rotate(180deg)
}
.asn .box .content {
 border:0;
 margin-top:0;
 text-shadow:none;
 padding:0;
 background:rgba(255,255,255,0.6)
}
.asn .asnGroup .asnFilter {
 padding:14px 20px;
 background:white;
 font-weight:bold;
 margin-bottom:1px
}
.asn .asnGroup .asnFilter.asnTreeLvl0 {
 text-transform:UPPERCASE
}
.asn .asnGroup .asnFilter.asnTreeLvl0:before {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:#000 transparent transparent transparent;
 border-width:6.928px 4px 0 4px;
 float:left;
 margin-top:4px;
 margin-right:8px
}
.asn .asnGroup .asnFilter.asnTreeLvl0.active:before {
 content:"";
 width:0;
 height:0;
 border-style:solid;
 border-color:transparent transparent #d31f37 transparent;
 border-width:0 4px 6.928px 4px
}
.asn .asnGroup .asnFilter.asnTreeLvl0.active {
 color:#d31f37
}
.asn .asnGroup .asnFilter.asnTreeLvl0.active a {
 color:#d31f37;
 content:"";
 width:0;
 height:0;
 border-style:solid
}
.asn .asnGroup .asnFilter:nth-child(2) {
 padding-top:15px !important
}
.asn .asnGroup .asnFilter.asnTreeLvl1 {
 padding:5px 20px;
 text-transform:uppercase;
 background:none;
 margin-bottom:0;
 font-weight:normal
}
.asn .asnGroup .asnFilter.asnTreeLvl1:last-of-type {
 padding-bottom:15px
}
.asn .asnGroup .asnFilter.asnTreeLvl1:hover {
 background:none !important
}
.asn .asnGroup .asnFilter.asnTreeLvl1 a:hover {
 text-decoration:underline
}
.asn .asnGroup .asnFilter .asnMatchCount {
 text-align:right;
 float:right;
 font-weight:normal
}
.asn .asnGroup .asnFilter .check {
 float:left;
 width:15px;
 height:15px;
 padding:0;
 margin:0;
 margin-right:10px;
 cursor:pointer
}
.asnFilter:hover {
 background:#e8e8e8 !important
}
/*# sourceMappingURL=main.min.css.map */
*/
body{
  font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
}




.teaseritem {
 float:left;
 height:auto
}

.teaserhome {
 overflow:auto;
 width:100%;
 padding-bottom:50px;
}
.teaserhome .teaseritem {
 width:300px;
 padding:10px
}
.teaserhome .teaseritem a:hover {
 text-decoration:none
}
.teaserhome .teaseritem:first-of-type {
 padding-left:0
}
.teaserhome .teaseritem:last-of-type {
 padding-right:0
}
.teaserhome .teaseritem img {
 display:block;
 width:300px;
 height:182px
}
.teaserhome .teaseritem div {
 min-height:38px;
 background:white;
 padding:14px 14px
}
.teaserhome .teaseritem div h1 {
 display:block;
 font-size: 11px;
  line-height: 19px;
  font-weight: bold;
}
.teaserhome .teaseritem div span {
 line-height:19px;
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 11px;
 vertical-align: baseline;
 background: transparent;
}
.productBadge {
 position:absolute;
 z-index:1;
 width:60px;
 height:40px
}
.productBadge.top {
 background:#d31f37
}
.productBadge.new {
 background:#2e687c
}
.productBadge p {
 text-align:center;
 color:white;
 position:absolute;
 margin:0;
 top:50%;
 left:50%;
 margin-right:-50%;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 -ms-transform:translate(-50%, -50%);
 -o-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%)
}
#categories #navigation>li:hover ul li .wrapCenter {
 height:60px;
 width:100px;
 display:table;
 padding-left:10px
}
.subcatList,.subcatList ul {
 margin:0
}
.subcatList li {
 padding:0;
 list-style:none
}
.subcatList .box {
 float:left;
 margin-left:20px
}
.subcatList li .box:first-child {
 margin-left:0
}
.subcatList h3 a {
 color:#fff;
 font-size:14px
}
.subcatList .box li {
 text-transform:uppercase;
 padding:3px 0
}
.categoryTopDescription,.categoryTopLongDescription {
 background:rgba(255,255,255,0.6);
 padding:20px;
 margin:0;
 font-size:13px;
 margin-top:20px
}
.categoryTopDescription p,.categoryTopLongDescription p {
 margin-bottom:0
}
.box .subcatPic {
 position:relative;
 height:100px;
 left:-10px;
 top:-10px
}
.box .subcatPic a {
 background:#fff;
 display:block;
 height:100px;
 line-height:98px
}
.box .catPicOnly {
 padding:0
}
.box .catPicOnly .subcatPic {
 left:0;
 top:0;
 text-align:center
}
.box .catPicOnly .subcatPic img {
 vertical-align:middle
}
.subcatList .box li.subcatPic {
 padding:0
}

/* MAIN NAVIGATION */

#categories {
  background: $bb-red;
  color: white;
  width: 940px;
  margin: 0 auto;

  #navigation {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1000;
    list-style: none;

    li{
      float: left;
      position: relative;
      list-style: none;
    }

    > li{
      position: static;
      border-radius: 0 !important;
      padding: 0;

      &:first-child {
        float: right;
        a:after { @include triangle(8px, white, right); }
        &:hover{ a:after{@include triangle(8px, black, right);}}
      }
      
      a{
        position: relative;
      }

      &:hover{ a:after{ border-color: #000000 transparent transparent transparent; } }

      > a:after{
        margin-top: 4px;
        margin-left: 5px;
        float: right;
        position: absolute;
        top: 25px;
        @include triangle(8px, white, bottom);
      }

      ul{
        overflow:hidden;
        max-height:0;
        position: absolute;
        top: -999em;
        width: 15em;
        @include transition(max-height 0.7s ease);
      }

      &:hover ul {
        border: 0;
        left: 0;
        background: white;
        top: 65px;
        border-radius: 0 !important;
        width: 98.01% !important;
        padding-left: 2% !important;
        margin: 0;
        z-index: -1;
        max-height: 200px;
        @include box-shadow(0, 3px, 20px, $bb-darkgray);

        li {
          padding: 0%;
          border: 0;
          width: 23% !important;
          float: left !important;
          margin-right: 2%;
          margin-bottom: 2%;
          margin-top: 2%;

          a{
            padding: 0;
            vertical-align: top;
            width: 100%;
            max-width: 100% !important;
            height: 62px;
          }

          img{
            width: 60px;
            height: 60px;
            margin: 1px;
            float: left;
            outline: 1px solid $bb-darkgray;
          }

          .wrapCenter{
            height: 60px;
            width: 100px;
            display: table;
            padding-left: 10px;
          }

          span{
            display: table-cell;
            vertical-align: middle;
            line-height: 13px;
            max-width: 139px !important;
            word-wrap: break-word;
          }

          &:hover{
            background: $bb-red;
            a{ color: white; }
            a:after{ border-color: transparent transparent transparent #000000; }
            img{ outline: 1px solid $bb-red; }
          }
        }
      }
    }
  }

  #navigation a, #navigation a:visited {
    color: white;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    padding: 14px 30px 14px 22px;
    display: table;
    img{ overflow: hidden; }
    span{
      display: table-cell;
      vertical-align: middle;
      height: 37px;
      max-width: 150px !important;
    }
  }

  #navigation li .sf-sub-indicator {display: none;}
  #navigation li.current { background: none; }
  #navigation li.sfHover,
  #navigation li:hover {
    background: white;
    border-radius: 0px;
    a{color: black;}
  }
}

/* CUSTOM EN SETTINGS */

html[lang="en"] #categories #navigation a span, #categories #navigation a:visited span{
  max-width: 85px !important;
}

/* BREADCRUMB */

#breadCrumb {
  background: rgba(255,255,255,0.6);
  text-transform: uppercase;
  padding: 14px 18px;
  font-size: 11px;
  width: 940px;
  margin: 0 auto;
  margin-bottom: 20px;
  box-sizing: border-box;
  font-weight: normal;

  .breadCrumbContent{
    display: inline-block;
    width: 780px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .hotline {
    float: right;
    font-weight: normal;
    text-transform: none;
    display: inline-block;
  }

  .breadArrow{
    background: url(../../img/sprite.png) no-repeat;
    background-position: -267px -79px;
    display: inline-block;
    height: 8px;
    width: 9px;
  }

  .homeIcon{
    background: url(../../img/sprite.png) no-repeat;
    background-position: -119px -69px;
    display: inline-block;
    height: 11px;
    width: 13px;
    margin-right: 3px;
  }

  .home{
    color: $bb-red;
    .homeIcon{ background-position: -140px -70px; }
  }

  span { color: black; line-height: 12px; }
  span.breadStart { color: $bb-red; }
  a{ line-height: 9px; }
}