html, body {height: 100%;}
a {color: #4b463d; text-decoration: underline;}
a:visited {color: #cf5552;}
a:hover {color: #cf5552;}
a:active {color: #cf5552;}
map area {cursor: pointer;}
body, div, th, td, form, p, li, ul, ol, h1, h2, h3, h4, h5, h6, span, select, input {
color: #4f3d3f; font: normal normal 13px Georgia; line-height: 16px; margin:0; padding: 0;}
#banner h1 {margin: 0 43px;}
h2 {font: normal normal 21px Georgia, Verdana, Arial, sans-serif; line-height: 21px; margin-top: 0;}
h2 i {color: #609084; font-style: italic;}
h3 {font: normal normal 10px Georgia, Verdana, Arial, sans-serif; line-height: 13px; text-transform: uppercase; margin: 20px 0 0 0;}
h3.piHdr {font: normal bold 11px Georgia, Verdana, Arial, sans-serif; line-height: 13px; text-transform: uppercase; margin: 20px 0 0 15px; color: #609084;}
h3 + p {margin: 4px 0 0 0;}
h4 {font: normal normal 10px Georgia, Verdana, Arial, sans-serif; line-height: 13px; color: #80312b; text-transform: uppercase; margin: 20px 0 0 0;}
h4 + p {margin: 0;}
h5 {font: italic normal 16px Georgia, Verdana, Arial, sans-serif; line-height: 13px; color: #609084; margin: 20px 0 4px 0;}
h5 + p {margin: 0;}
h6 {font: normal normal 11px Georgia, Verdana, Arial, sans-serif; line-height: 13px; color: #609084; text-transform: uppercase; margin: 20px 0 4px 0; letter-spacing: 2px;}
h6 + p {margin: 0;}
hr {border: 0; border-top: 1px solid #c7c7c7; padding: 0; margin: 0;}
img {border: 0;}
li {margin: 0 0 5px 5px;}
ol, ul {list-style-position: outside; padding: 0 0 0 13px;}
p, ul, ol {margin: 8px 0 4px 0;}
sup {font: normal normal 9px Verdana, Arial, Helvetica, sans-serif;}
th {background-color: #746f66; color: #ffffff;}
tr {vertical-align: top;}
.tipped{font-style:italic;}
/*-----overall template layout ids and classes-------------------------------------------------------------------*/
body {width: 1000px; padding: 0; margin: 0 auto 1px auto; text-align: center; background: #f6896d url(/devine/images/bg.gif) repeat top center; height: 100%;}
/*margin-bottom in body is set to 1px, and works with line 1, to force scrollbar in Firefox*/
#theBorderLands {position: relative; height: 105px; width: 1000px; margin: 0; padding: 0; z-index: 1000;}
#logo {position: absolute; top: 34px; left: 437px; width: 128px; padding: 0; margin: 0; z-index: 100;}
#banner {position: relative; height: inherit; margin-top: 0; background: transparent url(/devine/images/bg_banner.png) repeat-y top center;}
#bannerBtm {position: relative; margin: 0 0 -3px 0;}
.home #theBorderLands, .store #theBorderLands {height: 105px;}
.home #banner {height: 358px;}
.store #banner {height: 102px;}
#theSite {position: relative; width: 950px; margin: 0; padding: 0 25px; background: transparent url(/devine/images/bg_content_white.png) repeat-y top center; }
#theSite_IEmarginTopFix {position: relative; width: 950px; margin: 0; *margin: -3px 0 0 0; padding: 0 25px; background: transparent url(/devine/images/bg_content_white.png) repeat-y top center; }
.home #theSite {padding: 0 25px;}
.wGrad #theSite {background: transparent url(/devine/images/bg_content_home.png) repeat-y top center;}
#theSiteTail {position: relative; text-align: center; width: 1000px;}
.clearAll {clear: both;}
.bgTestimonialsContent #theContent {padding: 1px 0 20px 0; margin: 0 14px; background: #ffffff url(/devine/images/contentbg/gradient_bottom.jpg) no-repeat bottom left;}
#theContent {position: relative; width: 933px; text-align: left; padding: 0; margin: 0 13px;}
.home #theContent {width: 950px;}
.bgContent #theContent {padding: 0 0 330px 0; margin: 0 14px; background: #ffffff url(/devine/images/contentbg/paint_palettes.jpg) no-repeat bottom left;}
.bgOurServices #theContent {padding: 0 0 350px 0; margin: 0 14px; background: #ffffff url(/devine/images/contentbg/makeovers.jpg) no-repeat bottom left;}
.wGrad #theContent {margin: 0;}
#col_2 #theContent {position: relative; width: 920px; background: transparent url(/devine/images/book/bg_gradiant.jpg) repeat-x bottom left; padding: 0 0 90px 0; margin: 0 14px 0 15px;}
#theContent #col_a {position: relative; float: left; margin: 0; padding: 30px 20px 0 20px; width: 90px;}
#theContent #col_b_c_bc {position: relative; float: left; width: 786px;}
#theContent #col_b {position: relative; float: left; width: 551px; padding: 30px 50px 0 0;}
#col_2 #theContent #col_b {position: relative; float: left; width: 551px; padding: 30px 50px 0 130px;}
#theContent #col_b_c {position: relative; float: left; width: 473px; padding: 30px 50px 0 0;}
#theContent #col_c {position: relative; float: left; width: 168px; padding: 30px 17px 0 0;}
#theContent #col_c_c {position: relative; float: left; width: 246px; padding: 30px 17px 0 0;}
#theContent #col_bc {position: relative; float: left; width: 769px; padding: 0 17px 0 0;}
.column2 {position: absolute; top: 230px; left: 605px;}
.pi_page #theContent #col_b{width: 480px;}
.pi_page #theContent #col_c{width: 238px; padding-top: 10px;}
.pi_page #theContent #col_bc{margin-top: -10px;}
/*-----navigation-----------------------------------------------------------------------------------------------*/
#navPriBtm .option, #navPriBtm .optionOn, #navPriBtm .separator,
#navSecBtm .option, #navSecBtm .separator {font: normal normal 11px Trebuchet MS;}
#navPriBtm .option a, #navPriBtm .optionOn a, #navPriBtm .separator,
#navSecBtm .option a, #navSecBtm .separator {color: #74675d; text-decoration: none;}
#navPriBtm .optionOn a {color: #c16049;}
#navPriTop {position: relative; top: 53px; height: 57px; padding: 4px 0 0 7px; background: transparent url(/devine/images/bg_nav_pri.png) no-repeat top left; position: relative; z-index: 70;}
#navPriBtm .option, #navPriBtm .optionOn, #navPriBtm .separator,
#navPriTop .option, #navPriTop .separator,
#navSecBtm .option, #navSecBtm .separator {float: left;}
#navPriBtm .separator, #navSecBtm .separator {padding: 0 8px;}
/*-----footer---------------------------------------------------------------------------------------------------*/
#footer {position: relative; width: 936px; height: 110px; margin: 20px 20px 0 20px; padding: 11px 12px; text-align: left; z-index: 100;}
#footer #beSocial {float: right;}
#footer #beSocial .option {float: left; margin-left: 4px;}
#footer #copyright {margin: 16px 0 0 0;}
#footer #copyright p {font: normal normal 9px Trebuchet MS; color: #74675d;}
#footer #siteSearch {float: right; margin-left: 26px;}
#footer #siteSearch .formField input {padding: 2px 5px; border: 1px solid #899ba9; color: #777; font-size: 11px;}
#footer #siteSearch .formBtn input {height: auto; width: auto; padding: 0; background: none; border: none; color: #77665c; font-weight: bold; font-size: 11px;}
#footerBg {position: relative; width: 936px; height: 110px; margin: -133px 20px 0 20px; padding: 11px 12px; text-align: left; background-color: #ffffff; opacity: .5; filter: alpha(opacity=50); z-index: -1;}
#footer #bottomRightNumber { margin: -60px 5px 0 0; float:right; }
#footer #bottomRightNumber p{font:11px Trebuchet MS; }
#bottomLine { margin:0 0 0 132px; }
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.center {width: 977; margin-left: auto; margin-right: auto;}
.clearFloat {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
.displayBlock {display: block;}
.displayNone {display: none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.valignTop {vertical-align: top;}
.small {font-size: 10px;}
.smaller {font-size: 9px;}
/* BEGIN cleaner STYLES --------------------------------------------------------------------------------------- */
#theContent #col_b_wider {position: relative; float: left; width: 648px; padding: 30px 0 20px 25px;}
#theContent #col_b_wider h5 {line-height: 15px;}
.floatRight_links {display: block; width: 400px; float: right; text-align: right; margin: 10px 0;}
p.newsDate {margin: 20px 0 -15px 0;}
ul.listStyle_none_2col {display: inline-block; width: 250px; float: left; margin: 0 0 0 -18px; list-style: none;}
ul.listStyle_none_2col li {line-height: 12px;}
/* END cleaner STYLES --------------------------------------------------------------------------------------- */
/*-----YUI CSS for tabs-----------------------------------------------------------------------------------------*/
/*.yui-skin-sam #tabsPaintInfo #tab_1 .pi {background: transparent url(/devine/images/paintinfo/can_powder-trans.png) no-repeat top left;}
.yui-skin-sam #tabsPaintInfo #tab_2 .pi {background: transparent url(/devine/images/paintinfo/can_devinegreen-trans.png) no-repeat top left;}
.yui-skin-sam #tabsPaintInfo #tab_3 .pi {background: transparent url(/devine/images/paintinfo/can_delicate-trans.png) no-repeat top left;}
.yui-skin-sam #tabsPaintInfo #tab_4 .pi {background: transparent url(/devine/images/paintinfo/can_luscious-trans.png) no-repeat top left;}
.yui-skin-sam #tabsPaintInfo #tab_5 .pi {background: transparent url(/devine/images/paintinfo/can_canopy-trans.png) no-repeat top left; padding: 55px 30px 130px 293px;}
*/
.yui-content-bottom a {display: block; height: 59px; color: #80be1e; font-size: 17px; padding: 25px 0 0 180px;text-decoration: none;}
.yui-content-bottom a i {color: #ffffff;}
.yui-skin-sam #tabsPaintInfo .pi .prodImg {position: relative; float: left; width: 293px; height: 286px; margin: 0; padding: 0;}
.yui-content-bottom {margin-left: 0;}
.yui-skin-sam div.marginFix {margin-left: 8px;}
/*-----Collection page-----------------------------------------------------------------------------------------*/
.tcBuy {position: absolute; top: 0px; left: 0px; width: 300px;}
.tcBuyThisColor {background-color: #fbf4e7; border: 1px solid #eae2d6; padding: 20px 12px 6px 12px;}
.tcBuyThisColor .formlabel {color: #6c6259; font: normal bold 14px Trebuchet MS; margin: 12px 0 4px 0;}
.tcBuyThisColor .formfield select {color: #666; width: 160px;}
.tcBuyThisColor form {float: left;}
.tcBuyThisColor .poImage {padding: 10px 0; float: right;}
.tcBuyThisColor .buyThisColor {color: #c16049; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 14px; margin: 0 0 10px 0;}
.formAdjust {margin-top: -15px;}
.tcCalcCoverageBtn, .tcCalcCoverageBtnOn {text-align: right; margin-right: 5px;}
.tcDescription {background-color: #c16049; height: 14px; padding: 8px 20px; margin: 0 3px; color: #dca89b;}
.tcLgSwatch {float: left; margin-right: 30px; padding: 30px 0 0 0; width: 170px;}
.tcSwatchColor {text-align: center; color: #534840; font: normal normal 16px Georgia;}
.tcLgWheel {padding-right: 35px; margin-right: 40px; border-right: 1px dashed #d4d4d4; float: left; background-color: transparent; background-repeat: no-repeat; background-position: top left;}
.tcLgWheel a {outline: 0;}
.tcLgWheelColor {text-align: center; font-size: 11px; color: #817973; width: 130px; height: 40px; position: relative; top: -155px; left: 70px;}
.tcWheels {height: 46px; background-color: #a4b8ae; padding: 15px 20px 0 20px;}
.tcWheels h2 {color: #ffffff; font: normal normal 24px Georgia; text-transform: uppercase; margin: 0 30px 0 0; float: left; letter-spacing: 4px;}
.tcWheels .wheelDescription {color: #ffffff; font: normal normal 10px Trebuchet MS; text-transform: uppercase; margin: 0;letter-spacing: 1px;}
#purchaseStart {position: relative; height: 35px; _padding-top: 8px;}
#purchaseStart a {color: #fff; text-decoration: none; padding: 10px 45px; line-height: 35px; background: url(/devine/images/btn_bkgd_132px.png) no-repeat; width: 132px; text-align: center; font-family: Georgia, Times New Roman, serif; font-size: 10px;}
#purchaseStart a:hover {background: url(/devine/images/btn_bkgd_132px_on.png) no-repeat;}
form#buythis {}
/*-----Combination page-----------------------------------------------------------------------------------------*/
.combLgWheel {padding-right: 10px; margin: 10px 0 0 -10px; float: left;}
.combLgWheel img {border: none;}
.combLgPattern {width: 319px; padding: 0 20px; margin: 10px 10px 20px 0; float: left; border-left: 1px dashed #d4d4d4;}
.combLgPattern img {border: none;}
.combLgPattern p {width: 280px; font-family: Verdana, Geneva, sans-serif; color:#7E7670; font-size: 12px; font-weight: normal;}
.paintPagesForm {width: 270px; padding: 2px 0 15px 0; border-bottom: 1px dashed #d4d4d4; margin-bottom: 25px;}
.paintPagesPrice {display: block; margin-bottom: -7px;}
/*-----Contact Us Page-----------------------------------------------------------------------------------------*/
.contactDetails {width: 229px;}
.midSection {background: url(/devine/images/cu_background.jpg) repeat-y; width: 189px; padding: 0px 20px;}
.midSection hr {height: 1px; border: none; border-top: 1px dashed rgb(138, 138, 113); margin: 14px 0px 18px 0px; *margin: 7px 0 10px 0; padding: 0;}
.midSection p {margin: 0; padding: 8px 0 4px 0;}
/*-----Calculator----------------------------------------------------------------------------------------------*/
.calcAbs {position: absolute;}
.calcRel {position: relative; right: 232px;}
.calcDiv {width: 532px; height: 264px; background-color: #fbf4e7; border: 1px solid #eae2d6;}
.calcDiv h2 {font-size: 14px; color: #6c6259; padding: 12px 0 0 0;}
.calcDiv form {height: 100%;}
.calcDiv .formfield {padding: 0 8px 12px 0; vertical-align: middle;}
/* .calcDiv .formfield input {font-size: 11px; border: 1px solid #8a9aa7; text-align: right;} */
.calcDiv .formlabel {font-size: 9px; line-height: 11px; text-transform: uppercase; color: #6c6259; padding: 0 0 12px 0; vertical-align: middle;}
.calcCalculator {width: 350px; height: 100%; float: left; padding: 0 15px;}
.calcCalculator td.formfield input { width:26px; font-size: 11px; border: 1px solid #8a9aa7; }
.calcResults {width: 122px; height: 100%; float: left; background-color: #dbceb4; padding: 0 15px;}
/*-----Shopping Cart-------------------------------------------------------------------------------------------*/
.home #shoppingCart {*width: 965px;}
#shoppingCart {position: absolute; width: 965px; *width: 470px; height: 32px; z-index: 1500;}
#shoppingCart #cart {position: absolute; left: 759px; top: 0; width: 160px; height: 30px; padding: 7px 13px 0 13px; background: transparent url(/devine/images/bg_cart-trans.png) repeat-x 10px 0;}
#shoppingCart #cart #cartCount {float: right; color: #963c61; font: normal bold 12px Trebuchet MS;}
#shoppingCart #cart #cartCount a {text-decoration: none; color: #4B463D;}
#shoppingCart #cart #cartCount a:hover {color: #CF5552;}
#shoppingCart #cart #cartLabel {float: left; color: #7e7670; font: normal bold 12px Trebuchet MS;}
/*-----Login Button -- in header-------------------------------------------------------------------------------*/
#loginDiv {position: relative; float: right; width: 980px; margin-right: 0; padding: 0; text-align: right; border-right: 0px solid #ccc;}
#loginDiv a {padding: 7px 20px; border-right: 1px solid #ccc; font: normal bold 12px Trebuchet MS; text-decoration: none; color: #4B463D; background: transparent url(/devine/images/bg_cart-trans.png) repeat-x -114px 0; float:right; }
#loginDiv a:hover {color: #CF5552;}
#loginDiv a.noRtBrdr {border: none; margin-left: -2px;}
#loginDiv #cart2 { float:right; height:32px; overflow:hidden; }
#loginDiv #cartLabel2 { float:left; height:32px; overflow:hidden; font-size:12px; padding: 8px 28px 7px 20px; background: transparent url(/devine/images/bg_cart-trans.png) repeat-x 17px 0; color:#7e7670; }
#loginDiv #cartCount2 { float:left; }
#loginDiv #cartCount2 a { padding-left:4px; float:none; display:block;}
#loginDiv #cart2 a { }
/*-----PI ids and classes--------------------------------------------------------------------------------------*/
#piBottomOff {height: 84px; width: 777px; background: transparent url(/devine/images/paintinfo/bg_vocbar.jpg) no-repeat top left;}
#piBottomOn {height: 84px; width: 777px; background: transparent url(/devine/images/paintinfo/bg_vocbar_open.jpg) no-repeat top left;}
.pi {padding: 0 0 70px 0;}
.pi p {font-size: 12px;}
.piFootnotes {padding: 0px 30px 30px 30px;}
.piFootnotes p {font-size: 12px; padding: 0px 30px 10px;}
.piLeft {float: left; width: 270px; padding-right: 40px; padding-top: 55px;}
.piRight {float: right; width: 130px; padding: 55px 30px 0 0;}
.pi .piBuyNow {border: none; margin: -25px 0 0 80px; position: relative; width: 180px; height: 35px; }
/*-----Store Locator-------------------------------------------------------------------------------------------*/
#popupContact #popButton { height:35px; text-align:center; margin:0; padding:0; }
#popupContact button { width:132px; height:31px; color: #fff; text-decoration: none; padding:10px auto; line-height:10px; background: url(/devine/images/btn_bkgd_132px.png) no-repeat; text-align: center; font-family: Georgia, Times New Roman, serif; font-size: 10px; margin:0 auto; border:0; }
#popupContact button:hover {background: url(/devine/images/btn_bkgd_132px_on.png) no-repeat;}
/*-----Odds-n-Ends---------------------------------------------------------------------------------------------*/
.formfield {margin: 0 0 6px 0;}
.formlabel {margin: 12px 0 0 0;}
.formlabelContact {margin: 12px 0 0 0; font: normal 12px Trebuchet;}
.formlabelalert {margin: 12px 0 0 0; color: #cc0000; font-weight: bold;}
.gallery {height: 392px; width: 676px; background: transparent url(/devine/images/gallery/bg_gallery.jpg) no-repeat top left; padding: 57px 46px 0 57px;}
.gallery .thumbnails {height: 315px; width: 250px; padding: 10px; float: left;}
.gallery .thumbnails div {height: 75px; width: 80px; float: left; margin: 0 5px 5px 0;}
.gallery .zoomed {height: 355px; width: 355px; float: right; text-align: center; margin-top: -10px;}
.header1 {float: left; color: #4f5d61; font: normal bold 15px Verdana; margin: 0; padding: 0 15px 0 5px; background: transparent url(/devine/images/brdr_header.gif) no-repeat top right; height: 32px;}
.header2 {color: #4f5c60; font: normal bold 14px Verdana; margin: 0 0 4px 0;}
.mapLink {font-size: 11px; color: #5da3d9; text-decoration: none;}
.mapLink:visited {color: #5da3d9;}
.mapLink:hover {color: #5da3d9;}
.mapLink:active {color: #5da3d9;}
.confirmPaint {text-transform: uppercase; font: normal bold 10px Trebuchet MS, Verdana, Arial, sans-serif; border-top: 2px solid #e5e8ec; border-bottom: 2px solid #e5e8ec; padding: 8px 30px 8px 0;}
.discover li {color: #885421; font: italic normal 18px Georgia, Verdana, Arial, sans-serif;}
.eRubeDivContainer {margin: 0; padding: 0;}
.horizLine {height: 1px; margin: 0; padding: 0; border-bottom: 1px solid #c7c7c7;}
.specialOffers {float: left; margin-left: -115px;}
.teal {color: #609084;}
.testimonial {font-size: 17px; line-height: 20px; margin: 16px 0 6px 0; padding-bottom: 10px;}
.tile {float: left; margin-top: -18px;}
.processPDF a {font: normal normal 9px Trebuchet MS; line-height: 11px; color: #898989; text-decoration: none;}
.rightCol {font: italic normal 11px Trebuchet MS, Verdana, Arial, sans-serif;}
.sample {text-transform: uppercase; font: normal normal 10px Trebuchet MS, Verdana, Arial, sans-serif;}
.sampleImg {padding: 0 0 15px 0; border-bottom: 1px solid #e5e8ec;}
.medium {font-size: 17px; line-height: 20px;}
.offsetBook {float: left; margin-left: -110px;}
.TODO {background-color: yellow;}
.TODO:before {background-color: red; color: white; font-weight: bold; content: "TODO: ";}
.plainLink {text-decoration: none;}
.apologies {font-size: 26px; color: #993333;;}
/* ----- BEGIN Testitimonials STYLES ---------------------------------------------------------- */
.gradient {
color: #000;
width: 256px;
/*height: 500px; SAME HEIGHT */
padding: 0 10px;
margin-left: 6px;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#fefefc), to(#faf9ed));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfefefc, endColorstr=#FFfaf9ed);
/* For Internet Explorer */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfefefc, endColorstr=#FFfaf9ed)";
/* For Mozilla Firefox */
background-image: -moz-linear-gradient(top center, #fefefc, #faf9ed)
}
.gradientContainer {
width: 288px;
/*height: 500px; SAME HEIGHT */
background: url(../images/bubble_sides.png) repeat-y;
}
.bubbleContainer {
display: block;
float: left;
width: 288px;
margin-bottom: 80px;
/*height: 500px; SAME HEIGHT */
}
.bubbleContent {
width: 240px;
margin-left: 10px;
}
.bubbleContent p {padding-top: 10px; *padding-top: 0; font-size: 16px; line-height: 1.1em; color: #222720;}
.bubbleTop {
display: block;
margin-bottom: -8px; *margin-bottom: 0;
width: 288px;
height: 24px;
background: url(../images/bubble_top.png) no-repeat;
}
.bubbleBottom-right {
width: 288px;
height: 54px;
background: url(../images/bubble_bottom_right.png) no-repeat;
}
.bubbleBottom-left {
width: 288px;
height: 54px;
background: url(../images/bubble_bottom_left.png) no-repeat;
}
.testimonialContainer {
display: block;
width: 900px;
height: 100%;
margin: 20px 0 0 19px;
}
.columnContainer {
width: 288px;
height: 100%;
margin-right: 9px;
display: block;
float: left;
}
.customerSign {
display: block;
margin-top: 5px;
float: right;
font-size: 11px;
color: #4f3d3f;
}
.marginAdd_left {margin-left: 10px;}
/* ----- END Testitimonials STYLES ---------------------------------------------------------- */
/* ----- BEGIN Our Services STYLES ---------------------------------------------------------- */
.gradientBox {
color: #000;
width: 533px;
/*height: 500px; SAME HEIGHT */
padding: 0 10px;
margin-left: 3px;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFededed);
/* For Internet Explorer */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff, endColorstr=#FFededed)";
/* For Mozilla Firefox */
background-image: -moz-linear-gradient(top center, #ffffff, #ededed)
}
.gradientBoxContainer {
width: 559px;
/*height: 500px; SAME HEIGHT */
background: url(../images/box_sides.jpg) repeat-y;
}
.boxContainer {
display: block;
float: left;
width: 559px;
margin: 20px 0 20px -3px;
/*height: 500px; SAME HEIGHT */
}
.boxContent {
width: 530px;
margin: 30px 0 0 10px;
padding-top: 10px; *padding-top: 0;
}
.boxContent p {width: 510px; font-size: 13px;}
.boxTop {
display: block;
margin-bottom: -30px; *margin-bottom: 0;
width: 559px;
height: 5px;
background: url(../images/box_top.jpg) no-repeat;
}
.boxBottom {
width: 559px;
height: 6px;
background: url(../images/box_bottom.jpg) no-repeat;
}
.boxContent h2 {
*display: inline-block;
/*text-align: center;*/
font-size: 11px;
color:#799084;
text-transform: uppercase;
/*font-weight: bold;*/
margin: 10px 0 0 0; *margin: -10px 0 0 0;
letter-spacing: 2px;
}
.makeoverPhotoContainer {
display: block;
float: left;
width: 480px;
min-height: 250px;
margin: 15px 0 0 0;
}
.makeoverPhotoContainer p {
margin: -1px 0 15px 25px;
width: 480px;
text-align: left;
font-size: 11px;
color:#799084;
/*text-transform: uppercase;*/
font-weight: normal;
font-style: italic;
}
.buyRoomMakeoverBtn {float: right; margin: 10px -5px 10px 0;}
/* -------- BEGIN model window version STYLES --------- */
.submittedPhotoContainer {
display: block;
float: left;
width: 183px;
height: 215px;
margin: 15px 0 0 -5px;
}
.submittedPhotoContainer p {
margin: -10px 0 15px 0;
width: 183px;
text-align: center;
font-size: 10px;
color:#799084;
text-transform: uppercase;
font-weight: normal;
}
.colorSuggestionContainer {
display: block;
float: left;
width: 335px;
height: 215px;
margin: 15px 0 0 5px;
}
.colorSuggestionContainer p {
margin: -10px 0 15px 0;
width: 335px;
text-align: center;
font-size: 10px;
color:#799084;
text-transform: uppercase;
font-weight: normal;
}
.galleryLink {float: right; margin: 10px 30px 0 0; font-size: 10px; text-transform: uppercase; font-weight: normal;}
.galleryLink a:link {color:#799084; text-decoration: underline;}
.galleryLink a:visited {color:#799084; text-decoration: underline;}
.galleryLink a:hover {color:#000; text-decoration: underline;}
/* -------- END model window version STYLES --------- */
/* ----- END Our Services STYLES ---------------------------------------------------------- */
/* ----- BEGIN shadowbox model window STYLES ---------------------------------------------------------- */
#shadowboxModel {
width: 450px;
height: 650px;
background: #FFF;
}
.modelContainer {
width: 450px;
margin-top: 10px;
text-align: left;
}
.modelContainer h1 {
font-size: 16px;
font-weight: bold;
margin: 15px 0;
}
.imageTextContainer {
display: block;
width: 100%;
height: 30px;
padding: 9px 0 0 0;
border-bottom: #666 solid 1px;
}
.imageText {
text-align: left;
color: #000;
font-size: 11px;
font-weight: normal;
}
.pageCounter {position: absolute; bottom: 0; left: 10px; color:#799084;}
.nextBtn {position: absolute; top: 0; left: 240px; width: 220px; height: 650px;}
a.nextBtn:link {width: 220px; height: 650px; border: none; text-decoration: none; background: url(../makeovers/gallery/btn_next_default.png) no-repeat;}
a.nextBtn:visited {border: none; text-decoration: none; background: url(../makeovers/gallery/btn_next_default.png) no-repeat;}
a.nextBtn:hover {border: none; text-decoration: none; background: url(../makeovers/gallery/btn_next_hover.png) no-repeat;}
.prevBtn {position: absolute; top: 0; left: 10px; width: 220px; height: 650px;}
a.prevBtn:link {width: 220px; height: 650px; border: none; text-decoration: none; background: url(../makeovers/gallery/btn_prev_default.png) no-repeat;}
a.prevBtn:visited {border: none; text-decoration: none; background: url(../makeovers/gallery/btn_prev_default.png) no-repeat;}
a.prevBtn:hover {border: none; text-decoration: none; background: url(../makeovers/gallery/btn_prev_hover.png) no-repeat;}
a:focus .nextBtn,
a:focus .prevBtn {outline: none;}
/* ----- END shadowbox model window STYLES ---------------------------------------------------------- */
/* -------- START color combinations page STYLES --------- */
.tcBuyThisColor .cartwrap { width:274px; }
.hide { display:none; }
.tcBuyThisColor .cartItems { float:right; display:block; width:auto; width:210px; }
.tcBuyThisColor .selectedColor {
display: block;
float: left;
height: 32px;
margin-top: 0;
padding: 10px;
width: 32px;
clear:both;
}
.tcBuyThisColor .on {
background-color: #FFFFFF;
border: 1px solid #EAE2D6;
}
.tcBuyThisColor .qtyProduct { position:relative; }
.tcBuyThisColor .qtyProduct span { float:right; font-size:9px; width:90px; }
/* -------- END color combinations page STYLES --------- */
/* ----- BEGIN press release STYLES ---------------------------------------------------------- */
.listContainer { width:100%; margin-left: 70px;}
.col1List { float:left; margin-right:40px; width:230px;}
.col2List { float: left;}
/* ----- END press release STYLES ---------------------------------------------------------- */
/*---end of CSS---*/