body { font-family: arial, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background: url(../images/body_bg_ws.gif) repeat-x #37301E; } a { color: #333; } a:hover { color: #666; } h1 { font-weight: normal; margin: 0px 20px 0px 0px; } h2 { font-size: 130%; color: #999; font-weight: normal; text-transform: uppercase; } h3 { font-size: 115%; color: #999; font-weight: bold; text-transform: uppercase; padding: 0px; margin: 0px 0px 2px 0px; } h4 { font-size: 110%; color: #999; font-weight: normal; text-transform: uppercase; } p { padding-bottom: 10px; line-height: 1.6em; margin-top: 0px; } img { border: none; background: #eee; } h4 a { text-decoration: none; } dl, dl a { color: #666; } dl { margin: 0; padding: 0; list-style: none; } dt { float: left; font-weight: bold; } dd { margin: 0px 0px 10px 20px; } #wrapper { width: 798px; margin: 0px auto; } a img { border: none; } #headerContainer { width: 798px; height: 120px; text-align: right; } #mainContainer { background: #fff url(../images/main_bg_ws.gif) repeat-x; width: 798px; /* height: 670px; */ margin: 0; padding: 0; text-align: left; } #mainContainerHomepage { background: #fff; } #mainContainerContent { padding: 20px 50px 50px 50px; } #mainNav { width: 798px; height: 28px; background: #c7b489; } #mainNav ul { list-style: none; padding: 0;margin: 0; text-align: center; float: left; } #mainNav li { float: left; margin: 0px 0px 0px 0px; } #mainNav li a { height: 28px; text-align: center; display: block; width: 114px; line-height: 28px; color: #000; text-decoration: none; text-transform: uppercase; } #mainNav li a:hover, #mainNav li a.active, #mainNav li.selected a { color:#37301e; background-color: #E1DABE;} .homeBanner { width: 700px; height: 335px; margin: 10px 0px 20px 0px; } .homeBanner img { border: solid 1px #777; } .homeBody { padding-left: 10px; padding: 0px; font-size: 130%; width: 600px;} #footerContainer { font-size: 90%; color: #aaa; margin: 10px 0px 0px 20px; height: 50px; } #footerContainer a { color: #ccc; text-decoration: none; } #footerContainer a:hover { color: #fff; } .container { padding: 0px; width: 700px; } .col100 { width: 700px; } #pageHeading { width: 700px; height: 50px; margin-top: 10px; border-bottom: solid 1px #999; margin-bottom: 20px; } #pageHeading h2 { float: left; margin-top: 15px; } #pageHeading .search { font-size: 120%; margin-top: 10px; color: #999; float: right; } .col66Left { width: 400px; float: left; } .col33Right { width: 250px; float: right; } .aboutContainer { height: 590px; } .col75Left { width: 480px; float: left; } .col25Right { width: 200px; float: right; } .col80 { width: 530px; float: left; } .col50Left { width: 300px; float: left; } .col50Right { width: 300px; float: right; } .contentBody { padding-left: 10px; padding: 0px; } /* DETAIL PAGE */ #colDetailLeft { width: 400px; float: left; } #colDetailRight { width: 250px; float: right; } /* #detailPhotos ul { list-style: none; padding: 0; margin: 10px 0px 0px 0px; width: 242px; } #detailPhotos li { list-style: none; margin: 0px; } */ .detailPhotoContainer { width: 245px; border: solid 1px #ccc; margin-bottom: 10px; background-color: #fff; } .detailPhotoContainer:hover { background: #ccc; } .detailPhoto { background: #000; margin: 5px 5px 5px 5px; } .detailPhoto img { width: 235px; height: 235px; } .detailThumbs { width: 245px; border: solid 1px #ccc; margin-bottom: 10px; background: #fff; } .detailThumb img { width: 75px; height: 75px; margin: 5px 0px 5px 5px; float: left; background-color: black; } .largeThumb { width: 230px; height: 190px; float: left; } .magnifyIcon { position: absolute; margin: 10px; float: left; margin: 170px 0px 0px 210px; } img.categoryThumb { width: 160px; height: 160px; margin-top: 20px; } img.subCategoryThumb { width: 210px; height: 210px; margin: 5px; } #measurements { margin-top: 5px; color: #999; border-top: solid 1px #999; margin-bottom: 30px; } .measurement { width: 400px; height: 18px; margin-top: 3px; border-bottom: solid 1px #999; } .measurement .label { width: 200px; float: left; } .measurement .inches { width: 100px; float: left; } .measurement .centimeters { width: 100px; float: left; } #stockNumber { height: 20px; } #stockNumber img { margin-top: 3px; float: left; } #stockNumber span { color: #999; float: right; } #circaDate { height: 20px; margin-bottom: 30px; } #circaDate img { margin-top: 3px; float: left; } #circaDate span { color: #999; float: right; } .thumbsContainer { text-align: center; } .thumbsContainer a { text-decoration: none; } .thumbsContainer h3 { margin-top: 9px; } .thumbsContainer .thumb, .thumbsContainer .thumbEmpty { margin: 0px 16px 15px 0px; float: left; width: 220px; height: 220px; border: solid 1px #ccc; } .thumbsContainer .thumb.last { margin: 0px 0px 15px 0px; } .thumbsContainer .thumb, .detailThumbs { background: #fff; } .thumbsContainer .thumb:hover, .detailThumbs:hover { background: #ccc; } .clearBoth { clear: both; } #contactDetails { font-size: 120%; margin-bottom: 30px; } #contactMap img { } #enquiryForm { } #enquiryForm .field { width: 250px; border: solid 1px #fff; margin-bottom: 5px; } #enquiryForm .label { width: 70px; float: left; } #enquiryForm .entry { width: 170px; float: left; } #enquiryForm .text { width: 170px; } .validation { color: red; width: 170px; margin-top: 2px; clear: both; } /* { border: solid 1px red; }*/ .sideNav li { list-style: inside url(../images/navarrow.gif); margin-bottom: 10px; } #pager span { color: #aaa; font-weight: bold; } #bottomNav, #detailBottomNav { color: #999; font-size: 120%; } #detailBottomNav { margin-top: 30px; } #bottomNav { padding: 5px; background-color: #eee; border: solid 1px #ccc; margin-right: 2px; height: 18px; } #bottomNav a, #detailBottomNav a { text-decoration: none; font-weight: bold; color: #999; } #bottomNav a:hover, #detailBottomNav a:hover { text-decoration: underline; color: #666; } #bottomNav .navLinks { width: 80px; float: left; } #bottomNav .breadcrumbs { float: left; } #bottomNav .pager { float: right; } #thumbnails { height: 480px; margin-top: 0px; } #newsArticles { } #newsArticles h4 { margin: 10px 0px 5px 0px; font-weight: bold; font-size: 120%; } #newsArticles ul { list-style-image: url(../images/navarrow.gif); margin-bottom: 5px; } #newsArticles li { list-style-image: url(../images/navarrow.gif); margin-bottom: 5px; } #copyrightDetails { margin-bottom: 2px; } .subMenu { font-size: 110%; color: #999; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; } img.sold { position: relative; margin: -30px 10px; color: red; font-weight: bold; z-index: 1000; float: right; } /* * { border: solid 1px red; } */ /* About Page */ #mainContainer.about { background: #fff url(../images/about_bg.jpg) no-repeat; color: #fff; font-size: 130%; } #mainContainer.about #pageHeading { border-bottom: solid 1px #fff; width: 500px; } .linkBody { color: #999; }