body { background: white url(/files/system/grafik/bg_underside.gif) repeat-x left top; margin: 0px; padding: 0px; font-family: arial, Sans-Serif; font-size: 12px; }
body#area_2 { background: white url(/files/system/grafik/bg_underside_synsam.gif) repeat-x left top; }
td { vertical-align: top; text-align: left; }
a { text-decoration: underline; color: Black; font-size: 11px; }
a img { border-width: 0px; }
h1.h1 { font-family: Arial, Sans-Serif; margin: 0px; color: #2d2d2d; font-size: 20px; font-weight: normal !important; text-transform: uppercase; }
h3.overskrift, h1.overskrift { font-family: Arial, Sans-Serif; margin-bottom: 0px; color: #2d2d2d; font-size: 20px; font-weight: normal !important; text-transform: none; text-decoration: none; }
td.afsnitOverskrift, h3.afsnitOverskrift, h2.txt03, h1.afsnitOverskrift { font-family: Arial, Sans-Serif; margin: 0px 0px 10px 0px; color: #595959; font-size: 18px; font-weight: normal !important; text-transform: none; }
.afsnitOverskrift { text-transform: uppercase; }
/*.paragraphText .overskrift {text-transform: none !Important;} */
p { }
.horisontalFiller { width: 30px; float: left; }
.verticalFiller { height: 10px; float: left; width: 100%; }




body.page_6 { background: white url(/files/system/grafik/bg_ny.gif) repeat-x left top; margin: 0px; padding: 0px; font-family: arial, Sans-Serif; font-size: 12px; }
body.page_6 #col1, body.page_6 #col2 { width: 480px; float: left; text-align: left; }

body.page_520 { background: white url(/files/system/grafik/bg_ny.gif) repeat-x left top; margin: 0px; padding: 0px; font-family: arial, Sans-Serif; font-size: 12px; }
body.page_520 #col1, body.page_520 #col2 { width: 480px; float: left; text-align: left; }


#outerContainer { text-align: center; margin: 0 auto 20px auto; }



.hide { display:none; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
/* TOP */
#topContainer { height: 189px; margin: 0px auto; padding: 0px; width: 1100px; overflow: hidden; }
#area_2 #topContainer { width: 100%; height:auto; }
#area_2 #top { background-color:#EDEDED; border-bottom:solid 1px #fff; border-top:solid 1px #fff; }
#area_2 #top .inner { background-color:#EDEDED; border-bottom:solid 1px #B4B3B3; border-top:solid 1px #B4B3B3; }
#topLogoContainer { width: 300px; margin: 83px 0 0 68px; float: left; }
#area_2 #topLogoContainer { margin-left: 15px; }
#topGlobalMenu { float: left; width: 681px; margin: 55px 0px 0px 0px; padding: 0px; text-align: left; }
#topGlobalMenu li { white-space: normal; }
#topGlobalMenu ul { margin: 0px; padding: 0px; float: left; }
/*#topGlobalMenu ul li { list-style: none; float: left; margin: 0px 24px 0px 0px; padding: 0px; }*/
#topGlobalMenu ul li { list-style: none; float: left; margin: 0px 22px 0px 0px; padding: 0px; }




#topGlobalMenu ul li a { font-size: 12px; font-weight: normal; text-decoration: none; }
#topGlobalMenu ul li ul.M1 { clear: both; float: none; }
#topGlobalMenu ul li ul.M1 li { clear: both; list-style: none; margin: 0px; padding: 0px; display: list-item; }
#topGlobalMenu ul li ul.M1 li a { font-weight: normal; color: #9d9d9d; font-size: 11px; text-decoration: none; }
#topGlobalMenu ul li a:hover { text-decoration: underline !important; }
/* CONTENT */
#contentContainer { width: 1100px; clear: both; padding: 0px; margin: 0px auto; text-align: center; float: none; }
#leftBorder, #leftBorderNarrow { width: 55px; background: black url(/files/system/grafik/leftBorder.gif) repeat-y right top; float: left; height: 373px; }
#rightBorder, #rightBorderNarrow { width: 55px; background: black url(/files/system/grafik/rightBorder.gif) repeat-y left top; float: left; height: 373px; }
#media, #mediaNarrow { height: 373px; width: 1100px; }
#mediaContent { float: left; }


#leftBorderNarrow, #rightBorderNarrow, #mediaNarrow { height: 134px !important; }
#legendContainer { height: 87px; width: 1100px; }
#area_2 #legendContainer { height: auto; }
/*height: 50px; For at få højden på 120px*/
#legend { width: 990px; margin: 15px 0px 0px 0px; font-size: 11px; font-weight: normal; padding: 0px 55px; text-align: left; }
#legend a { }


#leftMenu { width: 190px; margin-right: 30px; float: left; margin-left: 0px; }
.leftMenuMinHeight { height: 140px; width: 1px; float: left; }


#leftMenu div.top { width: 190px; height: 20px; }
#leftMenu div.mid { background: transparent url(/files/system/grafik/leftMenuMid.png) repeat-y -3px 0px; width: 190px; }
#area_2 #leftMenu div.mid { width: auto; }
#leftMenu div.mid div.leftShadow { background: transparent url(/files/system/grafik/leftMenuMid.png) repeat-y 0px 0px; width: 20px; float: left; }
#leftMenu div.mid div.rightShadow { background: transparent url(/files/system/grafik/leftMenuRight.png) repeat-y 0px 0px; width: 26px; float: left !important; }
#leftMenu div.bottom { width: 190px; height: 22px; }

#leftMenu div.mid ul { font-size: 12px; margin-bottom: 10px; background: #c9c9c9 url(/files/system/grafik/leftMenu.jpg) no-repeat scroll left top; float: left; margin: 0px; padding: 20px; width: 100px; min-height: 140px; height: auto !important; height: 140px; border-top: solid 1px white; }
#leftMenu div.mid ul li { clear: both; list-style: none; margin: 0px; padding: 0px; display: list-item; }
#leftMenu div.mid ul li.first { font-size: 12px; margin-bottom: 10px; }
#leftMenu div.mid ul li a { font-weight: normal; font-size: 11px; color: #595959; text-decoration: none; }
#leftMenu div.mid ul li ul.M2, #leftMenu ul li ul.M2 li ul.M3, #leftMenu ul li ul.M3 { background-image: none; background-color: Transparent; margin: 4px 0px 4px 6px; padding: 0px; clear: both; float: none; border-top-width: 0px; min-height: 0px; height: auto !important; }
#leftMenu div.mid ul li ul.M2 li, #leftMenu ul li ul.M2 li ul.M3 li, #leftMenu ul li ul.M3 li { width: 110px; background-color: Transparent; clear: both; list-style: none; margin: 0px; padding: 0px; display: list-item; }
#leftMenu div.mid ul li ul.M2 li a, #leftMenu ul li ul.M2 li ul.M3 li a, #leftMenu ul li ul.M3 li a { text-decoration: none; }
#leftMenu div.mid ul li a.activeitem, #leftMenu ul li ul.M2 li a.activeitem, #leftMenu ul li ul.M2 li ul.M3 li a#activeitem, #leftMenu ul li ul.M3 li a#activeitem { color: Black; }

#area_2 #leftMenu div.mid { margin-left: 18px; }

/* Nicky */
#leftMenu div.mid ul li a { font-size: 12px; margin-bottom: 10px; color: #000; text-decoration:none; }
#leftMenu div.mid ul li ul li a { font-weight: normal; font-size: 11px; color: #595959; text-decoration: none; }
#leftMenu div.mid ul li ul li.first { font-size: 12px; margin-bottom: 0px; }
#leftMenu div.mid ul li ul { background: none; float: left; margin: 10px 0 0 0; padding: 0px; width: 100px; min-height: 140px; height: auto !important; height: 140px; border: none;}
#leftMenu div.mid ul li ul li ul { background: none; float: left; margin: 10px 0 0 0; padding: 0px; width: 100px; height: auto; border: none;}




#content { width: 1100px; text-align: left; padding-left: 38px; }
/*55px */
body.page_6 #content { padding-left: 0px !important; }
/* FOOTER */
#footerContainer { margin: 0px auto; background: black; height: 190px; padding: 15px 55px; }
#footer { width: 990px; color: #707070; font-size: 11px; }
#footertext { background: transparent url(/files/system/no/img/Synsam_bottomLogo.png) no-repeat center right; height:50px; }

#logoContainer { margin-top: 6px; width: 990px; }
ul#logoerBund { margin: 0px; padding: 0px; }
ul#logoerBund li { margin: 0px 37px 0px 0px; padding: 0px; list-style: none; float: left;  }


#loginContainer { width: 421px; float: right; }
#butiksloginlink { float: left; padding-top: 10px; position: absolute; z-index: 11; }
#butiksloginlink a { color: #707070; text-decoration: none; }
#loginLinseButikken { float: right; }
#loginLinseButikken table td, #loginLinseButikken table td a { color: #707070; }
#ExtUserForm { display: inline; }
#ExtUserForm input { color: #808080; background-color: #202020; border: 1px solid #494949; border-left-color: #393939; border-top-color: #393939; }
#ExtUserForm input.focus { background-color: #808080; color: #202020; }


/* paragraphsetup: forsideParagraphSetup*/
div.forsideParagraphSetup { }
div.forsideParagraphSetup div#col1 h3.overskrift, div.forsideParagraphSetup div#col2 h3.overskrift, div.forsideParagraphSetup div#col1 h3.overskrift a, div.forsideParagraphSetup div#col2 h3.overskrift a { color: #353535; font-size: 20px; text-transform: uppercase; margin-top: 34px; text-decoration: none; }
div.forsideParagraphSetup div#col3, div.forsideParagraphSetup div#col4 { width: 480px; float: left; }




/* afsnit: smal_bred */
div.smal_bred { background: #d1d1d1 url(/files/system/grafik/graaBaggrund.gif) repeat-x top left; padding: 1px 0px; }
div.smal_bred div.paragraphImageRight { float: left; width: 170px; }
div.smal_bred div.paragraphText { float: left; font-size: 11px; color: #595959; padding: 10px; width: 290px; height: 152px; overflow: hidden; }


div.forsideParagraphSetup div.smal_bred { height: 171px; }
div.forsideParagraphSetup div.smal_bred div.paragraphImage { width: 170px; }
div.forsideParagraphSetup div.smal_bred div.paragraphText { float: left; width: 290px; }


/* afsMedSkygge */
div.afsMedSkygge { background: transparent url(/files/system/grafik/afsMedSkygge.jpg) no-repeat scroll 0 0; height: 208px; padding-left: 16px; padding-right: 17px; padding-top: 19px; width: 479px; }
div.afsMedSkygge div.paragraphText { background: transparent none repeat scroll 0 0; float: right; height: 148px; padding: 11px; width: 286px; }
div.afsMedSkygge div.paragraphImage { width: auto; height: auto; }


/* paragraphDefault, medAfsnitHeader, medAfsnitHeaderOgBilledeUnder*/
.paragraphDefault { clear: both; }
.medAfsnitHeader { clear: both; }
.medAfsnitHeaderOgBilledeUnder { clear: both; }
.fuldBredde { clear: both; }




div.paragraphDefault div.paragraphText, div.medAfsnitHeader div.paragraphText { width: 479px; float: left; }
div.paragraph_2405 div.paragraphText { width: 100%; }
div.medAfsnitHeaderOgBilledeUnder div.paragraphText { width: 479px; }
div.paragraphDefault div.paragraphImage, div.medAfsnitHeader div.paragraphImage { float: left; width: 266px; padding-left: 50px; }
div.medAfsnitHeaderOgBilledeUnder div.paragraphImage { }
div.paragraphDefault div.paragraphModule, div.medAfsnitHeader div.paragraphModule { clear: both; width: 795px; float: left; }
div.medAfsnitHeaderOgBilledeUnder div.paragraphModule { width: 795px; }


/*undersideBred*/
#undersideBred { padding: 0px 55px 0px 0px; text-align: left; }
#undersideBred #col1 { float: left; padding-top: 17px; width: 795px; }
/*
#undersideBred #col1 .paragraphText { background-color: red; width: 479px; float: left; }
#undersideBred #col1 .paragraphImage { background-color: green; float: left; width: 316px; height: 200px; }
#undersideBred #col1 .paragraphModule { background-color: #eee; clear: both; float: left; }
*/


#undersideBred #col2 { width: 512px; float: left; overflow: hidden; }
/*468px*/
/*width: 990px; */
#undersideBred #col3 { width: 512px; float: left; padding-left: 0px; }
/*width: 990px; */


#undersideBred #col2 div.smal_bred, #undersideBred #col3 div.smal_bred { height: 171px; }
/*margin-top: 30px; */




.product { float: left; width: 140px; overflow: hidden; margin-top: 24px; }
.product .verticalFiller { height: 15px; }
div.product div.thumb { margin-bottom: 3px; }
div.product h3.productName, #imageDetails h3.productName { font-size: 11px; margin-bottom: 0px; font-weight: normal !important; font-family: Arial, Sans-Serif; color: #911EA2; text-decoration: none; }
div.product h3.productName a, #imageDetails h3.productName a { font-size: 11px; margin-bottom: 0px; font-weight: bold !important; font-family: Arial, Sans-Serif; color: #911EA2; text-decoration: none; }
div.product div.shortdescription, #imageDetails div.shortdescription { font-size: 11px; font-family: Arial, Sans-Serif; color: #595959; }
div.product div.price, #imageDetails div.price { font-size: 9px; font-family: Arial, Sans-Serif; color: #595959; }


.product.linseshop { width: 820px; margin-top: 10px; }
.product.linseshop h3.productName { font-size: 15px; }
.product.linseshop .customerInfo table { width: 400px; }
.product.linseshop .customerInfo table tbody th { color: #911EA2; font-weight: normal; }
.product.linseshop div.info { width: 500px; float: left; }
.product.linseshop div.image { width: 300px; float: left; border-left: #999 1px solid; }
.product.linseshop input.laegIKurv { margin: 20px 10px; }


.userInfo { border-bottom: 1px solid #595959; display: block; height: 23px; }
.userInfo h3 { font-family: Arial, Sans-Serif; margin: 0px 0px 10px 0px; color: #595959; font-size: 18px; font-weight: normal !important; width: 500px; float: left; }
.userInfo .shopInfo a { text-decoration: none; }
.shopInfo { width: 300px; float: right; line-height: 25px; }


#outerImageContainer { border: solid 1px black; border-bottom-width: 0px; }
#imageDataContainer { border: solid 1px black; border-top-width: 0px; }


/* KAMPANGE OMR?DE */
.kampangeGruppe, .kampagneElementer .kampangeElement { border: solid 1px #a0a0a0; width: 300px; height: 438px; float: left; margin: 0px 10px 10px 0px; overflow: hidden; padding: 10px; }


.kampangeGruppe .header, .kampagneElementer .header, .kampangeElement h3 { border-bottom: solid 1px #a0a0a0; margin-bottom: 4px; padding-bottom: 8px; }
.kampangeGruppe .header h1, .kampagneElementer .header h1 { font-size: 12px; margin-bottom: 4px; }
.kampangeGruppe a, .kampangeElement a { text-decoration: none; }




.kampagneElementer { }
.productlistnavigation { }


/* FORHANDLER OMR?DE */
#googleMapsSoegning { display: block; margin-top: 10px; }
#googleMapsSoegning label { margin-right: 6px; padding-bottom: 4px; }
#googleMapsSoegning table tr td { vertical-align: middle; }




#username { padding: 10px; background-color: #e9e9e9; font-family: Arial, Sans-Serif; margin: 0px 0px 10px 0px; color: #595959; font-size: 18px; font-weight: normal !important; }


.shop { }
.shop .rightCol { float: right; width: 186px; padding: 20px; background-color: #e9e9e9; }
.shop .rightCol .shop_image { width: 186px; }
.shop .rightCol .shop_image, .shop .rightCol .contactInfo, .shop .rightCol .shop_openingHours { margin-bottom: 10px; }
.shop .shopEvent { margin-top: 10px; }




.profilshopsFirstColumn { vertical-align: top; width: 150px; background-color: #eeeeee; padding: 6px 0px 0px 6px; }
.profilshopsFirstColumnHeader { font-weight: bold; padding: 10px 0px 0px 6px; width: 150px; font-size: 15px; }
.profilShopTextInput { width: 495px; }
.customerLine { cursor: pointer; }
tr.customerLine td { border-top: solid 1px #eeeeee; }


/*
.profilShopTextInput { margin-left: 5px; width: 200px; }
*/


#col1 table td { text-align: left; }


/* formular */
.paragraph_460 table.Form2ndColumn { width: 300px; }


.pressemeddelser { width: 640px; }
.pressemeddelser .pressemeddelse { clear: both; padding: 6px 0px; border-bottom: solid 1px #eee; height: 100px; }
.pressemeddelser .pressemeddelse .tekst { width: 500px; float: right; text-align: left; }
.pressemeddelser .pressemeddelse .billede { width: 135px; float: left; height: 100px; overflow: hidden; }


#globalSearchForm { margin: 157px 0 0 886px; position: absolute; z-index: 100; }
#globalSearchForm div.searchBut { height: 17px; float: left; }
#globalSearchForm div.searchButLeft { width: 3px; height: 17px; float: left; background: transparent url(/files/system/grafik/searchLeft.gif) no-repeat top left; }
#globalSearchForm div.searchButMid { height: 17px; float: left; background: transparent url(/files/system/grafik/searchMid.gif) repeat-x top left; }
#globalSearchForm div.searchBut input { background-color: Transparent; border: solid 0px black; float: left; width: 117px; padding: 0px 3px; font-size: 12px; padding-top:1px;}
#globalSearchForm div.searchButRight { width: 3px; height: 17px; float: left; background: transparent url(/files/system/grafik/searchRight.gif) no-repeat top left; }
#globalSearchForm input.submitButton { float: left; margin-left: 5px; }

#area_2 #globalSearchForm { margin:0; position: relative; float:right; }

#undersideBred #col1 div.paragraph_480 div.paragraphText { width: 789px !important; }
#ikkeAktiv { background-color: black; height: 32px; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; position: absolute; width: 397px; z-index: 10; text-align: right; }
.dot { width: 1px; height: 1px; visibility: hidden; }






.paragraphText ul li { margin-top: 5px; }


.paragraphText ul li a { font-size: 12px; }
/* Kurv */
.cartHeader { padding-bottom: 20px; padding-bottom: 20px; font-size: 12px; font-weight: bold; font-family: Arial, Sans-Serif; color: #911EA2; text-decoration: none; }
#area_2 .cartHeader { color:#000; }
#submitUserData {}
#submitUserData table td {padding: 3px 3px 3px 0px;}
#submitUserData .tilbage, .toemkurv {float: left; margin-top: 10px;}
#submitUserData .naeste{float: right; margin-top: 10px;}
#submitUserData input.text { width:250px; }
.footer .bestil {float: left; margin-top: 10px;}
.cart .pricelabel { float:left; }
.cart .price { clear:left; float:left; }
.cart tr { height:100px; }
.cart td { padding: 20px; border-bottom:solid 1px #eee; }
a.delete { color:#ED1C24; font-weight:bold; text-decoration:none; }
#leftMenu div.mid ul#minicart { min-height:0px; }
#leftMenu div.mid ul#minicart li.quantity { background: transparent url(/files/system/no/img/inlineKurv.png) no-repeat 0px 0px; padding-left:20px; }
#leftMenu div.mid ul#minicart li a { text-decoration:underline; }
/* Produkt konfigurator */
form#config ul { margin:0; padding:0; }
form#config ul li { list-style-type: none; float:left; padding:0; margin:0; margin-right:5px; }
form#config ul li label { float:left; }
form#config ul li select { clear:left; float:left;}