/* CSS Document */

/************************************************
	Header Customizer												
************************************************/
#page #header_customizer {display: inline; float: left; width: 960px; background:#FFFFFF;}
#page #header_customizer .customizer_logo { display: inline; float: left; background: url(../images/customizer_logo.jpg); width: 200px; height: 80px; margin-left:50px; }
#page #header_customizer .customizer_logo a:link.homeLink, a:visited.homeLink {text-indent: -9999em; display: block; width: 200px; height: 75px; outline: none;}
#page #header_customizer #customizer_title { display: inline; float: left; width: 400px; height: 55px; padding:23px 0 0 100px; background: url(../images/customizer_video_icon.gif) no-repeat 42px 20px; font-size:18px; text-align:left; }
#page #header_customizer a.customizer_exit { display: inline; float: right; background: url(../images/button_exit_the_customizer.gif); width: 162px; height: 34px; margin: 10px 45px 10px 0; }
#page #header_customizer a.customizer_exit:hover { background-position: 0px -34px; }
#page #header_customizer #chat-customizer { display: inline; float: right; margin:0 45px 0 0; }
#page #header_customizer #customizer_phone { display: inline; clear:both; float: right; margin:0 45px 0 0; width: 162px; font-family: Lucida Grande, Verdana, sans-serif; text-align:right; }

/******* CUSTOMIZER STYLES ********/

body { padding: 0px; margin: 0px; }

#customizer { float: left; width: 860px; display: block; font-family: Lucida Grande, Verdana, sans-serif; padding: 0px; background:#fff; padding:10px 50px 50px 50px;}
/*#customizer ul, #customizer li { padding: 0px; margin: 0px; display: block; float: left; border: none; text-align: left;}*/

a#save {padding: 0px; margin: 0px; }
a#save:hover {padding: 0px; margin: 0px; }
a#save.grey  { background: url(../images/save_grey_off.gif) no-repeat bottom; display: block; width: 64px; height: 20px; }
a#save:hover.grey  { background: url(../images/save_grey_on.gif) no-repeat bottom; display: block; width: 64px; height: 20px; }
a#save.green  { background: url(../images/save_green_off.gif) no-repeat bottom; display: block; width: 64px; height: 20px; }
a#save:hover.green  { background: url(../images/save_green_on.gif) no-repeat bottom; display: block; width: 64px; height: 20px; }
a#checkout { background: url(../images/checkout_off.gif) no-repeat bottom; display: block; width: 64px; height: 20px; }
a#checkout:hover  { background: url(../images/checkout_on.gif) no-repeat bottom; display: block; width: 64px; height: 20px; }
.msg_grey {color:grey;font-size:8pt; }
/******* CATEGORY/MODEL STYLES ********/

#customizer #category { width: 867px;}
#customizer #category h2 { margin-left:5px;  clear:both; }

#customizer #category div.icon { width: 288px; display: inline; float: left; background:#000000; margin: 1px 1px 0px 0px; color: #FFFFFF; cursor: pointer;}
#customizer #category div.icon span.thumb { float:left; display: inline; width:288px; height:175px; overflow: hidden; }
#customizer #category div.icon span.header { font-size:10px; float: left; display: inline; height: 13px; padding: 0px; margin: 4px 0px 3px 5px; text-align: left; }

/*#customizer #category a.icon { width: 288px; text-decoration: none; color: #FFFFFF; display: inline; float: left; background:#000000; margin: 1px 1px 0px 0px;}
#customizer #category a.icon:hover {background: #95AB05; cursor: pointer;}
#customizer #category a.icon span.thumb { float:left; display: inline; width:288px; height:175px; overflow: hidden;}
#customizer #category a.icon span.header { font-size:10px; float: left; display: inline; height: 15px; padding: 0px; margin: 2px 0px 3px 5px; text-align: left;}*/
#customizer #category div#blank { margin: 1px 1px 0px 0px; padding:0px; width: 288px; height: 195px; display: inline; float:left; background: #edede7;}

#customizer ul.header { width: 866px; padding: 0px; margin: 5px 0px 0px 0px; text-align: left; display: block; float: left;}
#customizer ul.header li { display: block; float: left; list-style: none;}
#customizer ul.header li.browse { padding: 0px; margin: 0px 0px 0px 7px; width: 158px; height: 30px; background: url(../images/h1_browse.gif);}
#customizer ul.header li.select { padding: 0px; margin: 0px 0px 0px 7px; width: 115px; height: 30px; background: url(../images/h1_select.gif); }
#customizer ul.header li.back {padding: 5px 0px 0px 40px; }
#customizer ul.header li.back a.back { width: 121px; height: 26px; display: block; background: url(../images/button_back_to_categories.gif) no-repeat; }
#customizer ul.header li.back a:hover.back { background-position: 0px -26px; }
#customizer ul.header li span { display: none; }

/******** CONTENT STYLES **********/

/*#customizer ul.header li.back_button { padding: 5px 7px 13px 10px; }
#customizer ul.header li.back_button a.back_model { width: 151px; height: 26px; display: block; background: url(../images/button_select_different_product.gif) no-repeat; float: left; }
#customizer ul.header li.back_button a:hover.back_model { background-position: 0px -26px; }
#customizer ul.header li.back_button a.back_layouts { width: 151px; height: 26px; display: block; background: url(../images/button_select_different_product.gif) no-repeat; float: left; }
#customizer ul.header li.back_button a:hover.back_layouts { background-position: 0px -26px; }
#customizer ul.header li.back_button a.select { width: 151px; height: 26px; display: block; background: url(../images/button_select_different_product.gif) no-repeat; float: left; }
#customizer ul.header li.back_button a:hover.select { background-position: 0px -26px; }
#customizer ul.header li.back_button a.custom { width: 151px; height: 26px; display: block; background: url(../images/button_select_different_product.gif) no-repeat; float: left; }
#customizer ul.header li.back_button a:hover.custom { background-position: 0px -26px; }*/
#customizer ul.header li.back_button a.back_shopping { padding: 0px; width: 160px; height: 34px; margin-left: 10px; display: block; background: url(../images/button_back_to_shopping.gif) no-repeat; float: left; }
#customizer ul.header li.back_button a:hover.back_shopping { background-position: 0px -34px; }

