/* SELECTAMARK VERSION 1.0 CONTENTS ---------- 1.BODY 2.DEFAULT STYLING 3.HEADINGS 4.LINKS 5.IMAGES & VIDEOS 6.LAYOUT 7.BRANDING/MASTHEAD 8.NAVIGATION 9.SITEINFO/FOOTER 10.GLOBALS ELEMENTS COLOURS ----------- red #831026 grey #eeeeee */ @import url(reset.css); /* RESET CSS */ /* 1.BODY ---------------------------------------------------------------------- */ body { text-transform: none; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, sans-serif; font-size: 12px; line-height:1.5em; color: #3f3f3f; } /* 2.DEFAULT STYLING ---------------------------------------------------------------------- */ p,ul,dl,ol { margin-bottom:20px; } ul { list-style:url(../images/site/bullet.gif); } ul li { margin-left:20px; } ol { list-style:decimal-leading-zero; } ol li { margin-left:40px; margin-bottom:10px; } blockquote { font-family:Georgia,serif; font-style:italic; color:#666; font-size:12px; line-height:18px; margin-bottom:20px; padding:0 20px; border-left:1px solid #ccc; } blockquote p { margin-bottom:10px; } blockquote cite { font-style:normal; text-transform:uppercase; font-size:9px; letter-spacing:1px; font-family:Verdana; display:block; margin-top:10px; } abbr { cursor:help; border-bottom:1px solid #ccc; } abbr:hover { border-color:#999; } a abbr { border:none; } del { color:#666; } strong { font-weight:bold; } em { font-style:italic; } /* 3.HEADINGS ----------------------------------------------------------------------- */ h1 { font-size: 16px; font-weight: bold; } h2 { font-size: 13px; font-weight: bold; margin-bottom: 1em; } h3 { font-size: 12px; font-weight: bold; margin-bottom: 1em; } /* 4.LINKS ---------------------------------------------------------------------- */ a:link, a:visited { color: #505050; } a:hover, a:focus { } h2 a:link, h2 a:visited { text-decoration:none; } h2 a:hover, h2 a:focus { color:#000; } h3 a { text-decoration:none; } div#distributors ul { text-transform: none; font-size: 12px; list-style: none;} div#distributors li { padding-bottom: 4px;} div#distributors li a:link, a:visited { text-decoration:none; } div#distributors li a:hover, a:focus { text-decoration: underline; } div#distributors li#gb a {padding-left: 30px; background: url(/images/gif/gb.gif) no-repeat left center} div#distributors li#nl a {padding-left: 30px; background: url(/images/gif/nl.gif) no-repeat left center} div#distributors li#de a {padding-left: 30px; background: url(/images/gif/de.gif) no-repeat left center} div#distributors li#at a {padding-left: 30px; background: url(/images/gif/at.gif) no-repeat left center} div#distributors li#sk a {padding-left: 30px; background: url(/images/gif/sk.gif) no-repeat left center} div#distributors li#cz a {padding-left: 30px; background: url(/images/gif/cz.gif) no-repeat left center} div#distributors li#si a {padding-left: 30px; background: url(/images/gif/si.gif) no-repeat left center} div#distributors li#hu a {padding-left: 30px; background: url(/images/gif/hu.gif) no-repeat left center} div#distributors li#gr a {padding-left: 30px; background: url(/images/gif/gr.gif) no-repeat left center} div#distributors li#nz a {padding-left: 30px; background: url(/images/gif/nz.gif) no-repeat left center} div#distributors li#cl a {padding-left: 30px; background: url(/images/gif/cl.gif) no-repeat left center} div#distributors li#vg a {padding-left: 30px; background: url(/images/gif/vg.gif) no-repeat left center} div#distributors li#hk a {padding-left: 30px; background: url(/images/gif/hk.gif) no-repeat left center} div#distributors li#au a {padding-left: 30px; background: url(/images/gif/au.gif) no-repeat left center} div#distributors li#fr a {padding-left: 30px; background: url(/images/gif/fr.gif) no-repeat left center} div#distributors li#be a {padding-left: 30px; background: url(/images/gif/be.gif) no-repeat left center} div#distributors li#ca a {padding-left: 30px; background: url(/images/gif/ca.gif) no-repeat left center} div#distributors li#es a {padding-left: 30px; background: url(/images/gif/es.gif) no-repeat left center} div#distributors li#pl a {padding-left: 30px; background: url(/images/gif/pl.gif) no-repeat left center} div#distributors li#au a {padding-left: 30px; background: url(/images/gif/au.gif) no-repeat left center} div#distributors li#sg a {padding-left: 30px; background: url(/images/gif/sg.gif) no-repeat left center} div#distributors li#br a {padding-left: 30px; background: url(/images/gif/br.gif) no-repeat left center} div#distributors li#mx a {padding-left: 30px; background: url(/images/gif/mx.gif) no-repeat left center} div#distributors li#za a {padding-left: 30px; background: url(/images/gif/za.gif) no-repeat left center} div#distributors li#ng a {padding-left: 30px; background: url(/images/gif/ng.gif) no-repeat left center} div#distributors li#us a {padding-left: 30px; background: url(/images/gif/us.gif) no-repeat left center} /* 5.IMAGES & VIDEOS ---------------------------------------------------------------------- */ img { border:1px solid #ddd; } img.fl { float:left; margin:0 20px 10px 0; } img.fr { float:right; margin:0 0 10px 10px; } div#distributors img { border:none; padding-bottom: 20px; } /* 6.LAYOUT ---------------------------------------------------------------------- */ body{ text-align:center; /*For IE6 Shenanigans*/ margin: 20px } #wrapper{ width:700px; margin:0 auto; padding-left: 20px; text-align:left; border: solid 1px #999; } #left{ width: 400px; } #branding{ } #main{ } #copyright{ margin-top: 100px; color: gray;} /* 7.BRANDING/MASTHEAD ---------------------------------------------------------------------- */ div#branding { width:100%; height:50px; background:url(../images/site/masthead_bg.png) repeat-x center top; margin:20px 0 70px 0 ; } div#branding h1 { width:945px; height:50px; margin:0 auto; padding-top:4px; } div#branding h1 a { width:300px; height:50px; display:block; background:url(../images/logo_selectadna.png) no-repeat left top; text-indent:-9999px; position:relative; z-index:2; } /* 8.NAVIGATION ---------------------------------------------------------------------- */ /* 9.SITEINFO/FOOTER ---------------------------------------------------------------------- */