/*------------------------------------------------------------------------------*/
/*	--> SASI KITCHENS WEBSITE V2.0 CSS DOCUMENT 	*/
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {margin: 0px; padding:0px; width:100%; background-color:#000000; background-image:url(../images/background.gif); background-position: center top; background-repeat:no-repeat;}

/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#top_container{width: 900px; margin-left: auto; margin-right: auto; height:150px}
#top_col_1{width:250px; float:left; display:inline;}
#top_col_2{width:650px; float:left; display:inline; text-align:right; padding-top:20px;}
#top_col_2 h1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cacaca; height:55px; margin:0; padding:0; font-weight:bold;}

/*------------------------------------------------------------------------------*/
/*	--> NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#nav_container{width: 900px; margin:7px auto 9px auto;}
.navigation{width:900px; height:34px; background-image:url(../images/nav_bg.gif); background-repeat:repeat-x;}
.navigation:after{content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.navigation ul{width: 100%; padding: 11px 0px 8px 0px; margin: 0; text-align: left; white-space: nowrap;}
.navigation ul li{ display: inline; height:34px;}
.navigation a{ color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding: 11px 17px 8px 17px; margin: 0; text-decoration: none; border-right:1px #20a5db solid;}
.navigation ul li a:hover{background-image:url(../images/nav_bg_hover.gif); background-repeat:repeat-x;}


/*------------------------------------------------------------------------------*/
/*	--> HOME PAGE DIVS AND CLASSES FOR FUTURE EDITABILITY		*/
/*------------------------------------------------------------------------------*/

#main_container{
width: 900px; margin-left: auto; margin-right: auto;}

#top_item{width:900px; height:262px;}

.blurb{width:881px; height:165px; padding:35px 10px 0 9px; background:url(../images/three_span_why.gif) no-repeat; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:26px; margin-bottom:20px;}

#three_col{margin:0px; padding:0px;}
#three_col ul{margin:0px; padding:0px;}
#three_col li{list-style:none; float:left;}

#three_col li.kitchen{width:262px; height:159px; background-image:url(../images/three_col_kitchen.gif); background-repeat:no-repeat; padding:41px 10px 0 8px;}
#three_col li.kitchen p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin:0px; line-height:18px;}
#three_col li.kitchen p a{color:#0f99c8; text-decoration:none;}
#three_col li.kitchen p a:hover{color:#0f99c8; text-decoration:underline;}

#three_col li.fitting {margin:0 0 0 30px;}
#three_col li.fitting a{width:272px; height:159px; background: url(../images/three_col_fitting.gif) 0px 0px no-repeat; display:block; padding:41px 0 0 8px;}
#three_col li.fitting a:hover{background:url(../images/three_col_fitting.gif) -280px 0px no-repeat; display: block;}

#three_col li.offer {margin:0 0 0 30px;}
#three_col li.offer a{width:272px; height:159px; background: url(../images/three_col_offer.gif) 0px 0px no-repeat; display:block; padding:41px 0 0 8px;}
#three_col li.offer a:hover{background:url(../images/three_col_offer.gif) -280px 0px no-repeat; display: block;}

div.line{background-image:url(../images/line_bg.gif); background-repeat:repeat-x; height:43px;}
div.line_offers{background-image:url(../images/line_bg.gif); background-repeat:repeat-x; margin-top:-15px; height:43px;}

#save_area{width: 900px; background-image:url(../images/save_area_bg.gif); background-position:left top; background-repeat:no-repeat;}
#save_area a, #save_area a:visited {color:#000;} 