#customizer ul.header li.select_button a.select { width: 138px; height: 34px; float: left; display: block; background: url(../images/button_select_options.gif); }
#customizer ul.header li.select_button a:hover.select { background-position: 0px -34px; }
#customizer ul.header li.begin_button a.begin { width: 177px; height: 34px; display: block; background: url(../images/button_begin_customization.gif) no-repeat; }
#customizer ul.header li.begin_button a:hover.begin { background-position: 0px -34px;}
#customizer ul.header li.layouts_button a.select { width: 138px; height: 34px; display: block; background: url(../images/button_select_layouts.gif) no-repeat; }
#customizer ul.header li.layouts_button a:hover.select { background-position: 0px -34px; }

#customizer ul.header li.save_button { float: right; padding: 0px 5px;}
#customizer ul.header li.save_button a.save { width: 144px; height: 34px; background: url(../images/button_save_your_creation.gif); float: left; display: block;}
#customizer ul.header li.save_button a.save:hover { background-position: 0px -34px; }
#customizer ul.header li.fastsave_button { float: right; padding: 0px 5px;}
#customizer ul.header li.fastsave_button a.fastsave { width: 212px; height: 34px; background: url(../images/button_save_and_proceed_white.gif); float: left; display: block;}
#customizer ul.header li.fastsave_button a.fastsave:hover { background-position: 0px -34px; }
#customizer ul.header li.view_cart { float: right; padding: 0px 5px;}
#customizer ul.header li.view_cart a.cart { width: 108px; height: 34px; background: url(../images/button_view_cart.gif); float: left; display: block;}
#customizer ul.header li.view_cart a.cart:hover { background-position: 0px -34px;  }

#customizer ul.header li.exit_customizer { float: right; padding: 0px 5px;}
#customizer ul.header li.exit_customizer a.exit { width: 162px; height: 34px; background: url(../images/exit_customizer.gif); float: left; display: block;}

#customizer ul.header li.begin_checkout_button { float: right; padding: 5px 15px 0px 5px;}
#customizer ul.header li.begin_checkout_button a.checkout { width: 148px; height: 34px; background: url(../images/button_begin_checkout.gif); float: left; display: block;}
#customizer ul.header li.begin_checkout_button a.checkout:hover { background-position: 0px -34px; }
#customizer ul.header li.print_button { float: right; padding: 5px 5px;}
#customizer ul.header li.print_button a.print { width: 110px; height: 34px; background: url(../images/button_print_page.gif); float: left; display: block;}
#customizer ul.header li.print_button a.print:hover { background-position: 0px -34px; }

#customizer ul.nav_tabs { padding: 0px; margin: 0px; float: left; display: block; float: left; width: 866px;}
#customizer ul.nav_tabs li { padding: 0px; margin: 0px 1px 0px 0px; float: left; display: block;}
#customizer ul.nav_tabs li.model_info a.on  { background: url(../images/model_info_on.gif); display: block; width: 95px; height: 30px; float: left;}
#customizer ul.nav_tabs li.model_info a.off  { background: url(../images/model_info_off.gif); display: block; width: 95px; height: 30px; float: left;}

#customizer ul.nav_tabs li.step_01 a.on  { background: url(../images/step_01_new_on.gif); display: block; width: 152px; height: 30px; }
#customizer ul.nav_tabs li.step_01 span.on  { background: url(../images/step_01_new_on.gif); display: block; width: 152px; height: 30px; }
#customizer ul.nav_tabs li.step_01 a.off  { background: url(../images/step_01_new_off.gif); display: block; width: 152px; height: 30px; }

#customizer ul.nav_tabs li.step_02 a.on  { background: url(../images/step_02_new_on.gif); display: block; width: 141px; height: 30px; }
#customizer ul.nav_tabs li.step_02 a.off  { background: url(../images/step_02_new_off.gif); display: block; width: 141px; height: 30px; }
#customizer ul.nav_tabs li.step_02 span.on  { background: url(../images/step_02_new_on.gif); display: block; width: 141px; height: 30px; }
#customizer ul.nav_tabs li.step_02 span.off  { background: url(../images/step_02_new_off.gif); display: block; width: 141px; height: 30px; }


#customizer ul.nav_tabs li.step_03 a.on  { background: url(../images/step_03_new_on.gif); display: block; width: 177px; height: 30px; }
#customizer ul.nav_tabs li.step_03 a.off  { background: url(../images/step_03_new_off.gif); display: block; width: 177px; height: 30px; }
#customizer ul.nav_tabs li.step_03 span.on  { background: url(../images/step_03_new_on.gif); display: block; width: 177px; height: 30px; }
#customizer ul.nav_tabs li.step_03 span.off  { background: url(../images/step_03_new_off.gif); display: block; width: 177px; height: 30px; }

#customizer ul.nav_tabs li.step_next a.on  { background: url(../images/button_next_step_new.gif); display: block; width: 107px; height: 30px; background-position: 0px -31px; }
#customizer ul.nav_tabs li.step_next span.off  { background: url(../images/button_next_step_new.gif); display: block; width: 107px; height: 30px; }

#customizer ul.nav_tabs li.save a.on  { background: url(../images/save_on.gif); display: block; width: 55px; height: 30px; }
#customizer ul.nav_tabs li.save a.off  { background: url(../images/save_off.gif); display: block; width: 55px; height: 30px; }

#customizer ul.nav_tabs li.step_save a.on { background: url(../images/save_creation_to_cart.gif); display: block; width: 200px; height: 30px; }
#customizer ul.nav_tabs li.step_save a.on:hover { background: url(../images/save_creation_to_cart.gif); display: block; width: 200px; height: 30px; background-position: 0px -30px; }
#customizer ul.nav_tabs li.step_save span.on  { background: url(../images/save_creation_to_cart_on.gif); display: block; width: 200px; height: 30px; }
#customizer ul.nav_tabs li.step_save span.off  { background: url(../images/save_creation_to_cart_off.gif); display: block; width: 200px; height: 30px;}

#customizer ul.nav_tabs li form, #customizer ul.nav_tabs li input {display: none; }
#customizer ul.nav_tabs li span {display: none; }

#customizer #content_save { width: 866px; background: #FFFFFF; padding: 10px 0px 10px 0px; float: left; display: inline; margin: 0px; /*min-height: 459px;*/}

#customizer #content { width: 866px; background: #252525; padding: 10px 0px 10px 0px; float: left; display: inline; margin: 0px; /*min-height: 459px;*/}
#customizer #content.save { height: 320px; }
#customizer #content.fivepx { padding-bottom: 5px; }
#customizer #content #model_pic {width: 565px; padding: 0px; margin: 0px 0px 5px 15px; float: left; display: inline; overflow: hidden;}
#customizer #content #model_pic #model_pic_image { float: left; display: inline; padding: 0px; margin: 0px; width: 565px; height: 400px; overflow: hidden;}
#customizer #content #model_pic ul.photos { font-size: 10px; padding: 0px 0px 10px 0px; margin: 0px; color: #c7c7c1; float: left; display: inline;}
#customizer #content #model_pic ul.photos li { padding: 0px; margin: 0px 1px 0px 0px; width: 19px; text-align: center; float: left; display: block;}
#customizer #content #model_pic ul.photos li a { color: #c7c7c1; font-size: 10px; border: 1px solid #252525; display: block; text-decoration: underline;}
#customizer #content #model_pic ul.photos li a:hover  { color: #FFFFFF; text-decoration: none; border: 1px solid #c7c7c1; width: 17px !important; width: 19px; float: left; padding: 0px; margin: 0px; text-decoration: none;}
#customizer #content #model_pic ul.photos li a.on { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#customizer #content #model_pic ul.photos li a.off {}
#customizer #content #model_pic ul.photos li.title { padding: 4px 0px 0px 10px; width: auto; }

#customizer #content #model_desc {width: 256px; padding: 0px; margin: 0px 0px 0px 15px; float: left; display: inline;}
#customizer #content #model_desc h3 { width: 256px; height: 30px; display: block; float: left; margin: 20px 0px 0px 0px; padding: 0px;}
#customizer #content #model_desc h3 span {display: none; }
#customizer #content #model_desc h3.description { background: url(../images/h3_description.gif) no-repeat; }
#customizer #content #model_desc h3.customization { background: url(../images/h3_customization.gif) no-repeat; }
#customizer #content #model_desc p { color: #edede7; font-size: 10px; line-height: 13px; margin: 0px 0px 10px 0px; text-align: left; float: left;}
#customizer #content #model_desc p.button { margin: 5px 0px 10px 5px; border: none; background: none;}
#customizer #content #model_desc a.customize { width: 129px; height: 15px; display: block; background: url(../images/customize_off.gif); }
#customizer #content #model_desc a:hover.customize { background: url(../images/customize_on.gif); }
#customizer #content #model_desc a.customize span {display: none; }

#customizer #content #model_desc ul.model_title { padding: 0px 0px 10px 4px; float: left; display: block; margin: 0px; }
#customizer #content #model_desc ul.model_title li { list-style: none; }
#customizer #content #model_desc ul.model_title li.name {font-size: 13px; color: #FFFFFF; float: left; display: block; padding: 0px 8px 0px 0px; text-align: left;}
#customizer #content #model_desc ul.model_title li.specs { border-left: 1px solid #c7c7c1; float: left; padding: 0px 0px 0px 8px; margin: 1px 0px 0px 0px; }
#customizer #content #model_desc ul.model_title li.specs a { color: #c7c7c1; padding: 0px; margin: 0px; line-height: 8px; text-decoration: underline;}
#customizer #content #model_desc ul.model_title li.specs a:hover { color: #FFFFFF; }

#customizer #content #selected ul.model_title { display: block; margin:0; width:450px}
#customizer #content #selected ul.model_title li { list-style: none; }
#customizer #content #selected ul.model_title li.name {font-size: 13px; color: #FFFFFF; float: left; display: block; padding: 20px 0px 0px 45px;}
#customizer #content #selected ul.model_title li.arrow { color:#FFFFFF; text-align:left; font-size:10px; padding-left:45px;padding-bottom:15px; float:left; display: block; background:url(../images/sm_green_arrow.gif) 30px 2px no-repeat;  }

/********* LAYOUT STYLES **********/
#customizer #content #instructions {font-family: Lucida Grande, Verdana, sans-serif; color:#c7c7c1; min-height: 30px; text-align:left; margin:0px 20px; font-size:13px;}
#customizer #content #selected { width: 866px; /*width: 700px;*/ min-height: 120px; float: left; display: inline; margin: 10px 0px; padding: 0px; /*background: #00FF99;*/}
/*#customizer #content #selected.save { height: 155px; }*/
* html #customizer #content #selected { height: 120px; } /* for Internet Explorer */
#customizer #content #selected h3.layouts { width: 823px; height: 24px; float: left; display: inline; padding: 0px; margin: 0px 0px 0px 20px; background:url(../images/h_selected_layouts.gif); }
#customizer #content #selected h3.options { width: 823px; height: 24px; float: left; display: inline; padding: 0px; margin: 0px 0px 0px 20px; background:url(../images/h_selected_options.gif); }
#customizer #content #selected h3.mods { width: 823px; height: 24px; float: left; display: inline; padding: 0px; margin: 0px 0px 0px 20px; background:url(../images/h_mods.gif); }
#customizer #content #selected h3.save { width: 823px; height: 24px; float: left; display: inline; padding: 0px; margin: 0px 0px 0px 20px; background:url(../images/h_save.gif); }
#customizer #content #selected h3 span { display: none; }

#customizer #content #selected #selected_layouts { display: inline; float: left; width: 350px; padding: 0px; margin: 0px 0px 0px 28px; /*background: #0033CC;*/}
#customizer #content #selected #selected_layouts.save { margin: 0px 0px 0px 28px; width: 390px; }
/*#customizer #content #selected #selected_items.options { margin: 0px 0px 0px 17px; }*/
/*#customizer #content #selected #selected_items.layouts { margin: 0px 0px 0px 28px; }*/
#customizer #content #selected #selected_layouts ul { color: #c7c7c1; font-size: 10px; padding: 0px; margin: 5px 0px 0px 0px; float: left; text-align: left; display: inline; clear: left;}
#customizer #content #selected #selected_layouts ul li { padding: 0px; margin: 0px; float: left; display: inline;}
#customizer #content #selected #selected_layouts ul li a { font-size: 10px; padding: 0px; margin: -2px 0px 0px 0px; float: left; display: block; text-decoration: underline;}
#customizer #content #selected #selected_layouts ul li.desc { width: 188px;  }
#customizer #content #selected #selected_layouts ul li.price { width: 40px; text-align: right; margin: 0px 7px 0px 0px; color: #FFFFFF; }
#customizer #content #selected #selected_layouts ul li.details { padding: 0px 6px;  text-align: center; background:url(../images/vert_line.gif) left center no-repeat; }
#customizer #content #selected #selected_layouts ul li.details a { color: #c7c7c1;}
#customizer #content #selected #selected_layouts ul li.details a:hover { color: #FFFFFF;}
#customizer #content #selected #selected_layouts ul li.remove { padding: 0px 6px; text-align: center; background:url(../images/vert_line.gif) left center no-repeat;}
#customizer #content #selected #selected_layouts ul li.remove a { color: #FF0000;}
#customizer #content #selected #selected_layouts ul li.remove a:hover { color: #FFFFFF}
#customizer #content #selected #selected_layouts ul li.change { padding: 0px 6px; text-align: center; background:url(../images/vert_line.gif) left center no-repeat;}
#customizer #content #selected #selected_layouts ul li.change a { color: #bdd904;}
#customizer #content #selected #selected_layouts ul li.change a:hover { color: #FFFFFF}

#customizer #content #selected #selected_options { display: inline; float: left; width: 400px; padding: 0px; margin: 0px 0px 0px 13px; /*background: #0033CC;*/}
#customizer #content #selected #selected_options.save { margin: 0px 0px 0px 11px;}
#customizer #content #selected #selected_options ul { color: #c7c7c1; font-size: 10px; padding: 0px; margin: 5px 0px 0px 0px; float: left; text-align: left; display: inline; clear: left;}
#customizer #content #selected #selected_options ul li { padding: 0px; margin: 0px; float: left; display: inline;}
#customizer #content #selected #selected_options ul li.options { width: 95px; font-weight: bold; margin: 0px 0px 0px 15px;}
#customizer #content #selected #selected_options ul li.option { width: 180px; text-align: left;}
#customizer #content #selected #selected_options ul li.no_detail { padding: 0px 6px; color:#252525; font-weight: bold; }
#customizer #content #selected #selected_options ul li.change { padding: 0px 6px; text-align: center; background:url(../images/vert_line.gif) left center no-repeat;}
#customizer #content #selected #selected_options ul li.change a { color: #bdd904;}
#customizer #content #selected #selected_options ul li.change a:hover { color: #FFFFFF}
#customizer #content #selected #selected_options ul li.select { padding: 0px 6px; text-align: center;}
#customizer #content #selected #selected_options ul li.select a { color: #bdd904;}
#customizer #content #selected #selected_options ul li.select a:hover { color: #FFFFFF}
#customizer #content #selected #selected_options ul li.option_details { padding: 0px 6px;  text-align: center; }
#customizer #content #selected #selected_options ul li.option_details a { color: #c7c7c1;}
#customizer #content #selected #selected_options ul li.option_details a:hover { color: #FFFFFF;}

#customizer #content #selected #selected_options ul.current { color: #FFFFFF; background:url(../images/sm_green_arrow.gif) top left no-repeat; }
#customizer #content #selected #selected_options ul.unselected { color: #FF0000; }

#customizer #content #selected #selected_options form { padding: 0px; margin: 0px; }

/******************** Modifications Styles *******************************/
#customizer #content #modifications {width: auto; min-height: 180px;}
#customizer #content #modifications #mod_title {width: 210px; height: 0px; float: left; display: inline; padding: 0px; margin: 0px 0px 0px 245px; background:url(../images/modification_title.gif);}
#customizer #content #modifications #divider {width: 770px; height: 24px; display: block; padding: 0px; margin: 10px 0px 10px 20px; background:url(../images/h_mods.gif); color:#FFFFFF; font-size:14px; text-align:left; font-weight:bold}
#customizer #content #modifications #mod_notes {width:300px; float: right; /*display: inline;*/ margin: 0px 0px; padding: 0px; color:#FFFFFF; text-align:left; background-color:#666666}
#customizer #content #modifications #mod_list {width:auto; min-height:400px; margin: 20px 20px;}
#customizer #content #modifications #mod_list #mod_option {width:auto; padding-top: 10px;}
#customizer #content #modifications #mod_list table {font-family:Lucida Grande Bold; color:#FFFFFF; font-size:12px;}
#customizer #content #modifications #mod_list #mod_option span.menu {float: left;  width: 300px;  text-align: left; margin:-20px 10px 0 200px;}
#customizer #content #modifications #mod_list table tr td a.details {font-family: Lucida Grande, Verdana, sans-serif; color:#c7c7c1; font-size:11px;}
#customizer #content #modifications #mod_list table tr td select {width:175px; font-family: Lucida Grande, Verdana, sans-serif; color:#51514e; font-size:11px;}
#customizer #content #modifications #mod_list table tr td span.label {font-family: Lucida Grande, Verdana, sans-serif; color:#aeaea7; font-size:11px; font-weight:bold;}
#customizer #content #modifications #mod_list table tr td span.note {font-family: Lucida Grande, Verdana, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold;}
#customizer #content #modifications #mod_list table tr td span.noteBody {font-family: Lucida Grande, Verdana, sans-serif; color:#c7c7c1; font-size:11px;}
/************************************************************************/

