html, body{
width: 100%;
margin: 0;
background-image: url('/images/common/site_bg_default.gif');
background-position: left top;
background-repeat: repeat-x;
color: #363636;
font-size: 12px;
font-family: arial, tahoma, helvetica;
}
a{
outline: none;
cursor: pointer;
}
img{
border: none;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
font-size: 0pt;
}

/* SITE */
#site{
margin: auto;
}

/* PAGE */
#page{
display: inline;
float: right;
width: 558px;
margin-top: 20px;
margin-right: 18px;
}
.page_inner{
}

/* CRUMBTRAIL */
#crumbtrail{
color: #8f8f8f;
}
#crumbtrail a{
color: #8f8f8f;
text-decoration: none;
}
#crumbtrail a.selected{
color: #363636;
}
#crumbtrail a.selected span{
text-decoration: underline;
}

/* H1 */
h1{
height: auto;
margin: 0;
padding: 0;
margin-top: 8px;
color: #4d8ed0;
font-size: 30px;
font-weight: normal;
text-align: left;
}

/* PROMOTIONS */
#promotions_default{
text-align: center;
}

/* COLUMNS */
#columns{
clear: both;
}

/* COLUMN_LEFT */
#column_left{
display: inline;
float: left;
width: 164px;
margin-top: 102px;
}

/* COLUMN_RIGHT */
#column_right{
display: inline;
float: right;
width: 230px;
}

/* UPPER_CONTENT */
/* LOWER_CONTENT */
#upper_content,
#lower_content{
margin-top: 12px;
color: #363636;
line-height: 22px;
}
#upper_content{
}
#upper_content a,
#lower_content a{
color: #363636;
}

/* BANNER */
#banner{
clear: both;
}
#banner .logo{
position: relative;
display: inline;
float: left;
width: 180px;
height: 20px;	
}
#banner .logo a{
position: absolute;
left: -7px;
top: 0;
display: inline;
float: left;
width: 180px;
height: 145px;
background-image: url('/images/common/logo_default.gif');
}

/* FOOTER */
#footer{
clear: both;
width: 100%;
height: 144px;
border-top: 28px solid #FFFFFF;
}
.footer_stretch{
position: absolute;
right: 0;
width: 200%;
height: 144px;
background-image: url('/images/common/footer_bg2010.gif');
background-repeat: repeat-x;
background-position: left bottom;
border-bottom: 10px solid #4d8ed0;
}
.footer_inner{
position: absolute;
width: 990px;
margin: auto;
}
.footer_inner .footer_logos{
height: 85px;
background-image: url('/images/common/footer_logos.gif');
background-repeat: no-repeat;
background-position: center top;
}
.footer_inner .footer_details{
height: 59px;
background-color: #4d8ed0;
}
.footer_inner .footer_details .address,
.footer_inner .footer_details .telephone{
display: inline;
float: left;
margin-top: 15px;
margin-left: 15px;
color: #FFFFFF;
}
.footer_inner .footer_details .telephone{
float: right;
margin-right: 15px;
font-weight: bold;
text-align: right;
}

/* DESIGNED BY */
.designed_by{
display: inline;
float: right;
margin-top: 6px;
padding-left: 10px;
color: #FFFFFF;
}

/* NAV_TOP */
#nav_top{
display: inline;
float: left;
width: 573px;
height: 34px;
margin-top: 10px;
}
#nav_top .nav_block{
position: relative;
display: inline;
float: left;
width: 143px;
height: 32px;
}
#nav_top .nav_block a.nav_top_lvl1{
display: inline;
float: left;
width: 100%;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}
#nav_top .nav_block a.nav_top_lvl1 span{
display: inline;
float: left;
width: 100%;
padding-top: 6px;
}
#nav_top .nav_block a.nav_top_lvl1:hover{
text-decoration: underline;
}
#nav_top .nav_block_selected{
background-image: url('/images/common/nav_top_default_selected.gif');
background-repeat: no-repeat;
}
#nav_top .nav_block_selected a.nav_top_lvl1:hover{
text-decoration: none;
}
#nav_top .nav_block_subs{
display: none;
}
.nav_block_subs{
z-index: 10;
position: absolute;
left: 0;
top: 32px;	
width: 143px;
padding-top: 10px;
padding-bottom: 20px;
background-image: url('/images/common/nav_top_lvl2_block.gif');
background-repeat: no-repeat;
background-position: left bottom;
background-color: #363636;
}
.nav_block_subs a{
display: inline;
float: left;
width: 123px;
margin-top: 8px;
margin-left: 12px;
color: #e7e7e7;
}
.nav_block_subs a:hover{
color: #FFFFFF;
}

/* SEARCHBOX */
#searchbox{
display: inline;
float: right;
width: 230px;
margin-top: 16px;
}
.searchbox_top{
display: none;
}
.searchbox_string{
width: 172px;
height: 16px;
border: 1px solid #FFFFFF;
color: #8f8f8f;
}
.searchbox_submit{
width: 50px;
border: 1px solid red;
border: none;
background-color: red;
background: none;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: right;
text-transform: lowercase;
cursor: pointer;
}

/* BASKETBOX */
#basketbox{
display: inline;
float: right;
width: 230px;
height: 80px;
margin-top: 12px;
background-image: url('/images/common/basketbox.gif');
background-color: #707070;
}
.basketbox_top{
display: none;
}
.basketbox_middle{
margin-top: 36px;
text-align: left;
}
#basketbox a{
text-decoration: none;
}
.basketbox_checkout{
display: inline;
float: right;
width: 33px;
height: 42px;
border: 1px solid red;
border: none;
background-color: red;
background: none;
color: #363636;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
line-height: 44px;
cursor: pointer;
}
.basketbox_items,
.basketbox_value{
padding-left: 8px;
padding-right: 8px;
color: #FFFFFF;
font-size: 20px;
line-height: 40px;
}

/* NAV_LEFT */
/* NAV_EXTRA (DEPT. BRANDS) */
/* NAV_ALLBRANDS */
#nav_left,
#nav_extra,
#nav_allbrands{
}
.nav_left_lvl1,
.nav_extra_top,
.nav_allbrands_top{
display: block;
margin-top: 18px;
border-top: 9px solid #4d8ed0;
background-color: #eeeeee;
color: #363636;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.nav_left_lvl1 span,
.nav_extra_lvl1 span{
}
.nav_left_lvl2,
.nav_extra_lvl1,
.nav_allbrands_lvl1{
display: block;
border-top: 2px solid #FFFFFF;
background-color: #FFFFFF;
background-color: #eeeeee;
color: #363636;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.nav_left_lvl2 span,
.nav_extra_lvl1 span,
.nav_allbrands_lvl1 span{
display: block;
padding-left: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
.nav_left_lvl2:hover,
.nav_left_lvl2_selected,
.nav_extra_lvl1:hover,
.nav_extra_lvl1_selected,
.nav_allbrands_lvl1:hover,
.nav_allbrands_lvl1_selected{
background-color: #FFFFFF;
}
a.nav_boys_2_8{
border-color: #4d8ed0;
}
a.nav_boys_10_16{
border-color: #3776b6;
}
a.nav_girls{
border-color: #df7ec6;
}
a.nav_mens{
border-color: #5f5f5f;
}

/* NAV_EXTRAS */
/* --- SEE NAV_LEFT FOR MAIN STYLES */
.nav_extra_top{
border-color: #4d8ed0;
letter-spacing: -2px;
}

/* NAV_ALLBRANDS */
/* --- SEE NAV_LEFT FOR MAIN STYLES */
.nav_allbrands_top{
border-color: #363636;
}

/* NAV_RIGHT */
#nav_right{
clear: both;
display: inline;
float: right;
width: 230px;
margin-top: 12px;
}

/* NAV_HELP */
#nav_help{
clear: both;
display: inline;
float: right;
width: 230px;
margin-top: 10px;
background-image: url('/images/common/nav_help_bg.gif');
}
.nav_help_top{
height: 40px;
background-image: url('/images/common/nav_help_top.gif');
}
.nav_help_bottom{
clear: both;
height: 15px;
background-image: url('/images/common/nav_help_bottom.gif');
}
#nav_help a{
display: block;
color: #363636;
}
#nav_help a span{
display: block;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 16px;
}

/* PRODUCT_SPOTLIGHT */
#product_spotlight{
clear: both;
display: inline;
float: right;
width: 230px;
margin-top: 20px;
}
#product_spotlight .product_group{
clear: both;
}
#product_spotlight .product_group .product_group_top{
display: block;
border-top: 9px solid #4d8ed0;
color: #4d8ed0;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#product_spotlight .product_group .product{
position: relative;
display: inline;
float: left;
width: 104px;
height: 124px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}
#product_spotlight .product_group a.product_image{
display: block;
height: 110px;
border-right: 1px solid #4d8ed0;
text-decoration: none;
}
#product_spotlight .product_group a.product_price{
display: block;
border-bottom: 1px solid #4d8ed0;
margin-right: 8px;
padding-bottom: 4px;
color: #363636;
text-decoration: none;
}
#product_spotlight .product_group .product_right a.product_image{
border-right: none;
}
#product_spotlight .product_group .product_right a.product_price{
margin-right: 0;
margin-left: 8px;
}
#product_spotlight .product_group .product_last_row a.product_price{
border-bottom: none;
}
#product_spotlight .product_group .product .sale_item{
position: absolute;
left: 0;
top: 0px;
}
#product_spotlight .product_group .product_right .sale_item{
margin-left: 3px;
}

