/* Criterion Tiles main CSS. Copyright Artwebs Ltd 2010 */ /*GENERAL FORMATTING*/ body {margin-top: 10px; background: #3333CC url(../images/common/mainBg.jpg);} p {font-family: Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;} /*LAYOUT TABLES*/ #mainWrapper {width: 974px; background: #fff; border: 10px solid #B8B8AB;} /*Header content*/ #header {width: 964px; height: 170px; margin: 0; background: #fff url(../images/common/headerBgline2.gif) repeat-x right 165px;} #logo {width: 764px;} #navBar {background: #fff; float: left; margin: 0 0 0 5px; z-index: 999999;} #sales {float: right;} /*Banner*/ #banner {width: 743px; margin: 15px 0 10px 5px; z-index: 10;} #bannerMain {width: 350px; height: 200px;} #home #bannerMain {background: url(../images/banner/welcomeMain2.jpg) no-repeat;} #classic #bannerMain {background: url(../images/banner/classicMain.jpg) no-repeat;} #contemp #bannerMain {background: url(../images/banner/contempMain.jpg) no-repeat;} #period #bannerMain {background: url(../images/banner/periodMain.jpg) no-repeat;} #stock #bannerMain {background: url(../images/banner/stockOffersMain2.jpg) no-repeat;} #about #bannerMain {background: url(../images/banner/aboutMain.jpg) no-repeat;} #criterionTrade #bannerMain {background: url(../images/banner/criterionTradeMainb.jpg) no-repeat;} /*Content*/ #contentWrapper {width: 964px; background: #fff;} #content {width: 764px;} #homeContent hr {margin: 3px 10px 3px 10px;} #aboutUsContent hr {margin: 3px 10px 3px 10px;} #contentText {} .imageFader {margin: 10px 0 10px 10px;} #home .imageFader {width: 500px;} #showcase {width: 743px; height: 600px; margin: 10px 0 0 5px;} #ranges {width: 743px; margin: 5px 0 0 10px;} .tilesRefWrapper {width: 740px !important;} .tileRef {float: right; width: 540px !important;} .prices {width: 185px !important; height: 100% !important;} #offerAd {width: 200px; height: 200px; border-top: solid 3px #990000; border-right: solid 1px #333; border-left: solid 1px #333; border-bottom: solid 5px #990000; background: url(../images/stockOffers/stockOffersAd.gif) no-repeat right top; margin: 10px 0 0 0;} .map {width: 743px;} .map p {text-align: left !important;} /*Strap*/ #strapHeader {width: 200px; height: 156px; border-left: solid 1px #000066; margin: 5px 0 0 0; background: #fff url(../images/header/crit2Logo7.gif) no-repeat left bottom;} #strapWrapper {width: 200px; border-left: solid 1px #000066; margin: 0 0 0 0; background: url(../images/strap/strapBg5.gif) repeat-y left top;} #strap {width: 199px;} /*Footer*/ #footerWrapper {width: 964px; height: 120px; border-top: solid 10px #B8B8AB;} #footerStrap {width: 199px; height: 120px; float: right; margin: 5px 2px 5px 0; background: url(../images/footer/footerStrap.gif) no-repeat right top;} #address {width: 564px; margin: 5px 0 5px 0;} #address1 {width: 175px; height: 100px; border-right: solid 1px #000066; float: left;} #address2 {width: 230px; height: 100px; float: left; border-right: solid 1px #000066;} #address3 {width: 175px; height: 100px; float: left;} #property {margin: 5px 0 0 0; padding: 3px 3px 3px 8px; background: #DEDEC9;} #artwebsLink {padding: 0; float: left; margin: 0 0 0 10px;} #sitemeter {float: left; width: 20px;} /*Teaser boxes*/ .teaserNav {width: 200px; margin: 7px 10px 3px 10px !important; padding: 0; border: 1px solid #7B8A8A; padding: 3px;} .teaserNav h1 {height: 20px !important; background: none !important; font-size: 95% !important; font-weight: bold !important; margin: 0 !important; padding: 1px !important; vertical-align: middle !important; text-align: center !important; color: #fff !important;} .teaserNav p {font-size: 70% !important; margin: -5px 0 0 5px !important; color: #fff !important;} .teaserNav a {width: 200px; height: 158px; cursor: pointer; display: -moz-inline-block; display: inline-block; color: #fff !important; text-decoration: none; background: #7B8A8A;} .teaserNav a:hover {background: #006699;} .teaserNav img {margin: 0px 0px 0px 0px; border: none;} .teaserGreen {border: 1px double #7B8A8A; margin: 0px 10px 3px 10px;} .teaserGreen a {background: #7B8A8A; height: 148px;} /*Contact*/ iframe {float: right; border: solid 1px #333;} small a {font: bold 75% Arial, Helvetica, sans-serif; color: #003366; float: right; margin: 3px 10px 0 0 !important;} /*TABLE FORMATTING*/ /*Header*/ #sales h1 {font-size: 100%; font-weight: normal; color: #000066; text-align: right; margin: 5px;} #sales h2 {font-size: 90%; font-weight: normal; color: #000066; text-align: right; margin: 5px; line-height: 120%} /*Content*/ #content p {font-size: 75%; color: #000066; text-align: left; margin: 5px 20px 10px 20px; text-align: justify;} #home #content p {margin: 5px 10px 5px 10px;} #content h1 {font-size: 130%; color: #000066; font-weight: normal; text-align: left; margin: 5px 10px 5px 20px;} #home #content h1 {background: #B1BCBE url(../images/home/h1bg.gif) no-repeat right top; margin: 5px 10px 5px 10px; padding: 0 0 0 5px; color: #fff; } #content h2 {font-size: 100%; color: #993300; font-weight: bold; text-align: left; margin: 10px 10px 5px 20px;} #ranges p {color: #003366; text-align: left; padding: 2px 6px 0px 6px; margin: 0; font: 75% Arial, Helvetica, sans-serif;} #rangesWrapper h1 {color: #0033CC; font-weight: bold; margin-top: 15px;} #rangesWrapper h2 {color: #0033CC; font-size: 100%; font-weight: normal; text-align: left; margin: 5px 10px 5px 15px;} #offerAd p {text-align: left !important;} #contact #content h1 {margin-top: 15px !important;} #order #content h1 {margin-top: 15px !important;} #thankyou #content h1 {margin-top: 15px !important;} #aboutUs #content h1 {margin-top: 15px !important;} #contact #content h2 {font-size: 85% !important;} #faqs #content h1 {margin-top: 15px !important;} #faqs #content h2 {font-size: 85% !important;} #terms #content h1 {margin-top: 15px !important;} #terms #content h2 {font-size: 85% !important;} /*Strap*/ #strap hr {margin: 0 2px 0 0px !important; height: 3px; background: #FFFFFF;} #strap p {font-size: 75%; color: #000066; text-align: left; margin: 5px 5px 10px 5px; padding: 0 0 0 5px;} #strap h1 {font-size: 100%; color: #990000; text-align: left; font-weight: bold; margin: 10px 10px 5px 8px; border-bottom: dotted 1px #996600;} #strap h2 {font-size: 75%; color: #000066; text-align: left; font-weight: bold; margin: 0; padding: 5px 5px 5px 8px;} #strap h2 a {color: #000066; text-decoration: none; display: block; background: url(../images/common/goOrange2.gif) no-repeat 175px 0px;} #strap h2 a:hover {color: #0066FF; background: url(../images/common/goOrange2.gif) no-repeat 175px -50px;} #strap p a {text-align: left !important; cursor: pointer; color: #003399 !important; text-decoration: none !important; display: block; margin: 5px 0 0 0;} #strap p a:hover {color: #FF6600!important;} #strapHeader p {font-size: 75%; font-weight: bold; margin: 5px 0 0 5px; text-align: left; vertical-align: middle !important; padding: 0;} /*Footer*/ #address1 p {font-size: 70%; color: #000066; text-align: left; margin: 5px;} #address2 p {font-size: 70%; color: #000066; text-align: left; margin: 5px 5px 5px 15px;} #address3 p {font-size: 70%; color: #000066; text-align: left; margin: 5px 5px 5px 15px;} #footerStrap p {font-size: 150%; color: #000066; text-align: right; margin: 5px 5px 5px 15px;} /*Pricing Formatting*/ .prices h1 {font-size: 100% !important; font-weight: bold !important; margin: 8px 3px 3px 3px !important; color: #333333 !important;} .prices h2 {font-size: 90% !important; font-weight: bold !important; color: #fff !important; padding: 3px; margin: 8px 3px 3px 3px !important; background: #0066CC;} .prices p {font-size: 75% !important; margin-top: 10px !important;} .price1 {text-decoration: line-through; font-style: italic;} .price2 {font-weight: bold; color: #CC0000;} /*Bullets and other formating*/ .bullets ul {margin: 0 2em 0em 2em; padding: 0em; text-align: justify; } .bullets ol {margin: 1em 2em 1em 2.5em !important; padding: 0em; text-align: justify; } .bullets li {font: 75% Arial, Helvetica, sans-serif!important; color: #000066; margin-top: 10px;} /*PICTURE NAVIGATION*/ /*Small nav boxes*/ #pictureNavWrapper {width: 150px; height: 320px !important; float: right; background: #fff; } .pictureNav {width: 150px; margin: 0 5px 10px 5px; padding: 0 !important; vertical-align: top;} .pictureNav a {width: 150px; cursor: pointer; display: inline-block; text-decoration: none; text-decoration: none !important; text-align: right; border: 1px solid #666; background: #999;} .pictureNav a:hover {background: #993333 url(../images/common/picNavbg.jpg) repeat-x top; color: #fff !important; border: 1px solid #666;} .pictureNav .caption {display: inline-block; text-align: right; font: 100% Arial, Helvetica, sans-serif !important; color: #fff !important; padding: 0 0 0 5px; margin: 3px !important; } .pictureNav img {border: none;} /*IMAGES*/ /*Main layout table images*/ .headerImage {margin: 8px 0px 0px 10px; float: left} #ranges img {margin: 8px 4px 0px 4px; padding: 0px; border: solid 1px #333;} .tileRef img {border: none !important;} .rangeHeader {float: right; margin: 5px 15px 10px 20px; padding: 0px;} .rangeBanner {float: right; margin: 0px 15px 10px 20px; padding: 0px;} #strap img {float: left; margin: 3px 8px 5px 0px; border: 1px solid #666666; padding: 0px;} /*Commom images*/ .tableImage {margin: 8px 2px 8px 5px; border: solid #333 2px;} .tableImageUnder {margin: 0px 2px 5px 5px; border: solid #333 2px;} .columnimageR {float: right; margin: 3px 3px 5px 3px; border: 1px solid #666666; padding: 0px;} .columnimageRX {float: right; margin: 10px 10px 10px 20px; border: 1px solid #666666; padding: 0px;} .columnimageL {float: left; margin: 5px 8px 5px 3px; border: 1px solid #666666; padding: 0px;} .columnimageLX {float: left; margin: 5px 8px 5px 10px; border: 1px solid #666666; padding: 0px;} .columnimageRnb {float: right; margin: 5px 3px 2px 8px; padding: 0px;} .columnimageRnbN {float: right; margin: 0; padding: 0px;} .columnimageRnbX {float: right; margin: 5px 10px 2px 8px; padding: 0px;} .columnimageLnb {float: left; padding: 0px 2px 2px 2px; margin: 0px 0px 0px 0px; } .columnimageLnbX {float: left; padding: 0px; margin: 0px 3px 0px 0px; margin-left: -10px;} .columnimageXM {margin: 5px 5px 5px 25px; border: 1px solid #666666; padding: 0px;} .tableImage {margin: 5px; border: 1px solid #666;} .tableImageExtra {margin: 8px; border: 1px solid #666;} .tableImageExtraNb {margin: 8px;} .inlineImage {margin: 0px; padding: 0px; border: 1px solid #666;} .inlineImageR {margin: 10px 0px 0px 10px; border: 1px solid #666; float: right;} /*Common Links*/ #tileDescription h4 a {color: #990033; underline: none;} #tileDescription h4 a:hover {color: #FF6600; underline: none;} #address1 a, #address2 a {color: #003366; font-weight: bold; text-decoration: underline;} #address1 a:hover, #address2 a:hover {color: #FF6600; text-decoration: underline;} #artwebsLink a {color: #003366; font-weight: bold; text-decoration: underline; font-size: 70%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;} #artwebsLink a:hover {color: #FF6600; text-decoration: underline;} #sitemeter a {text-decoration: none; border: none;} #content p a {color: #003399; text-decoration: underline; font-weight: bold;} #content p a:hover {color: #FF6600; text-decoration: underline; font-weight: bold;} #sales a {color: #003399; text-decoration: underline; font-weight: bold;} #sales a:hover {color: #FF6600; text-decoration: underline; font-weight: bold;} /*ZOOM SEARCH CSS*/ /*Header search*/ #search input {font-size: 85%; margin: 0px 0px 0 5px; width: 120px; height: 15px; } #search #zoom_button {padding: 0; height: 20px; width: 40px; margin: 0 10px 0 0; cursor: pointer; background: url(../images/common/goSearch.gif) no-repeat right center; border: none; font-size: 100%; text-align: left;}