#message { float: left; display: inline; visibility: visible; /*width: 470px;*/ margin: 0px 0px 0px 10px;}
#message.save {margin: 0px 0px 0px 16px;}
#message ul { float: left; display: inline; margin: 5px 0px 0px 0px; padding: 0px;}
#message ul li { float: left; display: inline; margin: 0px; padding: 0px 0px 0px 28px; color: #000000; min-height: 40px;}
* html #message ul li { height: 40px; } /* for Internet Explorer */
#message ul li span {font-size: 11px; padding: 10px 12px 12px 10px; float: left; display: inline; }
#message ul li.true { background:url(../images/message_green_bullet.gif) no-repeat;}
#message ul li.true span { background:url(../images/message_green_back.gif) no-repeat top right;  }
#message ul li.false { background:url(../images/message_red_bullet.gif) no-repeat;}
#message ul li.false span { background:url(../images/message_red_back.gif) no-repeat top right; }

/*SELECTED OPTION*/

#inner { width: 856px; background: #FFFFFF; float: left; display: inline; text-align: left; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px;}
#inner h2 { font-weight: normal; color: #000; font-size: 18px; margin: 0px; padding: 8px 0px 10px 12px;}
#inner p { font-size: 12px; color: #51514e; padding: 0px 12px; margin: 0px 0px 15px 0px; }

#inner #pages { width: 856px; float: left; display: inline; margin: 10px 0px 18px 0px; text-align: center; font-size: 10px; color: #000000; /*padding: 0px 0px 10px 0px;*/ }
#inner #pages ul { margin: 0px; padding: 0px;}
#inner #pages ul li { display: inline; margin: 0px; padding: 0px;}
#inner #pages ul li a { text-decoration: none; background: #95ab05; color: #FFFFFF; font-weight: bold; padding: 0px 3px 2px 3px;}
#inner #pages ul li a:hover { background: #d9ee4f; }

#inner #pages.options { text-align: left;}
/*#inner #pages.options ul { padding-left: 20px;  }*/
/*#inner #pages ul, #inner #pages ul li { float: none; display: inline;}*/
#inner #pages.options ul { padding: 0px 0px 0px 10px; float: left; display: inline; }
#inner #pages.options ul li { float: left; display: inline; }
#inner #pages.options ul li.numbers { margin: 2px 5px 0px 5px; }
#inner #pages.options ul li.filter {margin: 2px 5px 0px 10px; float: left; color: #000000; font-weight: bold;}
#inner #pages.options ul li.select {padding: 0px 10px 0px 0px; float: left; display: inline;}
#inner #pages.options ul li.select form { padding: 0px; margin: 0px; float: left; }
#inner #pages.options ul li.select select {font-size: 10px; width: 160px; color: #80807a;}

.customizer-instructions {font-size: 14px; font-family: Lucida Grande, Verdana, sans-serif;}

#customizer #content #inner #mini_options { display: inline; float: left; padding: 0px; margin: 0px 0px 0px 2px; /*background: #CC9933;*/}
#customizer #content #inner #mini_options div.box { width: 284px; height: 91px; text-decoration: none; color: #51514e; padding: 0px; margin: 0px; float: left; display: block;}
#customizer #content #inner #mini_options div.box span.inner_box { width: 280px; height: 87px; background:#edede7; float: left; display: inline; padding: 0px; margin: 2px 0px 0px 2px;}
#customizer #content #inner #mini_options div.box span { float: left; display: block; }
#customizer #content #inner #mini_options div.box span.inner_box span.thumb {  width:87px; height:87px; margin: 0px; overflow: hidden;}
#customizer #content #inner #mini_options div.box span.inner_box span.option_title {font-weight: bold; height: 30px; padding: 0px; width: 173px; margin: 5px 0px 0px 10px; font-size: 10px;}

#customizer #content #inner #mini_options div.box span.inner_box span.price { width: 173px; margin: 0px 0px 7px 10px; padding: 0px; font-size: 10px;}
#customizer #content #inner #mini_options div.box span.inner_box span.add_button { margin: 0px 0px 0px 10px; padding: 0px; visibility: hidden;}
#customizer #content #inner #mini_options div.box span.inner_box span.add_button a {width: 82px; height: 20px; float: left; display: block; background: url(../images/button_add_size.gif) no-repeat; }
#customizer #content #inner #mini_options div.box span.inner_box span.add_button a:hover { background-position: 0px -20px; }
#customizer #content #inner #mini_options div.box span.inner_box span.add_button a.option { background: url(../images/button_add_option.gif); }
#customizer #content #inner #mini_options div.box span.inner_box span.add_button a.option:hover { background-position: 0px -20px; }
#customizer #content #inner #mini_options div.box span.inner_box span.add_button a span { display: none; }
#customizer #content #inner #mini_options div.box span.inner_box span.details_button { margin: 0px 0px 0px 5px; padding: 0px; visibility: hidden;}
#customizer #content #inner #mini_options div.box span.inner_box span.details_button a {width: 55px; height: 20px; float: left; display: block; background: url(../images/button_details.gif); }
#customizer #content #inner #mini_options div.box span.inner_box span.details_button a:hover { background-position: 0px -20px; }
#customizer #content #inner #mini_options div.box span.inner_box span.details_button a span { display: none; }

/******** NO LONGER USING THIS

#customizer #content #inner #mini_options div#mini a.box span.pop { display: none; }
#customizer #content #inner #mini_options div#mini a.box:hover span.pop { display: block; position: relative; top: -2px; left: 150px; padding: 3px; width: 339px; background: #252525;}
#customizer #content #inner #mini_options div#mini a.box:hover span.pop span.image { width: 339px; height: 339px; display: block;}
#customizer #content #inner #mini_options div#mini a.box:hover span.pop span.text { width: 339px; display: block; padding: 8px; font-size: 10px; color: #FFFFFF; }
#customizer #content #inner #mini_options div#mini a.box:hover span.pop span.text span.option_title { font-size: 12px; padding: 0px 0px 6px 0px; }
#customizer #content #inner #mini_options div#mini a.box:hover span.pop span.text span.price { padding: 0px 0px 15px 0px; color: #bdd904; }

*********************/

#trailimageid { position: absolute; visibility: hidden; left: 0px; top: 5px; /*width: 349px;*/ z-index: 500; padding: 5px; background: #51514e; /*display: inline;*/ text-align: left;}
/*body > div#trailimageid {*/
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
 /* position: fixed;
}*/
#trailimageid span {font-family: Verdana, Arial, Helvetica, sans-serif; /*display: inline; float: left;*/}
#trailimageid span.image { /*width: 339px; height: 339px;*/ margin: 0px 0px 0px 0px; overflow: hidden; font-size: 11px; color: #FFFFFF;}
#trailimageid span.text { width: 329px; padding: 0px; margin: 10px 0px 10px 10px; font-size: 10px; color: #FFFFFF; display:block;}
#trailimageid span.text span.option_title { font-size: 12px; padding: 0px; margin: 0px; text-transform: capitalize; width: 278px; display:block; }
#trailimageid span.text span.close_button { width: 51px; height: 20px; display:block; margin:10px 0px;}
#trailimageid span.text span.close_button a.close { width: 51px; height: 20px; float: left; display: block; background:url(../images/button_close_gray.gif); }
#trailimageid span.text span.close_button a:hover.close { background-position: 0px -20px; }
#trailimageid span.text span.close_button a span { display: none; }
#trailimageid span.text span.price { padding: 0px; color: #bdd904; width: 329px; }
#trailimageid span.text span.desc { padding: 0px; margin: 10px 0px 0px 0px; color: #c7c7c1; width: 329px; display:block}

#pass_pop { position:absolute; width: 372px;/**/ height: 212px; padding: 0px; margin: 0px; display: block; background:#252525; visibility: hidden; }
#pass_pop span.inner { width: 362px; height: 202px; margin: 5px 0px 0px 5px; padding: 0px; display: block; float: left; background: #FFFFFF; }
#pass_pop span.inner ul { display: block; padding: 50px 0px 0px 93px; margin: 0px; float: left; }
#pass_pop span.inner ul li { display: block; padding: 0px; margin: 0px; text-align: left; color: #51514e; float: left; clear: left;}
#pass_pop span.inner ul li.info {font-size: 11px; margin: 0px; padding: 0px 0px 0px 0px; font-weight: bold;}
#pass_pop span.inner ul li.title {font-size: 11px; margin:0px; padding: 5px 0px 0px 0px;}
#pass_pop span.inner ul li.email_button {  height: 20px; padding-right: 5px; }
#pass_pop span.inner ul li.email_button a { float: left; display: block; width: 98px; height: 20px; background: url(../images/button_email.gif); }
#pass_pop span.inner ul li.email_button a:hover { background: url(../images/button_email_over.gif); }
#pass_pop span.inner ul li.email_button span { display: none; }
#pass_pop span.inner ul li.close_button {  height: 20px; clear: none; }
#pass_pop span.inner ul li.close_button a { float: left; display: block; width: 51px; height: 20px; background: url(../images/button_close_white.gif); }
#pass_pop span.inner ul li.close_button a:hover { background-position: 0px -20px; }
#pass_pop span.inner ul li.close_button span { display: none; }
#pass_pop span.inner ul li.input {padding: 2px 0px 10px 0px;}
#pass_pop span.inner ul li.input input {font-size: 10px; margin: 0px; padding: 0px; height: 17px; background: #faf9e7;}

/******** SAVE ***********/

#customizer #content #ihave { width: 409px; float: left; display: inline; background: #51514e; margin: 10px 16px 0px 16px; padding: 0px; min-height:200px;}
#customizer #content #ihave h2 { color: #FFFFFF; font-size: 16px; padding: 0px; margin: 10px 0px 10px 15px; float: left; display: block; width: 300px; height: 20px; text-align:left;}
#customizer #content #ihave ul {float: left; display: block; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 15px; }
#customizer #content #ihave ul li {float: left; clear: left; display: block; padding: 0px; margin: 0px; height: 20px; }
#customizer #content #ihave ul li.title {color: #FFFFFF; font-size: 10px; height: 13px; margin: 2px 0px 0px 0px;}
#customizer #content #ihave ul li.save_button {  height: 34px; }
#customizer #content #ihave ul li.save_button a.save_proceed { float: left; display: block; width: 212px; height: 34px; background: url(../images/button_save_and_proceed_gray.gif); }
#customizer #content #ihave ul li.save_button a:hover.save_proceed { background-position: 0px -34px; }
#customizer #content #ihave ul li.save_button span { display: none; }
#customizer #content #ihave ul li.email_pass { height: 45px; }
#customizer #content #ihave ul li.email_pass a { color: #CCCCCC; font-size: 9px; text-decoration: underline; float: left; display: block;}
#customizer #content #ihave ul li.email_pass a:hover { color: #FFFFFF; }
#customizer #content #ihave ul li input {font-size: 10px; margin: 0px; padding: 0px; height: 17px; background: #faf9e7;}
#customizer #content #ihave form { padding: 0px; margin: 0px; }

#customizer #content #idont { width: 409px; float: left; background: #51514e; margin: 10px 0px 0px 0px; padding: 0px; display: block; min-height:200px;}
#customizer #content #idont h2 { color: #FFFFFF; font-size: 16px; margin: 10px 0px 10px 15px; padding: 0px; float: left; display: block; width: 300px; height: 20px; text-align:left;}
#customizer #content #idont ul {float: left; display: block; padding: 0px; margin: 0px 0px 0px 15px; }
#customizer #content #idont ul.right { margin-left: 30px; }
#customizer #content #idont ul.save_button { clear: left; margin-top: 15px; padding-bottom: 15px;}
#customizer #content #idont ul li {float: left; display: block; clear: left; margin: 0px; padding: 0px; }
#customizer #content #idont ul li.title {color: #FFFFFF; font-size: 10px; height: 13px; margin: 2px 0px 0px 0px;}
#customizer #content #idont ul li input {font-size: 10px;  margin: 0px; padding: 0px; height: 17px; background: #faf9e7;}
#customizer #content #idont ul li.save_button { height: 34px; }
#customizer #content #idont ul li.save_button a.save_proceed { float: left; display: block; width: 212px; height: 34px; background: url(../images/button_save_and_proceed_gray.gif); border: 0px;}
#customizer #content #idont ul li.save_button a:hover.save_proceed { background-position: 0px -34px;}
#customizer #content #idont ul li.save_button span { display: none; }
#customizer #content #idont form { padding: 0px; margin: 0px; }

/************************************************************************
********************* VIESSO SHOPPING CART CSS STYLES *******************
************************************************************************/

#customizer #content_save {text-align:left;}
/*#customizer #content_save ul.cart_header { float: left; display: inline; margin: 0px; padding: 0px; width: 866px; height: 28px; }*/
#customizer ul.cart_header li.creation_summary_title { width: 187px; height: 23px; background:url(../images/title_creation_summary.gif) no-repeat; margin: 16px 0px 5px 18px;}
#customizer ul.cart_header li.creation_summary_title span { display: none; }

#customizer #content_save ul.cart_header li { float: left; display: inline; padding: 0px; margin: 0px; }
#customizer #content_save ul.cart_header li.cart_image { width: 216px; height: 28px; background:url(../images/title_items.gif) no-repeat; margin: 0px 0px 5px 33px;}
#customizer #content_save ul.cart_header li.cart_image span { display: none; }
#customizer #content_save .login {width:100%; margin: 5px 0px 0px 50px;text-align:left; }
#customizer #content_save .login #textbox { float:left;font-family: Lucida Grande, Verdana, sans-serif; padding:2px; border:0; width:250px; height:21px; font-size:xx-small; margin:0 1px 0 0;  background-color:#C0C0C0; }
#customizer #content_save .login #go_button { background-image:url(../images/button_go.gif); width:26px; height:26px; margin:0px 0px 0px 2px;vertical-align:bottom; }

#customizer ul.cart_header { float: left; display: inline; margin: 0px; padding: 0px; width: 866px; height: 28px; }
#customizer ul.cart_header li { float: left; display: inline; padding: 0px; margin: 0px; }
#customizer ul.cart_header li.title { float: left; display: inline; padding: 0px; margin: 10px 30px; font-size: 16px;}
#customizer ul.cart_header li.cart_image { width: 216px; height: 28px; background:url(../images/title_items.gif) no-repeat; margin: 0px 0px 5px 33px;}
#customizer ul.cart_header li.cart_image span { display: none; }
#customizer ul.cart_header li.cart_total { float: right; font-size: 14px; color: #252525; margin: 9px 28px 0px 0px; }
#customizer ul.cart_header li.cart_total_bottom { float: right; font-size: 14px; color: #252525; margin: 5px 28px 0px 0px; }

#customizer #content_cart { width: 833px; float: left; display: inline; text-align: left; min-height: 200px; margin: 10px 0px 5px 0px; }
* html #customizer #content_cart { height: 370px; } /* for Internet Explorer */
#customizer #content_cart a {font-family: Lucida Grande, Verdana, Arial; }
#customizer #content_cart div.cart_item { width: 831px !important; width: 833px; float: left; display: inline; background: #fafaf8; border: 1px solid #c7c7c1; margin:  5px 0px 5px 17px; }

#customizer #content_cart div.cart_item div.item_header { float: left; dispaly: inline; margin: 0px; padding: 0px; width: 831px; height: 40px;}
#customizer #content_cart div.cart_item div.item_header ul {float: left; dispaly: inline; background: #edede7; margin: 0px; padding: 0px; width: 831px; height: 40px; color: #51514e; }
#customizer #content_cart div.cart_item div.item_header ul.incomplete { background: #EE3740; color: #FFFFFF; }
#customizer #content_cart div.cart_item div.item_header ul li { float: left; display: inline; padding: 0px; margin: 0px; }
#customizer #content_cart div.cart_item div.item_header ul li.item_number { font-weight: bold; font-size: 14px; margin: 11px 15px 0px 15px; /*width: 152px;*/}
#customizer #content_cart div.cart_item div.item_header ul li.item_remove { float: left; display: inline; margin: 10px 0px 0px 0px;}
#customizer #content_cart div.cart_item div.item_header ul li.item_remove a.remove_cart { float: left; display: inline; width: 123px; height: 20px; background:url(../images/button_remove_from_cart_gray.gif) no-repeat;}
#customizer #content_cart div.cart_item div.item_header ul li.item_remove a.remove_cart:hover { background-position: 0px -20px;}
#customizer #content_cart div.cart_item div.item_header ul.incomplete li.item_remove a.remove_cart { background:url(../images/button_remove_from_cart_red.gif) no-repeat;}
#customizer #content_cart div.cart_item div.item_header ul.incomplete li.item_remove a.remove_cart:hover {background-position: 0px -20px;}
#customizer #content_cart div.cart_item div.item_header ul li.item_remove a.remove_cart span { display: none; }
#customizer #content_cart div.cart_item div.item_header ul li.item_total { float: right; font-weight: bold; font-size: 12px;  margin: 12px 12px 0px 0px;} 

