*{margin: 0; padding: 0;}

body {margin: 0; font-size:12px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color:#363636;  text-decoration: none; background: url(img/cannon/gradient_bg.jpg) repeat-x #000000;}

p {line-height: 1.5em; padding: 0 0 10px 0;}

a:link {color: #363636; text-decoration: none;}
a:visited {color: #363636; text-decoration: none;}
a:hover {color: #363636; text-decoration: none;}
a:active {color: #363636; text-decoration: none;}

.l_float {float: left;}
.r_float {float: right;}

img {border: 0;}

/* ----------------Alsett clearing method ------------------------------------------- */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%}
.clearfix {display: block;}

/* --------------- Site Specific Layout --------------------------------------------- */

#water_image_bg {background: url(img/cannon/waves_bg.jpg) no-repeat center 95px;}

#site_container {width: 960px; margin: 0 auto 0 auto;}

#header {height: 95px;}

#header_left {float: left; width: 206px; padding: 40px 0 0 0;}

#header_right {float: left; width: 754px;}

#search_row {padding: 20px 0 0 0; color: #ffc423;}
	#search_row a:link{color: #ffffff;}
	#search_row a:visited{color: #ffffff;}
	#search_row a:hover{color: #ffc423;}
	#search_row a:active{color: #ffffff;}
	
#search_container {float: right; background: #ffffff; padding: 1px 0 1px 3px; margin-top: 1px; width: 138px;}
	#search_container input#search_box{float: left; color: #524340; font-size: 10px; border: none; background: none; width: 119px; padding: 1px 0 0 0;}
	#search_container a{float: right;}

#search_input {float: right; width: 150px;}
	#search_input input{border: 1px solid #b18550; width: 140px; font-size: 11px; color: #363636; padding: 1px 0 1px 2px;}

#shopping_links {float: right; font-size: 11px; padding: 2px 5px 0 0;}

#enewsletter_signup {float: right; font-size: 11px; padding: 2px 10px 3px 25px; background: url(img/cannon/enewsletter_icon.gif) no-repeat 0 2px;}

#main_nav {color: #ffffff; text-transform: uppercase; font-size: 11px; padding: 15px 0 0 0;}
	#main_nav a{display: block; padding: 5px 15px 5px 15px; color: #ffffff}
	#main_nav a:hover{background: #ffc423; color: #524340;}
	#main_nav ul{list-style-type: none;}
	#main_nav li{float: right; position: relative;}
	#main_nav li ul{display: none;}
	#main_nav li:hover ul{display: block;}
	#main_nav li ul{position: absolute; border: 1px solid #ffc423; background: #ffffff; width: 150px; padding: 0 0 5px 0;}
	#main_nav li ul#submenu_products{width: 250px;}
	#main_nav li ul#submenu_technology{width: 180px;}
	#main_nav li ul li{float: none;}
	#main_nav li ul li a{color: #000000; display: block;}
	
#menu_page_wrapper {background: url(img/cannon/menu_bg.gif) repeat-y; min-height: 500px;}

#left_menu {float: left; width: 207px; margin: 0 10px 0 0;}

#sort_title {padding: 0 0 0 20px;}

#menu_title {padding: 10px 0 10px 10px;}

#category_title {font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 25px 0 5px 20px;}

#category_items {padding: 0 2px 25px 2px; font-size: 11px;}
	#category_items ul{list-style-type: none;}

ul.cat_lvl_1_list {}
	ul.cat_lvl_1_list li.cat_lvl_1_item a{display: block; padding: 5px 0 5px 18px;}
	ul.cat_lvl_1_list li.cat_lvl_1_item a:hover{background: #d4d0cf;}
	
ul.cat_lvl_2_list {padding: 0 0 10px 25px;}
	ul.cat_lvl_2_list li.cat_lvl_2_item{background: url(img/cannon/menu_list_icon.gif) no-repeat 0 11px; padding: 5px 0 5px 10px;}
	ul.cat_lvl_2_list li.cat_lvl_2_item a{display: block; padding: 0;}
	ul.cat_lvl_2_list li.cat_lvl_2_item a:hover{font-weight: bold; background: none;}
	
ul.cat_lvl_3_list {border-left: 1px solid #ffc423; margin-left: 2px;}
	ul.cat_lvl_3_list li.cat_lvl_3_item {background: url(img/cannon/menu_list_line.gif) no-repeat 0 8px; padding: 2px 0 2px 10px;}
	ul.cat_lvl_3_list li.cat_lvl_3_item a:hover{text-decoration: underline;}
	
ul.cat_lvl_4_list {margin: 5px 0 5px 10px; border-left: 1px solid #ffc423;}
	ul.cat_lvl_4_list li.cat_lvl_4_item{background: url(img/cannon/menu_list_line.gif) no-repeat 0 8px; padding: 2px 0 2px 10px;}
	ul.cat_lvl_4_list li.cat_lvl_4_item a:hover{text-decoration: underline;}

	
#menu_page_right {float: left; width: 743px;}

#families_title {padding: 0 0 15px 15px;}

#families_content {padding: 2px 0 20px 4px;}

#breadcrumbs {padding: 0 0 10px 15px; color: #707180; font-size: 11px; color: #000000;}
	#breadcrumbs a:link{color: #524340;}
	#breadcrumbs a:visited{color: #524340;}
	#breadcrumbs a:hover{color: #524340; text-decoration: underline;}
	#breadcrumbs a:active{color: #524340;}
	
#breadcrumbs_detail {padding: 0 0 10px 7px; color: #707180; font-size: 11px; color: #000000;}
	#breadcrumbs_detail a:link{color: #524340;}
	#breadcrumbs_detail a:visited{color: #524340;}
	#breadcrumbs_detail a:hover{color: #524340; text-decoration: underline;}
	#breadcrumbs_detail a:active{color: #524340;}
	
.families_row {padding: 0 0 10px 15px;}

.families_item {float: left; width: 225px; border: 1px solid #d4d0cf; padding: 0 1px 2px 1px; margin-right: 10px; overflow: hidden;}
	.families_item h3{font-size: 12px; font-weight: bold; color: #524340; border-bottom: 2px solid #ffc423; padding: 10px 10px 10px 10px; min-height: 32px;}
	.families_item table{padding: 2px 0 0 0;}
	
#category_content {padding: 0 3px 0 3px;}
	
.paging_row {background: #d4d0cf; color: #000000; height: 19px; font-size: 11px; padding: 5px 10px 0 15px;}
	.paging_row a:link{color: #524340;}
	.paging_row a:visited{color: #524340;}
	.paging_row a:hover{color: #000000; text-decoration: underline;}
	.paging_row a:active{color: #524340;}

.num_results {float: left; width: 160px;}

.sort_title {float: left; padding: 5px 5px 0 0;}

.sort_list {float: left; width: 155px; padding: 3px 0 0 0;}
	.sort_list select{width: 120px;}
	
.display_title {float: left; padding: 5px 5px 0 0;}

.display_list {float: left; padding: 3px 0 0 0;}
	.display_list select{width: 50px;}
	
.results_pagination {float: right;}

.results_view_all {float: right;}

.page_active {font-size: 14px; font-weight: bold;}

.listing_row {margin: 10px 0 10px 17px;}

.listing_item {float: left; width: 224px; background: #ffffff; margin: 0 10px 0 0; border: 1px solid #d4d0cf; padding: 1px;}
	.listing_item h3{font-size: 12px; font-weight: bold; background: url(img/cannon/listing_header_bg.gif) repeat-y; color: #524340; padding: 5px 0 5px 5px;} 

.listing_info_icon {float: left;}

.listing_image {padding: 3px 0 4px 0;}

#detail_page_wrapper {background: #ffffff; min-height: 500px; padding: 0 0 0 13px;}

.listing_price {text-align: right; font-size: 14px; padding: 0 10px 10px 0;}

#detail_page_left {float: left; width: 533px; padding: 0 7px 0 7px; margin: 0 0px 0 0;}

#detail_image_group {border: 1px solid #d4d0cf; background: url(img/image_detail_bg.gif) repeat-y; margin-bottom: 8px;}

#detail_image_single {border: 1px solid #d4d0cf; margin-bottom: 8px;}

#detail_image_left {float: left; width: 90px; height: 361px; padding: 0 8px 0 0;}

#detiail_image_content {overflow: auto; width: 100%; height: 100%;}

.additional_det_image {text-align: center; padding: 5px 0 5px 0;}
	.additional_det_image img{border: 1px solid #de9f27;}
	
#detail_image_right {float: left; width: 433px;}

#enlarge_image {text-align: right; padding: 2px 10px 9px 0;}

.detail_group {background: #ffffff; margin-bottom: 8px; border: 1px solid #d4d0cf;}

.detail_header {background: #d4d0cf; font-size: 12px; text-transform: uppercase; font-weight: bold; height: 21px; padding: 5px 0 0 10px; margin: 1px;}

.detail_row {padding: 0 0 0 10px; border-bottom: 1px solid #d8d8d8;}

.accessories_item {float: left; width: 250px; padding: 0 10px 0 0;}

.accessory_checkbox {float: left; width: 15px; padding: 30px 0 0 0;}

.accesory_image {float: left; width: 100px; padding: 0 5px 0 0;}

.accessory_details {float: left; width: 130px; padding: 5px 0 0 0;}
	.accessory_details h5{font-size: 12px; font-weight: bold;}
	.accessory_details p{font-size: 11px;}
	
#accesory_add_cart {padding: 5px 10px 5px 0; text-align: right;}

.related_item {float: left; width: 250px; padding: 0 10px 0 0;}

.related_image {float: left; width: 100px; padding: 0 5px 0 0;}

.related_details {float: left; width: 145px; padding: 5px 0 0 0;}
	.related_details h5{font-size: 12px; font-weight: bold;}
	.related_details p{font-size: 11px;}
	
#detail_page_right {float: left; width: 368px; padding: 0 0 0 12px;}

#detail_desc_group {border: 1px solid #d4d0cf;}

#detail_title_row {margin: 1px; background: url(img/cannon/pd_title_bg.gif) repeat-y; padding: 5px;}
	#detail_title_row h1{float: left; width: 250px; font-size: 22px; font-weight: normal;}
	#detail_title_row p{float: right; width: 100px;}
	
#prod_detail_content {padding: 10px;}

#atc_price_row {padding: 10px 0 10px 0;}
	#atc_price_row p{float: left; font-size: 18px; padding: 10px 0 0 0;}
	#atc_price_row input{float: right;}

#family_title {font-size: 11px; font-weight: bold;}

#family_list {padding: 0 0 10px 0;}
	#family_list select{width: 100%; color: #363636;}
	
#detail_desc {}
	#detail_desc p{line-height: 1.5em; font-size: 11px;}
	
#detail_price_atc_row {padding: 0 0 10px 0;}

#detail_price_column {float: left; padding: 0 15px 0 0;}

#map_price {font-size: 12px; text-decoration: line-through;}

#detail_atc_column {float: left;}
	
#detail_price {font-size: 18px;}

#learn_more_row {padding: 10px 0 10px 8px;}

#learn_more_title {background: #d4d0cf; padding: 3px 0 3px 8px; text-transform: uppercase;}

.learn_more_item {float: left; padding: 0 10px 0 0; width: 83px;}
	.learn_more_item img {float: left; width: 25px;}
	.learn_more_item p{float: left; font-size: 10px; padding: 0 0 0 5px; width: 53px;}
	
#detail_addtnl_info {border: 1px solid #d4d0cf; margin: 10px 0 10px 0;}


#addtnl_info_tabs {height: 23px; overflow: hidden; font-size: 11px; text-transform: uppercase; border-bottom: 1px solid #524340; margin: 1px 0 0 1px;cursor: pointer;}
	#addtnl_info_tabs a{display: block; height: 19px; padding: 4px 0 0 0;}
	#addtnl_info_tabs ul{list-style-type: none;}
	#addtnl_info_tabs li{float: left; width: 95px; margin-right: 1px; text-align: center;}
	
a.tab_on {background: #524340; color: #ffffff;}
	
a.tab_off {background: #d4d0cf;}
	a.tab_off:hover {color: #ffffff;}

#addntl_info_content {padding: 20px; font-size: 11px;}
	#addntl_info_content ul{list-style-type: none;}
	#addntl_info_content li{background: url(/img/cannon/desc_li_icon.gif) no-repeat 0 5px; padding: 0 0 5px 10px}
	#addntl_info_content h2 span#title{display: none;}
	#addntl_info_content h3{font-size: 12px; font-weight: bold; padding: 0 0 5px 0; text-transform: uppercase;}
	#addntl_info_content h3{font-size: 12px; font-weight: bold; padding: 0 0 5px 0; text-transform: uppercase;}
	#addntl_info_content h4{font-size: 11px; font-weight: bold; padding: 0 0 5px 0;}
	#addntl_info_content table tr th{border-bottom:1px solid #DCDADA; font-size:100%; font-weight:bold; padding:5px 10px 5px 0; text-align:left;vertical-align:top;}
	#addntl_info_content tr td{border-bottom:1px solid #DCDADA; padding:5px 0;}
	#addntl_info_content tr td ul{list-style-type: none;}

#footer {font-size: 11px; color: #ffffff;}
	#footer a:link{color: #ffffff;}
	#footer a:visited{color: #ffffff;}
	#footer a:active{color: #ffffff;}
	#footer a:hover{color: #ffffff; text-decoration: underline;}
	

#footer_links {text-align: right; padding: 20px 0 5px 0; margin-bottom: 15px;}
	#footer_links p{display: inline; padding: 0;}
	#footer_links p#f_copyright{float: left; color: #999999;}
	#footer_links p#f_links{float: right;}

#jo_logo {float: left;}

#footer_middle {float: left; padding: 0 0 0 170px;}

.portal_item {float: left; padding: 0 5px 0 0;}

#lower_footer_links {text-align: center; padding: 5px 0 0 0;}

#footer_right {float: right;}

#detail_accessory_image {text-align: center;}

.use_column {float: left; width: 250px; padding: 10px 10px 10px 0; font-size: 11px;}
	.use_column ul{list-style-type: none;}
	
#listing_content {padding: 0 2px 0 2px;}

#category_image {padding: 0 0 2px 0;}

.view_all {font-size: 11px; margin-left: 10px; cursor: pointer; text-decoration: underline; font-weight: normal; text-transform: none;}

.accessories_item {float: left; width: 250px; padding: 0 10px 0 0;}

.accessory_checkbox {float: left; width: 18px; padding: 30px 0 0 0;}

.accessory_image {float: left; width: 100px; padding: 0 5px 0 0;}

.acessory_details {float: left; width: 127px; padding: 5px 0 0 0;}
	.acessory_details h5{font-size: 12px; font-weight: bold;}
	.acessory_details p{font-size: 11px;}
	
#accesory_add_cart {padding: 5px 0 5px 380px;}

.video_group {background: #ffffff; margin-bottom: 8px;}

.video_header {background: url(img/section_header_bg.gif) repeat-x; font-size: 12px; text-transform: uppercase; font-weight: bold; height: 21px; padding: 5px 0 0 10px;} 

.prod_video {text-align: center;}

#full_page_content {background: #ffffff; padding: 10px 20px 20px 20px; min-height: 500px;}

#cart_promo_row {padding: 0 0 20px 0;}

#cart_promo_text {float: left; font-size: 11px; padding: 3px 10px 0 10px;}

#promo_input {float: left; padding: 0 5px 0 0;}
	#promo_input input{border: 1px solid #000000; width: 200px; padding: 3px 0 3px 5px;}

#promo_submit {float: left;}

#cart_items_container {border: 1px solid #d4d0cf; padding: 1px; margin-bottom: 10px;}

#cart_header {background: #d4d0cf; font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 0;}

#ch_desc {float: left; width: 300px; padding: 0 0 0 210px;}

#ch_each {float: left; width: 150px;}

#ch_qty {float: left; width: 100px;}

#ch_total {float: right; padding: 0 10px 0 0;}

.cart_item {padding: 5px 10px 5px 10px; border-bottom: 1px solid #eaeaea;}

.cart_item_title {font-weight: bold;}
	.cart_item_title a:hover{text-decoration: underline;}
	.cart_item_title ul{font-size: 11px;}
	
.cart_remove {}
	.cart_remove a{text-decoration: underline;}
	.cart_remove a:hover{text-decoration: none;}
	
.cart_part_num {font-size: 10px;}

.cart_avail {font-size: 10px;}

.qty_box {}
	.qty_box input{border: 1px solid #000000; padding: 2px 0 2px 2px;}
	
#cart_update {background: #d4d0cf; padding: 5px 0 5px 475px; margin: 0 0 10px 0;}

#cart_update_text {float: left; padding: 3px 10px 0 0; font-size: 11px;}

#cart_summary {border: 1px solid #d4d0cf; margin-left: 500px;}

#cart_summary_header {background: #d4d0cf; font-weight: bold; text-transform: uppercase; padding: 5px 0 5px 10px;}

#cs_content {padding: 10px;}

#cs_subtotal_row {padding: 0 0 20px 0;}

#subtotal_title {float: left; font-weight: bold;}

#subtotal_price {float: right; font-weight: bold; font-size: 18px;}

#checkout_b {text-align: right;}

#cont_shopping {padding: 5px 0 10px 500px;}

#cart_text {border-top: 1px solid #d4d0cf; padding: 15px 0 0 10px;}

#credit_cards {padding: 20px 0 0 0;}

.error_message {background: #ffd3a0; padding: 5px; text-align: center; color: #e15400; font-weight: bold; border: 1px solid #ff8841;}