/* -------------------------------------------------------------- Custom.css * ALL custom styles not covered in other sheets 1) HTML Tags 2) Layout 3) Images 4) Spacing 5) Typography 6) Links 7) Lists 8) News -------------------------------------------------------------- */ /* 2) Layout */ /* png start */ * html img, * html#transparent { behavior: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/js/iepngfix.htc); padding:0; margin:0; border:none; } /* png end */ .share { background: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/share.jpg); background-repeat:no-repeat; width:546px; height:284px; padding-top:50px; } .arialGreen { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#545A17; font-weight: normal; } .header { background: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/header.jpg) repeat-x; height:136px; width: 100%; } .header-content { background: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/top-header-pattern.jpg); width: 1024px; height: 136px; margin: 0 auto; } .login{background: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/login-form.gif) left top no-repeat; width:433px; height: 41px; font-family: Arial Narrow; color:#6D791E; font-weight: bold; font-size: 13px;} .flash { width: 100%; background: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/flash-bg.jpg) repeat-x; height: 228px; } .flash-content { width: 1024px; margin: 0 auto; } .content {width:894px; margin: 0 auto;} .blockQuote { background:url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/block-quote.gif) top left no-repeat; padding-left:35px; text-align:justify; } .footer {background: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/footer.jpg) center #8E9E26; width: 100%; height: 125px; } .footer-content { width: 894px; color: #E2E6C7; margin: 0 auto; font-size: 11px;} .did-you-know {margin-bottom:-100px; position:relative; top:-40px; padding:0; width: 303px;} .submit-button { background-color:#545A17; border:0px; color: #FFFFFF; font-size: 11px; padding: 4px; font-weight: bold;} .submit-button2 { background-color:#545A17; border:0px; color: #C6D537; font-size: 11px; padding: 4px; font-weight: bold;} .bullets ul { list-style-type:none; padding-left:0; margin-left: 0; } .bullets li { list-style-image:none; list-style-type:0; background-image:url(http://www.snoremateuk.co.uk/templates/snoremate/assets/front/layout/bullet.gif); background-repeat:no-repeat; padding-left:20px; font: 12px/20px Arial, Helvetica, sans-serif; color: #707070; line-height:26px; } .border-right {border-right: 1px solid #E1E0DE; padding-right: 35px;} .border-right2 {border-right: 1px solid #E1E0DE; padding-right: 5px;} .border-right3 {border-right: 1px solid #E2E6C7; padding-right: 8px;} .border-left {border-left: 1px solid #E1E0DE; padding-left: 30px;} .currency-converter { background-image: url(http://www.snoremateuk.co.uk/templates/snoremate/assets/order-information/currency-converter.gif); width: 203px; padding-left: 21px; padding-right: 20px; padding-top: 10px; } #subcontent dl {border: none!important;} .whatsnew {border: none!important;} /* 3) Images */ .wrap-right { float: right; clear: left; margin-left: 10px;} .wrap-left { float: left; clear: right; margin-right: 10px;} .wrap-left2 { float: left; clear: right; margin-right: 30px;} /* 4) Spacing */ .padding-top5 {padding-top: 5px;} .margin-top8 {margin-top: 8px;} .margin-top10 {margin-top: 10px;} .margin-top25 {margin-top: 25px;} .margin-top50 {margin-top: 45px;} .padding-top1 {padding-top: 1px;} /* 5) Typography */ .arial-10 {font-size:10px;} .arial-11 {font-size:11px;} .grey {color: #707070;} .right-align {text-align: right;} .green-numbers {color: #AFBC31; font-size: 16px; font-weight: bold;} .dark-green {color: #545A17;} /* 6) Links */ a:link.headerlink { font-family: Arial Narrow; font-size:13px; color: #E2E6C7; text-decoration:none; font-weight: bold;} a:visited.headerlink { font-family: Arial Narrow; font-size:13px; color: #E2E6C7; text-decoration:none; font-weight: bold;} a:hover.headerlink { font-family: Arial Narrow; font-size:13px; color: #545A17; text-decoration:none; font-weight: bold;} a:active.headerlink { font-family: Arial Narrow; font-size:13px; color: #E2E6C7; text-decoration:none; font-weight: bold;} a:link.footerlink { font-size:11px; color: #E2E6C7; text-decoration:none;} a:visited.footerlink { font-size:11px; color: #E2E6C7; text-decoration:none;} a:hover.footerlink { font-size:11px; color: #545A17; text-decoration:none;} a:active.footerlink { font-size:11px; color: #E2E6C7; text-decoration:none;} a:link.login-link { font-size:11px; color: #C6D537; text-decoration:none;} a:visited.login-link { font-size:11px; color: #C6D537; text-decoration:none;} a:hover.login-link { font-size:11px; color: #545A17; text-decoration:none;} a:active.login-link { font-size:11px; color: #C6D537; text-decoration:none;} a:link.shopping-link { color: #545A17; text-decoration:none;} a:visited.shopping-link { color: #545A17; text-decoration:none;} a:hover.shopping-link { color: #79812D; text-decoration:none;} a:active.shopping-link { color: #545A17; text-decoration:none;} a:link.opaque {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;display: block;} a:visited.opaque {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;display: block;} a:hover.opaque {filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;display: block;} a:active.opaque {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;display: block;} pad-bot {border-bottom: 1px solid #DDDDDD;} /* Header menu */ #header_menu {position: absolute; margin-left: 60px;} #header_menu li {line-height: normal;} ul#header_menu {z-index: 10; clear: both;} #nav { height: 1.68em; background: # ; border-top: 0; border-bottom: 0px solid #000; padding:0;float: right; } #nav ul { list-style-type: none; margin: 0; padding: 0; font-size: 81%; text-transform: uppercase; width: auto; /* (Disappearing List-Background) http://www.positioniseverything.net/explorer/ie-listbug.html */ position: relative; /* Fix the Stupid IE6 Bug */ } #nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;} #nav ul li a {display: block; padding: 5px 10px; padding-bottom: 4px; border-left: 0px solid #000; border-right: 0px solid #; color: #fff; text-decoration: none;} /* Root Level Link Formatting */ #nav ul li a:hover, #nav li a:focus {background: #d1d2d4; border-color: #fff; color: #4b4c4d;} #nav li a:active, #nav ul li a.active {background: #d1d2d4; border-color: #fff; color: #4b4c4d;} /* Current page Customisations*/ #nav li.menu-current a {background: #000; color: #fff; border-bottom: 1px solid #000;} #nav li.menu-current a {font-weight: bold;} /* 2nd Child menu */ #nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 1px solid #000; border-top: 0; font-size: 100%;} #nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;} #nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0;} /* 2nd Child link hover */ #nav .menu li ul a:hover {color: #4b4c4d; background: #666; border: 0; color:#fff;} /* Show and hide */ #nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;} #nav .menu li ul ul { display: none;} #nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;} #nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;} /* 3rd Child Menu Appreances */ #nav .menu li ul li ul li a { width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; } /* Positioning the Pop-out Drops */ #nav li {position: relative;} #nav ul ul ul { position: absolute; top: 1px; left: 100%; } /* end menu */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */