/* ======================== General ======================== */

* { margin: 0; padding: 0; }

body { font-size: 12px; color: #222; background: #f2f2f2; vertical-align: baseline; text-align: center; margin: 0; padding: 0; }

body, html { height: 100%; }

body, textarea, input, select { font-family: Arial, Garamond, Sans-Serif; }

table { border-collapse: collapse; border-spacing: 0; }

img, div, .pngfix, .box150 { behavior: url("/Cervera/Styles/iepngfix.htc"); }

/* ======================== Typography ======================== */

p { margin-bottom: 1.4em; line-height: 140%; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 { visibility: hidden; }
.sIFR-hasFlash h2 { visibility: hidden; font-size: 26px; }
.sIFR-hasFlash h3 { visibility: hidden; font-size: 24px; }
.sIFR-hasFlash h4 { visibility: hidden; font-size: 22px; }
.sIFR-hasFlash h5#pullquote { letter-spacing: -4px; visibility: hidden; font-size: 24px; }
.sIFR-hasFlash span.smallHeading { visibility: hidden; font-size: 11px; }
.sIFR-hasFlash span.largeHeading { visibility: hidden; font-size: 20px; }

h1 { font-size: 28px; margin-bottom: 0.3em; color: #0099ff; font-weight: normal; }
h2 { font-size: 26px; color: #222; }
h3 { font-size: 24px; }
h3.green { color: #7fae36; }
h4 { font-size: 22px; }
h5 { font-size: 18px; line-height: 1.3em; }
h6 { font-size: 24px; color: #222; }

.h14 { font-size: 14px; font-weight: bold; float: left; }
.h13 { font-size: 13px; font-weight: bold; line-height: 1.5em; float: left; }
.h16 { font-size: 16px; font-weight: bold; line-height: 1.5em; float: left; }

span.smallHeading { font-size: 11px; font-weight: bold; float: left; text-transform: uppercase; }
span.mediumHeading { font-size: 18px; color: #222; font-weight: bold; }
span.largeHeading { font-size: 20px; color: #222; font-weight: bold; text-transform: uppercase; }

p.boxText { color: #222; font-size: 15px; }

ul, ol { list-style: none; list-style-type: none; }

a { color: #222; text-decoration: none; outline: none; }

a:hover { color: #0099ff; }
a img { border: 0px; }
a.loggedInLink { text-decoration: underline; }
a.inverted { color: #0099ff; }

a:focus { outline: none; }
input:focus { outline: none; }
label:focus { outline: none; }
button:focus { outline: none; }

.greyText { color: #999; font-size: 15px; font-family: Arial; }

/* ======================== Structure ======================== */
#pageWrapper { width: 100%; text-align: left; padding: 0 0 0 0; }

.contentWrapper { float: left; width: 1026px; display: block; }

.leftColumn { width: 760px; float: left; margin: 0 0 0 15px; display: block; /**/ padding: 0; }

.rightColumn { width: 230px; float: left; margin: 16px 0 0 19px; display: block; }

.leftNav { float: left; width: 147px; }

.centerArea { float: left; width: 607px; margin: 15px 0 0 6px; }

.xformcenterArea { float: left; width: 607px; margin: 15px 0 0 6px; }

.xformbox605_Plain { width: 605px; float: left; }

/* ------------------------ FLASH BOXES ------------------------ */

#flashBox760 { float: left; }

#flashBox607 { float: left; }

/* ------------------------ HEADER ------------------------ */
.topWrapper { width: 100%; height: 76px; float: left; background: #0c2c7f url(/Cervera/Images/backgrounds/bg_pageheader.gif) left top repeat-x; }

#topLogo { float: left; margin: 12px 0 0 17px; display: block; }

/* ------------------------ CHECK ------------------------ */

.jumpmenu1 { border: solid 1px #bcbcbc; width: 160px; height: 20px; margin-left: 50px; margin-top: 12px; }

#topcheck { float: left; margin: 9px 0 0 46px; }

#topcheck_bg { background: url(/Cervera/Images/backgrounds/check_bg.png) left top no-repeat; height: 57px; width: 220px; }

.TillMinVarukorg { margin-top: 8px; margin-left: 50px; }

/* ------------------------ SEARCH ------------------------ */

#topSearch { float: left; margin: 23px 0 0 39px; }
.topRow{float:left; width:998px;}

.boxTextField { float: left; width: 180px; margin: 0; height: 28px; }

.boxTextField input { width: 165px; height: 17px; border: 0px solid transparent; font-family: Arial; font-size: 15px; color: #666; margin: -3px 0 0 11px; float: left; background: #f3f3f3 url(/Cervera/Images/backgrounds/bg_topsearch.gif) -11px -4px no-repeat; }

.inputTop { float: left; width: 180px; height: 7px; background: url(/Cervera/Images/backgrounds/bg_topsearch.gif) left top no-repeat; line-height: 0; }

.inputMiddle { float: left; width: 180px; background: url(/Cervera/Images/backgrounds/bg_topsearch.gif) left -7px repeat-y; height: 14px; }

.inputBottom { float: left; width: 180px; height: 7px; background: url(/Cervera/Images/backgrounds/bg_topsearch.gif) left bottom no-repeat; }

.buttonWrapper { float: left; margin: 0 0 0 8px; }

.btnLeft { float: left; background: url(/Cervera/Images/backgrounds/bg_btn.gif) left top no-repeat; width: 12px; height: 28px; }

.searchButton { float: left; background: url(/Cervera/Images/backgrounds/bg_btn.gif) -12px top repeat-x; height: 28px; width: 34px; border: 0; color: #666666; font-size: 13px; font-family: Arial; font-weight: bold; cursor: pointer; }

.btnRight { float: left; background: url(/Cervera/Images/backgrounds/bg_btn.gif) right top no-repeat; width: 12px; height: 28px; }

/* ------------------------ TAB AREA ------------------------ */

#topTabs { float: left; width: 100%; height: 47px; background: url(/Cervera/Images/backgrounds/bg_tabshaddow.gif) left top no-repeat; }

.tabContent { background: #dcdcdc url(/Cervera/Images/backgrounds/bg_tab_content.gif) left top repeat-x; width: 760px; height: 190px; float: left; display: none; }

.tabContent a { font-size: 11px; color: #333; }

.sortiment { padding: 0 12px 0 11px; width: 737px; height: 280px; }

.sortiment div.col { float: left; margin: 23px 0 0 13px; width: 107px; height: 242px; }

.col li { float: left; width: 100%; }

.col li.colHeading { height: 15px; }

.col li.colHeading a { font-size: 13px; font-weight: bold; }

.col li.assortmentHeading { font-weight: bold; margin-top: 10px; }

.col li.first { margin-top: 0; }

.brands div.closeTab { float: right; margin: 70px 12px 12px 0; }

.sortiment div.closeTab { position: absolute; left: 737px; top: 365px; }

/* ======================== BOXES ======================== */

.box760 { width: 760px; float: left; }

.box760bg { width: 760px; float: left; background: url(/Cervera/Images/backgrounds/bg_box760.gif) left top repeat-x; }

.box760 .box760bg div.fifthBox, .nobg div.fifthBox, .fifthBoxWrapper div.fifthBox, .box605 div.fifthBox { margin-bottom: 13px; }

.topBox { margin-top: 15px; }

.box445 { width: 445px; float: left; }

.box400 { width: 400px; float: left; }

.box445 p { margin: 10px 0 0 0; }

/* ------------------------ ADVERT BOX RIGHT SIDE ------------------------ */
.rightBox { float: left; width: 200px; /*height: 200px;*/ padding-bottom: 10px; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #e3e3e3; }

.rightBox img { margin: 10px 0 0 0; }

.space13 { margin-top: 13px; }

.overLayRightBox { float: left; width: 202px; height: 202px; margin: -202px 0 0 0; }

.julbak { background: url(/Cervera/Images/backgrounds/julbak.png) left top no-repeat; }

.julbak h5 { margin: 136px 20px 0 24px; float: left; color: #fff; }

div.box150 { background: url(/Cervera/Images/backgrounds/shaddowbox150.png) left top no-repeat; width: 144px; height: 21px; float: left; margin: 138px 0 0 21px; padding: 11px 10px 8px 12px; font-size: 20px; }

.adLabel span { float: left; font-size: 13px; margin: 10px 0 9px 4px; }

/* ------------------------ MAIN IMAGE  ------------------------ */

.mainImageBox { float: left; background: #fff; border: 1px solid #e3e3e3; line-height: 0; font-size: 1px; }

.mainImageBox img { margin: 5px; display: block; }

.overLayMainImageBox { background: url(/Cervera/Images/backgrounds/shaddowbox.png) left top no-repeat; float: left; margin: -133px 0 0 9px; width: 276px; height: 86px; padding: 15px; }

.overLayMainImageBox p { margin: 5px 0 0 0; }

/* ------------------------ THIRD BOX  ------------------------ */

.puff295 { float: left; width: 295px; height: 150px; border: 1px solid #e3e3e3; background: #fff; margin: 15px 10px 0 0; padding: 0; }
.puff295Inner { float: none; width: 285px; height: 140px; margin: 5px; padding: 0; border: 0; }

.puff370L { float: left; width: 370px; height: 150px; border: 1px solid #e3e3e3; background: #fff; margin: 15px 10px 0 0; padding: 0; }
.puff370R { float: right; width: 370px; height: 150px; border: 1px solid #e3e3e3; background: #fff; margin: 15px 0 0 0; padding: 0; }
.puff370Inner { float: none; width: 370px; height: 140px; margin: 5px; padding: 0; border: 0; }

.puff140 { float: right; width: 140px; height: 150px; border: 1px solid #e3e3e3; background: #fff; margin: 15px 0 0 0; padding: 0; }
.puff140Inner { float: none; width: 130px; height: 140px; margin: 5px; padding: 0; overflow: hidden; border: 0; }

.overLayPuff295 { float: left; margin: -147px 0 0 0; }
.overLayPuff295 h4 { color: #333; margin: 12px 0 0 22px; font-size: 19px; }
.overLayPuff295 p { color: #222; margin: 8px 0 0 22px; width: 160px; height: 66px; font-size: 13px; }

.innerW140 p { width: 140px; }

.overLayPuff295 a { color: #222; margin: 0 0 0 14px; font-size: 13px; background: url(/Cervera/Images/icons/arrow_circle.gif) left top no-repeat; padding: 1px 0 3px 25px; display: block; }

.overLayPuff140 { float: left; margin: -145px 0 0 0; }
.overLayPuff140 h5 { color: #fff; margin: 66px 0px 0 10px; float: left; }

.thirdBox { background: url(/Cervera/Images/backgrounds/bg_box247x152.gif) left top no-repeat; float: left; width: 247px; height: 152px; margin: 15px 9px 0 0; }

.thirdBoxContent { width: 236px; height: 140px; float: left; margin: 5px; }

/* ------------------------ INFO BOX STARTPAGE ------------------------ */

.boxInfo { float: left; height: 24px; width: 712px; margin: 13px 0 15px 0; background: #e1e1e1 url(/Cervera/Images/icons/mail.gif) 8px 7px no-repeat; padding: 9px 0 3px 48px; color: #222; font-size: 13px; }

.boxInfo a { text-decoration: underline; }

/* ------------------------ FIFTH BOX  ------------------------ */

.fifthBoxWrapper { width: 760px; min-height: 265px; float: left; background: url(/Cervera/Images/backgrounds/bg_fifthbox.gif) left top repeat-x; display: block; padding-bottom: 14px; }

.fifthBoxWrapper2 { width: 760px; float: left; background: url(/Cervera/Images/backgrounds/bg_fifthbox.gif) left top repeat-x; display: block; }

.fifthBoxWrapper3 { width: 760px; float: left; background: url(/Cervera/Images/backgrounds/bg_fifthbox.gif) left top repeat-x; display: block; padding-bottom: 14px; }

.fifthBoxWrapper4 { width: 760px; float: left; background: url(/Cervera/Images/backgrounds/bg_fifthbox.gif) left top repeat-x; display: block; padding-bottom: 40px; }

.fifthBoxWrapper5 { width: 760px; float: left; background: url(/Cervera/Images/backgrounds/bg_fifthbox.gif) left top repeat-x; display: block; padding-top: 48px; padding-bottom: 14px; }

.fifthBoxWrapper span.smallHeading { width: 751px; margin: 14px 0 12px 9px; }

.fifthBox { background: #fff; width: 140px; height: 255px; float: left; margin: 0px 10px 10px 0px; border: 1px solid #e3e3e3; cursor: pointer; }

.imgWrapper { float: left; width: 140px; height: 147px; text-align: center; margin-top: 5px; }

.txtWrapper { float: left; font-size: 12px; color: #222; background: url(/Cervera/Images/backgrounds/bg_product_text.gif) left top no-repeat; /* width: 106px; */ padding: 13px 15px 0 15px; width: 106px; }

.priceWrapper { float: left; padding: 0 15px 0 15px; font-size: 13px; font-weight: bold; color: #222; background: #fff; width: 106px; }

.news { float: left; width: 140px; height: 58px; background: url(/Cervera/Images/backgrounds/newsIcon.png) left top no-repeat; margin: -152px 0 0 0; cursor: pointer; }

.stillToBuy { float: left; width: 63px; height: 27px; background: url(/Cervera/Images/backgrounds/bg_stilltobuy.png) left top no-repeat; margin: -34px 0 0 -1px; padding: 5px 0 0 10px; color: #fff; font-weight: bold; }

.bought { float: left; width: 63px; height: 27px; background: url(/Cervera/Images/backgrounds/bg_bought.png) left top no-repeat; margin: -34px 0 0 -1px; padding: 5px 0 0 10px; color: #fff; font-weight: bold; }

/* ------------------------ BRAND AREA  ------------------------ */

.brandArea { float: left; width: 980px; text-align: center; vertical-align: middle; margin: 8px 0 10px 15px; }

.brandArea span { margin: 75px auto 0 auto; display: block; }

/* -------------------- SEARCH RESULT  -------------------- */


#searchresult { float: left; background: url(/Cervera/Images/backgrounds/bg_box760.png) left 4px repeat-x; margin-top: 15px; }

.resultArea { height: 56px; min-height: 56px; }

.filterBox { float: right; margin: 20px 0 0 0; font-size: 12px; }

.filterBox label { float: left; }

.filterBox span { float: left; margin: 3px 0 0 0; font-weight: bold; }

.box760paging { float: left; width: 760px; background: url(/Cervera/Images/backgrounds/bg_box760.gif) left 4px no-repeat; }

/* ------------------------ DETAIL PAGE ------------------------ */

.productDescprition { float: left; width: 285px; }

.productImages { float: right; width: 300px; margin-left: 20px; }

.productImages .news { }

.detailTopWrapper { float: left; width: 100%; margin: 2px 0 0 0; }

.rowWrapper { float: left; width: 100%; margin: 2px 0 10px 0; }

.rowWrapper p { float: left; margin: 2px 0 2px 0; }

.rowWrapper label { float: left; margin: 0 0 5px 0; }

.rowWrapper span input { width: 15px; height: 15px; border: none; margin: 0 5px 0 0; }

.price { font-size: 18px; font-weight: bold; float: left; margin-right: 5px; }

.campaignPrice { color: Red; }

.normalPrice { font-size: 13px; font-weight: bold; float: left; margin-top: 3px; }

.added { width: 253px; background: #e1e1e1 url(/Cervera/Images/icons/icon_info.gif) 6px 5px no-repeat; padding: 6px 0 8px 32px; font-weight: bold; }

ul.care { float: left; margin: 5px 0 0 0; }

ul.care li { height: 22px; padding: 5px 0 0 32px; }

li.care1 { background: url(/Cervera/Images/icons/symbol-tal-maskindisk.gif) left top no-repeat; }

li.care2 { background: url(/Cervera/Images/icons/symbol-handdisk.gif) left top no-repeat; }

li.care3 { background: url(/Cervera/Images/icons/symbol-tal-att-frysas.gif) left top no-repeat; }

li.care4 { background: url(/Cervera/Images/icons/symbol-tal-mikrovagsugn.gif) left top no-repeat; }

li.care5 { background: url(/Cervera/Images/icons/symbol-ugnssaker.gif) left top no-repeat; }

li.care6 { background: url(/Cervera/Images/icons/symbol-standardhall.gif) left top no-repeat; }

li.care7 { background: url(/Cervera/Images/icons/symbol-keramisk-hall.gif) left top no-repeat; }

li.care8 { background: url(/Cervera/Images/icons/symbol-induktionshall.gif) left top no-repeat; }

li.care9 { background: url(/Cervera/Images/icons/symbol-induktionshall.gif) left top no-repeat; }

li.care10 { background: url(/Cervera/Images/icons/icon_care10.gif) left top no-repeat; }

ul.bullet { float: left; margin: 5px 0 0 0; }

ul.bullet li { background: url(/Cervera/Images/icons/bullet.gif) left 5px no-repeat; padding: 0 0 5px 18px; }

.imageWrapper { width: 295px; background: #fff; border: 1px solid #e3e3e3; float: left; }

.logo { float: right; width: 270px; }

.logo img { float: right; margin: 5px 5px 5px 0; }


.prodImg { width: 295px; text-align: center; }

.prodBottom { float: left; width: 100%; height: 20px; margin: 10px 0 0 0; padding-bottom: 7px; }

a.magnify { background: url(/Cervera/Images/icons/icon_maginfy.gif) left 5px no-repeat; float: left; padding: 5px 0 5px 20px; margin: 0 0 0 8px; }

.thumbWrapper { width: 300px; float: left; margin: 13px 0 0 0; }

.thumb { width: 78px; height: 78px; padding: 5px; border: 1px solid #e3e3e3; background: #fff; float: left; margin: 0 15px 13px 0; }

.printBox { width: 290px; float: left; background: url(/Cervera/Images/backgrounds/bg_box605.gif) left top no-repeat; padding: 12px 0 5px 10px; margin: 13px 0 0 0; }


/* -------------------- LEFT NAVIGATION/CENTER CONTENT  -------------------- */

.leftNavBox { float: left; width: 110px; border: 1px solid #e3e3e3; background: url(/Cervera/Images/backgrounds/bg_leftnavbox.gif) left top repeat-x; padding: 16px 15px 12px 15px; overflow: hidden; }

.leftNavBox span.smallHeading { width: 110px; margin: 0 0 9px 0; }

.firstbox { border-bottom: none; margin-top: 15px; }

.firstboxOnly { margin-top: 15px; }

.image595Box { float: left; border: 1px solid #e3e3e3; background: #fff; display: block; font-size: 1px; line-height: 0; }

.image595Box img { margin: 5px; }

.overLayImage595Box { margin: -234px 0 0 22px; float: left; width: 573px; }

.headingWrapper { margin: 11px 0 14px 0; float: left; }

.articleWrapper { width: 607px; float: left; }

.article { float: left; width: 297px; margin: 0 0 13px 0; height: 140px; overflow: hidden; }

.even { margin: 0 0 13px 13px; }

.articleImage { float: left; border: 1px solid #e3e3e3; background: #fff; }

.articleImage img { margin: 5px; }

.articleText { float: left; width: 123px; padding: 11px 12px 14px 12px; }

.articleHeading { font-size: 14px; font-weight: bold; float: left; margin: 0 0 5px 0; }

.article p { float: left; width: 100%; margin: 0 0 11px 0; }

.box605 { width: 605px; float: left; background: url( "../images/backgrounds/bg_box605.gif" ) left top no-repeat; margin: 15px 0 0 0; }

.xformbox605_Plain { width: 605px; float: left; }

.box605_Plain { width: 605px; float: left; }
.box605_Plain .puff_295 { margin: 14px 0 0 0; }

.box605_Plain .firstPuff { margin-right: 11px; }

.textArea { margin: 0 0 5px 0; }

.textArea p { width: 445px; margin: 0; }

.xformtextArea { margin: 0 0 5px 0; }

.xformtextArea p { width: 590px; margin: 0; }

.nobg { background: none; margin: 0 0 10px 0; }

.nobg .filterBox { margin: 15px 0 0 0; }

.box760withBg { width: 760px; float: left; background: url( "../images/backgrounds/bg_box605.gif" ) left top repeat-x; margin: 0 0 0 0; }

.box605 span.smallHeading { margin: 14px 10px 14px 9px; float: left; width: 585px; }

.box296 { float: left; width: 295px; padding: 0 0 35px 0; margin: 0 0 15px 0; }

.box296 span.smallHeading { width: 270px; margin: 9px 0 12px 9px; }

.rightMargin { margin-right: 13px; }

/* ------------------------ TABLES  ------------------------ */

.alterTable { width: 295px; }

.alterTable td { height: 16px; padding: 5px 10px 5px 10px; float: left; }

.alterTable tr.even td { background-color: #e1e1e1; }

table.width285 { float: left; width: 285px; }

.width285 td { width: 275px; }

.resultTable { width: 760px; }

.resultTable th { height: 16px; padding: 5px 10px 10px 10px; float: left; }

.resultTable td { height: 16px; padding: 6px 10px 6px 10px; float: left; }

.resultTable tr.even td { background-color: #e1e1e1; }

.resultTable .col1 { width: 225px; }

.resultTable .col2 { width: 125px; }

.resultTable .col3 { width: 350px; }


/* ------------------------ FOOTER  ------------------------ */
#footer { width: 100%; height: 165px; background: #0c2c7f url(/Cervera/Images/backgrounds/bg_footer.png) left top repeat-x; color: #fff; float: left; margin: 26px 0 0 0; /**/ padding: 15px 0 0 0; }

.footerWrapper { float: left; width: 1024px; }

.footerLeft { width: 136px; float: left; margin: 3px 0 0 15px; }

.copy { color: #ced5e5; float: left; margin: 7px 0 0 2px; font-size: 11px; }

.footerBox { float: left; margin: 0 0 0 15px; background: url(/Cervera/Images/backgrounds/bg_footerbox.png) left top repeat-x; font-size: 11px; height: 120px; padding: 10px 15px 15px 15px; }

.footerBox p { float: left; }

.footerBox a { color: #fff; text-decoration: underline; font-size: 11px; }

.footerBox li { line-height: 140%; }

.box137 { width: 115px; }

.box380 { width: 350px; }

.box380 p { float: left; margin: 0; }

.box380 a { float: left; margin: 10px 0 0 0; }

.box262 { width: 232px; }

.footerHeading { font-size: 14px; font-weight: bold; float: left; margin: 0 0 10px 0; width: 100%; }

.address { width: 95px; float: left; }

.phone { width: 137px; float: right; }

/* --------------------CREATE WISHLIST  -------------------- */

.m0 { margin-top: 0; }

.m5 { margin-top: 5px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb0 { margin-bottom: 0; }

.m10 { margin-top: 10px; }

.m15 { margin-top: 15px; }

.w100 { width: 100%; }

.w410 { width: 410px; min-height: 118px; }





.leftCol { float: left; width: 210px; margin-right: 15px; }

.fullCol { float: left; width: 410px; }



.rightCol { float: left; width: 210px; }

.ddlWrapper { float: left; width: 210px; }

.info { width: 405px; background: #e1e1e1 url(/Cervera/Images/icons/icon_info.gif) 6px 5px no-repeat; padding: 6px 0 8px 32px; }

.sendList { background: url(/Cervera/Images/backgrounds/bg_box605.gif) left top no-repeat; padding: 14px 0 0 6px; width: 430px; margin: 5px 0 0 0; }

.sendApplication { background: url(/Cervera/Images/backgrounds/bg_box605.gif) left top no-repeat; padding: 14px 0 15px 6px; width: 754px; margin: 5px 0 0 0; }


.modalTextWrapper { width: 700px; padding: 0; background: #fff; float: left; }

.modalTextContent { float: left; margin: 20px 20px 0 20px; }

.modalTextContent p { float: left; width: 100%; }

/* -------------------- WISHLIST  -------------------- */

.puffArea { float: right; background: #fff; border: 1px solid #ccc; text-align: center; margin: 10px 0 15px 10px; font-size: 1px; }

.puffArea img { margin: 5px; }

.textWrapper { float: left; width: 600px; margin-top: 5px; }

/* --------------------SEARCH WISHLIST  -------------------- */

.box295 { float: left; width: 285px; background: #fff; border: 1px solid #e3e3e3; margin: 0 9px 0 0; padding: 5px; }

.box450 { float: right; width: 440px; background: #fff; border: 1px solid #e3e3e3; margin: 0; padding: 5px; }

.innerBox { float: left; background: #dcdcdc url(/Cervera/Images/backgrounds/bg_fade.png) left top repeat-x; padding: 10px 15px 12px 15px; min-height: 140px; }

.innerBox2 { float: left; background: #dcdcdc url(/Cervera/Images/backgrounds/bg_fade.png) left top repeat-x; width: 440px; min-height: 145px; }

.newsLetterInnerBox { float: left; background: #dcdcdc url(/Cervera/Images/backgrounds/bg_fade.png) left top repeat-x; padding: 10px 15px 18px 15px; width: 410px; }

.box285 { width: 255px; }

.innerBox p { float: left; width: 100%; }

.innerBoxLeft { float: left; width: 139px; margin: 10px 15px 12px 15px; }

.innerBoxLeft p { font-size: 11px; }

.innerBoxRight { float: right; background: url(/Cervera/Images/backgrounds/bg_vertical_divider.gif) left top no-repeat; padding: 0 0 0 15px; width: 241px; margin: 10px 0 0 0; height: 152px; }

.innerBox .h14, .innerBox2 .h14 { float: left; margin: 0 0 10px 0; }

.retrivePassLink { float: right; margin: 5px 30px 0 0; text-decoration: underline; font-size: 11px; }

/* --------------------RESULT WISHLIST  -------------------- */

.searchArea { margin: 14px 0 0 0; }

.result { margin: 18px 0 0 0; background: url(/Cervera/Images/backgrounds/bg_box605.gif) left top repeat-x; padding: 10px 0 0 0; width: 760px; }

/* --------------------INSPIRATION ARTICLE  -------------------- */

.floatRightPuff { float: right; background: #fff; border: 1px solid #e3e3e3; text-align: center; margin: 0 0 15px 15px; font-size: 1px; }

.floatRightPuff img { margin: 5px; }

.floatLeftPuff { float: left; background: #fff; border: 1px solid #e3e3e3; text-align: center; margin: 0 15px 15px 0; font-size: 1px; }

.floatLeftPuff img { margin: 5px; }

/* --------------------GIFT PAGE  -------------------- */
.giftOuterWrapper { float: left; width: 595px; padding: 5px; border: 1px solid #e3e3e3; background: #fff; display: block; }

.giftInnerWrapper { background: #e8e8e8 url(/Cervera/Images/backgrounds/bg_filterbox.png) left top no-repeat; padding: 27px 8px 0 22px; display: block; float: left; width: 565px; }

.giftInnerWrapper p { width: 415px; margin: 8px 0 15px 0; }

table.giftFilter { float: left; margin: 20px 0 28px 0; }

table.giftFilter td { background: url(/Cervera/Images/backgrounds/bg_giftbutton.gif) left top no-repeat; width: 130px; height: 50px; text-align: center; vertical-align: middle; border-right: 10px solid #e1e1e1; }

table.giftFilter td.last { border-right: none; }

table.giftFilter td.selected { background: url(/Cervera/Images/backgrounds/bg_giftbutton_selected.gif) left top no-repeat; }

table.giftFilter label { font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; }

table.giftFilter input { position: absolute; left: -999px; }

/* --------------------STORES LIST  -------------------- */

.column145 { float: left; width: 144px; margin: 0 9px 0 0; padding-bottom: 45px; }



.storeItem a { text-decoration: underline; float: left; width: 144px; line-height: 140%; }

.storeItem span.storeHeading { font-size: 14px; font-weight: bold; float: left; margin: 0 0 2px 0; text-decoration: none; width: 144px; }

.storeItem span.storeText { text-decoration: underline; }

/* --------------------STORE DETAIL  -------------------- */
.w450 { float: left; width: 450px; padding: 0; }

.w450 a { text-decoration: underline; }

.w450 p { float: left; margin: 0; }

.box120 { float: left; width: 120px; margin-right: 10px; }

.box160 { float: left; width: 160px; margin-right: 10px; }

.w585 p { width: 585px; }


/* --------------------NEWS LETTER  -------------------- */

.fullCol label { margin-bottom: 3px; float: left; width: 100%; }

.formBox50 { float: left; width: 50px; margin: 0 10px 0 0; }

.formBox190 { float: left; width: 190px; }

a.catOnlineLink { float: right; background: url(/Cervera/Images/icons/icon_arrow_circle.gif) left 5px no-repeat; padding: 5px 0 2px 20px; }

/* --------------------FAQ  -------------------- */

.faqItem { float: left; width: 100%; }

.faqQuestion { float: left; width: 100%; }

.faqQuestion span { float: left; font-weight: bold; background: url(/Cervera/Images/icons/icon_arrow_circle.gif) left 5px no-repeat; padding: 6px 0 2px 22px; cursor: pointer; }

.faqQuestion span.selected { background: url(/Cervera/Images/icons/icon_arrow_circle_selected.gif) left 5px no-repeat; }

.faqAnswer { display: none; }

.faqAnswer p { margin: 0; }

.faqAnswer div { float: left; margin: 5px 10px 10px 20px; }


/* --------------------GENERAL MODAL POPUP  -------------------- */

.modalBox { width: 450px; padding: 0; float: left; background: #fff; }

.modalBox span.h16 { margin: 10px 15px 10px 15px; float: left; }

.modalBox span.labeltext { float: left; width: 420px; margin: 0 15px 10px 15px; }

.modalBox span.w285 { width: 285px; }

.modalBox .leftCol { float: left; margin: 0 15px 5px 15px; }


.modalBoxBottom { width: 100%; background: #e6e6e6; float: left; padding: 10px 0 0 0; margin-top: 15px; height: 40px; }

.modalBoxBottom div.commonBtnWrapper { margin: 0 0 0 15px; }

.modalBoxBottom img { float: right; margin: 0 10px 12px 0; }

.warning { width: 398px; background: #e1e1e1 url(/Cervera/Images/icons/icon_warning.gif) 6px 5px no-repeat; padding: 6px 10px 8px 32px; font-weight: bold; margin: 5px; }

.loggInLink { float: left; width: 100%; margin: 10px 0 0 15px; }

.loggInLink a { text-decoration: underline; }

/* --------------------YOUTUBE MODAL POPUP  -------------------- */

.youTubePlayer { width: 510px; background: #fff; padding: 0; }

.movieWrapper { float: left; margin: 15px 15px 0 15px; width: 480px; }

.youTubeBottom { float: left; width: 510px; height: 50px; }

.linkLeft { float: left; margin: 5px 0 0 20px; font-weight: bold; text-decoration: underline; }

.linkMiddle { float: right; margin: 5px 70px 0 0; text-decoration: underline; }


/* ------------------------ FORMS  ------------------------ */

.commonBtnWrapper { float: left; }

.commonBtnLeft { display: none; }

.commonBtnRight { float: left; width: 11px; height: 26px; background: url(/Cervera/Images/backgrounds/bg_btn_common.png) right top no-repeat; }

.commonBtn { float: left; background: url(/Cervera/Images/backgrounds/bg_btn_common.png) 0 top repeat-x; border: 0px solid transparent; font-family: Arial; font-size: 12px; font-weight: bold; outline: none; cursor: pointer; padding: 4px 0 5px 10px; height: 26px; }

.btn120 { width: 120px; }

.addBtn { float: left; background: url(/Cervera/Images/backgrounds/bg_btn_add.gif) left top repeat-x; border: 0px solid transparent; font-family: Arial; font-size: 12px; font-weight: bold; outline: none; cursor: pointer; padding: 4px 0 5px 22px; height: 26px; }

.w110 { width: 110px; }

.w130 { width: 120px; }



.chkBox { float: left; margin: 0 0 0 10px; }

.chkBox li { }

.chkBox li label { padding: 3px 5px 2px 25px; background: url(/Cervera/Images/icons/icon_unchecked.gif) left top no-repeat; }

.chkBox li.checked label { background: url(/Cervera/Images/icons/icon_checked.gif) left top no-repeat; }

.chkBox li input { position: absolute; left: -9999px; }

.colorSelect { font-family: Arial; font-size: 13px; width: 160px; height: 22px; border: 1px solid #bcbcbc; outline: none; float: left; }

.smallTxt { width: 11px; height: 17px; float: left; margin: 0 5px 0 0; font-family: Arial; font-size: 13px; border-top: 1px solid #9f9f9f; border-right: 0; border-bottom: 0; border-left: 1px solid #9f9f9f; padding: 3px 7px; }



input, select { font-size: 13px; font-family: Arial; }

.ddlType { width: 213px; height: 24px; border: 1px solid #bcbcbc; }

.ddlBrands { width: 145px; height: 24px; border: 1px solid #bcbcbc; margin: 0 0 0 10px; float: left; }

.ddlYear { width: 70px; height: 24px; border: 1px solid #bcbcbc; }

.ddlMonthYear { width: 108px; height: 26px; border: 1px solid #bcbcbc; float: left; margin: 0 8px 0 8px; }

.ddlMonth { width: 60px; height: 24px; border: 1px solid #bcbcbc; margin: 0 7px 0 7px; }

.ddlDay { width: 60px; height: 24px; border: 1px solid #bcbcbc; }

.ddlCountry { width: 255px; height: 24px; border: 1px solid #bcbcbc; margin: 0 7px 0 0; float: left; }

.txtAddText { width: 428px; height: 98px; border: 1px solid #a5a5a5; float: left; margin: 0; padding: 3px; }


label a { text-decoration: underline; }

.leftCol input, .rightCol input, .txtSearch { width: 202px; height: 18px; border: 1px solid #a5a5a5; float: left; margin: 0; padding: 3px; }

.fullCol input { width: 247px; height: 18px; border: 1px solid #a5a5a5; float: left; margin: 0; padding: 3px; }

.checkItem span { float: left; width: 98%; }

.checkItem span label { float: left; }

.checkItem span input { float: left; }

.checkItem span.checkLinkItem { float: left; margin: -5px 0 0 20px; }

.checkItem span.checkLinkItem a { text-decoration: underline; }

.pulLink { float: left; text-decoration: underline; margin: -5px 0 0 20px; }

.agreeLink { float: left; text-decoration: underline; margin: 0 0 0 5px; }

input.fileUpload { border: none; width: 290px; height: 26px; }


/* ------------------------ MISC  ------------------------ */
.last { margin-right: 0; }

/*.clearFix
{
	float: left;
	clear: both;
}*/

.clearFix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearFix { display: inline-block; }

html[xmlns] .clearFix { display: block; }

* html .clearFix { height: 1%; }

.floatRight { float: right; }

.floatLeft { float: left; }

.noFloat { float: none; }
.clickable { cursor: pointer; }

.PulErrorMessage { color: Red; display: block; }

.PulHiddenErrorMessage { display: none; }
.PulAgreeText { float: left; }

.pulCheck a { float: left; margin: 0 0 0 20px; text-decoration: underline; }

.pulCheck a.agreeLink { margin: 0 0 0 3px; }

.pulCheck span { float: left; }

.errorMess { float: left; margin: 50px; }

.errorMess a { text-decoration: underline; }


/* ------------------------ PAGING  ------------------------ */

#paging, .paging { text-align: center; padding: 0 0 20px 0; }

ul.pagingList { margin: 15px 0 0 0; }


#paging li, .paging li { margin: 0 2px 0 0; }

#paging a.pagingItem:hover, .paging a.pagingItem:hover { background: #ccc; color: #222; }


#paging a, .paging a { padding: 2px 5px; font-size: 12px; }

#paging a.selected, .paging a.selected { color: #fff; background: #0c2c7f; padding: 2px 5px; }


#paging a.pagingLeft, .paging a.pagingLeft { background: url(/Cervera/Images/icons/paging_left.gif) left 4px no-repeat; padding: 0 15px 0 8px; font-weight: bold; }


#paging a.pagingRight, .paging a.pagingRight { background: url(/Cervera/Images/icons/paging_right.gif) right 4px no-repeat; padding: 0 8px 0 17px; font-weight: bold; }


.pics { float: left; height: 430px; width: 460px; padding: 0; margin: 0; text-align: center; }

.pics img { text-align: center; margin: 50px auto 0 auto; }

/* ------------------------ MODAL POPUP  ------------------------ */

.modalBackground { background-color: #000; filter: alpha(opacity=80); opacity: 0.8; }

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 630px; background-color: #EEE; color: #333; border: 1px solid black; padding: 0; }

.jqModal { }

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow, * html .jqmPasswordWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) +  'px' ); }

.slideContainer { width: 630px; background: #fff; text-align: center; height: 510px; text-align: center; }

.slideLeft { float: left; width: 70px; height: 510px; background: #fff url(/Cervera/Images/backgrounds/bg_modal_left.gif) left top no-repeat; }

.slideRight { float: left; width: 70px; height: 510px; background: #fff url(/Cervera/Images/backgrounds/bg_modal_right.gif) left top no-repeat; }

.slideLeft img { margin: 200px 0 0 10px; float: left; }

.slideRight img { margin: 200px 10px 0 30px; float: left; }

.slideBottom { width: 630px; background-color: #e8e8e8; }

.slideBottom img { float: right; margin: 12px 11px 12px 0; }

.slideBottom span { float: left; margin: 15px 0 15px 21px; font-size: 13px; font-weight: bold; }

#slideshow { overflow: hidden; float: left; height: 510px; width: 480px; padding: 0; margin: 0; text-align: center; }

#slideshow ul { width: 4900px; padding-left: 0; }

#slideshow li { float: left; margin: 30px 0 0 0; width: 480px; }

#slideshow img { /*text-align: center; 	margin: 50px auto 0 auto;*/ }

/***********************************
		OVERRIDES
************************************/

.w50 { width: 50px; }

input.w50 { width: 44px; }

.w61 { width: 61px; margin-right: 8px; }

input.w61 { width: 52px; }

.w224 { width: 224px; }

input.w224 { width: 214px; }

.w190 { width: 190px; }

input.w190 { width: 185px; }

.w295 { width: 295px; }

div.w295 input.w295 { width: 287px; }

textarea.w295 { width: 289px; height: 180px; border: 1px solid #a5a5a5; }


/***********************************
		IE6 BUG FIX
************************************/
*html .boxTextField input { border: none; }

*html .sendList input { border: none; }

*html .fifthBoxWrapper { height: 265px; padding-bottom: 14px; }

*html .w410 { height: 118px; }

*html .adLabel { margin: 0 0 9px 4px; }

*html table.giftFilter { float: left; margin: 10px 0 13px 0; }

*html .commonBtn { border: none; background: url(/Cervera/Images/backgrounds/bg_btn_common.gif) 0 top no-repeat; }

*html .checkItem span.checkLinkItem { margin-top: -2px; }

*html .commonBtnRight { background: url(/Cervera/Images/backgrounds/bg_btn_common.gif) right top no-repeat; }

*html .box450 { width: 400px; padding-bottom: 0; }



*html .box295 { padding-bottom: 0; }

*html .box285 { padding-bottom: 15px; }

*html .innerBox { height: 138px; }

*html .innerBox2 { height: 150px; }

*html .newsLetterInnerBox { margin-bottom: 5px; }


*html .innerBoxRight { height: 130px; }

/*Mats - Limetta */



.storesHeading { width: 300px; float: left; margin-top: 15px; }

.storeItem { float: left; margin: 0 0 15px 0; width: 150px; }

.city { width: 300px; float: left; clear: left; }

.column680 { width: 680px; float: left; }

.right { float: right; clear: right; }


/* Shopping basket */

.ShoppingTop { height: 30px; padding: 18px 0; }

#ShoppingBox { }

#ShoppingBoxWrapper { border-bottom: solid 1px #c9c9c9; height: 111px; padding: 15px 12px 1px 13px; }

.shopping_img { float: left; border: solid 1px #e3e3e3; }

.shopping_desc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 254px; float: left; padding: 15px 20px; }

.shopping_st { width: 115px; float: left; padding-top: 10px; }

.st_textfield { border: solid 1px #bcbcbc; width: 18px; height: 18px; padding-top: 2px; padding-right: 2px; text-align: right; }

.product_st_textfield { border: solid 1px #bcbcbc; width: 18px; height: 18px; padding-top: 2px; padding-right: 2px; text-align: right; margin-left: 6px; }

.shopping_sek { width: 130px; float: left; padding-top: 15px; }

.shopping_tabort { float: left; padding-top: 11px; width: 70px; }

.ShoppingSumma { height: 35px; padding-left: 492px; padding-top: 11px; }

.HandlaVidare { float: left; padding-left: 14px; }

.UppdateraCorgen { float: left; padding-left: 365px; }

.GaTillKassan { float: left; padding-left: 15px; }

.varukorg { font-family: Garamond; font-size: 26px; font-weight: bold; float: left; }

.steg { float: right; }


/* Kassan */

.KassanBox { border-bottom: solid 1px #c9c9c9; height: 44px; }

.KassanDesc { width: 534px; float: left; padding-left: 13px; padding-top: 15px; }

.KassanSt { width: 70px; float: left; padding-top: 15px; }

.KassanSek { float: left; padding-top: 15px; padding-left: 45px; }

.KassanSumma { /*font-weight: bold;*/ width: 730px; height: 35px; padding-top: 11px; text-align: right; float: right; padding-right: 30px; }

.andra { width: 747px; height: 28px; margin-left: 13px; float: left; }

.leveransadress { width: 355px; float: left; font-size: 14px; font-weight: bold; padding-left: 13px; padding-top: 42px; }

.betalningssatt { float: left; font-size: 14px; font-weight: bold; padding-top: 42px; }

.fakturaadress { float: left; font-size: 14px; font-weight: bold; padding-top: 42px; }

.fakturaadress span { font-size: 12px; font-weight: normal; }

.KassanBox2 { width: 732px; height: 22px; margin: 15px 15px 0 13px; }

.KassanText1 { width: 115px; padding-top: 3px; float: left; }

.KassanText2 { width: 114px; padding-top: 3px; padding-left: 58px; float: left; }

.KassanText3 { padding-top: 3px; padding-left: 58px; float: left; }

.KassanTextfield { width: 218px; height: 18px; border: solid 1px #bcbcbc; float: left; padding-top: 2px; padding-left: 2px; }

.andra2 { width: 66px; height: 28px; float: left; margin-left: 13px; }

.AvbrytKop { width: 95px; height: 28px; float: left; margin-left: 10px; }

.GenomforKop { width: 111px; height: 28px; float: right; margin-right: 15px; }


/* Kopbekraftelse */

.KopbekraftelseText { padding-bottom: 30px; padding-right: 20px; }

.KopbekraftelseBox1 { float: left; width: 395px; padding-left: 13px; padding-top: 20px; line-height: 2em; }

.KopbekraftelseBox2 { float: left; width: 336px; padding-right: 15px; padding-top: 20px; }


/* Product */

.LaggVarukorg { width: 121px; height: 28px; padding: 5px 0; }

ul.brands { clear: both; position: relative; margin: 0; padding: 0; }
ul.brands .reset { margin-top: -160px; }
ul.brands li { display: block; font-size: 12px; height: 16px; margin: 0; padding: 0; width: 120px; overflow: hidden; }
ul.brands li.col1 { margin-left: 0; }
ul.brands li.col2 { margin-left: 120px; }
ul.brands li.col3 { margin-left: 240px; }
ul.brands li.col4 { margin-left: 360px; }
ul.brands li.col5 { margin-left: 480px; }
ul.brands li.col6 { margin-left: 600px; }
ul.brands li.col7 { margin-left: 720px; }
ul.brands li.col8 { margin-left: 840px; }

.xForm table { width: 480px; }

.xForm table th { font-weight: bold; background: #eef; }

.xForm table td, .xForm table th { padding: 3px 1px; }

.xForm span.xformvalidator { padding: 5px; }

.paymentterms { display: none; top: 150px; left: 100px; width: 550px; height: 400px; margin: 0; padding: 20px; overflow-x: scroll; position: absolute; z-index: 100; background-color: #fff; border: solid 1px #222; }
.paymenttermsInvoice{display: none; top: 300px; left: 100px; width: 550px; height: 400px; margin: 0; padding: 20px; overflow-x: scroll; position: absolute; z-index: 100; background-color: #fff; border: solid 1px #222; } 
.showStore { width: 760px; }

.showStore P { margin: 0; }


.shopsResults { margin-top: 15px; }

.clear { clear: both; }

.fifthBox .txtWrapper { height: 30px; }

.breadCrumbsHeader { color: #0d2c7f; margin-left: 15px; }

.breadCrumbs { float: left; margin-top: 10px; }

.articlesListDiv { margin-top: 40px; float: left; }

#tipsaHolder { left: 200px; position: absolute; top: 200px; z-index: 500; }

#tipsaLayer { background-color: #FFFFFF; border: 2px solid #BBBBBB; float: left; font-family: Arial,Helvetica,sans-serif; position: relative; width: 360px; }

td.tipsa1 { font-size: 11px; padding: 5px; vertical-align: middle; width: 160px; }

td.tipsa2 { font-size: 12px; padding: 5px; vertical-align: middle; width: 200px; }

td.tipsa3 { padding-right: 5px; padding-top: 5px; }

input.tipsa { background-image: url(/Cervera/Images/backgrounds/bg_tipsa.gif); background-repeat: no-repeat; border: 0 none; font-family: tahoma,arial,verdana; font-size: 11px; height: 15px; margin: 7px 0 0; padding: 3px; vertical-align: middle; width: 170px; }

.mapHolder { float: left; margin-top: 40px; }

.addToCartButtonDiv { float: left; margin-top: 13px; }

.addToCartListButton { margin-left: 17px; }

.tipFriendLink { float: left; }

.tipFriendText { margin-top: 5px; margin-left: 5px; float: left; }

.tipFriendImage { float: left; }

.printProductLink { float: left; margin-left: 10px; }

.printProductText { margin-top: 5px; margin-left: 5px; float: left; }

.printProductImage { float: left; }

.shopsSearchBoxDiv { float: right; }

.shopsDropDownDiv { float: left; }

.shopsDropDown { margin-top: 2px; }


.openingHoursGM { float: left; width: 125px; margin-left: 15px; }

.adressGM { float: left; width: 125px; }

.pageLogos { position: relative; float: left; }

table.customerInfo { margin: 15px 0 0 10px; width: 350px; }

table.customerInfo td { padding: 6px 3px 0 0; }

td.left { width: 115px; }

td.right { }

.infoRow{clear:both; width:100%; float:left;}
.infoLayer{ position:absolute; width:165px; display:none; }
.infoLayer .postit_top{height:5px; width:165px; /*background-image: url(../Images/backgrounds/postit_top.png); background-repeat: no-repeat;*/ }
.infoLayer .postit_bottom{height:10px; width:165px; background-image: url(../Images/backgrounds/postit_bottom.png); background-repeat: no-repeat; }
.infoLayer .postit_content{/*background-image: url(../Images/backgrounds/postit_bg.png);*/ background-color:InfoBackground;  padding:10px; }
.infoLayer p{margin:0px; padding:0px;  float:left; }
.infoLayer h3{color:Black;}
img.infoButton{cursor:pointer; margin-left:0px;}

.test{border:solid 1px red;}

/** 404 error page **/
#404pageWrapper { width:660px; text-align: left; padding: 0 0 0 0; background-color:#f2f2f2; margin:0px;}
.Content{margin: 0px auto; padding: 0px 2px; width: 660px;}
.Content h1{font-family:Times New Roman; font-size:34px; color:#222222; margin-top:40px; margin-bottom:20px;}
.Content h3{font-family:Arial; font-size:18px; font-weight:normal; color:#222222; margin-bottom:20px;}


.outofstock {
    color: Red;
    margin-left: 15px;
    cursor: text;
}

.red {
    color: Red;
}