/*========================== IE PNG FIX ==========================*/ img, div, #features, .benefits { behavior: url(../iepngfix.htc); } /*========================== END OF IE PNG FIX ==========================*/ /*========================== MAIN PAGE PROPERTIES ==========================*/ html, body { background:#000000; color:#dbdbdb; font-family:Arial, Helvetica, sans-serif; font-size:11px; word-spacing:2px; line-height:14px; } a, a:link { color:#A9A9A9; text-decoration:none; } a:hover { color:#82545a; text-decoration:blink; } a:active { color:#59353a; text-decoration:none; } blockquote { margin: 5px 0px 7px 0px; padding: 5px 0 10px 14px; border: 1px solid #c41616; background: #e75858; font-size:11px; font: "Arial", "Helvetica", sans-serif; color:#DBDBDB; } form { padding: 0px; } fieldset { margin: 0; padding: 0; border: none; } label { display:block; font-weight:bold; margin: .4em 0; } input { padding: .3em; border: 1px solid #eeeeee; font: normal 1em Verdana, sans-serif; color:#777777; } textarea { width: 97%; padding: .3em; font: normal 1em/1.5em Verdana, sans-serif; border: 1px solid #eeeeee; height: 10em; display:block; color:#777777; } input.button { font: bold 1em Arial, Sans-serif; margin: 0; padding: .25em .3em; color: #FFFFFF; background: #3e2528; border: 2px solid #251214; } /*========================== END OF MAIN PAGE PROPERTIES ==========================*/ /*========================== LAYOUT PROPERTIES ==========================*/ #container { width:100%; margin:0px auto; } #layout { background:#000000) repeat-x; min-height:500px; position:relative; top:100px; } #header { } #header h1 { width:250px; height:39px; background:url(../images/logo_top.gif) no-repeat; position:relative; bottom: 80px; margin-left:230px; } #header em { display:none; } #testheader { } #testheader h1 { width:250px; height:39px; background:url(../images/logo_top.gif) no-repeat; position:relative; bottom: 80px; margin-left:230px; } #testheader h2 { width:250px; position:relative; bottom: 80px; margin-left:850px; } #testheader em { display:none; } #nav-wrap { float:left; position:relative; left:200px; bottom: 60px; width:210px; height:400px; background:#000000; margin:0px auto; padding:30px; } #nav { position:relative; } #nav ul { margin:0px; } #nav ul li { display:block; margin-bottom:10px; } #nav ul li em { display:none; } #nav ul li a.home { background:url(../images/nav/home.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.home, #nav ul li a.homeActive { background:url(../images/nav/home.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.shoponline { background:url(../images/nav/buyonline.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.shoponline, #nav ul li a.shoponlineActive { background:url(../images/nav/buyonline.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.collection { background:url(../images/nav/collection.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.collection, #nav ul li a.collectionActive { background:url(../images/nav/collection.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.about { background:url(../images/nav/about.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.about, #nav ul li a.aboutActive { background:url(../images/nav/about.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.newsfeed { background:url(../images/nav/newsfeed.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.newsfeed, #nav ul li a.newsfeedActive { background:url(../images/nav/newsfeed.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.press { background:url(../images/nav/press.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.press, #nav ul li a.pressActive { background:url(../images/nav/press.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.affiliates { background:url(../images/nav/affiliates.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.affiliates, #nav ul li a.affiliatesActive { background:url(../images/nav/affiliates.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.stockists { background:url(../images/nav/stockists.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.stockists, #nav ul li a.stockistsActive { background:url(../images/nav/stockists.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.online { background:url(../images/nav/online.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.online, #nav ul li a.onlineActive { background:url(../images/nav/online.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.exclusives { background:url(../images/nav/exclusives.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.exclusives, #nav ul li a.exclusivesActive { background:url(../images/nav/exclusives.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.contact { background:url(../images/nav/contact.jpg) no-repeat; width:140px; height:18px; background-position:top right; display:block; } #nav ul li a:hover.contact, #nav ul li a.contactActive { background:url(../images/nav/contact.jpg) no-repeat; width:140px; height:18px; background-position:bottom left; display:block; } #nav ul li a.myspace { background:url(../images/nav/myspace.jpg) no-repeat; width:105px; height:26px; background-position:top right; display:block; } #nav ul li a.facebook { background:url(../images/nav/facebook.jpg) no-repeat; width:105px; height:26px; background-position:top right; display:block; } #nav ul li a.youtube { background:url(../images/nav/youtube.jpg) no-repeat; width:105px; height:26px; background-position:top right; display:block; } #nav ul li a.twitter { background:url(../images/nav/twitter.jpg) no-repeat; width:105px; height:26px; background-position:top right; display:block; } #content { position:relative; margin-top:-39px; left:50px; float:left; } #content a, #content a:link { color:#82545a; text-decoration:none; } #content a:hover { color:#a87b81; text-decoration:blink; } #content a:active { color:#82545a; text-decoration:none; } #footer { position:relative; clear:both; float:right; width:520px; top:22px; } #footer ul { } #footer li { float:left; display:block; margin-left:180px; } /*========================== END OF LAYOUT PROPERTIES ==========================*/ /*========================== EXTRA ELEMENTS ==========================*/ .column { position:absolute; float:left; margin-left:15px; width:700px; height:400px; max-width:700px; background:#191919; repeat-x #000000; background-position:top; padding:10px 4px 10px 8px; border: 1px solid #a9a9a9; } .column p { margin-bottom:15px; } .column h1 { font-weight:bold; margin-bottom:15px; font-size:12px; } .column_contact { position:relative; float:left; margin-left:15px; width:230px; max-width:230px; background:url(../images/bg_columns.jpg) repeat-x #000000; background-position:top; padding:10px 2px 10px 7px; } .column_contact p { margin-bottom:15px; } .column_contact h1 { font-weight:bold; margin-bottom:15px; font-size:12px; } .contactTabs { position:relative; float:left; margin-left:50px; width:300px; max-width:300px; height:600px; background:url(../images/bg_columns.jpg) repeat-x #000000; background-position:top; padding:15px; } .contactTabs p { margin-bottom:15px; } .contactTabs h1 { font-weight:bold; margin-bottom:15px; font-size:12px; } .contentPages { position:relative; float:left; margin-left:15px; width:600px; max-width:600px; min-height:600px; background:url(../images/bg_columns.jpg) repeat-x #000000; background-position:top; padding:15px; } .contentPages p { margin-bottom:15px; } .contentPages h1 { font-weight:bold; margin-bottom:15px; font-size:12px; } .contentPages_gallery { position:relative; float:left; margin-left:15px; width:600px; max-width:600px; min-height:600px; background:url(../images/bg_columns.jpg) repeat-x #000000; background-position:top; padding:15px; } .contentPages_gallery p { margin-bottom:15px; } .contentPages_gallery h1 { font-weight:bold; margin-bottom:15px; font-size:12px; } .contentPages_dealers { position:relative; float:left; margin-left:15px; width:570px; max-width:570px; min-height:600px; background:url(../images/bg_columns.jpg) repeat-x #000000; background-position:top; padding:15px; } .contentPages_dealers p { margin-bottom:15px; } .contentPages_dealers h1 { font-weight:bold; margin-bottom:15px; font-size:12px; } .ukmap { float:right; } .highlight { color:#6b4348; } /*========================== END OF EXTRA ELEMENTS ==========================*/ .newscolumn { position:relative; float:left; margin-left:7px; width:200px; max-width:200px; repeat-x #000000; background-position:top; padding:10px 4px 10px 8px; } #Layer1 {style.css (line 62) background-color:#FFFFFF; border:1px solid #333333; height:260px; margin:3px 0 5px 5px; overflow:auto; position:absolute; width:173px; z-index:1; } #news1 { border-bottom:1px solid #333333; width:auto; height:auto; margin:5px; padding:3px } /***********************************ADDED FOR NEW SITE *********************************/ #colum1 {position:absolute; left:65px; top:7px; height:100%; width:155px;} #colum2 {position:absolute; left:255px; top:7px; height:100%; width:155px;} #colum3 {position:absolute; left:445px; top:7px; height:100%; width:155px;} #contact1 {position:absolute; left:35px; top:5; height:100%; width:300px;} #contact2 {position:absolute; left:400px; top:5; height:100%; width:155px;} #about1 {position:absolute; left:35px; top:19px; height:100%; width:300px;} #about2 {position:absolute; left:400px; top:19px; height:100%; width:155px;} #online1 {position:absolute; left:65px; top:35px; height:100%; width:155px;} #online2 {position:absolute; left:255px; top:35px; height:100%; width:155px;} #online3 {position:absolute; left:445px; top:35px; height:100%; width:155px;} #exclusives1 {position:absolute; left:35px; top:19px; height:100%; width:300px;} #exclusives2 {position:absolute; left:400px; top:19px; height:100%; width:300px;} #extra { background:#000000) repeat-x; min-height:100px; position:relative; top:25px; left:670px; }