/********************************
 * City Flowers Main Stylesheet *
 ********************************/

/* font sizes can now be defined in ems as pixels: 1em = 10px, 1.2em = 12px, 2em = 20px */
body { font:67.5%/1.6 Arial, Verdana, sans-serif; color:#555655; margin:0; line-height:1.5em; background-color:#f1f4f9; }
div.cb { clear:both; }
p { padding-bottom:1em;	margin:0; }
form { margin:0; }
img { border:0; }
a { text-decoration:none; color:#555655; }
a:hover { text-decoration:underline; }

h1 { font-size:1.8em; margin:0; padding:0; font-family:Times New Roman, Times, Serif; color:#565656; height:10px; }
h4 { font-size:2.5em; margin:0; font-family:Times New Roman, Times, Serif; color:#de4d3d; height:32px; }

#pageTitle { padding-bottom:25px; }
#pageContent { padding-bottom:10px; font-size:1.2em; }
#main_body { padding:36px 20px 0 20px; }

#site_outer_container { width:960px; margin:0px auto 0px auto; background-color:#fff; }

.navbar { padding:0 0 0 21px; height:25px; background-color:#c6c7d2; }

.box_container { width:168px; }
.box_top { background-image: url(../images/site/boxes/grey_top_block.gif); }
.box_bottom { background-image: url(../images/site/boxes/grey_bottom_block.gif); }
.box_top_left,.box_top_right,.box_bottom_left,.box_bottom_right { width:10px; height:11px; }
.box_top_left {	background-image: url(../images/site/boxes/grey_top_left.gif); float:left; }
.box_top_right { background-image: url(../images/site/boxes/grey_top_right.gif); float:right; }
.box_bottom_left {	background-image: url(../images/site/boxes/grey_bottom_left.gif); float:left; }
.box_bottom_right { background-image: url(../images/site/boxes/grey_bottom_right.gif); float:right; }
.box_inner { border-left:3px #e0e1e6 solid; border-right:3px #e0e1e6 solid; }

.box_solid_top_left,.box_solid_top_right,.box_solid_bottom_left,.box_solid_bottom_right { width:10px; height:11px; }
.box_solid_body { }
.box_solid_bottom_container { background-color:#dfe1e5; height:34px; }
.box_solid_bottom_body { padding:15px 0 0 15px; color:#787878; font-family:Times New Roman, Times, Serif; font-weight:normal; font-size:1.8em; }
.box_solid_bottom_body_nopadding { padding-top:10px; }
.box_solid_bottom { background-image: url(../images/site/boxes/grey_bottom_solid_block.gif); }
.box_solid_top { background-image: url(../images/site/boxes/grey_bottom_solid_block.gif); }

.box_solid_top_left { background-image: url(../images/site/boxes/grey_top_left_solid.gif); float:left; }
.box_solid_top_right { background-image: url(../images/site/boxes/grey_top_right_solid.gif); float:right; }
.box_solid_bottom_left { background-image: url(../images/site/boxes/grey_bottom_left_solid.gif); float:left; }
.box_solid_bottom_right { background-image: url(../images/site/boxes/grey_bottom_right_solid.gif); float:right; }

.category_box .category_label { float:left; padding-right:14px; }
.category_box .category_checkbox { float:left; }

/********
 * HOME *
 ********/
.home #main_body { padding:0; }
.home #footerContainer { padding-top:0; }
#home { background-image: url(../images/site/home_image.jpg); width:960px; height:376px; }
#home #browse_panel { float:right; margin-right:10px; margin-top:10px; margin-bottom:10px; }
#home #browse_panel a { background-image:url(../images/site/home_browse.gif); width:443px; height:102px; display:block; }
#home #browse_panel span { display:none; }

#home #welcome_panel { float:right; width:443px; height:227px; background-color:rgba(255, 255, 255, 0.85); margin-right:10px; overflow:auto; }
#home #welcome_panel_inner { padding:30px 20px 10px 20px;  }
#home #welcome_panel #panel_header { padding-bottom:0px; }
#home #welcome_panel #panel_body { font-size:1.2em; color:#555556;  }

/**********
 * HEADER *
 **********/
#headerContainer { position:relative; }
#headerContainer #logo { margin-left:21px; float:left; background-image:url(../images/site/cf_logo_big_with_no.gif); width:238px; height:109px; }
#headerContainer #logo a { background-image:url(../images/site/cf_logo_big_with_no.gif); width:238px; height:109px; display:block; }
#headerContainer #logo span { display:none; }

#headerContainer #navbar #navbar_inner { width:570px; position:relative; z-index:1; font-size:1.6em; color:#fff; font-family:Times New Roman, Times, Serif; font-weight:normal; }
#headerContainer #navbar a { color:#fff; font-weight:bold; }
#headerContainer #navbar ul { padding:0; margin:0; }
#headerContainer #navbar ul li { height:1em; background: url(../images/site/nav_icon.gif) no-repeat 0px 0px; float:left; display:block; padding:4px 30px 0 22px; }
#headerContainer #navbar ul li.last { list-style-type:none; display:inline; border-right:0; }
#headerContainer #navbar a.basket { color:#FCF5B1; }

#headerContainer #subHeader {  }

#headerContainer #homeHeader #right_area { position:absolute; left:448px; width:562px; height:134px; background-image:url(../images/site/header_home_right_image1.gif); background-repeat:no-repeat; }
#headerContainer #subHeader #right_area { z-index:0; position:absolute; left:399px; width:562px; height:156px; background-image:url(../images/site/header_sub_right_image1.gif); }

#footerContainer { padding:25px 0 0 0; }

/**********
 * FOOTER *
 **********/
#footer { padding:20px 20px 75px 20px; font-size:1.2em; }
#footer a {  }
#footer #links { float:left; }
#footer #lymnlogo { float:right; }
#footer #lymnlogo a { background-image:url(../images/site/awlymn_logo.gif); width:149px; height:54px; display:block; }
#footer #lymnlogo span { display:none; }

#footer #links #copyright { padding-right:15px; }
#footer #links ul { padding:0; margin:0; display:inline; }
#footer #links ul li { list-style-type:none; display:inline; border-right:1px black solid; padding:0 5px 0 5px; }
#footer #links ul li.last { list-style-type:none; display:inline; border-right:0; }
#footer #company_footer { padding-top:10px; font-size:0.8em; width:500px; }

/******************
 * PRODUCT CHOICE *
 ******************/
#pagination_bar { font-size:1.1em; }
#pagination_bar #label { float:left; padding-right:13px; }
#pagination_bar #prev { float:left; padding:2px 10px 0 0; }
a#prevlink { background-image:url(../images/site/nav_icon_left.gif); width:13px; height:13px; display:block; }
#pagination_bar #prev span { display:none; }
#pagination_bar #navtrail { float:left; }
#pagination_bar #navtrail .no_link { float:left; }
#pagination_bar #navtrail .dot { padding-right:5px; }
#pagination_bar #navtrail .current { font-weight:bold; font-size:1.1em; }
#pagination_bar #next { float:left; padding:2px 0 0 10px; }
#pagination_bar #next span { display:none; }
a#nextlink { background-image:url(../images/site/nav_icon_right.gif); width:13px; height:13px; display:block; }

/******************
 * PRODUCT CHOICE *
 ******************/
#product_choice { padding-top:40px; }
#product_choice #stage1browse { background-image:url(../images/site/products/step1_browse.gif); width:206px; height:24px; margin-bottom:25px; }
#product_choice #stage1browse span { display:none; }
#product_choice #stage1 { background-image:url(../images/site/products/step1.gif); width:252px; height:24px; margin-bottom:25px; }
#product_choice #stage1 span { display:none; }
#product_choice .category_list { padding-bottom:0px; }
#product_choice #priceband { float:left; width:450px; padding-right:20px; }

#product_choice .price_band_row { padding-bottom:5px; font-size:1.2em; color:#787777; }
#product_choice .price_band_row .label { width:88px; padding-right:25px; float:left; }
#product_choice .price_band_row .input { float:left; }

#product_choice #or { padding:15px 0 40px 0; }
#product_choice #keyword_search { float:left; width:450px; }
#product_choice #filter_area .box_container { width:450px; }
#product_choice #filter_area .box_inner { height:118px; }
#product_choice #filter_area .box_area { padding:10px 0 0 18px; }
#product_choice #filter_area .header { padding-bottom:13px;  }
#product_choice #filter_area .body { padding-left:36px; }
#product_choice #stage2 { background-image:url(../images/site/products/step2.gif); width:226px; height:24px; }
#product_choice #stage2 span { display:none; }
#product_choice #stage3 { background-image:url(../images/site/products/step3.gif); width:174px; height:24px; }
#product_choice #stage3 span { display:none; }
#product_choice #keyword_search input { border:1px #b2abac solid; width:312px; }
#product_choice .catbox { float:left; padding:0 20px 20px 0; }
#product_choice .category_list .last { padding-right:0; }
#product_choice #search_button_container { text-align:center; padding:30px 0 0 0; }
#product_choice #search_button { width:186px; height:39px; margin:0; padding:0; border:0; background: transparent url(../images/site/products/search_flowers.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }

/**************
 * SEARCH BOX *
 **************/
#products_search { font-size:1.1em; color:#555655; }
#products_search .box_container { width:100%; }
#products_search .box_inner { background-color:#e0e1e6; }
#products_search #search_box_inner { padding:3px 20px 8px 20px; }
#products_search #arrangement_label{ float:left; padding-top:1px; width:127px; }
#products_search #category_area .atype { padding-right:7px; float:left; }
#products_search .catname { float:left; padding-top:1px; }
#products_search .catinput { float:left; padding-left:3px; }
#products_search #category_area { float:left; width:451px; padding-bottom:10px; }
#products_search #left_area { float:left;  }
#products_search #reset_area { position:absolute; right:0; padding-right:10px; }
#products_search #reset_area a { font-weight:bold; text-decoration:underline; color:red; }

#products_search #keyword_area { float:left; padding-left:0px; width:296px; }
#products_search #keyword_area #keyword_label { padding-bottom:5px; }
#products_search #keyword_area input { width:200px; height:18px; border:1px #56575c solid; padding-top:3px; padding-left:3px; }
#products_search #keyword_area #search_input { float:left; padding-top:2px; }
#products_search #search_button_area { float:right; padding-top:3px; position:relative; }
#products_search #search_button { position:absolute; right:0; width:65px; height:23px; margin:0; padding:0; border:0; background: transparent url(../images/site/products/search_button.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }

#products_search #price_area .atype { padding-right:12px; float:left; }
#products_search #price_band_label { float:left; padding:1px 14px 0 0; }
#products_search #price_band_area { float:left; }

#products_search #price_area { position:relative; }

/*****************
 * PRODUCT PAGES *
 *****************/
#product_page { }
#product_page #search_bar_area { padding:0 0 30px 0; }
#product_page #price_options { padding:0; margin:0; list-style:none; }
#product_page #price_options li { padding-bottom:5px; }

/****************
 * PRODUCT LIST *
 ****************/
#products_list { }
#products_list .box_container { width:292px; }
#products_list .box_inner { padding-left:11px; padding-right:11px; text-align:center; }
#products_list #header { float:left; }
#products_list #pagination { float:right; }
#products_list .image_area { height:177px; vertical-align:middle; }
#products_list .image_area img { }
#products_list #search_results { background-image:url(../images/site/products/search_results.gif); width:122px; height:15px; }
#products_list #search_results span { display:none; }
#products_list #list_area { padding:25px 0 0 0; }
#products_list #list_area .product { float:left; padding:0 22px 22px 0; }
#products_list #list_area .last { padding-right:0; }

#products_list #list_area .product .product_name { font-weight:bold; font-size:1.4em; padding-top:1em;  }
#products_list #list_area .product .product_description { padding:1em 0 0 0; height:4.5em; font-size:1.2em; }
#products_list #list_area .product .product_price { font-weight:bold; font-size:1.5em; padding:0 0 1em 0;  }
#products_list #list_area .product .add_to_enquiry { padding:0 0 1em 0; width:106px; margin-left:auto; margin-right:auto; }
#products_list #list_area .product .add_to_enquiry a { background-image:url(../images/site/products/icon_moredetails.gif); width:106px; height:23px; display:block; }
#products_list #list_area .product .add_to_enquiry span { display:none; }

#products_list #noresults { font-size:1.2em; }

/******************
 * PRODUCT DETAIL *
 ******************/
#product_details {  }
#product_details #product_name { padding-bottom:20px; }
#product_details #left_area { float:left; width:400px; position:relative; padding-bottom:50px; }
#product_details #right_area { float:right; padding:0 34px 0 34px; }
#product_details #product_description { font-size:1.2em; padding-bottom:20px; }
#product_details #product_price { padding-bottom:27px; color:#787878; font-weight:bold; font-size:1.5em; }
#product_details .input_area { font-size:1.2em; }
#product_details .input_area .label { padding-bottom:5px; }
#product_details .input_area .input { width:400px; height:112px; border:1px #787878 solid; margin-bottom:18px; overflow-y:auto; }
#product_details #add_button { position:absolute; width:127px; height:23px; margin:0; padding:0; border:0; background: transparent url(../images/site/products/icon_add_to_enquiry_lg.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }
#product_details #bottom_area { font-size:1.2em; }
#product_details #bottom_area a#prevlink { margin-top:2px; }
#product_details #bottom_area a { float:left; margin-right:5px; }

/******************
 * ENQUIRY BASKET *
 ******************/
#enquiry_basket { }
#enquiry_basket #empty_basket { font-size:1.2em; }
#enquiry_basket #message { padding-bottom:10px; font-weight:bold; color:#FF0000; font-size:1.2em; }
#enquiry_basket #header_row { border-bottom:1px #999999 solid; padding-bottom:10px; margin-bottom:10px; }
#enquiry_basket #header_row .header_item { float:left; font-weight:bold; font-size:1.2em; }
#enquiry_basket .product_name { width:175px; }
#enquiry_basket .product_name .name { padding-bottom:10px; }
#enquiry_basket .product_price { width:155px; }
#enquiry_basket .personal_message { width:240px; }
#enquiry_basket .additional_info { width:240px; }
#enquiry_basket .remove_item { width:100px; text-align:center; }
#enquiry_basket .item_row { font-size:1.2em; border-bottom:1px #999999 solid; padding-bottom:10px; margin-bottom:10px; }
#enquiry_basket .item_row .item { float:left; position:relative; }
#enquiry_basket .item_row .input { width:230px; overflow-y:auto; height:125px; font-family:Arial, Verdana, sans-serif; font-size:1em; border:1px #e0e1e6 solid; }
#enquiry_basket .last { border-bottom:1px #999999 solid; }
#enquiry_basket  #basket_footer { padding-top:10px; }
#enquiry_basket  #basket_footer .item_row { border-bottom:0;  }
#enquiry_basket  #basket_footer #update_button { width:68px; height:23px; margin:0; padding:0; border:0; background: transparent url(../images/site/enquiry/icon_update.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }

#enquiry_basket #instructions { float:left; font-size:1.2em; width:450px; }
#enquiry_basket #customer_details { padding-bottom:20px; float:right; }
#enquiry_basket #customer_details .header { padding-bottom:20px; }
#enquiry_basket #customer_details .row { padding-bottom:10px; position:relative; }
#enquiry_basket #customer_details .message { font-size:1.2em; font-weight:bold; color:#FF0000; }
#enquiry_basket #customer_details input { width:250px; border:1px #999999 solid; }
#enquiry_basket #customer_details .label { float:left; font-weight:bold; font-size:1.2em; width:150px; }
#enquiry_basket #customer_details .field { float:left; }
#send_enquiry_button { position:absolute; right:0; width:112px; height:23px; margin:0; padding:0; border:0; background: transparent url(../images/site/enquiry/icon_sendenquiry.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }

/**************
 * SITE FORMS *
 **************/
#contactus { padding-top:10px; }
#contactus #contact_button { width:112px; height:23px; margin:0; padding:0; border:0; background: transparent url(../images/site/enquiry/icon_sendenquiry.gif) no-repeat center top; text-indent: -1000em; cursor: pointer; }

.site_form { font-size:1.2em; }
.site_form .row { padding-bottom:10px; position:relative; }
.site_form .required { font-weight:bold; color:red; }
.site_form .label { float:left; width:100px; }
.site_form .field { float:left; }
.site_form .textfield { width:300px; }
.site_form .textarea { width:300px; height:200px; overflow-y:auto; }
.site_form .validation_fail { padding-bottom:20px; font-weight:bold; color:red; }