/* SUBSECTIONS */
.subsection{
width: 166px;
height: 64px;
margin-top: 8px;
margin-bottom: 8px;
background-image: url('/images/common/sub_thumb_bg.gif');
background-repeat: no-repeat;
background-color: #474747;
}
.subsection .thumb_name{
display: block;
width: 166px;
height: 64px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
.subsection .thumb_name span{
display: block;
padding-top: 22px;
}
.subsection .thumb_content{
display: none;
}
.subsection .thumb_image{
display: none;
}

/* PRODUCTS (PRODUCT THUMBNAILS) */
#products{
}
#products .product{
margin-top: 22px;
text-align: center;
}
#products .product .product_inner{
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
}
#products .product .product_name{
display: block;
height: 38px;
color: #000000;
font-weight: bold;
}
#products .product .product_price{
display: block;
color: #363636;
font-weight: bold;
text-decoration: none;
}
#products .product .product_image{
display: block;
height: 150px;
margin-top: 9px;
text-decoration: none;
}
#products .product .product_description{
position: relative;
display: block;
margin-top: 9px;
padding: 4px;
height: 70px;
border-bottom: 1px solid #cbcbcb;
background-color: #eeeeee;
color: #363636;
text-decoration: none;
line-height: 22px;
}
#products .product .sale_item{
position: absolute;
left: 0;
bottom: 0;
height: 26px;
width: 100%;
background-image: url('/images/common/product_sale_item.gif');
background-position: center center;
background-repeat: no-repeat;
background-color: #ff0000;
}

/* OFFERS */
#products .product .offer,
#product_images .offer{
z-index: 100;
text-align: left;
}
#products .product .offer .offer_sticker{
top: 44px;
}
#products .product .offer .offer_tooltip,
#product_images .offer .offer_tooltip{
top: 22px;
border: 2px solid #ed1c24;
background: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-align: center;
}
#product_images .offer .offer_tooltip{
top: 8px;
}
#products .product .offer .offer_tooltip_inner,
#product_images .offer .offer_tooltip_inner{
padding: 6px;
}

/* PRODUCT HEADER GROUPS */
/* ASSOCIATED PRODUCTS */
#products .product_header_group,
#associated_products .associated_products_top{
clear: both;
float: left;
width: 100%;
margin-top: 12px;
border-bottom: 9px solid #4d8ed0;
background-image: url('/images/common/product_header_group_bg.gif');
background-position: left bottom;
background-repeat: repeat-x;
background-color: #363636;
}
#products .product_header_group h2,
#associated_products .associated_products_top h2{
margin: 0;
padding: 0;
background-image: url('/images/common/product_header_group_logo.gif');
background-repeat: no-repeat;
background-position: right top;
color: #FFFFFF;
font-size: 18px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
}
#products .product_header_group h2 span,
#associated_products .associated_products_top h2 span{
display: block;
padding: 10px;
padding-right: 104px;
}

/* ASSOCIATED PRODUCTS */
#associated_products{
margin-top: 46px;
}

/* MAILINGBOX */
#mailingbox{
clear: both;
display: inline;
float: right;
width: 230px;
margin-top: 12px;
padding-bottom: 2px;
background-color: #d8d8d8;
}
#mailingbox .mailingbox_inner{
border: 1px solid #b9b9b9;
background-image: url('/images/common/mailingbox_bg.gif');
background-repeat: repeat-y;
}
.mailingbox_top{
height: 36px;
background-image: url('/images/common/mailingbox_top.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
color: #8f8f8f;
font-size: 20px;
font-style: italic;
text-transform: uppercase;
}
.mailingbox_top span{
display: block;
padding-top: 8px;
padding-left: 10px;
}
.mailingbox_middle{
display: inline;
float: left;
width: 222px;
margin-top: 4px;
margin-left: 3px;
color: #8f8f8f;
}
.mailingbox_middle_inner{
padding: 8px;
background-image: url('/images/common/mailingbox_middle.gif');
background-repeat: no-repeat;
background-position: right bottom;
background-color: #FFFFFF;
}
.mailingbox_middle .heading{
display: inline;
float: left;
width: 90px;
height: 34px;
background-color: #eeeeee;
font-weight: bold;
color: #363636;
text-align: right;
}
.mailingbox_middle .heading span{
display: block;
padding-top: 10px;
padding-right: 7px;
}
.mailingbox_middle .text{
display: inline;
float: right;
width: 110px;
}
.mailingbox_middle form{
clear: both;
display: inline;
float: left;
width: 100%;
margin: 0;
margin-top: 8px;
}
.mailingbox_middle .email_address{
width: 130px;
padding: 3px;
border: 1px solid #b1b1b1;
color: #b1b1b1;
}
.mailingbox_middle .submit{
width: 60px;
border: 1px solid red;
border: none;
background-color: red;
background: none;
color: #363636;
font-weight: bold;
text-align: left;
text-transform: lowercase;
cursor: pointer;
}
#mailingbox .twitter{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 8px;
}

/* PRODUCT BRAND */
#product_brand{
zoom: 100%;
position: relative;
height: 40px;
margin-top: 12px;
border-bottom: 2px solid #4d8ed0;
}
#product_brand img{
position: absolute;
left: 0;
bottom: 0;
height: 40px;
border: 1px solid #4d8ed0;
border-bottom: none;
}

/* PRODUCT IMAGES */
#product_images{
zoom: 100%;
position: relative;
margin-top: 12px;
border-bottom: 2px solid #4d8ed0;
}

/* GALLERY */
#gallery{	
display: inline;
float: left;
}
.gallery_main{
position: relative;
padding-bottom: 12px;
}
#zoom_toggle{
position: absolute;
left: 0;
bottom: 0;
width: 95px;
height: 27px;
border: 1px solid #4d8ed0;
border-bottom: none;
cursor: pointer;
}
.gallery_thumbs{
display: inline;
float: right;
width: 260px;
}
.gallery_thumbs a{
position: relative;
display: inline;
float: left;
width: 110px;
height: 180px;
margin-top: 12px;
margin-left: 12px;
background-image: url('/images/common/gallery_thumb_bg.gif');
background-repeat: no-repeat;
background-position: center top;
color: #363636;
font-size: 11px;
text-decoration: none;
text-align: center;
}
.gallery_thumbs a img{
margin-top: 8px;
}
.gallery_thumbs a .description{
position: absolute;
left: 0;
bottom: 0;
width: 110px;
}

/* PRODUCT_DESCRIPTION */
#product_description{
line-height: 22px;
text-align: justify;
}
#product_description a{
color: #363636;
}
#product_description .rrp{
color: red;
text-decoration: line-through;
}
#product_description .save{
font-weight: bold;
}
#product_description .price{
font-size: 16px;
font-weight: bold;
}

/* SIZE_CHART */
#size_chart{
width: 100%;
padding: 5px;
border: 1px solid #4c8ecf;
}
#size_chart th{
padding: 8px;
padding-left: 18px;
padding-right: 18px;
border: 1px solid #436c95;
background-color: #eeeeee;
text-align: center;
}
#size_chart td{
border: 1px solid #4c8ecf;
text-align: center;
}
#size_chart .titles th{
background-color: #eeeeee;
}

/* PLACE YOUR ORDER HERE */
#product_order_here{
height: 33px;
margin-top: 38px;
background-image: url('/images/common/place_your_order_here_default.gif');
background-repeat: no-repeat;
background-position: center center;
}

/* PRODUCT ORDER */
/* PRODUCT TAG */
/* PRODUCTS AVAILABLE LIST */
#product_order{
width: 100%;
border-top: 9px solid #4c8ecf;
border-bottom: 9px solid #4c8ecf;
border: none;
border-top: 2px solid #4c8ecf;
border-bottom: 2px solid #4c8ecf;
border: 2px solid #4c8ecf;
}
#product_order .root_name{
font-weight: bold;
text-decoration: underline;
}
.product_tag{
display: inline;
float: left;
width: 240px;
margin-top: 18px;
margin-right: 18px;
}
.product_tag h2,
#products_available_list h2{
font-size: 12px;
margin: 0;
padding: 0;

}

/* PRODUCTS AVAILABLE LIST */
#products_available_list{
margin-top: 38px;
}

.selector_available,
.selector_checked,
.selector_unavailable{
}
.selector_available:hover,
.selector_checked:hover,
.selector_unavailable:hover{
background-color: #eeeeee;
}
.selector_checked{
background-color: #eeeeee;
}
.selector_unavailable{
text-decoration: line-through;
}


#products_available_list{
margin-bottom: 16px;
}
.product_available {
display: block;
}
.product_available:hover {
background-color: #eeeeee;
}