/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container{ position:relative; border:#000000 0px solid; padding:0px; margin:30px auto 0px auto; width:960px;} #header_top {background:url(/images/header_top.png) left top no-repeat; height:13px; width:100%;} #header_main {background:#FFF;} #header {position:relative; z-index:30; width:100%; height:163px; margin:0px; padding:0px;} #logo {width:313px; height:100px; margin:0px; padding:0px 0px 0px 15px; } #main {width:940px; padding:20px 10px; margin:0px 0px 0px 0px; background:url(/images/home_main_bg.jpg) left top repeat-x #601848; } #sidebar { width:158px; height:100%; float:left; margin:10px 0px 1px 0px; padding:0px; } #content_main { width:100%; margin:0px; float:right; padding:0px; min-height:200px; height:auto !important; height:200px;} #content {width:540px; float:left; padding:0px 10px;} #home_content {width:420px; min-height:190px; height:auto !important; height:190px; float:left; position:relative; padding:5px 15px 15px 15px; background:#49263E;} #home_content h3 {color:#FFF; font-size:17px;} .content_thin_block {width:205px; min-height:190px; height:auto !important; height:190px; float:left; position:relative; padding:5px 15px 15px 15px; background:#49263E; margin-left:10px;} .content_thin_block h3 {color:#FFF; font-size:17px;} .content_thin_block ul {margin:0px; padding:0px 0px 0px 18px;} .content_thin_block ul li {color:#FFF; margin:0px 0px 10px 0px;} .content_thin_block ul li a {color:#FFF;} .content_thin_block h6 {color:#FFF; font-size:12px; margin:7px 0px 0px 0px;} .content_thin_block p {color:#FFF; font-size:12px; margin:0px;} #sidebar_right {position:relative; z-index:100; width:310px; height:100%; float:right; margin:-95px 0px 0px 0px; padding:0px;} #footer { width:100%; margin:0px 0px 40px 0px; padding:0px; } #footer_top {background:url(/images/footer_top_bg.jpg) left top no-repeat; height:41px; width:100%; padding:0 0 15px 0;} #footer_top #address {float:left; display:block; width:415px; margin-left:15px; margin-top:15px;} #footer_top #address p {color:#FFF; font-size:11px; margin:0px;} #footer_nav {float:right; display:block; width:480px; text-align:right; margin-right:15px; margin-top:8px;} #footer_nav a {color:#FFF; font-size:11px; margin:0px; text-transform:uppercase; border-left:1px solid #FFF; padding-left:4px; margin-left:4px;} #footer_nav a:hover {} #footer_nav a:first-child {border:0px;} #footer_bottom {text-align:center; position:relative;} #footer_bottom p {color:#333; font-size:11px; margin:0px;} .clear { clear:both; } .top_left {background:url(/images/top_left_purple.jpg) left top no-repeat; width:8px; height:8px; position:absolute; top:0px; left:0px;} .top_right {background:url(/images/top_right_purple.jpg) left top no-repeat; width:8px; height:8px; position:absolute; top:0px; right:0px;} .bottom_left {background:url(/images/bottom_left_purple.jpg) left top no-repeat; width:8px; height:8px; position:absolute; bottom:0px; left:0px;} .bottom_right {background:url(/images/bottom_right_purple.jpg) left top no-repeat; width:8px; height:8px; position:absolute; bottom:0px; right:0px;} /*------------------------------------ page top -----------------------------------------------------------*/ #top_container {width:100%; height:26px; position:relative; background:url(/images/top_bg.jpg) left top repeat-x;} #page_top {position:relative; padding:0px; margin-left:auto; margin-right:auto; width:960px;} #twitter_feed {} #social_network {position:absolute; top:5px; right:5px;} #social_network a {margin-left:5px;float:left; display:block; width:15px;} #social_network a:hover {} #social_network_footer {position:absolute; top:-5px; right:20px;} #social_network_footer a {margin-left:5px;float:left; display:block; width:15px;} #social_network_footer a:hover {} .twitted {width:800px} .twitted ul#twitter_update_list li span {width:730px;} /*------------------------------------ header -----------------------------------------------------------*/ #contact_info {position:absolute; right:15px; top:15px; text-align:right; background:#FAAD43; padding:10px;} #contact_info h3 {margin:0 0 10px 0; color:#000;} #contact_info p {/*background:url(/images/icon_phone.jpg) 95px top no-repeat;*/ line-height:16px; font-weight:bold; font-size:15px; margin:0px 0px 5px 0px; color:#000;} #contact_info p span {color:#333;} #contact_info a {font-size:15px; color:#000; } /*------------------------------------ home header section -----------------------------------------------------------*/ #home_header_section {position:relative; width:960px; height:225px; background:url(/images/home_header_chair.jpg) left top no-repeat; border-bottom:3px solid #000;} #home_header_left {float:left; display:block; width:475px;} #home_header_text {margin:20px 0px 0px 0px; background:url(/images/header_text_bg.png) left top no-repeat; height:140px; width:415px; padding:10px;} #home_header_text h2 {color:#FFF; font-size:30px; font-weight:normal;} #home_header_text p {color:#FFF; font-size:14px;} #home_header_contact {position:absolute; top:140px; left:-22px; background:url(/images/header_contact_bg.png) left top no-repeat; padding:7px 22px; width:451px; height:60px;} #home_header_contact p {font-size:18px; color:#FFF;} #home_header_contact p span {color:#F9B34B;} #home_header_right {float:right; display:block; width:360px; margin-top:55px;} #home_header_newsletter {float:left; display:block; background:url(/images/header_newsletter_bg2.png) left top no-repeat; padding:10px 0px; width:334px; height:80px;} #home_header_newsletter p {margin:0 0 0 20px; color:#333; font-size:20px; font-weight:bold;} #home_payment_options p {font-size:14px; padding-top:10px;} #mail_icon {float:left; display:block; width:143px; margin:5px 0px 0px 17px;} #newsletter_form {position:absolute; top:1px; right:150px; width:250px;} #newsletter_form h3 {font-size:17px; color:#333;} #newsletter_form p {font-size:12px;} /*#newsletter_form form {} #newsletter_form p {color:#333;} #newsletter_form label {} #newsletter_form input {border:0px; background:url(/images/newsletter_input_bg.png) left top no-repeat; padding:3px 10px 4px 7px; width:130px;} #newsletter_form button {border:0px; background:url(/images/newsletter_button.png) left top no-repeat; color:#FFF; font-size:10px; width:75px; height:20px; padding:0px 0px 3px 0px;} #newsletter_form button:hover {background-position:0px -20px;} */ #newsletter_form form {} #newsletter_form p {color:#333;} #newsletter_form label {float:left; display:block; width:60px;} #newsletter_form input {border:1px solid #333; background:#FFF; padding:2px 10px 2px 7px; width:130px;} #newsletter_form textarea {height:16px; border:1px solid #333; background:#FFF; padding:2px 10px 2px 7px; width:130px; resize:none;} #newsletter_form button {border:0px; background:url(/images/newsletter_button.png) left top no-repeat; color:#FFF; font-size:10px; width:75px; height:20px; padding:0px 0px 3px 0px;} #newsletter_form button:hover {background-position:0px -20px;} #newsletter_form input.error {background:#FF9B9B;} /*------------------------------------ home blocks -----------------------------------------------------------*/ #home_block_section {} .home_block {float:left; display:block; background:#FCB54B; min-height:139px; height:auto !important; height:139px;} .home_block h3 {font-size:17px; color:#333; margin:10px 0px 0px 0px;} .home_block p {margin:5px 0px; color:#333;} #left_block {width:662px; background:url(/images/home_block_left_bg2.png) left top no-repeat #FCB54B;} #left_block .home_block_content {float:right; display:block; width:400px; padding-right:50px;} #left_block .home_block_content img {padding:2px 2px 2px 2px; margin-right:3px; background-color:#FFF;} #left_block h3 {} #left_block p {font-size:12px;} #left_block a#visit_gal {background:url(/images/visitgallery_bg.jpg) left top no-repeat; font-size:10px; margin-top:8px; width:79px; height:10px; padding:5px 6px; color:#FFF; display:block; text-decoration:none;} #left_block a#visit_gal:hover {text-decoration:none; color:#FFF; background-position:0px -20px;} #middle_block {width:302px; background:url(/images/home_block_middle_bg.jpg) left top no-repeat;} #middle_block .home_block_content {float:right; display:block; width:280px;} #middle_block h3 {} #tile_slideshow {position:relative; margin:10px 0px 0px 0px; background:url(/images/slideshow_bg.jpg) left top no-repeat; width:172px; height:77px; padding:8px 0px 0px 8px;} #slideshow_nav {position:absolute; top:63px; left:88px; z-index:900;} #slideshow_nav a {display:block; float:left; height:15px; width:15px; background:url(/images/slideshow_nav.png) no-repeat;} #slideshow_nav a#prev {background-position:0px 0px; margin-right:5px;} #slideshow_nav a#prev:hover {background-position:0px -15px;} #slideshow_nav a#next {background-position:-15px 0px;} #slideshow_nav a#next:hover {background-position:-15px -15px;} #slideshow_nav a#prev-second {background-position:0px 0px; margin-right:5px;} #slideshow_nav a#prev-second:hover {background-position:0px -15px;} #slideshow_nav a#next-second {background-position:-15px 0px;} #slideshow_nav a#next-second:hover {background-position:-15px -15px;} #slideshow_nav_left {position:absolute; top:100px; left:0px; z-index:900;} #slideshow_nav_left a {display:block; float:left; height:15px; width:15px; background:url(/images/slideshow_nav.png) no-repeat;} #slideshow_nav_right {position:absolute; top:100px; left:370px; z-index:900;} #slideshow_nav_right a {display:block; float:left; height:15px; width:15px; background:url(/images/slideshow_nav_right.png) no-repeat;} a#prev-second {background-position:0px 0px; margin-right:5px;} a#prev-second:hover {background-position:0px -15px;} a#next-second {background-position:-15px 0px;} a#next-second:hover {background-position:-15px -15px;} .tile_slide {position:absolute; top:0px; left:0px; width:172px; height:77px; margin:8px 0px 0px 8px;} .tile_slide .tile_slide_image {float:left; display:block; width:75px;} .tile_slide .tile_slide_image a {} .tile_slide .tile_slide_text {} .tile_slide .tile_slide_text a.title {font-weight:bold; color:#333!important; font-size:13px;} .tile_slide .tile_slide_text a.title:hover {} .tile_slide .tile_slide_text a.title span {font-weight:normal;} .tile_slide .tile_slide_text p {} #slide_images {position:relative; float:left; display:block; width:75px; height:70px; overflow:hidden; background:#FDD9A7;} #slide_images a {position:absolute; top:0px; left:0px; width:70px; height:70px;} #slide_text {float:right; display:block; width:95px; height:70px; position:relative; overflow:hidden;} #slide_text .tile_slide_text {position:absolute; top:0px; left:0px;display:none; background:#FDD9A7;} #slide_text .tile_slide_text a.title {font-weight:bold; color:#333; font-size:13px;} #slide_text .tile_slide_text a.title:hover {} #slide_text .tile_slide_text a.title span {font-weight:normal;} #right_block {position:relative; width:298px; background:url(/images/home_block_right_bg.jpg) left top no-repeat;} #right_block .home_block_content {float:right; display:block; width:173px;} #right_block h3 {} #right_block form {} #right_block form p {margin:5px 0px 5px 0px;} #right_block form p select {margin:0px 0px 0px 8px;} #right_block label {font-size:10px; display:block; float:left; padding:5px 10px 5px 5px; margin:0px !imoprtant; width:27px !important; height:10px; background:url(/images/rightblock_label_bg.jpg) left top no-repeat; color:#FFF;} *+html #right_block label{margin-top:2px;} #right_block input {float:left; display:block; width:80px; background:url(/images/rightblock_input_bg.jpg) left top no-repeat; border:0px; padding:2px 5px 4px 5px; margin:2px 0px 0px -2px !important;} #right_block input.error {background:url(/images/rightblock_input_error_bg.jpg) left top no-repeat !important;} #right_block button {position:absolute; right:10px; bottom:17px; border:0px; background:url(/images/measure_form_submit.jpg) left top no-repeat; padding:0px 0px 2px 1px; width:25px; height:20px; color:#FFF; font-size:11px;} #right_block button:hover {background-position:0px -20px;} .home_block_content a {color:#601848; text-decoration:underline;} .home_block_content a:hover {color:#601848; text-decoration:none;} #tile_slideshow-second {position:relative; margin:10px 0px 0px 0px; width:410px; height:110px; padding:8px 0px 0px 8px; overflow:hidden;} #tile_slideshow-second #slides {position:relative; width:400px;} #tile_slideshow-second #slides .slide_container {display:block; width:400px !important; overflow:hidden; padding-left:10px;} #tile_slideshow-second #slides .slide_container .slide {float:left; display:block; width:200px; height:104px;} #tile_slideshow-second #slides .slide_container .slide .image {float:left; display:block; width:110px;} /*.home_block_content_gallery {float:right; display:block; width:240px;}*/ /*------------------------------------ home logos -----------------------------------------------------------*/ #home_logos { float:right; margin-right:5px; padding-top: 0px;} .follow_media {float:right; display:block; margin:10px 5px 0 0;} .follow_media a {margin:0 0 0 10px;} /*------------------------------------ header section -----------------------------------------------------------*/ #header_section {position:relative; width:960px; height:200px; border-bottom:3px solid #000; z-index:20;} #header_title {position:absolute; top:60px; left:0px; background:url(/images/header_title_bg.png) right top no-repeat; padding:14px 50px 14px 15px;} #header_title h2 {font-size:30px; color:#FFF; font-weight:normal;} /*------------------------------------ sidebar blocks -----------------------------------------------------------*/ .sidebar_block {float:left; display:block; background:#FCB54B; min-height:143px; height:auto !important; height:143px; width:301px !important; margin:0px 0px 10px 0px; } .sidebar_block h3 {font-size:17px; color:#333; margin:10px 0px 0px 0px;} .sidebar_block p {margin:5px 0px; color:#333;} #sidebar_right #left_block {background:url(/images/sidebar_block_gallery.png) left top no-repeat !important;} #sidebar_right #middle_block {background:url(/images/sidebar_block_samples.png) left top no-repeat !important;} #sidebar_right #right_block {background:url(/images/sidebar_block_area.png) left top no-repeat !important;} #sidebar_right #left_block .home_block_content { float:right; display:block; width:160px; padding-right:0px;} #sidebar_right #middle_block .home_block_content {float:right; display:block; width:200px;} /*------------------------------------ news -----------------------------------------------------------*/ .news_block {margin:0px 0px 10px 0px; border-bottom:1px solid #FFF; padding-bottom:10px;} .news_block .news_date {font-size:12px; color:#FAB44B; margin:0px;} .news_block h3.title {font-size:16px; margin:0px;} .news_block h3.title a {color:#FFF;} .news_block h3.title a:hover {color:#FFF;} .news_block p {margin:5px 0px 15px 0px;} .news_block a.readmore {font-size:12px; color:#FAB44B;} .news_block a.readmore:hover {color:#FAB44B;} #main_news {} #main_news h4#news_date {color:#FAB44B; font-size:14px; font-weight:normal; margin-bottom:0px;} #main_news h1#news_title {margin-top:0px;} /*------------------------------------ products list -----------------------------------------------------------*/ .product_block {border-bottom:1px solid #FFF; padding-bottom:10px; margin-bottom:10px;} .product_block .product_image {float:left; display:block; width:130px;} .product_block .product_image img {border:2px solid #FFF;} .product_info {float:left; display:block; width:400px;} .product_info a.product_title {font-size:16px; font-weight:bold; color:#FFF;} .product_info a.product_title:hover {} .product_info p {} .product_info a.readmore {font-size:12px; color:#FAB44B;} .product_info a.readmore:hover {color:#FAB44B;} /*------------------------------------ products main -----------------------------------------------------------*/ .main_product_block {padding-bottom:10px; margin-bottom:10px;} .main_product_block .product_image {float:left; display:block; width:240px;} .main_product_block .product_image img {border:2px solid #FFF;} .main_product_block #product_name {margin-top:0px;} .main_product_block .product_info {float:left; display:block; width:300px;} .main_product_block .product_info a.product_title {font-size:16px; font-weight:bold; color:#FFF;} .main_product_block .product_info a.product_title:hover {} .main_product_block .product_info p {} #paypal_button label {color:#FFF;} #paypal_button input {margin-bottom:5px;} #paypal_button input[type="text"] {width:50px;} /*------------------------------------ gallery -----------------------------------------------------------*/ #gallery_main {position:relative; width:462px; height:376px; float:left; display:block; padding:9px 9px 0px 9px; overflow:hidden;} #gallery_images {position:relative; width:462px; height:370px; } #gallery_images img {position:absolute; top:50px; left:0px; border:2px solid #FFF;} #gallery_images .slide {width:462px; height:340px; } #gallery_images p {padding-top:0px;} #gallery_images p {font-size:14px; font-weight:bold; color:#FFF;} /*#gallery_image_title {float:left; display:block; margin:7px 0px 0px 0px;} #gallery_image_title p {font-size:14px; font-weight:bold; color:#FFF;}*/ #gallery_thumbs {position:relative; width:450px; height:333px; float:right; display:block; padding:63px 0px 11px 9px;} #gallery_thumbs a {margin-right:5px; margin-bottom:5px; float:left; display:block; height:95px; width:105px;} #gallery_thumbs a:hover {} #gallery_thumbs img {border:2px solid #FFF;} /*------------------------------------ paging -----------------------------------------------------------*/ .paging {float:right; color:#FAB44B; dispaly:block; margin:5px 0px 0px 0px; font-weight:bold;} .paging a {color:#FAB44B; font-weight:normal; padding:2px 4px;} .paging a:hover {color:#333; font-weight:normal; background:#FFF; text-decoration:none;} /*------------------------------------ paging -----------------------------------------------------------*/ #breadcrumb {width:600px; padding:0px 0px 10px 12px; margin-top:-10px; border-bottom:1px solid #FFF;} #breadcrumb p { font-size:11px; margin:0px;} #breadcrumb p a { color:#FAB44B;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { position:relative; width:100%; height:35px; display:block; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(/images/nav_bg.jpg) left bottom repeat-x; z-index:100;} #nav ul { margin:0px; padding:0px;} #nav li {display:block; float:left; font-size:12px; margin:0; position:relative;} #nav li a {padding:12px 12px 8px 12px; color:#ffffff; display:block; font-weight:bold;} #nav li a:hover {text-decoration:none; color:#000; background:url(/images/nav_link_bg.jpg) right top no-repeat #FFF;} #nav li a.active {text-decoration:none; color:#000; background:url(/images/nav_link_bg.jpg) right top no-repeat #FFF;} #nav li ul {margin:0px; padding:0px; float:none; display:none; position:absolute; left:0px; top:35px; background:#000; z-index:100; border-top:1px solid #666;} #nav li ul li {float:none;} #nav li ul li a {width:140px; display:block; float:none !important; z-index:100; color:#FFF !important;} #nav li ul li a:hover { background:#333; text-decoration:none; color:#fff !important;} #nav li ul li a.active { background:#333; text-decoration:none; color:#fff !important;} #nav ul li:hover ul { display:block; } #nav ul ul:hover { display:block; z-index:1000} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ button {cursor:pointer;} body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url('/images/body_bg.jpg') left top repeat-x #E8E8E8; font-family: 'Arimo', arial, serif; font-size:12px;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { color:#FFFFFF; font-size:22px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#FFFFFF; font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#FFFFFF; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#FFFFFF; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#FFFFFF; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#FFFFFF; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {border:0px; background:#FFF; height:1px; } ul { } ul li { font-size:12px; color:#FFF; list-style:disc; } ol {} ol li { font-size:12px; color:#FFF; list-style:decimal;} em {} pre {} u {} sub {} sup {} address {font-size:10px;} a { color:#FAB44B; text-decoration:none; } a:hover { color:#FAB44B; text-decoration:underline; } p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#FFF; line-height:15px;} /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */