/* COMMON */
body,html{
margin: 0;
background-color: #FFFFFF;
text-align: center;
font-size: 12px;
font-family: arial,verdana,tahoma;
}
#body_table{
margin-left: auto;
margin-right: auto;
background: url('/images/common/columns_bg.gif');
text-align: left;
}
a{
outline: none;
}
.bold{
font-weight: bold;
}
.centered{
text-align: center;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
}
.nomargin{
margin: 0;
padding: 0;
}
img{
border: none;
}
.nobullet{
list-style: none;
}

/* PAGE */
td.page{
padding: 10px;
border: 3px solid #ff9000;
background-color: #FFFFFF;
}

/* CRUMBTRAIL */
#crumbtrail{
padding-bottom: 6px;
}
#crumbtrail a{
color: #000000;
font-size: 10px;
}

/* H1 */
h1,h2{
margin: 0;
padding: 0;
height: 25px;
background-image: url('/images/common/h1.gif');
background-repeat: no-repeat;
background-position: center top;
color: #000000;
font-size: 14px;
font-weight: bold;
text-align: center;
}
h1 span, h2 span{
display: block;
padding-top: 4px;
}
.product_thumb_header_group{
margin-top: 5px;
}

/* ASSOCIATED PRODUCTS */
#product_group_desc{
margin: 0;
padding: 0;
height: 25px;
background-image: url('/images/common/h1.gif');
background-repeat: no-repeat;
background-position: center top;
font-size: 14px;
font-weight: bold;
text-align: center;	
}

/* PRODUCT STRIP */
#product_strip{
width: 589px;
height: 255px;
margin-top: 4px;
margin-bottom: 4px;
background: url('/images/common/product_strip_bg2.jpg') no-repeat #3b3b3b;
}
.product_strip_top{
text-align: center;
font-weight: bold;
color: #FFFFFF;
}
.product_strip_top span{
display: block;
padding-top: 4px;
padding-bottom: 4px;
}
#product_strip .product{
display: inline;
float: left;
width: 170px;
margin-top: 4px;
margin-left: 19px;
}
#product_strip a{
display: block;
color: #000000;
font-weight: bold;
font-size: 10px;
text-decoration: none;
cursor: pointer;
}
#product_strip a.product_image{
height: 160px;
border: 1px solid #000000;
background-position: center center;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
#product_strip .details{
margin-top: 3px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #000000;
background-color: #FFFFFF;
text-align: center;
}
#product_strip a.product_name{
text-decoration: underline;
}
#product_strip a.product_price{
color: #ff0000;
}

/* BANNER */
#banner{
width: 984px;
height: 149px;
margin-top: 10px;
margin-left: 3px;
background-image: url('/images/common/banner_bg.jpg');
background-repeat: no-repeat;
}
#banner a.logo{
display: table-cell;
float: left;
width: 190px;
height: 130px;
margin-left: 10px;
color: #000000;
font-weight: bold;
text-decoration: none;
text-indent: 4px;
}
#banner a.logo span{
display: block;
padding-top: 5px;
}

/* NAV_BANNER */
#nav_banner{
display: table-cell;
float: right;
width: 500px;
margin-top: 5px;
margin-right: 12px;
text-align: right;
}
#nav_banner a{
padding-left: 3px;
padding-right: 3px;
color: #000000;
font-weight: bold;
}

/* FOOTER */
#footer{
width: 974px;
height: 138px;
margin-top: 8px;
margin-left: 8px;
background-image: url('/images/common/footer_bg.jpg');
background-repeat: no-repeat;
}

/* UPPER CONTENT */
.uppercontent{
color: #525155;
}
.uppercontent a{
color: #000000;
}

/* LOWER CONTENT */
.lowercontent{
color: #525155;
}
.lowercontent a{
color: #000000;
}

/* NAV_LEFT */
#nav_left{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}
.nav_left_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
.nav_left_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
.nav_left_middle{
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
.nav_left_bottom{
border-bottom: 1px solid #ff9000;
}
a.nav_left_lvl1{
display: block;
margin-top: 6px;
margin-bottom: 6px;
font-weight: bold;
color: #000000;
}
a.nav_left_lvl1 span{
display: block;
padding-left: 9px;
padding-right: 9px;
}
a.nav_left_lvl2{
display: block;
margin-top: 6px;
margin-bottom: 6px;
color: #6d6d6d;
}
a.nav_left_lvl2 span{
display: block;
padding-left: 14px;
padding-right: 5px;
}

/* NAV_HELP */
#nav_help{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}
.nav_help_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
.nav_help_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
.nav_help_middle{
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
.nav_help_bottom{
border-bottom: 1px solid #ff9000;
}
a.nav_help_lvl1{
display: block;
margin-top: 6px;
margin-bottom: 6px;
font-weight: bold;
color: #000000;
}
a.nav_help_lvl1 span{
display: block;
padding-left: 9px;
padding-right: 9px;
}

/* NAV_EXTRA - USED TO SHOW LINKS TO BRANDS (SHOP BY BRAND) */
/* SAFETY */
#nav_extra,
#safety{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}
.nav_extra_top,
.safety_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
.nav_extra_top span,
.safety_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
.nav_extra_middle,
.safety_middle{
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
.nav_extra_bottom,
.safety_bottom{
border-bottom: 1px solid #ff9000;
}
a.nav_extra_lvl1{
display: block;
margin-top: 6px;
margin-bottom: 6px;
background-repeat: no-repeat;
background-position: center top;
font-weight: bold;
color: #000000;
}
a.nav_extra_lvl1 span{
display: block;
display: none;
padding-left: 9px;
padding-right: 9px;
}
#nav_extra a.kenwood{
height: 33px;
background-image: url('/images/common/nav_extra_kenwood.gif');
}
#nav_extra a.pioneer{
height: 33px;
background-image: url('/images/common/nav_extra_pioneer.jpg');
}
#nav_extra a.alpine{
height: 38px;
background-image: url('/images/common/nav_extra_alpine.gif');
}
#nav_extra a.jvc{
height: 77px;
background-image: url('/images/common/nav_extra_jvc.gif');
}
#nav_extra a.sony{
height: 43px;
background-image: url('/images/common/nav_extra_sony.gif');
}

/* SAFETY */
#safety{
margin-top: 0;
text-align: center;
}

/* NEW PRODUCTS */
#nav_new_product{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}
.nav_new_product_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
.nav_new_product_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
.nav_new_product_middle{
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
.nav_new_product_bottom{
border-bottom: 1px solid #ff9000;
}
#nav_new_product a{
display: block;
margin-top: 6px;
margin-bottom: 6px;
background-repeat: no-repeat;
background-position: center top;
font-weight: bold;
color: #000000;
}
#nav_new_product a span{
display: block;
padding-left: 9px;
padding-right: 9px;
}


/* SEARCHBOX */
#searchbox{
width: 169px;
margin-left: 8px;
margin-right: 8px;
}
#searchbox .searchbox_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
#searchbox .searchbox_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
#searchbox .searchbox_middle{
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
#searchbox .searchbox_bottom{
border-bottom: 1px solid #ff9000;
}
#searchbox form{
margin: 0;
padding: 0;
}

/* BASKETBOX */
#basketbox{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}
#basketbox .basketbox_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
#basketbox .basketbox_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
#basketbox .basketbox_middle{
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
background-image: url('/images/common/basketbox_bg.gif');
background-repeat: repeat-x;
background-position: center bottom;
}
#basketbox .basketbox_bottom{
border-bottom: 1px solid #ff9000;
}
#basketbox form{
margin: 0;
padding: 0;
}
#basketbox .basketbox_items,
#basketbox .basketbox_value{
display: table-cell;
float: left;
margin-top: 3px;
padding-left: 3px;
padding-right: 3px;
color: #000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#basketbox .basketbox_value{
float: right;
}
#basketbox .basketbox_checkout{
clear: both;
display: block;
margin-top: 8px;
margin-bottom: 4px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

/* NAV_RIGHT */
#nav_right{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}

/* NAV_RECENT */
#nav_recent{
width: 169px;
margin-top: 5px;
margin-left: 8px;
margin-right: 8px;
}
.nav_recent_top{
height: 25px;
background-image: url('/images/common/nav_all_top.gif');
background-repeat: no-repeat;
}
.nav_recent_top span{
display: block;
padding-top: 6px;
font-weight: bold;
text-align: center;
}
.nav_recent_middle{
padding: 3px;
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
.nav_recent_bottom{
border-bottom: 1px solid #ff9000;
}
#nav_recent a{
display: block;
margin-top: 5px;
color: #000000;
font-weight: bold;
font-size: 10px;
text-decoration: none;
text-align: center;
}
#nav_recent a .product_name{
display: block;
padding: 3px;
text-decoration: underline;
border-top: 2px solid #b3b3b3;
border-left: 2px solid #b3b3b3;
}
#nav_recent a .product_image{
padding-top: 6px;
padding-bottom: 6px;
display: block;
}
#nav_recent a .product_image img{
max-width: 160px;
}
#nav_recent a .product_price{
display: block;
padding: 3px;
border-bottom: 2px solid #b3b3b3;
border-right: 2px solid #b3b3b3;
color: #ff0000;
}
#nav_recent a:hover .product_name{
border-top: 2px solid #000000;
border-left: 2px solid #000000;
}
#nav_recent a:hover .product_price{
border-bottom: 2px solid #000000;
border-right: 2px solid #000000;
}

/* PRODUCT_FEATURED */
#product_featured{
width: 169px;
margin-top: 2px;
margin-left: 8px;
margin-right: 8px;
background: #FFFFFF;
}
.product_featured_top{
height: 82px;
background: url('/images/common/featured_products.png') no-repeat left top;
}
.product_featured_top span{
}
.product_featured_middle{
}
.product_featured_bottom{
}
#product_featured .product{
text-align: center;
}
#product_featured a{
display: block;
color: #000000;
font-weight: bold;
text-decoration: none;
}
#product_featured a span{
display: block;
}
#product_featured a.product_name{
height: 38px;
color: #000000;
font-size: 11px;
}
#product_featured a.product_name span{
display: table-cell;
width: 169px;
height: 38px;
padding-left: 5px;
padding-right: 5px;
text-decoration: underline;
vertical-align: middle;
}
#product_featured a.product_image{
height: 160px;
}
#product_featured a.product_image span{
display: table-cell;
width: 169px;
height: 160px;
vertical-align: middle;
}
#product_featured a.product_price{
color: #ed1c24;
font-size: 18px;
text-transform: uppercase;
}
#product_featured a:hover .product_name{
}
#product_featured a:hover .product_price{
}
/* SCROLLING HORIZONTAL */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 169px;
	height: 256px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.item {
	float:left;
	width: 169px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* SCROLLABLE HORIZONTAL : BUTTONS */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {	
	display:block;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* CUSTOMISATIONS */
.scrollable a.browse{
z-index: 10000;
position: absolute;
bottom: 0;
margin: 0;
width: 85px;
height: 27px;
background: url('/images/common/featured_products.png');
}
.scrollable a.left{
left: 0;
background-position: left bottom;
}
.scrollable a.right{
width: 84px;
right: 0;
background-position: right bottom;
}


/* SUBSECTIONS */
.subsections{
}
.subsections .subsection_inner{
display: inline;
float: left;
width: 188px;
margin-left: 2px;
border: 2px solid #b5b5b5;
text-align: center;
}
.subsections .subsection{
margin-top: 16px;
}
.subsections .subsection a{
display: block;
color: #000000;
text-decoration: none;
}
.subsections a.subsection_image{
height: 124px;
margin-top: 2px;
}
.subsections a.subsection_name{
height: 22px;
border-top: 1px solid #b5b5b5;
background: url('/images/common/subsection_name.gif') repeat-x;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
}
.subsections a.subsection_name span{
display: block;
padding-top: 4px;
}

/* PRODUCT THUMBNAILS */
#product_thumb_orderable{
margin-top: 12px;
}
#product_thumb_orderable .product,
#product_thumb_orderable_bestsellers .product{
zoom: 100%;
position: relative;
display: block;
width: 192px;
font-size: 10px;
text-align: center;
cursor: pointer;
}
#product_thumb_orderable .product_top,
#product_thumb_orderable_bestsellers .product_top{
height: 10px;
background-image: url('/images/common/product_top.gif');
background-repeat: no-repeat;
}
#product_thumb_orderable .product_middle,
#product_thumb_orderable_bestsellers .product_middle{
background-image: url('/images/common/product_middle.gif');
background-repeat: repeat-y;
}
#product_thumb_orderable .product_bottom,
#product_thumb_orderable_bestsellers .product_bottom{
height: 30px;
background-image: url('/images/common/product_bottom.gif');
background-repeat: no-repeat;
background-position: left bottom;
}
#product_thumb_orderable a,
#product_thumb_orderable_bestsellers a{
color: #000000;
text-decoration: none;
}
#product_thumb_orderable .product_name,
#product_thumb_orderable_bestsellers .product_name{
display: block;
height: 24px;
font-weight: bold;
text-decoration: underline;
}
#product_thumb_orderable .product_image,
#product_thumb_orderable_bestsellers .product_image{
display: block;	
height: 140px;	
margin-top: 12px;
margin-bottom: 12px;
}
#product_thumb_orderable .product_image img,
#product_thumb_orderable_bestsellers .product_image img{
}
#product_thumb_orderable .product_price,
#product_thumb_orderable_bestsellers .product_price{
display: block;
margin-top: 4px;
color: #ff0000;
font-weight: bold;
}
#product_thumb_orderable .product_description,
#product_thumb_orderable_bestsellers .product_description{
display: block;
height: 34px;
margin-top: 4px;
padding: 5px;
}
#product_thumb_orderable .product_moreinfo,
#product_thumb_orderable_bestsellers .product_moreinfo{
display: table-cell;
float: left;
width: 92px;
margin-top: 10px;
}
#product_thumb_orderable .product_order_button,
#product_thumb_orderable_bestsellers .product_order_button{
z-index: 10;
display: table-cell;
float: left;
width: 92px;
margin-top: 10px;
margin-left: 4px;
}
#product_thumb_orderable .product_order_button form,
#product_thumb_orderable_bestsellers .product_order_button form{
margin: 0;
padding: 0;
}
#product_thumb_orderable .product_order_button input,
#product_thumb_orderable_bestsellers .product_order_button input{
width: 92px;
margin: 0;
padding: 0;
border: 1px solid #000000;
border: none;
background: none;
font-size: 10px;
font-family: arial,verdana,tahoma;
font-weight: bold;
cursor: pointer;
}

/* PRODUCT THUMB ORDERABLE */
/* OFFERS */
a.ishop_offer{
width: 100%;
height: 22px;
background-image: url('/images/common/offer_star.gif');
background-repeat: no-repeat;
background-position: right center;
background-color: #ff9000;
color: #000000;
font-weight: bold;
}
a.ishop_offer span{
display: block;
padding-top: 4px;
}
div.ishop_offer{
width: 100%;
margin: 0;
margin-left: 2px;
background-color: #ffff00;
font-weight: bold;
}
#offerdetails fieldset{
margin-top: 12px;
margin-bottom: 12px;
padding: 12px;
border: 1px solid #000000;
}
#offerdetails legend{
margin-bottom: 6px;
color: #000000;
font-weight: bold;
}
#offerdetails a{
color: #5b5a5f;
}

#product_thumb_img_name_price .product_row{
width: 589px;
height: 255px;
margin-top: 4px;
margin-bottom: 4px;
background-image: url('/images/common/product_strip_bg2.jpg');
background-repeat: no-repeat;
}
#product_thumb_img_name_price .product{
position: relative;
display: inline;
float: left;
width: 170px;
margin-top: 18px;
margin-left: 18px;
color: #000000;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
#product_thumb_img_name_price .product .product_offer{
position: absolute;
left: -1px;
top: -7px;
width: 170px;
}
#product_thumb_img_name_price .product a.product_image{
position: relative;
display: inline;
float: left;
width: 170px;
height: 160px;
border: 1px solid #000000;
background-position: center center;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
#product_thumb_img_name_price .product a.product_name{
display: inline;
float: left;
width: 170px;
margin: 0;
padding: 0;
margin-top: 3px;
padding-top: 5px;
border: 1px solid #000000;
border-bottom: none;
background-color: #FFFFFF;
color: #000000;
text-decoration: underline;
text-align: center;
}
#product_thumb_img_name_price .product a.product_price{
display: inline;
float: left;
width: 170px;
margin: 0;
padding: 0;
padding-bottom: 5px;
border: 1px solid #000000;
border-top: none;
background-color: #FFFFFF;
color: #FF0000;
text-align: center;
}

/* ORDER BUTTON */
.order_button{
width: 139px;
height: 49px;
background-image: url('/images/common/order_button.gif');
background-repeat: no-repeat;
border: 1px solid red;
border: none;
font-size: 14px;
font-weight: bold;
text-align: center;
cursor: pointer;
}

/* HOMEPAGE */
.homepage_intro{
background-image: url('/images/common/homepage_intro.gif');
background-position: center bottom;
background-repeat: no-repeat;
color: #5b5a5f;
}
.homepage_intro p{
padding: 12px;
padding-top: 5px;
text-align: justify;
}
#homepage_featured{
display: table-cell;
float: left;
width: 315px;
border: 2px solid #515055;
}
.homepage_featured_top{
height: 23px;
background-image: url('/images/common/homepage_featured_top.gif');
background-position: center center;
background-repeat: no-repeat;
background-color: #515055;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
.homepage_featured_top span{
display: block;
padding-top: 3px;
}
.homepage_featured_middle{
padding: 4px;
padding-top: 0;
}
#homepage_featured a{
display: block;
text-align: center;
color: #000000;
text-decoration: none;
}
#homepage_featured a .product_name{
display: block;
color: #000000;
font-weight: bold;
text-decoration: underline;
}
#homepage_featured a img{
clear: both;
margin-top: 6px;
}
#homepage_featured a .product_description{
display: block;
}
#homepage_featured a .product_price{
display: block;
color: red;
}

/* HOMEPAGE PRODUCT STRIP */
#homepage_product_strip{
display: table-cell;
float: right;
width: 267px;
border: 2px solid #515055;
}
#homepage_product_strip .product_strip_middle{
padding: 4px;
}
#homepage_product_strip a{
clear: both;
display: block;
margin-top: 3px;
border-bottom: 1px dashed #515055;
color: #000000;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#homepage_product_strip a img{
float: left;
width: 60px;
margin-right: 4px;
}
#homepage_product_strip a .product_name{
display: block;
text-decoration: none;
}
#homepage_product_strip a .product_price{
display: block;
color: #ff0000;
font-size: 10px;
}

/* GALLERY */
#gallery{
float: left;
width: 100%;
margin-top: 6px;
margin-bottom: 12px;
text-align: center;
}
.gallery_thumbs{
margin-top: 20px;
}
.gallery_thumbs a{
text-decoration: none;
}