#customizer #content_cart div.cart_item div.item_layout { float: left; display: inline; margin: 10px 0px 0px 65px;  }
#customizer #content_cart div.cart_item div.item_layout ul.item_layout_title { float: left; display: inline; margin: 0px; padding: 0px; border-bottom: 1px solid #cfcfce; width: 656px; }
#customizer #content_cart div.cart_item div.item_layout ul.item_layout_title li { float: left; display: inline; padding: 0px 0px 2px 0px; margin: 0px; font-weight: bold; font-size: 12px;}
#customizer #content_cart div.cart_item div.item_layout ul.item_layout_title li.qty { margin-left: 20px; width: 85px;}
#customizer #content_cart div.cart_item div.item_layout ul.item_layout_title li.layouts { width: 250px;}
#customizer #content_cart div.cart_item div.item_layout ul.item_layout_title li.price { font-size: 11px; color: #000000;}

#customizer #content_cart div.cart_item div.item_layout ul { float: left; display: inline; margin: 0px; padding: 0px; border-bottom: 1px dotted #cfcfce; width: 656px; }
*html #customizer #content_cart div.cart_item div.item_layout ul { float: left; display: inline; margin: 0px; padding: 0px; border-bottom: none; width: 656px; background: url(../images/ie_dot.gif) repeat-x bottom; }
#customizer #content_cart div.cart_item div.item_layout ul li { float: left; display: inline; padding: 3px 0px; margin: 0px; }
#customizer #content_cart div.cart_item div.item_layout ul li a { font-size: 11px;  }
#customizer #content_cart div.cart_item div.item_layout ul li a:hover { text-decoration: underline; }
#customizer #content_cart div.cart_item div.item_layout ul li.qty_box { margin-left: 20px; width: 85px; }
#customizer #content_cart div.cart_item div.item_layout ul li.qty_box input { border: 1px solid #bcbcb6; width: 25px; font-size: 11px; }
#customizer #content_cart div.cart_item div.item_layout ul li.name { width: 250px; color: #51514e; margin-top: 2px; font-size: 11px;}
#customizer #content_cart div.cart_item div.item_layout ul li.price { width: 145px; color: #51514e; margin-top: 2px; font-size: 11px;}
#customizer #content_cart div.cart_item div.item_layout ul li.details { margin-top: 0px; }
#customizer #content_cart div.cart_item div.item_layout ul li.details a { color: #51514e; }
#customizer #content_cart div.cart_item div.item_layout ul li.change { margin: 0px 4px; background:url(../images/vert_line.gif) left center no-repeat; padding-left: 5px; }
#customizer #content_cart div.cart_item div.item_layout ul li.remove { margin-top: 0px; background:url(../images/vert_line.gif) left center no-repeat; padding-left: 5px;}
#customizer #content_cart div.cart_item div.item_layout ul li.remove a { color: #ff0000; }
#customizer #content_cart div.cart_item div.item_layout ul.last { border: none; }

#customizer #content_cart div.cart_item div.item_layout ul.update { float: left; display: inline; margin: 0px; padding: 0px; width: 656px; border: none; }
#customizer #content_cart div.cart_item div.item_layout ul.update li.update { float: left; display: inline; padding: 0px; margin: 0px 0px 0px 20px; }
#customizer #content_cart div.cart_item div.item_layout ul.update li.update a { font-size: 11px; }

#customizer #content_cart div.cart_item div.item_option { float: left; display: inline; margin: 10px 0px 10px 150px; }
#customizer #content_cart div.cart_item div.item_option ul.item_option_title { float: left; display: inline; margin: 0px; padding: 0px; border-bottom: 1px solid #cfcfce; width: 572px; }
#customizer #content_cart div.cart_item div.item_option ul.item_option_title li { float: left; display: inline; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 20px; font-weight: bold; font-size: 12px; color: #000000;}
#customizer #content_cart div.cart_item div.item_option ul { float: left; display: inline; margin: 0px; padding: 0px; border-bottom: 1px dotted #cfcfce; width: 572px; }
*html #customizer #content_cart div.cart_item div.item_option ul { float: left; display: inline; margin: 0px; padding: 0px; border-bottom: none; width: 572px; background: url(../images/ie_dot.gif) repeat-x bottom; }
#customizer #content_cart div.cart_item div.item_option ul li { float: left; display: inline; padding: 3px 0px 3px 0px; margin: 0px; color: #51514e; }
#customizer #content_cart div.cart_item div.item_option ul li.option { margin: 2px 0px 0px 20px; width: 80px; font-weight: bold; font-size: 11px; }
#customizer #content_cart div.cart_item div.item_option ul li.option_none { margin: 2px 0px 0px 20px; width: 80px; font-weight: bold; color: #FF0000; }
#customizer #content_cart div.cart_item div.item_option ul li.name { width: 315px; color: #51514e; margin-top: 2px; font-size: 11px;}
#customizer #content_cart div.cart_item div.item_option ul li.name_none { width: 315px; color: #FF0000; margin-top: 2px;}
#customizer #content_cart div.cart_item div.item_option ul li.details { margin-top: 0px; font-size: 11px; }
#customizer #content_cart div.cart_item div.item_option ul li.details a { color: #51514e; }
#customizer #content_cart div.cart_item div.item_option ul li.select { margin-top: 0px; }
#customizer #content_cart div.cart_item div.item_option ul li.select a { color: #FF0000; }
#customizer #content_cart div.cart_item div.item_option ul li.change { margin: 0px 4px; background:url(../images/vert_line.gif) left center no-repeat; padding-left: 5px; font-size: 11px; }
#customizer #content_cart div.cart_item div.item_option ul.last { border: none; }
#customizer #content_cart div.cart_item div.item_option ul li.no_mods_selected { margin: 2px 0px 0px 20px; width: 434px; font-size: 11px;}
#customizer #content_cart div.cart_item div.item_option ul li.no_mods_selected a { color:#51514E; }