/************* layout *************/
/**********************************/
body { background: #fff url(cssimages/website_bg.png) repeat-x; line-height: 1.6em; font-size: 12px; font-family: arial, helvetica, san-serif; color: #333 }

/************ containers ***************/
/***************************************/
#wrap { margin: auto; width: 1000px }
#container_wrap { float: left; width: 1000px; }
#container { clear: both; float: left; width: 950px; min-height: 750px; padding: 0 25px 0 25px; background: #fff }
#content { clear: both; margin-left: 30px }
#content_left { float: left; width: 650px; padding-bottom: 40px }

.page_hdr { width: 100%; margin-bottom: 20px; font-size: 2em; line-height: 1.2em; color: #ff6633 }

.right_box { float: right; clear: right; width: 235px; background: #f8b485; margin-bottom: 20px }
.right_box_hdr { width: 100%; height: 33px }
.right_box .inside { width: 215px; padding: 10px; }

#banner { position: relative; float: left; width: 100%; height: 300px; background: #0e357b url(cssimages/banner_bg.png) no-repeat }
#banner_bottom { float: left; width: 100%; height: 28px; background: #fff url(cssimages/banner_bottom_bg.png) repeat-x }

#bottom { float: left; width: 650px; padding: 10px 260px 30px 40px; background: #eaeaea url(cssimages/bottom_panel_bg.png) 100% 0 no-repeat }


/************* header *************/
/**********************************/
#header { position: relative; float: left; margin: 20px 0; }
#logo { float: left; width: 122px; height: 122px; background: url(cssimages/logo.png) no-repeat }
#top_panel { float: right; width: 773px; height: 42px; padding: 15px; margin-top: -20px; color: #fff; font-size: 1.7em; font-weight: bold; line-height: 1.6em; background-color: #0e357b }


/************ cart panel ***************/
/***************************************/
#cart_hdr { background: url(cssimages/cart_hdr_bg.png) no-repeat }
#cart_items_container {  min-height: 100px; }
#cart_control { width: 195px; height: 26px; padding: 5px 10px 5px 30px }
#checkout_btn { float: left; width: 80px; height: 26px; margin-right: 15px; background: url(cssimages/checkout_btn_bg.png) no-repeat }
#view_cart_btn { float: left; width: 80px; height: 26px; background: url(cssimages/view_cart_btn_bg.png) no-repeat }
.cart_item { float: left; width: 100%;  padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #ffcccc }
.cart_item_img { float: left; margin-right: 10px;  }
.cart_item_info { float: left; width: 135px  }
.cart_item_total { float: right; font-weight: bold; margin-right: 10px }

#cart_menu { float: left; width: 100%; height: 30px; background: #666 }
#cart_menu a { float: left; padding: 5px 10px; color: #fff }

/********* mailing_list **********/
/***************************************/
#mailing_list_panel_hdr { background: url(cssimages/mailing_list_hdr_bg.png) no-repeat }

/************* customer signup **************/
/**********************************************/
#customer_register_container { padding-bottom: 40px }
#customer_register_container input, #customer_register_container select { width: 100%; border: 1px solid #ddd }
#customer_register_container .checkbox { width: auto; border-style: none }
#customer_register_container textarea { width: 100%; height: 60px; border: 1px solid #ddd; overflow: hidden }
#customer_register_table { width: 470px }
#customer_register_table th { width: 140px; text-align: left; padding: 10px 5px 0 5px; color: #666}
#customer_register_table td { padding: 10px 5px 0 5px }
#customer_register_submit { float: left; width: 100px; padding: 5px 0; background-color: #ff6633; color:#fff; font-weight: bold }
#customer_register_response { font-weight: bold }
#customer_register_table .underline th { margin-bottom: 5px }
#customer_register_table .tbl_hdr { padding: 25px 5px 5px 5px; font-size: 1.3em; color: #ff6633 }
#customer_register_table .short_input { float: left; width: 100px }
.error_input { background: #ffcccc !important }


/************* home page **************/
/***************************************/
.large_promo_container { float: left; width: 305px; height: 170px; padding: 10px 10px 0 10px; margin-bottom: 20px; border-top: 1px solid #ccc; background: #fff }
.promo_hdr { float: left; width: 100%; height: 42px }
.promo_pic { float: left; margin-right: 20px }
.promo_info { position: relative; float: right; width: 195px; height: 130px }
.promo_bottom_link { position: absolute; bottom: 0; left: 0; color: #999 }
.video_ctrl_btn { float: left; height: 25px; width: 25px; font-size: 1.5em; line-height: 1.2em; margin: 0 8px; color: #fff; font-weight: bold; text-align: center; background: url(cssimages/vc_btn_bg.png) no-repeat; cursor: pointer }
.addtocart_link { float: right; height: 20px; margin-right: 10px; padding-left: 24px; cursor: pointer; background: url(cssimages/cart_icon.jpg) no-repeat }
.video_info_container { float: left; width: 450px; height: 190px; padding: 15px 25px 0 25px; color: #fff }
.video_info_hdr { display: block; margin-bottom: 10px; font-size: 2.2em; line-height: 1.4em; color: #fff } 
.video_info h2 { font-size: 1.5em }
.video_info .byline { font-weight: bold; line-height: 1.1em }
.video_pic_container { float: left; height: 100% }
.video_pic { float: left; margin: 5px 20px 0 0 }
.video_info_category { margin: 5px 0 2px 0 }
#video_control { position: absolute; bottom: 50px; left: 130px; }
#video { float: right; width: 450px; overflow: hidden }

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

/*********** category page *************/
/***************************************/
.category_product_container { clear: both; float: left; padding: 15px 0 0 0; width: 100%; border-bottom: 1px solid #e5e5e5 }
.category_product_image { float: left; }
.category_product_description { position: relative; float: right; width: 410px; padding-bottom: 40px; }
.category_addtocart_btn { position: absolute; bottom: 0; right: 0; width: 138px; height: 26px; padding-top: 30px; cursor: pointer; border-style: none; background: url(cssimages/addtocart_btn_bg.png) no-repeat }
.byline { display: block; color: #666 }
.category_product_price_container { position: relative; width: 150px; font-size: 1.2em; line-heigth: 1.6em; color: #0e357b } 
.category_product_price { position: absolute; left: 45px; top: 0; }

/*********** Product page **************/
#page_hdr { margin-bottom: 15px; font-size: 1.7em }
#product_category_hdr { font-size: 0.6em; color: #999 }
#product_name { font-size: 1em; line-height: 1.2em; color: #ff6633 }
#product_byline { font-size: 0.8em; color: #4a75a6 }
.product_dvd_info { clear: both; padding: 20px 0; border-top: 2px solid #e5e5e5 }
.product_img_container { float: left; width: 134px; margin: 0 30px 10px 0;  }
.product_img_large img { border-style: none }
.product_description { float: right; width: 360px; padding-bottom: 20px }
.package_product_hdr { float: left; clear: left }
.product_sub_hdr { color: #ff6633; font-size: 1.4em; }
#product_sub_name {  clear: both; padding: 20px 0; color: #ff6633; font-size: 1.1em; }
#product_category_dvds { float: right; width: 225px; }
.pdf_brochure { display: block; padding: 10px 0 10px 50px; color: #333; background: url(cssimages/pdf_icon.jpg) no-repeat }
.pdf_brochure:hover { color: #009fc2 }
#duration { float: left; clear: left; width: 134px; padding-bottom: 20px }
ul ul { list-style-type: circle }
.resource_list>li { margin-bottom: 15px }

/* Add to cart */
.product_addtocart_container { clear: both; padding: 30px 22px 20px 0; border-top: 2px solid #e5e5e5 }
.product_price_container { float: left; margin-right: 20px; width: 195px; }
.product_input_qty_container  { float: left;  }
.product_input_qty_container input { border: 1px solid #e5e5e5 }
.product_select_attribute_container { float: right; margin: 0 5px }
.select_attribute { color: #4a75a6 }

.addtocart_btn_container { float: right; width: 98px }
.addtocart_btn { display: block; width: 100%; height: 26px; cursor: pointer; border-style: none; background: url(cssimages/addtocart_btn_bg.png) no-repeat }
.ajax_cart_response {clear: both; width: 100%; height: 15px; text-align: right }
.usage_message { clear: both; padding-top: 5px }
.cross_response { padding-left: 20px; color: #ff3333; background: url(cssimages/cross.png) no-repeat } 
.tick_response { padding-left: 20px; color: #ff6633; background: url(cssimages/orange_tick.png) no-repeat } 



/*****************************************************************************************
* Checkout
*****************************************************************************************/
 
 
/* Navigation */
.checkout_status { margin: 0px 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/confirm_status.jpg) no-repeat }
#confirm_status_onstate, a#confirm_status:hover { background: url(cssimages/confirm_status_hover.jpg) no-repeat }
 
 /* Containers */
#cart_top_panel { float: right; width: 673px; height: 42px; padding: 15px 15px 15px 65px; margin: 20px 0 0 50px; color: #ff6633; font-size: 2.4em; font-weight: bold; line-height: 1.6em; background: url(cssimages/padlock.jpg) 20px 50% no-repeat }
#checkout_container { float: right; width: 803px; min-height: 500px; height: auto !important; height: 500px; padding-bottom: 40px }
.checkout_table_container { clear: both; width: 420px; margin: auto; padding: 10px }
.review_table_container { clear: both; width: 620px; margin: auto; padding: 10px }
.section_hdr { clear: both; margin: 15px 0; font-size: 1.6em; line-height: 1.8em; font-weight: bold; color: #ff6633; border-bottom: 1px solid #ddd }
.checkout_form_response { float: right; width: 300px; padding-top: 10px; font-size: 1.2em; color: #ff3333; font-weight: bold; text-align: left }
#policy_statement { clear: both; margin: 10px 0; color: #666; font-size: 0.9em } 

.checkout_table { width: 100% }
.checkout_table th { width: 110px; padding: 6px 5px 6px 0; color: #888; text-align: left; vertical-align: top }
.checkout_table td { padding: 6px 0; vertical-align: middle }
.checkout_table .error_input { background: #ffaaaa !important }
.checkout_table .disabled_input { background: #eee !important }

/* Buttons */
.checkout_btn_container { float: left; margin: 20px 0 0 0; width: 100%; }
.checkout_btn { display: block; width: 150px; height: 23px; margin: auto; padding-top: 7px;	color: #fff; font-size: 1.1em; line-height: 1.1em; text-align: center; font-weight: bold; border: 1px solid #cc6b36; -moz-border-radius: 3px; background: #ff875f url(cssimages/orange_btn_bg.png) repeat-x; cursor: pointer }
.checkout_btn:hover { text-decoration: none }
.blue_checkout_btn { display: block; width: 60px; height: 24px; margin: auto; color: #fff; line-height: 1.7em; font-size: 1.1em; text-align: center; font-weight: bold; border: 1px solid #366bcc; -moz-border-radius: 3px; background: #011a47 url(cssimages/blue_btn_bg.png) repeat-x }
.blue_checkout_btn:hover { text-decoration: none }


/* cart summary */
#cart-summary { width: 100%; border-collapse: separate; margin: 10px 0; }
#cart-summary td { padding: 5px; text-align: center }
#cart-summary th { vertical-align: bottom; padding: 5px; text-align: center; color: #ff6633 }
#cart-summary .item-hdr { text-align: left; font-size: 1.1em; color: #fff; background-color: #ff6633;  }
#cart-summary .attr-col { width: 60px; text-align: center}
#cart-summary .amt-col { width: 50px; text-align: center }
#cart-summary .cart_product_description { width: 300px; text-align: left;  }
.cart-summary-row>td { height: 120px; border-bottom: 1px solid #ff6633; vertical-align: top }
#cart_summary_btn_container { margin: 20px auto; width: 330px }
#cart_summary_total { float: right; margin-left: 10px; font-size: 1.8em; font-weight: bold; text-align: right }

/* billing & shipping */
#address_table th { width: 150px }
#address_table input { width:100% }
#address_table select { width:100% }
.form_hint { float: right; color: #aaa; font-size: 0.95em; line-height: 1em } 
#shipping_choice_container { clear: both; padding: 20px 0 0 0; font-size: 1.2em; font-weight: bold; color: #ff6633 }

/* delivery */
#delivery_table textarea { width: 100% }

/* cart payment */
#payment_table_container { width: 450px; height: 550px; margin: auto; padding: 20px }
#payment_table_container .checkout_table th { width: 140px; padding: 10px 0 }
.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 { height: 100px; border-bottom: 1px solid #ddd }
#paymentoptions_table { width: 450px; margin: auto  }
#paymentoptions_table th { width: 295px; padding: 0 75px 10px 5px }
#paymentoptions_table td { padding: 0 }
#credit_card_types { float: right; width: 120px; text-align: right; color: #666 }

/* cart review/confirmation */
#confirmation th { width: 150px }
#confirmation td { text-align: right }
.underline td, .underline th { border-bottom: 1px solid #ddd  }
#confirmation_item_detail table { width: 100% }
#confirmation_item_detail table th { padding: 5px 0; width: 200px }
#confirmation_item_detail table td { padding: 5px 0 5px 4px }
#confirmation_item_detail .item_name { width: 200px; text-align: left; font-weight: bold }
#confirmation_item_detail .cart_item_message { text-align: right; color: #ff6633 }
#instructions { width: 100%; height: 50px}
.total { font-size: 1.8em; border-top: 10px solid #fff; font-weight: bold; color: #fff; background: #ff6633; color: #fff }
.total th { color: #fff }
.dark_cell { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #e6e6e6 }
#shipping_method { width: 60% }
#print_hdr { display: none }
#print_ftr { display: none }

/************* ajax calls **************/
/***************************************/
#loading_frame { float: right; width: 700px; padding-top: 150px; font-weight: bold; text-align:center; height: 150px; background: #fff }
.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_white.gif) no-repeat;  } 
.ajax_loading_white { padding-left: 25px; color: #666; font-weight: bold; background: url(cssimages/ajax-loader.gif) no-repeat }


/**************** forms  ***************/
/***************************************/
input, select, textarea { border: 1px solid #ccc }
.long_input { width: 100% }
.small_input { width: 30px }
.checkbox { border-width: 0 }
.country_select { width: 300px }

/************* typography  *************/
/***************************************/
a { text-decoration: none; color: #ff6633 }
a:hover { text-decoration: underline }
	
p { margin-bottom: 15px }
ul { margin-left: 15px; list-style-type: disc }
#content_left p { margin-top: 10px }
#content_left ul { margin-top: 10px }
ol { margin: 0 0 15px 20px; list-style-type: decimal }

h1, h2, h3, h4, h5 { display: block; font-size: 1.2em; color: #ff6633; font-weight: normal }
h1 { font-size: 2.7em; line-height: 2em }
h2 { font-size: 1.9em; line-height: 1.2em }
h3 {  }
h4 { font-size: 1.2em; line-height: 1.2em; font-weight: bold }
h5 { font-size: 1em; margin-top: 5px; font-weight: bold }
h6 { font-size: 0.9em; display: inline; }


.breadcrumb { font-size: 0.9em }

.tiny { font-size: 0.8em }
.small { font-size: 0.9em }
.grey { color: #999 }
.dark_grey { color: #666 }
.black { color: #333 }
a.black:hover { color: #009fc2 }
.blue { color: #4a75a6 }
.dark_blue { color: #0e357b }
.light_blue { color: #009fc2 }
.white { color: #fff  }
.red { color: #ff3333 }
.orange { color: #ff6633 }
.error_notice { color: #ff3333; font-weight: bold }

/************* blueprint *************/
/*************************************/
#blueprint_content { float: left; width: 80%; margin: 0 0 60px 0; min-height: 400px; height: auto !important; height: 400px; }
#side_nav_container { float: left; width: 200px; padding-bottom: 20px; } 
#side_nav { float: left; width: 100% }
#side_nav a { display: block; clear: both; color: #ff6633; font-weight: bold; text-decoration: none }
#side_nav a:hover { color: #009fc2 }
#side_nav ul { list-style-type: none; margin: 0;padding: 0 }
.bodytitle { color: #ff6633; font-size: 1.2em; font-weight: bold; line-height: 1.4em }
.content_table { width: 100%; margin-bottom: 20px }
.content_table th {  padding: 6px 5px 6px 0; color: #888; text-align: left; border-bottom: 2px solid #ddd }
.content_table td {  padding: 6px 5px 6px 0; border-bottom: 1px solid #e5e5e5 }
.content_table tr.dark td { background-color: #e5e5e5 }

#blueprint_content h4 { margin-bottom: 15px }

/* Contact us */
#customer_enquiry_form_container { float: right; margin-top: 55px; width: 240px }
#customer_enquiry_form_container input { width: 100% } 
#customer_enquiry_form_container textarea { width: 100%; height: 60px }
.orange_btn { display: block; width: 150px; height: 23px; margin: 10px 0; padding-top: 7px;	color: #fff; font-size: 1.1em; line-height: 1.1em; text-align: center; font-weight: bold; border: 1px solid #cc6b36; -moz-border-radius: 3px; background: #ff875f url(cssimages/orange_btn_bg.png) repeat-x; cursor: pointer }
.orange_btn:hover { text-decoration: none }

/**************** boxy ***************/
/*************************************/
#modal_content { float: left; width: 700px; height: 500px; overflow: auto } 
.boxy-wrapper .title-bar { background-color: #fff; }
.btn { float: left; padding: 4px 10px; line-height: 16px; color: #fff; font-family: Tahoma, Arial; font-weight: bold;  text-decoration: none; -moz-border-radius: 3px; border: 1px solid #cc6b36; background: #ff875f url(cssimages/orange_btn_bg.png) repeat-x; cursor: pointer }