/****************************************************
 * Layout 
 ****************************************************/
body { background: url(cssimages/water_bg.jpg); background-attachment: fixed; line-height: 1.6em; font-size: 12px; font-family: arial, helvetica, san-serif; color: #333 }

#wrap { margin: auto; width: 1000px }
#container_wrap { clear: both; padding-bottom: 40px }
#container { float: left; width: 950px; padding: 0 25px 0 25px; background: #fff; min-height: 600px; height: auto !important; height: 600px }
#container_bottom_edge {  clear: both; height: 10px; background: url(cssimages/container_bottom_edge.png) 0 100% no-repeat }

#content {  clear: both; margin: 0 0 5px 0;  }
#content_inside { clear: both; margin: 15px 0 }
#content_left { float: right; width: 720px; margin: 5px 0 25px 0; }

#bottom_container { clear: both; padding: 0 25px; background: #fff }

#cookie_alert { display: none; position: relative; top: 0; left: 0; width: 100%; padding: 30px 0; text-align: center; background-color: #fff; border-bottom: 2px solid #666 }

/* Header */
#header { position: relative; }
#logo { float: left; width: 248px; height: 83px; padding-bottom: 10px; background: url(cssimages/proam_logo.png) 0 10px no-repeat }
#contact_panel { float: left; width: 200px; height: 33px; margin: 40px 0 0 0; background: url(cssimages/contact_info.png) 100% 0 no-repeat;  }

/* Cart panel */
#cart_panel { float: right; width: 295px; height: 93px; background: url(cssimages/cart_panel_bg.png) 0 100% no-repeat; oveflow: visible; }
#cart_info { width: 285px; padding: 10px 0 0 10px; }
#cart_panel a.dark_grey { float: left; padding: 0 10px }
#cart_panel a.first_item { padding-left: 0 }
#cart_dropdown { position: relative; clear: both; width: 295px; display: none; z-index: 999 ; }
#cart_dropdown_info { background: #f1f1f1; width: 275px; padding: 10px; overflow: auto;  max-height: 380px;  }
#cart_dropdown_bottom { background: url(cssimages/cart_dropdown_shadow.png) no-repeat; height: 8px }
.cart_dropdown_item { float: left; width: 245px; padding: 5px; margin-bottom: 5px; border-width: 1px; border-style: solid; border-color: #d6d6d5 #fff #fff #fff; background: #eee; }
.cart_dropdown_img { float: left; margin-right: 10px; }
.cart_dropdown_info { float: left; width: 175px  }

/* Banner */ 
#banner { clear: both; margin-bottom: 5px }

/* Bottom panel */
#bottom { clear: both; width: 950px; height: 130px; color: #444; background: url(cssimages/bottom_bg.png) no-repeat }
.bottom_panel { float: left; height: 110px; padding: 10px 60px 0 15px; background: url(cssimages/bottom_panel_separator.png) 100% 0 no-repeat }
#catalogue_panel { width: 210px; line-height: 1.4em  }
#catalogue_pic { float: left; width: 41px; height: 60px; margin:0px 10px 25px 0px; background: url(cssimages/catalogue.png) no-repeat; }
#newsletter_panel { width: 260px }
#wholesaler_panel { width: 260px; padding: 10px 30px 0 15px;  background: none }
#bottom input { font-size: 0.95em }

/* Sitemap */
#sitemap { float: left; width: 950px; margin: -10px 0 0 0 }
#sitemap_top { float: left; width: 100%; height: 10px; background: url(cssimages/sitemap_top_bg.png) no-repeat }
#sitemap_body { float: left; width: 930px; padding: 0 0 0 20px; line-height: 1.4em; background: #009fc2 url(cssimages/sitemap_bg.png) 0 100% no-repeat }
#sitemap_btm { float: left; width: 100%; height: 10px; background: url(cssimages/sitemap_btm_bg.png) 0 100% no-repeat }
.sitemap_column { float: left; margin-right: 15px; max-width: 110px; }
.sitemap_column a { display: block; color: #fff }
.sitemap_category_hdr { font-weight: bold; }

/* Breadcrumb */
.breadcrumb_container { margin: 5px 0 10px 0; }


/* Homepage */
.large_promo_container { float: left; width: 280px;  }
.promo_pic { display: block; clear: both; height: 200px; text-align: center; overflow: hidden }
.promo_menu { float: left; clear: both; color: #00647a }
.promo_menu a { color: #777; font-size: 0.9em; padding: 0 3px 0 3px }
.promo_menu a:hover { color: #00647a }

.small_promo_container { float: left; width: 390px;  }
.small_promo_item { float: left; width: 125px; text-align: center }
.small_promo_pic { display: block; width: 125px; height: 100px; overflow: hidden }
.small_promo { color: #777 }
.small_promo:hover { color: #00647a }
.small_promo img { margin-bottom: 0 }

/****************************************************
 * Shopping 
 ****************************************************/
.page_hdr { font-size: 1.7em; text-transform: uppercase; margin-bottom: 15px }
 
/* Category pages */
#category_pics_container { margin: 0 0 40px 0  }
#subcategory_pics_container { float: left; margin: 0 0 20px 0 }
.category_thumb_container { position: relative; float: left; margin: 0 21px 97px 22px; width: 92px; height: 142px; text-align: center; overflow:hidden;  }
.category_hero_container { float: left; height: 394px; width: 364px;  margin: 0 21px 0 22px }
.category_hero_img_container { float: left; height: 350px; width: 360px; text-align: center; border-width: 1px 1px 0 1px; border-style: solid; border-color: #d6d6d5; overflow: hidden;  }
.hero_container_btm { float: left; width: 100%; height: 40px; padding-top: 3px; text-align: center; background: url(cssimages/hero_container_btm.jpg) 0 100% no-repeat }
.category_hdr { font-size: 4.9em; font-weight: normal; color: #00647a; line-height: 0.9em }
.category_sub_hdr {  font-size: 3.2em; font-weight: normal; color: #00647a; }
.category_lrg_container { float: left; width: 160px; height: 227px; margin: 0 5px 20px 5px;  }
.category_lrg_img_container { float: left; width: 100%; height: 214px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #d6d6d5; overflow: hidden } 
.category_img_container_btm { float: left; height: 22px; width: 152px; padding: 0 5px; font-weight: bold; text-align:center; background: url(cssimages/mid_container_btm.png) 0 100% no-repeat }
.category_mid_container { float: left; width: 160px; height: 160px; margin: 0 20px 20px 20px; border-width: 1px; border-style: solid; border-color: #d6d6d5; background: #fff } 
.category_mid_img_container { margin:auto; width: 120px; height: 160px; overflow: hidden } 
.category_mid_container_btm { float: left; height: 22px; width: 140px; padding: 5px; font-weight: bold; text-align:center; }
a.product_thumb { display: block; height: 120px; border: 1px solid #d6d6d5; border-bottom: 0; background-color: #fff }
.product_thumb_title a { color: #fff; }
a.hero_link { display: block; width: 100%; height: 100%; font-weight: bold }
a.hero_pic { display: block; width: 100%; height: 100% }
a.category_pic { display: block; width: 100%; height: 100%; text-align: center}

/* Product pages */
#product_container { float: left; width: 100%; margin-bottom: 40px; }
.product_img_container { float: left; width: 302px; background: #fff; overflow: hidden }
.product_img_container_btm { clear: both; height: 20px; padding-top: 10px; text-align: center; color: #fff; background: url(cssimages/product_img_container_bottom.jpg) 0 100% no-repeat }
.product_img_container_btm .inside {  }
.product_img_large { float: left; border: 1px solid #d6d6d5; height: 400px; width: 300px; overflow: hidden }
.product_thumb_container { padding: 4px 10px 10px 0 }
.product_thumb_title { position: absolute; bottom: 0; left: 0; display: block; width: 88px; min-height: 18px; line-height: 1.3em; padding: 2px; font-weight: bold; background: url(cssimages/product_thumb_btm.png) 0 100% no-repeat } 
.product_details_container { float: left; width: 648px; margin: 0 0 15px 0;  }
.product_details_container .inside { padding: 15px 0 15px 15px }
.product_price_container { float: left; font-size: 1.7em; text-transform: uppercase }
.normal_price { color: #999; font-size: 0.6em }
.product_description { clear: left; }
#ajax_cart_response { float: left; clear: both; width: 250px; height: 25px; color: #00508f }
.product_hdr { height: 25px; padding: 5px 0 0 15px; font-size: 1.6em;text-transform: uppercase; background: url(cssimages/product_hdr_bg.jpg) repeat-x; }
.product_feature { margin: 4px 0 }

.package_product_hdr { clear: left; height: 15px; margin-bottom: 10px; padding: 8px 5px 2px 5px; background: url(cssimages/product_hdr_bg.jpg) repeat-x; }

.features_hdr { float: right; width: 152px; height: 17px; font-size: 0.8em; padding-top: 3px }
.product_features { float: right; width: 152px; margin-top: 10px }

/* add to cart */
.addtocartform_container { }
.attribute_hdr { float: left; clear: left; height: 20px; margin-top: 15px; font-size: 1.2em; text-transform: uppercase }
.select_attribute_container { float: left; clear: left; height: 24px; width: 220px; padding: 10px 30px 10px 10px; margin: 4px 0 10px 0; background: url(cssimages/select_attribute_bg.jpg) no-repeat }
.add_to_cart_container { float: left; width: 120px; clear: left; padding: 10px; }

/* product enquiry form */
.prod_enq_container { float: right; margin: 20px 0 20px 15px; width: 240px; padding: 20px; height: 300px; background: url(cssimages/prod_enq_container_bg.jpg) no-repeat }
.prod_enq_container .input_label { float: left; clear: both; width: 100%; color: #009fc2 }
.prod_enq_input_container { float: left; height: 24px; width: 220px; padding: 2px 0; margin: 4px 0; }
.prod_enq_textarea_container { float: left; height: 44px; width: 220px; padding: 2px 0; margin: 0; }
.prod_enq_submit_container { float: left; width: 220px; height: 22px; margin: 15px 5px 0 5px; padding: 10px 2px; color: #009fc2 ; background: #ddd url(cssimages/submit_btn.jpg) no-repeat; text-align: center; cursor: pointer }
#prod_enquiry_response { margin: auto; clear: both; height: 20px; width: 100%; text-align: center; font-size: 0.9em; color: #009fc2; font-weight: bold  }

#related_items_container { position: relative; float: right; padding-bottom: 30px; margin-left: 15px}
#related_items { float: left; width: 152px; background: #d6d6d5; text-align: center; }
#related_items_top { width: 152px; height: 30px; padding: 8px 0 2px 0; margin-bottom: 10px; text-align: center; background: url(cssimages/related_items_top.jpg) no-repeat }
.related_item { position: relative; margin: 10px auto; width: 92px; height: 140px; text-align: center; overflow:hidden;  } 
#related_items_btm { position: absolute; bottom: 0; left: 0; width: 152px; height: 30px; background: url(cssimages/related_items_btm.jpg) no-repeat }
.product_thumb_btm { display: block; width: 88px; height: 18px; line-height: 1.3em; padding: 2px; color: #fff; font-weight: bold; background: url(cssimages/product_thumb_btm.png) 0 100% no-repeat }


/****************************************************
 * Checkout  
 ****************************************************/
#checkout_container { float: left; margin: 20px 20px 60px 20px; width: 910px; }
#checkout_hdr { float: right; width: 200px; height: 22px; padding: 8px 0 0 30px; margin-top: 50px; color: #019fc2; font-size: 1.4em; text-transform: uppercase; background: url(cssimages/padlock.jpg) no-repeat  }
.top_grey_950 { float: left; height: 10px; width: 950px; background: url(cssimages/top_grey_950.jpg) no-repeat; }
.bottom_grey_950 { float: left; height: 10px; width: 950px; background: url(cssimages/bottom_grey_950.jpg) 0 100% no-repeat; }
.container_grey_950 { float: left; width: 910px; padding: 5px 20px 5px 20px; background: #ddd }
.top_grey_760 { float: left; height: 10px; width: 760px; background: url(cssimages/top_grey_760.jpg) no-repeat; }
.bottom_grey_760 { float: left; height: 10px; width: 760px; margin-bottom: 40px; background: url(cssimages/bottom_grey_760.jpg) 0 100% no-repeat; }
.container_grey_760 { float: left; width: 700px; padding: 20px 30px 20px 30px; background: #ddd }
 
.section_hdr { font-size: 1.2em; color: #00508f; margin: 10px 0 }
.cart_message { float: right; font-weight: bold; color: #666 }
.checkout_table { width: 700px }
.checkout_table th {  padding: 7px 10px; vertical-align: top; text-align: left; color: #666 }
.checkout_table td { padding: 7px 10px }
.checkout_submit_btn { display: block; width: 224px; height: 30px; padding-top: 12px; margin: 15px auto 0 auto; font-size: 1.2em; background: url(cssimages/submit_btn.jpg) no-repeat; text-align: center; cursor: pointer }
 
/* Navigation */
.checkout_status { margin: 20px auto 20px auto; width: 600px; height: 31px; }
.checkout_nav_segment { float: left; width: 120px; height: 100%; }
#billing_status { background: url(cssimages/billing_status.jpg) no-repeat }
#billing_status_onstate, a#billing_status:hover { background: url(cssimages/billing_status_hover.jpg) no-repeat }
#shipping_status { background: url(cssimages/shipping_status.jpg) no-repeat }
#shipping_status_onstate, a#shipping_status:hover { background: url(cssimages/shipping_status_hover.jpg) no-repeat }
#delivery_status { background: url(cssimages/delivery_status.jpg) no-repeat }
#delivery_status_onstate, a#delivery_status:hover { background: url(cssimages/delivery_status_hover.jpg) no-repeat }
#order_review_status { background: url(cssimages/order_review_status.jpg) no-repeat }
#order_review_status_onstate, a#order_review_status:hover { background: url(cssimages/order_review_status_hover.jpg) no-repeat }
#payment_status { background: url(cssimages/payment_status.jpg) no-repeat }
#payment_status_onstate, a#payment_status:hover { background: url(cssimages/payment_status_hover.jpg) no-repeat }
#confirm_status { background: url(cssimages/confirmation_status.jpg) no-repeat }
#confirm_status_onstate, a#confirm_status:hover { background: url(cssimages/confirmation_status_hover.jpg) no-repeat }
 
/* Cart summary */
#cart-summary { border-collapse: separate }
#cart-summary td { vertical-align: top; padding: 2px 5px; text-align:center }
#cart-summary th { vertical-align: top; padding: 2px 5px }
#cart-summary .attr-col { width: 100px;  text-align: center}
#cart-summary .amt-col { width: 50px; text-align: center }
.cart_summary_item_image { height: 120px }
.cart-summary-row>td { border-bottom: 2px solid #e5e5e5; }
.cart-summary-row-hdr {  }
.product_details_table { width: 100% }
.product_details_table thead td { font-weight: bold; font-size: 1.1em }
.product_details_table td { padding: 2px; border-bottom: 1px solid #c5c5c5; font-size: 0.9em }
.cart_summary_btn { color: #00508f }
.cart_summary_submit_container { margin: auto; width: 460px }
.cart_summary_submit_container .checkout_submit_btn { float: left; margin-right: 6px }
#cart-summary .cart_summary_error_msg { text-align: right; color: #ff3333 }

/* Cart review/confirmation */
#confirmation { width: 100% }
#confirmation td { text-align: right }
.underline th, .underline td { border-bottom: 2px solid #e5e5e5 }
#confirmation_item_detail { width: 100% }
#confirmation_item_detail th, #confirmation_item_detail td { border-style: none }
#confirmation .dark { background: #e5e5e5 }
#confirmation textarea { width: 100%; height: 40px }
#confirmation .total th, #confirmation .total td { height: 15px; font-size: 1.4em; font-weight: bold; color: #fff; background-color: #00508f }

/* Billing/Shipping */
#billing_table_container { width: 350px; margin: auto  }
#address_table { width: 100% }
#address_table th { width: 100px; text-align: left; vertical-align: middle }
#address_table input { width: 100% }
#address_table select { color: #777 }
#shipping_choice_container { clear: both; padding: 20px 0 0 0; font-size: 1.2em; font-weight: bold; color: #00508f; text-align: center }
#shipping_table_container { width: 350px; margin: auto  }

/* Payment */
#payment_table_container { width: 450px; height: 500px; margin: auto; }
.payment_table { width: 100% }
.payment_table th { width: 140px; padding: 10px 0 }
.payment_table td input { text-align: left; }
.credit_card_radio { float: left; width: 95px; height: 30px }
#visa { background: url(cssimages/visa.jpg) 25px 0 no-repeat }
#mastercard { background: url(cssimages/mastercard.jpg) 25px 0  no-repeat }

/* paymentoptions */
#choose_pay_option_table { width: 100%; height: 90px; margin: 20px 0; border-bottom: 2px solid #e5e5e5 }
#choose_pay_option_table td, #choose_pay_option_table th { padding: 0 }
#credit_card_types { float: right; width: 120px; text-align: right; color: #666 }

/****************************************************
 * Customer  
 ****************************************************/
.white_btn { display: block; width: 224px; height: 42px; margin: 15px auto 0 auto; font-size: 1.2em; line-height: 2.8em; color: #009fc2; background: url(cssimages/submit_btn.jpg) no-repeat; text-align: center; cursor: pointer }

/* Customer login */
.login_button { float: right; border-style: none; width: 64px; height: 20px; margin: 19px 35px 0 0; background: url(cssimages/login_button.png) no-repeat; cursor: pointer }
#customer_login_response { float: left; clear: both; height: 20px; width: 100%; font-size: 0.9em; color: #009fc2; }

/* Customer registration */
#customer_register_container { clear: both; margin: auto; width: 700px; text-align: center }
.top_grey_700 { float: left; height: 10px; width: 700px; background: url(cssimages/top_grey_700.png) no-repeat; }
.bottom_grey_700 { float: left; height: 10px; width: 700px; margin-bottom: 20px;  background: url(cssimages/bottom_grey_700.png) 0 100% no-repeat; }
#customer_register_form_container { float: left; width: 700px; padding: 20px 0; background: #ddd  } 
.customer_register_table { margin:auto; width: 350px; margin-bottom: 20px; }
.customer_register_table .tbl_hdr { text-transform: uppercase; color: #009fc2 }
.customer_register_table th { width: 115px; padding: 5px; text-align: left; color: #00508f }
.customer_register_table td { text-align: left; padding: 5px }
.customer_register_table input { width: 100%; }
#customer_register_response { float: left; clear: both; height: 20px; width: 100%;  color: #009fc2; }


/* Customer order history */
#order_history_container { margin: auto; width: 760px; text-align: center }
#order_history_table { width: 100% } 
#order_history_table td { padding: 10px }
#order_history_table tr.alt_row td { background: #e5e5e5 }


/* Customer newsletter signup */
#newsletter_response { float: left; clear: both; height: 20px; width: 270px; font-size: 0.9em; color: #009fc2  }
.join_now { float: right; border-style: none; width: 64px; height: 20px; margin: 19px 35px 0 0; background: url(cssimages/join_now_button.png) no-repeat; cursor: pointer }


/****************************************************
 * Ajax  
 ****************************************************/
.loader_small { padding-left: 20px; color: #333; background: url(cssimages/loader_sml_white.gif) no-repeat; }
.ajax_loading { padding-left: 20px; background: url(cssimages/loader_sml.gif) no-repeat;  } 
.ajax_loading_ddd { padding-left: 20px; background: url(cssimages/ajax-loader-ddd-bg.gif) no-repeat;  } 


/****************************************************
 * Typography  
 ****************************************************/
p { margin-bottom: 15px }
ul { margin-left: 15px; list-style-type: disc }

h1, h2, h3, h4, h5 { display: block; font-size: 1.2em; font-weight: bold; color: #999; }
h1 { font-size: 1.7em; text-transform: uppercase; }
h2 { font-size: 1.9em; }
h3 { text-transform: uppercase; }
h4 { font-size: 1.2em }
h5 { font-size: 1em; margin-top: 5px }
h6 { font-size: 0.9em; display: inline; }

.breadcrumb { font-size: 0.9em }

.tiny { font-size: 0.8em }
.small { font-size: 0.9em }
.dark_grey { color: #666 }
.black { color: #444 }
.dark_blue { color: #00508f }
.blue { color: #00647a; }
.light_blue { color: #009fc2 }
.white { color: #fff  }
.red { color: #ff3333 }
.error_notice { color: #ff3333; font-weight: bold }
.tick_response { padding-left: 20px; background: url(cssimages/blue_tick.png) no-repeat; color: #009fc2 }

/* Links */
a { text-decoration: none; color: #15558a; cursor: pointer; }
a:hover { text-decoration: underline }
a.grey { color: #aaa }
a.grey:hover { color: #00647a; text-decoration: none }
#content a:hover { text-decoration: none }
a.size_chart_icon { float: left; width: 50px; height: 19px; padding: 0 5px; background: url(cssimages/size_chart_icon.jpg) 5px 0 no-repeat }
a.checkout_submit { clear: both; float: right; margin: 20px }
a.checkout_status_link { float: left; width: 100px; height: 29px; }
.click { cursor: pointer }

/****************************************************
 * Forms  
 ****************************************************/
input { color: #777 }
.submit { padding: 3px;}
.select_attribute { height: 20px; width: 240px; margin: 2px 0; border: 1px solid #fff; font-size: 1em !important }
.input_qty_container { clear: left; float: left; height: 17px; width: 85px; padding: 10px 15px 15px 15px; margin: 5px 0 10px 0; background: url(cssimages/input_qty_bg.jpg) no-repeat}
.input_qty { height: 16px; width: 80px; border: 1px solid #fff; padding-top: 2px; font-size: 1em !important; color: #000 }
input.prod_enq { height: 16px; width: 238px; margin: 2px 0; border: 1px solid #fff; font-size: 1em !important }
textarea.prod_enq { height: 36px; width: 238px; margin: 2px 0; border: 1px solid #fff; font-family: verdana, arial, helvetica; color: #666; font-size: 0.9em !important }
.text_input { width: 150px; margin: 2px 0; border: 1px solid #fff;  }
.phone_input { width: 120px; margin: 2px 0; border: 1px solid #fff;  }
.phone_prefix_input { width: 20px; margin: 2px 5px 2px 0; border: 1px solid #fff;  }
.select_input { width: 150px; margin: 2px 0; color: #666 !important; border: 1px solid #fff }
.disabled_input { border: 1px solid #c5c5c5 !important; background-color: #d5d5d5 }	
.error_input { border: 1px solid #ffaaaa !important; background-color: #ffaaaa}
.form_hint { float: right; color: #999; font-size: 0.9em }

/****************************************************
 * Blueprint content  
 ****************************************************/
#blueprint_content { float: left; width:100%; margin: 10px 0; min-height: 400px; height: auto !important; height: 400px; }
.blueprint_page_hdr { padding: 5px 0 15px 0 }
#side_nav_container { float: left; width: 200px; margin-right: 20px; padding-bottom: 20px; background: url(cssimages/side_nav_bottom_edge.png) 0 100% no-repeat; } 
#side_nav { float: left; width: 170px; padding: 10px 15px 2px 15px; background: url(cssimages/side_nav_bg.png) no-repeat; overflow: invisible }
#side_nav a { display: block; height: 20px; color: #fff  }
#side_nav ul { list-style-type: none }