/*------------------------------------------------------------------ [Master Stylesheet] Project: Mercus Yrkeskläder Version: 1.0 Last change: - Assigned to: Kim Gunnarsson, Mindbite Primary use: Corporate Website -------------------------------------------------------------------*/ @import "reset.css"; @import "960.css"; /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {background: #fff url(../gfx/bg.png) repeat-x top; font: normal 11px/18px Arial, Tahoma, Arial, Sans-serif; color: #000; } h1 {color: #005b99; font: bold 2.3em Arial, Helvetica, Sans-Serif; margin: 5px 0;} h2 {color: #005b99; font: bold 1.3em Arial, Helvetica, Sans-Serif; margin: 15px 0 5px;} h3 {color: #005b99; font: normal 1.2em Arial, Helvetica, Sans-Serif; border-bottom: solid 1px #9f9f9f; padding: 0 0 5px; margin: 15px 0 5px;} h3.group {padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;} a {} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} .right {float: right;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ div#masthead {padding: 29px 0 0; border-bottom: solid 5px #08314c; float: left; width: 960px;} div#logo, div#searcharea {margin: 0 0 18px;} div#searcharea {text-align: right;} div#navigation {clear: both; background: url(../gfx/bg-navigation.png) repeat-x bottom;} div#searcharea label {display: block; font: normal 10px Arial, Helvetica, Sans-Serif; color: #696969; margin-bottom: 2px !important;} div#searcharea #fancysearch {width: 300px; float: right; text-align: left; margin-right: -40px;} div#searcharea #fancysearch .txt {width: 240px;} div#searcharea #fancysearch .btn {width: 50px; background: url(../gfx/search-btn-bg.gif) repeat-x; color: #333; border: 0; padding: 4px 0 3px; text-transform: uppercase; font-size: 11px;} div#container {margin-bottom: 15px; clear: both;} div#header {margin-bottom: 10px; width: 960px; height: 292px; overflow: hidden;} div#content {width: 530px; float: left;} div#content #main {clear: both; margin-top: 15px;} div#content #main p {margin-bottom: 5px; color: #222; line-height: 1.8em;} div#content #main a {color: #005b99; text-decoration: underline;} div#content #main a:hover {color: #fff; background: #005b99; text-decoration: none;} div#content #main a.img:hover {background: transparent !important;} div#content #main ul {padding: 5px 10px; margin: 5px 15px; list-style: disc;} div#content #main ol {padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;} div#content #main ul li {list-style: disc; font-size: 11px; color: #222; padding: 1px 0;} div#content #main ol li {list-style: decimal; font-size: 11px; color: #222; padding: 1px 0;} div#content #main #shoplogin {margin: 75px 0 10px 10px; padding: 20px; width: 150px; border: 1px solid #ccc;} div#content #main #shoplogin p {color: #696969;} div#content #main #shoplogin p.small {font-size: 10px; line-height: normal; font-style: italic;} div#content #main #shoplogin input {width: 100%; border: 1px solid #ccc; font-size: 11px;} div#content #main #shoplogin .btnLogin {width: 80px; background: url(../gfx/search-btn-bg.gif) repeat-x; color: #333; border: 0; padding: 4px 0 3px; text-transform: uppercase; font-size: 11px; margin-top: 2px;} div#sidebar {width: 410px; float: right;} div#extrapagecontent {clear: both; width: 100%; background-color: #f3f3f3; margin: 15px 0 25px !important; padding: 20px 0 25px; line-height: 2em;} div#extrapagecontent h2 {font-size: 21px; margin: 0 0 10px;} div#extrapagecontent h3 {font: bold 19px Arial, Helvetica, Sans-Serif; margin: 0; border: none !important; color: #363636;} div#extrapagecontent ul {} div#extrapagecontent ul li {width: 240px; display: inline; float: left;} div#extrapagecontent ul li a {color: #252525; text-decoration: none;} div#extrapagecontent ul li a:hover {color: #005b99;} div#extrapagecontent ul li p {width: 200px !important;} div#extrapagecontent p.date {color: #3e3e3e; margin-bottom: 3px;} div#footer {background: #fff url(../gfx/footer-bg.gif) repeat-x top;} div#footer #footercontent {border-top: solid 5px #08314c; padding: 10px 0; color: #363636; font-family: Arial, Helvetica, Sans-Serif;} div#footer #footercontent #copyright, div#footer #footercontent #shortcuts, div#footer #footercontent #cred {float: left;} div#footer #footercontent #copyright {width: 190px;} div#footer #footercontent #shortcuts {width: 400px;} div#footer #footercontent #cred {width: 370px; text-align: right;} div#footer #footercontent #shortcuts a {text-decoration: underline; color: #363636;} div#footer #footercontent #shortcuts a:hover {color: #005b99;} div#footer #footercontent #cred a {text-decoration: none; font-weight: bold; color: #363636;} div#footer #footercontent #cred a:hover {color: #005b99;} img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} .txtSearchSite {font: normal 12px sans-serif; width: 100px;} .btnSearchSite {font: normal 12px sans-serif;} div.company {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;} address.footer {font: bold 12px sans-serif; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} /*-------------------------------------------------------------------------------------------------- Accordion Menu --------------------------------------------------------------------------------------------------*/ #accordion {width: 410px;} #accordion a.head {background: url(../gfx/accordion-header-bg.gif) repeat-x top; display: block; padding: 8px 10px; margin-top: 5px; cursor: pointer;} #accordion a.head:hover {color: #005b99;} #accordion a.selected {color: #fff; background: #005b99 !important; font-weight: bold;} #accordion a.selected:hover {color: #fff;} #accordion div {border: solid 1px #e0e0e0; border-top: none !important; padding: 10px;} #accordion div div {border: none !important; padding: 5px 0 0 !important; text-align: center;} #accordion div div a {color: #363636; text-decoration: underline; text-transform: uppercase;} #accordion div div a:hover {color: #005b99; text-decoration: none;} #accordion div ul li {border-bottom: solid 1px #f5f5f5; padding: 10px 0;} #accordion div h3 {font-size: 19px; color: #363636; border: none !important; margin-top: 5px !important;} #accordion div p {margin-bottom: 5px;} #accordion div .offer {text-align: left; } #accordion div .img {float: left; margin: 5px 15px 0 0;} #accordion div div.left, #accordion div div.right {width: 190px; float: left; text-align: left;} #accordion div h3.tips, #accordion div h3.tips a {color: #005b99 !important; text-transform: none; text-decoration: none; margin: 0; font-size: 1.15em; font-weight: bold;} #accordion div div.left p, #accordion div div.right p {margin-bottom: 10px;} #accordion div div.container {clear: both;} /*-------------------------------------------------------------------------------------------------- Accordion Style Store --------------------------------------------------------------------------------------------------*/ #accordion div.stores h3 a:hover {text-decoration: none !important;} #accordion div.stores a {color: #363636; text-decoration: none;} #accordion div.stores a:hover {color: #005b99; text-decoration: underline;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #navigation ul.menu {width: 908px; height: 35px; margin: 0; padding: 0; list-style-type: none; float: left; position: relative; z-index: 100;} #navigation ul.menu li {float: left;} #navigation ul.menu li a {text-transform: uppercase; padding: 9px 12px 8px 10px; display: block; text-decoration: none; color: #3e3e3e; background: url(../gfx/nav-separator.png) right bottom no-repeat;} #navigation ul.menu li a:hover, #navigation ul.menu li.on a {color: #005b99;} #navigation ul.menu li.on a {font-weight: bold;} #navigation ul.menu li.hc:hover, #navigation ul.menu li.hc a:hover {color: #005b99; background-color: #fff;} ul.submenu {width: 167px; padding: 5px 0; list-style-type: none; border: none; position: absolute; display: none; z-index: 1000; background: #fff; border-bottom: solid 5px #f5f5f5;} #navigation ul.menu li ul.submenu li {height: auto !important; margin: 0 !important; background: none;} #navigation ul.menu li ul.submenu li a {display: block;} #navigation ul.menu li ul.submenu ul {margin: -27px 0 0 166px; display: none; background-color: #efefef; border: none !important;} #navigation ul.menu li ul.submenu ul li {} #navigation ul.menu li ul.submenu ul li a, #navigation ul.menu li ul.submenu ul li a:hover, #navigation ul.menu li ul.submenu ul li.hc a, #navigation ul.menu li ul.submenu ul li.hc a:hover {background-image: none !important;} ul.submenu li a {color: #3e3e3e !important; padding: 5px 0 4px 16px !important; width: 150px; background-image: none !important;} ul.submenu li a:hover, ul.submenu li.on a {color: #005b99 !important;} ul.submenu li ul li a {color: #3e3e3e !important;} ul.submenu li ul li.on a {color: #005b99 !important;} .menu li:hover ul ul {display: none !important;} .menu li:hover ul {display: block !important;} .subnav {clear: both !important; background: url(../gfx/bg-navigation.png) repeat-x bottom !important; margin: 0 0 15px;} .subnav ul {height: 35px !important; margin: 0 !important; padding: 0 !important; list-style-type: none !important;} .subnav ul li {float: left !important;} .subnav ul li a {text-transform: uppercase !important; padding: 9px 12px 8px 10px !important; display: block !important; text-decoration: none !important; color: #3e3e3e !important; background: url(../gfx/nav-separator.png) right bottom no-repeat !important;} .subnav ul li a:hover, .subnav ul li.on a {color: #005b99 !important;} .subnav ul li.on a {font-weight: bold !important;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} div.staff {width: 516px; clear: both; padding: 10px 0 !important; display: block; border-bottom: solid 0px #f6f6f6;} div.staff div.description {float: right; width: 216px;} address.staff {width: 300px; margin: 0; display: block; float: left; overflow: hidden;} address.staff span {margin: 0 0 3px 0; font: normal 11px Arial, Tahoma, sans-serif; display: block;} address.staff span.wrapper {width: 145px; float: left;} address.staff span.photo {width: 95px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 12px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 12px; font-style: italic; color: #999;} address.staff span.value {display: inline;} address.staff span.vcf a {padding-left: 23px; background: url(../gfx/vcf.gif) no-repeat 0 2px;} address.staff a:hover {text-decoration: none !important; color: #005b99 !important; background: transparent !important;} address.staff span.vcf a:hover {background: transparent url(../gfx/vcf.gif) no-repeat 0 2px !important;} div.gallery {width: 510px; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; color: #005b99 !important; font: normal 1.2em Arial, Helvetica, Sans-Serif; border-bottom: solid 1px #f5f5f5;} a.gallerydir {width: 153px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #e0e0e0; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 153px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #e0e0e0; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000 !important; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100% !important; border: solid 1px #C2DDEF !important;} a.galleryimg:hover {color: #000 !important; background-color: Transparent !important; border: solid 1px #C2DDEF !important;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 150px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.documentlibrary {list-style: none !important; margin: 0 !important; padding: 5px 0 !important;} ul.documentlibrary li {list-style: none !important; line-height: 20px !important;} ul.documentlibrary li img {vertical-align: text-bottom !important;} ul.documentlibrary li a {margin: 0 0 0 6px !important;} /*-------------------------------------------------------------------------------------------------- Modules --------------------------------------------------------------------------------------------------*/ table.contractors {width: 500px !important;} table.contractors h3 {width: 500px !important; margin-top: 35px; font-weight: bold;} table.contractors h3.no-margin {margin-top: 15px;} table.contractors h2, table.contractors p {width: auto !important;} table.contractors tr td {} table.contractors tr td.logo {vertical-align: middle; padding: 5px 0; text-align: center; width: 120px;} table.contractors tr td.text {vertical-align: middle; padding: 5px 10px; width: 112px;} table.list-view {width: 500px !important;} table.list-view h3 {width: 500px !important; margin-top: 15px; font-weight: bold;} table.list-view h3 a {text-decoration: none !important;} table.list-view h2, table.list-view p {width: auto !important;} table.list-view td.img {width: 150px; vertical-align: middle; text-align: center;} table.list-view td.smallimg {width: 50px; vertical-align: middle; text-align: center;} table.list-view td.text {width: 350px; vertical-align: top; text-align: left;} table.list-view td.smalltext {width: 200px; vertical-align: top; text-align: left;} table.list-view td.img,table.list-view td.text {padding-top: 5px} table.list-view td.more {padding-top: 10px;} table.default-view {margin: 0; width: 100%;} table.default-view tr td {padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #f2f2f2;} table.default-view tr.header th {text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;} table.default-view tr th {padding: 5px 5px 5px 15px; text-align: left !important;} table.default-view tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.default-view tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;} table.default-view tr td.middle {vertical-align: middle !important;} table tr.pager td, table tr.pager td table tr td {border: 0;} table tr.pager td {font-weight: bold;} table tr.pager td a {font-weight: normal !important;} div#newsItem .ingress {font-weight: bold; margin: 10px 0 20px;} div#newsItem .archive {margin-top: 10px;} table.tips-view {width: 380px !important;} table.tips-view tr td {padding: 5px 0;} /*-------------------------------------------------------------------------------------------------- CE --------------------------------------------------------------------------------------------------*/ div.largeimage {display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;} div.largeimage a {margin:10px; display: block;} ol.guestbook {width: 70%; margin: 0; padding: 0; list-style: none; float: left;} ol.guestbook li {margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;} ol.guestbook h3 {margin: 0; font: bold 11px sans-serif;} ol.guestbook p {margin: 0;} ol.guestbook p.report {margin-bottom: 10px;} ol.guestbook a {text-decoration: none; color: Blue;} ol.guestbook a.reported {text-decoration: none; color: Red;} ol.guestbook li.pager {margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;} ol.guestbook li.pager a {text-decoration: none;} ol.guestbook li.pager a:hover {text-decoration: underline;} ol.guestbook li.pager a.left {float: left;} ol.guestbook li.pager a.right {float: right;} fieldset.guestbook {width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;} fieldset.guestbook legend {margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;} fieldset.guestbook p {margin: 5px 0;} fieldset.guestbook p.info {margin: 10px 0;} fieldset.guestbook p.error {color: Red;} fieldset.guestbook p.done {color: Green;} fieldset.guestbook p.checkbox {margin: 0 0 10px 0;} fieldset.guestbook p.checkbox label {margin: 0 0 0 3px; vertical-align: middle; display: inline;} fieldset.guestbook p.checkbox input {width: auto; vertical-align: middle;} fieldset.guestbook label {display: block;} fieldset.guestbook label span {color: Red; visibility: hidden;} fieldset.guestbook input {width: 97%; font: normal 11px sans-serif;} fieldset.guestbook textarea {width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;} fieldset.guestbook input.btn {width: auto;} fieldset.guestbook fieldset {margin: 0; padding: 0; border: 0; display: none;} fieldset.guestbook fieldset legend {display: none;} ul.banners {margin: 20px 0; padding: 0; list-style: none;} ul.banners li {margin: 5px 0;}