/* ############################################### IQ-SOFA BASE STYLES Copyright: IQ-SOFA - http://www.iq-sofa.de Author: MJDIGITAL - http://www.mjdigital.co.uk All rights reserved ############################################### */ html { height:100%;} body { height:100%; background:url(/assets/images/layout/dark_wood.jpg) left top repeat-x #000; margin:0px ; padding:0px; } body, textarea, tbody { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#777;} a { color:#AAAAAA; border-bottom:dotted 1px #999999; text-decoration:none; } strong a { color:#C9A456; border-bottom:dotted 1px #795F26;} a:hover { color:#EEEEEE; border-bottom:solid 1px #C9A456; } a.img { border:none;} .button { background-color:#C9A456; border:1px solid #ccc; color:#fff; float:left; font-weight:bold; margin-top:5px; padding:3px 10px; text-decoration:none; } .button:hover { background-color:#fff; color:#C9A456; } big { font-size:15px; color:#FFFFFF; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; } big.bold { font-weight:bold; } big.very { font-size:20px; } h1 { font-size:50px; color:#FFFFFF; margin:1px 0px 15px 0px;} h2 { font-size:22px; color:#C9A456; margin:0px 0px 15px 0px; font-weight:normal;} h3 { font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; margin:0px 0px 0px 0px; font-weight:normal;} em { font-weight:bold; color:#C9A456;} img { border:none;} ul { margin:0px; padding:0px 0px 5px 20px;} li { list-style-image:url(/assets/images/layout/bullet.png);} /* ############################################### IQ-SOFA LAYOUT STYLES Copyright: IQ-SOFA - http://www.iq-sofa.de Author: MJDIGITAL - http://www.mjdigital.co.uk All rights reserved ############################################### */ #div_outer { min-width:990px;} #jslink { font-size:10px; margin:0 auto; padding:5px 0px 2px 0px; margin-bottom:5px; width:100%; display:block; text-align:center; position:absolute; z-index:1000; background-color:#333; } #div_wrap_top { border-bottom:solid 2px #000; border-bottom:solid 4px #473716;} #div_inner_top { margin:0 auto; padding:0px 0px 0px 0px; width:985px;} #div_header {} #div_top { overflow:hidden;} #div_nav { position:absolute; top:0px; z-index:100; clear:both; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;} #div_nav ul { padding:0px ; margin:0px 0px 0px 0px;} #div_nav li { padding:0px; margin:0px; float:left; margin-left:1px; height:51px; padding-top:55px; list-style:none;} #div_nav a { display:block; height:25px; width:131px; width:109px; border:none; font-size:20px; line-height:40px; text-align:center; color:#FFFFFF;} #div_nav li.active { background:url(/assets/images/layout/bg_nav_active.jpg) left -15px repeat-x; } #div_nav li.active a { color:#333; } #div_nav a:hover { } #div_logo { float:right; border:none; width:200px; height:51px; padding-top:25px; text-align:center;} #div_logo img { border:none; margin:0 auto;} #div_strapline { position:absolute; margin-left:670px; top:440px; z-index:1000;} #div_main_wrap { padding-top:420px;} #div_banner { width:100%; height:420px; background:url(/assets/images/layout/bg_banner.jpg) left top repeat-x; margin:0px 0px 0px 0px; position:absolute; z-index:50; left:0px; top:95px; padding:10px 0px 10px 0px; text-align:center;} #div_banner_left { left:0px; width:51%; height:400px; background-color:#000; position:absolute;} #div_banner_right { right:0px; width:50%; height:400px; background-color:#000; position:absolute;} #div_bannerImg { width:100%; height:400px; margin:0px 0px 0px 0px; position:absolute; background:url(/assets/images/placeholders/tempBanner.jpg) center top no-repeat; z-index:10;} #div_bannerImg_1 { width:100%; height:400px; margin:0px 0px 0px 0px; position:absolute; z-index:110; text-align:center;} #div_bannerImg_2 { width:100%; height:400px; margin:0px 0px 0px 0px; position:absolute; z-index:120; text-align:center;} .bannerImg { min-width:980px; width:100%; overflow:hidden; height:400px; margin:0 auto;} #div_bannerFlash { width:100%; height:400px; margin:0px 0px 0px 0px; position:absolute; z-index:200;} .ie7 #div_bannerImg { } /* JS Banner */ #div_banner_control { top:394px; position:absolute; width:100%; z-index:10000;} #div_banner_control a { text-decoration:none; background-color:#1A1A1A; color:#FFF; padding:2px 4px 2px 4px; border-bottom:none; margin-right:3px; font-size:11px;} #div_banner_control a.active { background-color:#FFF; color:#333;} #div_banner_control a:hover { background-color:#C9A456; color:#333; text-decoration:none;} #div_overlay { position:absolute; z-index:500; height:410px; width:220px; margin:95px 0px 0px 771px; display:none;} #sofa_id { background-color:#000000; border:solid 1px #DDDDDD; width:220px; height:50px; margin-top:9px; /*text-indent:-55px;*/ padding:15px 0px 0px 0px;} #sofa_id h1 { font-size:32px; text-align:center; } #scroll_up {} #sofa_details {} #scroll_down {} #div_main_content { overflow:hidden; clear:both; margin:10px 0px 30px 0px;} #div_main_left { float:left; width:150px; margin:15px 5px 0px 0px; padding:0px 5px 0px 5px;} #div_main_right { float:left; width:815px; margin:30px 0px 0px 5px; padding:0px 0px 0px 0px;} .columnLeft { float:left; width:298px; padding:10px 25px 10px 0px; border-right:solid 1px #333; } .columnRight { float:left; width:447px; padding:10px 5px 10px 30px; border-left:solid 1px #333; margin-left:-1px; } .columnRight.slim { width:344px; } .columnFull { float:left; width:700px; padding:10px 0px 10px 0px; overflow:hidden; } .galCat { margin:28px 0px 0px 0px; overflow:hidden; width:710px;} .sofa { width:127px; height:150px; margin:0px 15px 10px 0px; float:left;} .sofa.active { background-color:#C9A456;} .sofa a { margin:0px; padding:0px; display:block; width:125px; height:85px; border:solid 1px #CCC; background-repeat:no-repeat;} .caption { width:125px; height:20px; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; margin:0px 0px 0px 0px; padding:2px 0px 10px 0px; font-weight:normal; text-align:center; } img.img { border:solid 1px #999;} #div_wrap_bottom { background:url(/assets/images/layout/bg_footer.jpg) left top repeat-x #000; border-top:solid 2px #C9A456; color:#666; font-size:11px; min-height:115px;} #div_inner_bottom { width:985px; margin:0 auto; padding:20px 0px 20px 0px; overflow:hidden;} #div_div_footer_wrap { margin-top:0px;} #div_wrap_bottom a { color:#666;} #div_footer_left { text-align:right; min-height:85px; width:50%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-right:solid 1px #2B210D; position:absolute; left:0px; } #div_footer_right { text-align:left; min-height:85px; width:50%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:solid 1px #000000; position:absolute; right:0px; } #div_footer_leftInner { padding:0px 25px 0px 0px;} #div_footer_rightInner { padding:0px 0px 0px 30px;} #div_wrap_bottom p { margin:0px 0px 10px 0px;} #div_wrap_bottom em { font-style:normal;} #table_contact_main { font-size:11px; text-align:left; } #table_contact_main th { width:50px; } #table_contact_main th span { font-weight:normal; } table.functions { width:226px; margin:-3px 0px 0px -3px;} table.functions td { background:url(/assets/images/gallery/black80.png) left top repeat; border:solid 1px #CCC; text-align:center; color:#FFF; vertical-align:top;} table.functions span { top:-4px; position:relative;} table.functions img { margin-top:2px;} .gallery h2 { font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; cursor:pointer;} /*.gallery h2.active { color:#FFFFFF;}*/ /* Catalogue Request Form */ #form_apply { margin:5px 0px 10px 0px; } #form_apply input { color:#333; border:solid 1px #999; width:160px; padding:1px 3px 1px 3px;} #form_apply.disabled { color:#CCC;} #form_apply.disabled input { color:#CCC; border:solid 1px #CCC;} #form_apply th { font-weight:normal; width:105px; padding-right:10px;} .ie7 #form_apply td { padding-bottom:2px;} .ie8 #form_apply td { padding-bottom:4px;} @-moz-document url-prefix() { #form_apply td { padding-bottom:4px; } } .applyIntro { width:300px; padding:10px 0px 10px 0px;} #apply_message { position:absolute; width:268px; background:url(/assets/images/layout/brown_90.png) left top repeat; height:195px; border:solid 1px #DDD; color:#FFF; padding:10px; display:none;} #apply_message_close { float:right; display:block; background-color:#473716; border:solid 1px #FFF; color:#FFF; text-decoration:none; width:16px; height:16px; text-align:center; font-family:Tahoma, Geneva, sans-serif;} #apply_message_close:hover { background-color:#FFF; color:#C9A456; border:solid 1px #C9A456;} #apply_message a { color:#FFF;} #apply_message a:hover { color:#CCC;} #ajax_loader { background:url(/assets/images/layout/ajax-loader.gif) left top no-repeat; width:34px; height:34px; float:right; margin:65px 0px 0px 20px; display:none;} #apply_submit { width:168px !important; padding:2px 3px 2px 3px !important; cursor:pointer} #apply_submit[disabled] { cursor:default} #apply_submit:hover { color:#FFF; background-color:#C9A456;} #apply_submit[disabled]:hover {color:#CCC; background-color:#EEE;} #Comments { width:160px; padding:3px 3px 3px 3px; height:60px; font-family:Helvetica, Arial, sans-serif; font-size:12px;} .color { color:#C9A456;} #collection { position:absolute; left:111px; top:0px; padding-left:40px; padding-top:16px; padding-bottom:10px; width:179px; background:url(/assets/images/layout/nav_collections_bg.png)} #special_requirements { display:none !important; } /* ############################################### IQ-SOFA GENERAL STYLES Copyright: IQ-SOFA - http://www.iq-sofa.de Author: MJDIGITAL - http://www.mjdigital.co.uk All rights reserved ############################################### */ .gold { color:#C9A456;} .mid_gold { color:#795F26;} .brown { color:#473716;} .dark_brown { color:#2B210D;} .light_grey { color:#BDBDBD;} .grey { color:#777777;} .dark_grey { color:#333333;} .white { color:#FFFFFF;}