a.save_area_gallery, a.save_area_gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:4px solid #3b3b3b; width:97px; margin-right:13px; margin-bottom:13px; height:97px; float:left; z-index:50;}
a.kitchen1 {background:url(../images/thumb_1.jpg);}
a.kitchen2 {background:url(../images/thumb_2.jpg);}
a.kitchen3 {background:url(../images/thumb_3.jpg);}
a.kitchen4 {background:url(../images/thumb_4.jpg);}
a.kitchen5 {background:url(../images/thumb_5.jpg);}
a.kitchen6 {background:url(../images/thumb_6.jpg);}
a.kitchen7 {background:url(../images/thumb_7.jpg);}
a.kitchen8 {background:url(../images/thumb_8.jpg);}
a.save_area_gallery em, a.save_area_gallery span {display:none;}
a.save_area_gallery:hover {border:4px solid #fff;}

#save_area_selection {position:relative; width:900px; margin:0px;}
#save_area_selection img {border:0;}
#save_area_selection .kitchen_thumbs {width:477px; position:absolute; left:0; top:40px;}
#save_area_selection a.save_area_gallery:hover span {display:block; position:absolute; width:424px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#save_area_selection a.save_area_gallery:active, #save_area_selection a.save_area_gallery:focus {border:4px solid #08c1ff;}
#save_area_selection a.save_area_gallery:active em, #save_area_selection a.save_area_gallery:focus em {display:block; position:absolute; width:424px; height:264px; top:-40px; left:476px; color:#000; z-index:50;}
#save_area_selection h1 { background:url(../images/save_h1_bg.gif) no-repeat; text-indent:-44444px; clear:both; padding:80px 0 0 0; margin:0 0 0 476px; width:424px; height:183px;}

#choose_area{width: 900px; background-image:url(../images/choose_area_bg.gif); background-position:left top; background-repeat:no-repeat;}

#choose_area_col{margin:0px; padding:41px 0 0 0;}
#choose_area_col ul{margin:0px; padding:0px;}
#choose_area_col li{list-style:none; float:left;}

#choose_area_col li.ultra {margin:0;}
#choose_area_col li.ultra a{width:195px; height:143px; background: url(../images/choose_ultra_bg.gif) 0px 0px no-repeat; display:block; padding:7px 0 0 7px;}
#choose_area_col li.ultra a:hover{background:url(../images/choose_ultra_bg.gif) -202px 0px no-repeat; display: block;}

#choose_area_col li.contemporary {margin:0 0 0 31px;}
#choose_area_col li.contemporary a{width:195px; height:143px; background: url(../images/choose_contemporary_bg.gif) 0px 0px no-repeat; display:block; padding:7px 0 0 7px;}
#choose_area_col li.contemporary a:hover{background:url(../images/choose_contemporary_bg.gif) -202px 0px no-repeat; display: block;}

#choose_area_col li.traditional {margin:0 0 0 30px;}
#choose_area_col li.traditional a{width:195px; height:143px; background: url(../images/choose_traditional_bg.gif) 0px 0px no-repeat; display:block; padding:7px 0 0 7px;}
#choose_area_col li.traditional a:hover{background:url(../images/choose_traditional_bg.gif) -202px 0px no-repeat; display: block;}

#choose_area_col li.bathroom {margin:0 0 0 31px;}
#choose_area_col li.bathroom a{width:195px; height:143px; background: url(../images/choose_bathroom_bg.gif) 0px 0px no-repeat; display:block; padding:7px 0 0 7px;}
#choose_area_col li.bathroom a:hover{background:url(../images/choose_bathroom_bg.gif) -202px 0px no-repeat; display: block;}

#choose_area_bottom{margin:0; padding:21px 0 0 0;}
#choose_area_1{width:667px; float:left; display:inline;}
#choose_area_1 p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; margin-top:0px; padding-top:0px; line-height:22px;}
#choose_area_1 p a{color:#ffffff;}
#choose_area_2{width:202px; margin-left:31px; float:left; display:inline;}
#choose_area_2 ul{margin:0; padding: 43px 0 0 0; background:url(../images/choose_col_2_bg.gif) no-repeat;}
#choose_area_2 li{list-style:none; width:175px; height:26px; background:url(../images/choose_col_2_li.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; padding:4px 0 0 27px;}
#choose_area_2 li.bottom{list-style:none; width:175px; height:44px; background:url(../images/choose_col_2_li2.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; padding:4px 0 0 27px;}



#main_column_one{width:270px; float:left; display:inline; margin:20px 0 0 0;}
#main_column_two{width:600px; float:left; display:inline; margin:20px 0 0 30px;}

#main_column_one h1{margin:0; padding:0 0 23px 0; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; text-transform:uppercase; color:#08c1ff;}
#main_column_two h1{margin:0; padding:0 0 18px 0; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
#main_column_two h1.kitchen{margin:-7px 0 0 0; padding:0 0 18px 0; font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
#main_column_two h2{margin:0; padding:0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#08c1ff;}
#main_column_one p{margin-top:0; padding-top:0;}
#main_column_one p.contact{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
#main_column_two p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#e6e6e6; line-height:18px; margin-top:0; padding-top:0;}
#main_column_two p strong{font-weight:bold; color:#FFFFFF;}
#main_column_two p a{font-weight:bold; color:#FFFFFF; text-decoration:none;}
#main_column_two p a:hover{font-weight:bold; color:#FFFFFF; text-decoration:underline;}
.offer_border_right{margin-left:10px;}

ul.resources {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:18px;}
ul.resources a{color:#ffffff; text-decoration:underline;}
ul.resources a:hover{color:#0f99c8; text-decoration:underline;}

#left_nav{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; text-transform:uppercase;}
#left_nav ul {margin:0; padding:0;} 
#left_nav li {list-style:none;} 
#left_nav a{border-top:1px solid #262626; border-bottom: 1px solid #262626; text-decoration:none; color:#ffffff; display:block; height:25px; background:url(../images/left_col/left_nav_a.gif) repeat; width:260px; padding-top:10px; padding-left:10px;}
#left_nav a:hover{background:url(../images/left_col/left_nav_a_hover.gif) repeat; border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc; text-decoration:none; color:#ffffff; display:block; height:25px; width:260px; padding-top:10px; padding-left:10px;}

div.left_nav_offer{margin:25px 0 0 0; padding:0;}
div.left_nav_offer a, div.left_nav_offer_no a{width:262px; height:159px; background: url(../images/side_offer.gif) 0px 0px no-repeat; display:block; padding:41px 0 0 8px;}
div.left_nav_offer a:hover, div.left_nav_offer_no a:hover{background:url(../images/side_offer.gif) -270px 0px no-repeat; display: block;}

div.left_nav_offer_no{margin:0; padding:0;}

#left_nav_services{width:270px; padding:0;}
#left_nav_services ul{margin:0; padding: 43px 0 0 0; background:url(../images/left_col/choose_col_2_bg.gif) no-repeat;}
#left_nav_services li{list-style:none; width:243px; height:26px; background:url(../images/left_col/choose_col_2_li.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; padding:4px 0 0 27px;}
#left_nav_services li.bottom{list-style:none; width:243px; height:44px; background:url(../images/left_col/choose_col_2_li2.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; padding:4px 0 0 27px;}

#kichenlist{margin:0; padding:0;}
#kichenlist ul{margin:0; padding:0;}
#kichenlist li{float: left; width: 188px; list-style-type: none; margin-right:12px; margin-bottom:12px; text-align:center;}
#kichenlist li a{border:4px solid #3b3b3b; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding:0; margin:0; color:#ffffff; background-color:#0f99c8; padding-bottom:5px;}
#kichenlist li a:hover {background-color:#3b3b3b; color: #ffffff; border:4px solid #ffffff;}
#kichenlist li a:active{border:4px solid #0f99c8;}
.kitchen_padder{padding-bottom:5px;}

#appliancelist{margin:0; padding:0;}
#appliancelist ul{margin:0; padding:0;}
#appliancelist li{float: left; width: 184px; list-style-type: none; margin-right:15px; margin-bottom:15px; text-align:center;}
#appliancelist li a{border:4px solid #3b3b3b; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; padding:0; margin:0; color:#ffffff; background-color:#0f99c8; padding-bottom:5px;}
#appliancelist li a:hover{background-color:#3b3b3b; color: #ffffff; border:4px solid #ffffff;}
#appliancelist li a:active{border:4px solid #0f99c8;}
.appliance_padder{padding-bottom:5px;}

#kitchen_ranges{margin:0px; padding:0px;}
#kitchen_ranges ul{margin:0px; padding:0px;}
#kitchen_ranges li{list-style:none;}

#kitchen_ranges li.ultra {margin:0 0 10px 0;}
#kitchen_ranges li.ultra a{width:592px; height:143px; background: url(../images/right_col/range_ultra_modern.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#kitchen_ranges li.ultra a:hover{background:url(../images/right_col/range_ultra_modern.gif) -600px 0px no-repeat; display: block;}

#kitchen_ranges li.contemporary {margin:0 0 10px 0;}
#kitchen_ranges li.contemporary a{width:592px; height:143px; background: url(../images/right_col/range_contemporary.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#kitchen_ranges li.contemporary a:hover{background:url(../images/right_col/range_contemporary.gif) -600px 0px no-repeat; display: block;}

#kitchen_ranges li.traditional {margin:0;}
#kitchen_ranges li.traditional a{width:592px; height:143px; background: url(../images/right_col/range_traditional.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#kitchen_ranges li.traditional a:hover{background:url(../images/right_col/range_traditional.gif) -600px 0px no-repeat; display: block;}

div.kitchen_col1{float:left; display:inline; width:150px; border-right:1px solid #cccccc; padding-right:20px;}
div.kitchen_col2{float:left; display:inline; width:409px; padding-left:20px;}
div.price_guide{width:150px; height:100px; background-image:url(../images/left_col/left_nav_a_hover.gif); font-family:Arial, Helvetica, sans-serif; font-size:90px; color:#FFFFFF; text-align:center; margin-bottom:6px;}
.kitchen_border{border: 5px solid #ffffff;}

#app_ranges{margin:0px; padding:0px;}
#app_ranges ul{margin:0px; padding:0px;}
#app_ranges li{list-style:none; float:left;}

#app_ranges li.ovens {margin:0 0 15px 0;}
#app_ranges li.ovens a{width:182px; height:143px; background: url(../images/right_col/app_ovens.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.ovens a:hover{background:url(../images/right_col/app_ovens.gif) -190px 0px no-repeat; display: block;}

#app_ranges li.hobs {margin:0 0 15px 15px;}
#app_ranges li.hobs a{width:182px; height:143px; background: url(../images/right_col/app_hobs.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.hobs a:hover{background:url(../images/right_col/app_hobs.gif) -190px 0px no-repeat; display: block;}

#app_ranges li.microwaves {margin:0 0 15px 15px;}
#app_ranges li.microwaves a{width:182px; height:143px; background: url(../images/right_col/app_microwaves.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.microwaves a:hover{background:url(../images/right_col/app_microwaves.gif) -190px 0px no-repeat; display: block;}

#app_ranges li.extractors {margin:0 0 15px 0px;}
#app_ranges li.extractors a{width:182px; height:143px; background: url(../images/right_col/app_extractors.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.extractors a:hover{background:url(../images/right_col/app_extractors.gif) -190px 0px no-repeat; display: block;}

#app_ranges li.washing {margin:0 0 15px 15px;}
#app_ranges li.washing a{width:182px; height:143px; background: url(../images/right_col/app_washing.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.washing a:hover{background:url(../images/right_col/app_washing.gif) -190px 0px no-repeat; display: block;}

#app_ranges li.refrige {margin:0 0 15px 15px;}
#app_ranges li.refrige a{width:182px; height:143px; background: url(../images/right_col/app_refridge.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.refrige a:hover{background:url(../images/right_col/app_refridge.gif) -190px 0px no-repeat; display: block;}

#app_ranges li.winecoolers {margin:0 0 10px 0;}
#app_ranges li.winecoolers a{width:182px; height:143px; background: url(../images/right_col/app_winecoolers.gif) 0px 0px no-repeat; display:block; padding:8px 0 0 8px;}
#app_ranges li.winecoolers a:hover{background:url(../images/right_col/app_winecoolers.gif) -190px 0px no-repeat; display: block;}


#form{background-image:url(../images/left_col/left_nav_a.gif); padding:10px; width:580px; }
#form1{width:280px; float:left; display:inline;}
#form2{margin-left:20px; width:280px; float:left; display:inline;}
#form p{color:#FFFFFF; font-size:14px;}
.enq_form{background-color:#808080; border: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding:5px; margin-top:5px; width:260px}
.brochure_button{width:158px; height:29px; background:url(../images/right_col/button_brochure.gif) no-repeat top; border:0; cursor:pointer;}
.send_button{width:107px; height:29px; background:url(../images/right_col/button_enquire.gif) no-repeat top; border:0; cursor:pointer;}


/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer_container{width:900px; margin:20px auto 20px auto; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cacaca; background-image:url(../images/footer_bg.gif); background-repeat:no-repeat;}
#footer_column_one{width:200px; float:left; display:inline;}
#footer_column_one ul{margin:0; padding:0;}
#footer_column_one li{margin:0; padding:0; list-style:none; display:inline;}
#footer_column_two{width:700px; float:left; display:inline; text-align:right;}
#footer_column_two ul{margin:0 0 20px 0; padding:0;}
#footer_column_two li{margin:0; padding:0; list-style:none; display:inline;}
#footer_container a{color:#cacaca; text-decoration:none;}
#footer_container a:hover{color:#ffffff; text-decoration:underline;}
.associates, .associates a{font-size:11px; color:#cacaca;}

/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

.clearcols{clear:both; height:1px;}