/* productheader */
#productheader { border:0 none;margin:0 auto -2px;}
#productheader h2 a { text-indent:0; width:237px; }
#productheader li a { -webkit-transition: color 0.1s linear; }
#productheader a.howtobuy { behavior: none; }
/*#storelist #productheader a.howtobuy { background-position:0 -73px !important; cursor:default; }*/
#productheader ul li a {color:#333333;}

#productheader a.howtobuy,
#productheader a.howtoapply,
#productheader a.howtobuy { width: 86px; background-image: url(/tw/global/elements/buttons/howtobuys.png); *background-image: url(/tw/global/elements/buttons/howtobuys.gif); }
#productheader a.howtoapply { width: 100px;}

#productheader a.buynow,
#productheader a.howtobuy,
#productheader a.howtoapply,
#productheader a.notifyme { height: 25px; margin: 0.8em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }

#productheader a.buynow:hover, #productheader a.buynow:focus,
#productheader a.howtobuy:hover, #productheader a.howtobuy:focus,
#productheader a.howtoapply:hover, #productheader a.howtoapply:focus,
#productheader a.notifyme:hover, #productheader a.notifyme:focus { background-position: 0 -25px; }

#productheader a.buynow:active,
#productheader a.howtobuy:active,
#productheader a.howtoapply:active
#productheader a.notifyme:active { background-position: 0 -50px; }

/* replaced */
.replaced { background-repeat: no-repeat; background-position: top left; display: block; height: 18px; overflow: hidden; text-indent: -9999px; width: auto; }
a.privacy { font-size: 11px; }
body { background-color: #F2F2F2; }

#container { width: 984px; }
#container h1 { float: left; margin-top: 18px; margin-bottom: 8px; width: 700px; }
#container h1 a {height: 29px; width: 100%; }
#main a { color: #08c; text-decoration: none; }
#main a:hover, #main a h3:hover { text-decoration: underline; }
#main a.shoponline { float: right; margin-top: 18px; }
#make-reservation a, #feature-instore a { background: url(/uk/retail/images/arrow_08c.gif) no-repeat 100% 65%; padding-right: 6px; }
#main a.reserve { background: url(/uk/retail/images/arrow_08c.gif) no-repeat 100% 65%; padding-right: 6px; margin-right: 10px; }
a.more { background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 60%; padding-right: 8px; }

/* content */
#hero { clear: left; }
#hero h2 { margin-bottom: 0; }
#main { background: #fff url(/tw/education/images/purchasing/main_bg.gif) repeat-y top left; color: #999; margin: 0; width: 914px; }
#main.sgrid .grid3col .column { margin: 18px 0 0 3%; width: 31%; }
#container .main_capbottom { background: url(/tw/education/images/purchasing/main_capbottom.gif) no-repeat bottom left; height: 9px; margin: 0; width: 984px; font-size: 1px; }
/*#main h2 { color: #333; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 5px;  }*/
#main h2 { color: #333; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 12px;  }
#main h2 a{font-size:12px; font-weight:normal; *margin-top:-18px;}
#main h2.ma_line{border-top:1px solid #cecece; clear:both; padding-top:10px;margin-top:18px;}
#main h2.ma_line_top{border-top:1px solid #cecece; clear:both; padding-top:10px;}

#main h3 { color: #333; font-size: 14px; font-weight: normal; line-height: 1.4; }
#content { clear: both; padding: 0; }

/* overlay callouts */
#main .overlaycallout { background: #f8f8f8 url(/uk/retail/images/tour_bg.gif) no-repeat top left; float: left; position: relative; width: 143px; }
#main .overlaycallout .tour { margin: 13px 22px; width: 55px; *height: 1%; }
#main .overlaycallout a.overlaymovielink { color: #333; display: block; position: relative; text-decoration: none; }
#main .overlaycallout a.overlaymovielink:hover { text-decoration: none; }
#main .overlaycallout img.video { background: #fff url(/uk/retail/images/tour_contentbg.jpg) no-repeat top left; padding: 6px 7px 7px; }
#main .overlaycallout img.enlarge { margin: 0; padding: 0; position: absolute; top: -4px; left: -4px; z-index: 20; }
#main .overlaycallout p { color: #333; font-size: 10px; line-height: 1.4; margin: 0 10px 5px; text-align: center; }
#main .with_callout { margin-bottom: 0; }
#main .overlaycallout.left { margin: 15px 15px 0 0; }
#main .overlaycallout.right { margin: 15px 0 0 15px; }
#main .overlaycallout_capbottom { background: url(/uk/retail/images/tour_capbottom.gif) no-repeat bottom left; clear: left; float: left; height: 3px; margin-bottom: 18px; width: 143px; _margin-top: -12px; }
#main .overlaycallout_capbottom.left { clear: left; float: left; }
#main .overlaycallout_capbottom.right { clear: right; float: right; }

/* misc */
#main .hcard .fn, #main .hcard .org { display: none; }
#main .hcard .adr, #main .hcard .street-address, #main .hcard .tel { display: block; }
#main .right { float: right; }
#main .left { float: left; }
#main .no_bottom { margin-bottom: 0; }

#main #reso { background: #767676 url(/retail/images/reso_bg.gif) no-repeat top left; color: #d9d9d9; float: right; font-size: 11px; line-height: 14px; padding: 20px 25px 0; position: relative; width: 226px;}
#main #reso h3 { color: #fff; font-size: 16px; font-weight: normal; line-height: 1.5; margin-bottom: 0; }
#main #reso form { padding-bottom: 8px; }
#main #reso form fieldset { margin-bottom: 9px; }
#main #reso form select { margin-bottom: 2px; width: 100%; }
#main #reso form #reserve { text-indent: -9999px; background: url(/uk/retail/images/button_reserve.gif) no-repeat; background-position: top left; float: right; height: 20px; width: 68px; }
#main #reso form #reserve.active { background-position: center left; cursor: pointer; }
#main #reso form #reserve.active:hover { background-position: bottom left; }
#main #reso form #reserve input { cursor: default; height: 20px; opacity: 0; width: 68px; }
#main #reso form #reserve.active input { cursor: pointer; }
#main #reso a.more { background: url(/uk/retail/images/arrow_right_cacaca.gif) no-repeat 100% 60%; color: #cacaca; float: left; padding-right: 8px; }
#main #reso .capbottom { background: #767676 url(/uk/retail/images/reso_capbottom20080815.gif) no-repeat top left; height: 5px; margin: 0 -25px; width: 276px; font-size: 1px; }

/* ===== GENIUS BAR ===== */
body#geniusbar #hero h2 { background-image: url(/uk/retail/geniusbar/images/geniusbar_hero.jpg); height: 300px; width: 984px; }
body.features #main { padding: 40px 41px; width: 902px; }
body.features #main #reso { margin-right: 0; }
body.features #main #main-content { clear: both; float: left; margin-top: 8px; width: 100%; }
body.features #main #main-content img { margin-bottom: 20px; }
body#geniusbar #main .grid3col .column { margin-left: 5%; width: 30%; }
body#geniusbar #main #gt-geniusbar { margin-top: 0; }

/* ==== PROCARE ==== */
body#procare #hero h2 { background-image: url(/uk/retail/procare/images/procare_hero.jpg); height: 300px; width: 984px; }
body.procare #main #main-content { clear: both; float: left; margin-top: 0; padding-top: 10px; width: 100%; }
body.procare #main #main-content .column { margin-top: 0; }
body.procare #main { padding: 36px 40px; width: 904px; }
body.procare #main #main-content img { margin-bottom: 11px; }

/* ==== PERSONAL SHOPPING ==== */
body#personalshopping #hero h2 { background-image: url(/uk/retail/personalshopping/images/personalshopping_hero.jpg); height: 300px; width: 984px; }
body#personalshopping #business { background: #f2f2f2 url(/uk/retail/personalshopping/images/personalshopping_promo_captop.gif) no-repeat top left; float: left; margin:30px 10px 0 -9px; position: relative; width: 901px; }
body#personalshopping #business h2 { background:transparent url(/uk/retail/personalshopping/images/shoppingforbusiness_2008.gif) no-repeat scroll left top; text-indent: -9999px; color: #585858; float:left; font-size: 15px; height: 28px; width: 255px; margin: 0 25px 15px 5px; }
body#personalshopping #business p { float: left; margin: 7px auto; }
body#personalshopping #business .businessshopping { background: url(/uk/retail/personalshopping/images/personalshopping_promo_capbottom.gif) no-repeat bottom left; float: left; padding: 12px 0 0 11px; width: 889px; *padding-bottom: 12px; }
body#personalshopping #main.sgrid .grid3col .column { margin-left: 5%; width: 30%; }

/* ==== STORE LIST ==== */
body#storelist #hero { width: 984px; }
body#storelist #hero h2 { background-image: url(/tw/education/images/purchasing/howtobuy_reseller_z_090922.jpg); height: 300px; float: left; width: 342px; }
body#storelist h3 {margin-bottom: 2px;}
#hero .store_pic { float: left; position: relative; width: 642px; }
#hero .store_pic img#hero_captop { position: absolute; top: 0; right: 0; width: 642px; }
#hero .store_pic img#hero_border { position: absolute; top: 8px; right: 0; width: 2px; }
#hero .store_pic #store_picture { float: left; margin-top: 2px; width: 640px; height:298px; z-index: 2; }
#hero .store_pic #store_picture.us_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_us.jpg); }
#hero .store_pic #store_picture.uk_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_uk.jpg); }
#hero .store_pic #store_picture.jp_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_jp.jpg); }
#hero .store_pic #store_picture.it_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_romaest.jpg); }
#hero .store_pic #store_picture.ca_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_ca.jpg); }
#hero .store_pic #store_picture.au_hero { background-image: url(/tw/education/images/purchasing/storelist_hero_au.jpg); }
#hero .store_pic #store_picture.au_hero_hkaaer{ background-image: url(/tw/education/images/purchasing/storelist_hero_au_090924.jpg); }
#hero .store_pic #store_picture.cn_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_cn.jpg); }
#hero .store_pic #store_picture.ch_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_ch.jpg); }
#hero .store_pic #store_picture.de_hero { background-image: url(/uk/retail/storelist/images/storelist_hero_de.jpg); }

body#storelist #main { clear: both; }
body#storelist #country_switcher { background: #f1f1f1 url(/uk/retail/storelist/images/storelist_countryswitcher_captop.png) no-repeat top left; width: 899px; margin: -9px 0 11px 1px; }
body#storelist #country_switcher #countries { background: url(/uk/retail/storelist/images/storelist_countryswitcher_bg.png) repeat-x top left; font-size: 14px; color:#4c4c4c; border: 1px solid #ededed; border-width: 0 1px; float: left; line-height: 2; margin-top: 5px; padding: 4px 15px; width: 270px; *padding-bottom: 8px; }
body#storelist #country_switcher #store_news { background: url(/uk/retail/storelist/images/storelist_countryswitcher_bg.png) repeat-x top left; border-left: 1px solid #fff; border-right: 1px solid #ededed; float: right; line-height: 2; margin-top: 5px; padding: 8px 15px 4px; width: 565px; _padding-top: 5px; }
body#storelist #switcher_capbottom { background: url(/uk/retail/storelist/images/storelist_countryswitcher_capbottom.png) no-repeat top left; clear: left; height: 4px; width: 899px; font-size: 1px; }
body#storelist #main #content { color: #999; padding: 0px 15px;}
body#storelist #main .column { width: 290px;}
body#storelist #main .column.first { width: 430px; }
body#storelist #main .column.last { width: 245px; float: left; }
#upspace{
	margin-top:-10px;
}
#main .column.first ul{
	margin-bottom:10px;
}
#main .column.first ul li a{
	color:#999999;
}
#main .column.first ul li a:hover{
	color:#0088CC;
}

/* ==== SIGN UP ====*/
body#signup #main { clear: both; }
body#signup #hero { width: 984px; }
body#signup #hero h2 { background-image: url(/uk/retail/signmeup/images/signup_hero_title.png); height: 300px; float: left; width: 342px; }
body#signup #hero .store_pic { float: right; width: 640px; }
body#signup #main .column.last p.last { border-top: 1px solid #ededed; line-height: 2; }

/* ==== YOUTH ==== */
body#youth #hero h2 { background-image: url(/uk/retail/youth/images/youth_hero.jpg); height: 300px; width: 984px; }
body#youth #main { padding-top: 40px; }
body#youth #main h2 { clear: both; float: left; margin: 0 0 9px; width: 100%; }
body#youth #main h2.featured {margin-top: 20px; }
body#youth #main p { margin-bottom: 10px; }
body#youth #main p span { color: #666; }
body#youth #main.sgrid .grid3col .column img.programhero { float: right; }
body#youth #main.sgrid .column.span_8 { width: 565px; }

body#youth #main #more_instore { background: #f5f5f5 url(/uk/retail/images/featured_content_captop.gif) no-repeat top left; clear: both; margin: 0; padding: 0 24px 18px; width: 851px; }
body#youth #main #more_instore.grid3col .column.first {width: 230px; border-right: 1px solid #dbdbdb; padding-right: 30px;}
body#youth #main #more_instore.grid3col.column {width: 230px; padding-right: 30px;}
body#youth #main #more_instore.grid3col .column.last {border-left: 1px solid #dbdbdb; padding-left: 30px;}
body#youth #main #more_instore h3 { font-weight: bold; color: #333; margin-top: 20px; width: 170px; }
body#youth #main #more_instore h3 a { color: #333; }
body#youth #main #more_instore img {float: right; margin: 0 -2px -2px 30px; *margin-left: 0; }
body#youth #main #more_instore img.padright {float: right; margin: 0px 20px -6px 30px; *margin-left: 0; }
body#youth #main #more_instore p { margin-top: 10px; font-size: 12px; line-height: 1.6; width: 235px; }
body#youth #main .moreinstore_capbottom { background: url(/uk/retail/images/featured_content_capbottom.gif) no-repeat bottom left; clear: left; height: 4px; width: 899px; font-size: 1px; }

/* featured events */
#main #featuredevents { background: #f8f8f8 url(/uk/retail/images/overview_featuredevents_bg.gif) repeat-x top left; clear: both; float: left; margin: 36px 0 0; padding: 0 24px 18px; width: 834px; }
#main #featuredevents h2 { background: url(/uk/retail/images/overview_featuredevents_captop.gif) no-repeat top left; font-size: 18px; margin: -5px -24px 0; padding: 18px 0 18px 24px; width: 882px; }
#main #featuredevents h3 { font-size: 12px; font-weight: normal; }
#main #featuredevents .column { margin-top: 0; margin-left: 28px; width: 254px; }
#main #featuredevents p { font-size: 11px; line-height: 1.4; }
#main .events_capbottom { background: url(/uk/retail/images/overview_featuredevents_capbottom.gif) no-repeat bottom left; clear: left; float: left; height: 4px; margin-bottom: 36px; width: 882px; }

/* ==== WORKSHOPS ==== */
body#workshops #hero h2 { background-image: url(/uk/retail/workshops/images/workshops_hero.jpg); height: 300px; width: 984px; }
body#workshops #main #reso { margin-right: 0 !important; }
body#workshops #main #gt-workshops { margin-top: 0; }


/* ==== BUSINESS ==== */
body#business #hero h2 { background-image: url(/uk/retail/business/images/business_hero.jpg); height: 300px; width: 984px; }

body#business #main #reso { background: #767676 url(/uk/retail/business/images/business_reso_bg.gif) repeat-x top left; font-size: 11px; margin-right: 0 !important; padding-top: 0; width: 510px; }
body#business #main #reso h3 { background: url(/uk/retail/business/images/business_reso_captop.gif) no-repeat top left; margin: 0 -25px; padding: 18px 25px 18px; }
body#business #main #reso h4 { color: #fff; font-weight: bold; }
body#business #main #reso #methods { background: url(/uk/retail/business/images/business_reso_divider.gif) repeat-y top right; margin-right: 0; padding-right: 34px; width: 224px; }
body#business #main #reso .column.last { width: 215px; }
body#business #main #reso .capbottom { background: #767676 url(/uk/retail/business/images/business_reso_capbottom.gif) no-repeat bottom left; clear: both; height: 7px; width: 560px; margin: 0 -25px; }
body#business #main #main-content .column.first { background: url(/uk/retail/business/images/business_verticle_rule.gif) no-repeat 100% 65%; clear: both; padding: 0px 30px 0px 10px; width: 245px; }
body#business #main #main-content { background: #f5f5f5; clear: both; float: left; margin: 36px 0 0; padding: 0 34px 18px 24px; width: 841px; }
body#business #main #main-content h2 { background: url(/uk/retail/images/featured_content_captop.gif) no-repeat top left; margin: 0 -24px; padding: 18px 0 18px 34px; width: 899px; }
body#business #main #main-content .column.last { width: 523px; }
body#business #main #main-content .column.last h3,
body#business #main #main-content .column.last p { float: right; width: 225px; }
body#business #main h2.featured { margin-top: 25px; }
body#business .content_capbottom { background: url(/uk/retail/images/featured_content_capbottom.gif) no-repeat bottom left; clear: left; height: 4px; margin-bottom: 12px; width: 899px; }

/* ===== MAPS ===== */
body#directions { background-color: #fff; }
body#directions #container h1 { background: url(/uk/retail/images/maps_captop.gif) no-repeat 0 100%; float: none; margin: 0; padding-bottom: 9px; width: 100%; }
body#directions #container h1 a { background: none; height: auto; }
body#directions #main { background: #ebebeb url(/uk/retail/images/maps_contentbg.gif) repeat-x top left; border: 1px solid #e7e7e7; border-width: 0 1px; color: #666; padding: 31px 34px 18px; width: 910px; }
body#directions #main h2 { color: #333; margin-bottom: 18px; }
body#directions #main strong { color: #333; display: block; }
body#directions .hcard .org,
body#directions #main dl#store-hours dt { color: #333; }
body#directions #main h2, #main strong, #main .hcard .org, #main dl#store-hours dt { color: #333; }
body#directions .hcard .org { font-weight: bold; }
body#directions #main #googlemap { position: relative; }
body#directions .main_capbottom { background: url(/uk/retail/images/maps_capbottom.gif) no-repeat bottom left; height: 4px; width: 980px; }
/* get directions */
body#directions form#get-directions { margin-bottom: 18px; }
body#directions form#get-directions label#show-directions { background: none; color: #666; }
body#directions form#get-directions input#address { margin: 9px 0; width: 246px; }
body#directions form#get-directions fieldset.buttons { text-align: right; }
body#directions form#get-directions fieldset.buttons a#cancel { cursor: pointer; }
body#directions form#get-directions.closed label#show-directions { background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 60%; color: #08c; cursor: pointer; padding-right: 8px; }
body#directions form#get-directions.closed input#address { display: none; }
body#directions form#get-directions.closed fieldset.buttons { display: none; }
body#directions form#get-directions.closed label#show-address { display: none; }
body#directions form#get-directions.open label#show-directions { display: none; }

dl#store-hours { margin-bottom: 18px; }
dl#store-hours dt { font-weight: bold; }
dl#store-hours dd { float: left; width: 40%; }
dl#store-hours dd.hours { width: 60%; }

/* ==== STORE DETAIL ====  */
body#store { background: #fff; }
body#store #main { background: none; padding-left: 0; padding-top: 0; padding-right: 0; width: 984px; }

/* stores */
#store-graphic { z-index: 2000; }
#store-info { background: #d0d0d0 url(/uk/retail/images/bg_storehours.gif) repeat-x top left; border: 1px solid #d9d9d9; border-width: 1px 1px 1px 0; font-size: 11px; line-height: 1.4; min-height: 311px; padding-top: 7px; position: relative; *height: 312px; }
#store-info h3,
#make-reservation h3 { font-size: 17px; line-height: 0.8333; margin: 18px 0 10px; }

#store-info p.hcard { margin-bottom: 0; }
#store-info p.hcard .adr { color: #666; }
#store-info p.hcard .adr .street-address { display: block; }
#store-info p.hcard .adr .locality,
#store-info p.hcard .adr .regioun,
#store-info p.hcard .adr .postal-code {  }
#store-info p.hcard .phone { color: #666; display: block; }

body#store dl#store-hours { color: #666; float: left; margin-top: 15px; margin-bottom: 0; width: 100%; }
/*body#store .tips { clear: both; float: left; margin-top: 18px; }*/
body#store .tips { float: left; margin-top: 8px; margin-left: -6px; }
body#store .tips .tips_shopping { margin-left: -3px; }

#store-info a.overlayhtmllink { cursor: pointer; height: 51px; margin-top: 5px; width: 234px; }

/* make reservation */
.reso_endcap { background: #e7e7e7; float: right; margin: 1px 0; min-height: 26.5em; width: 1px; }
#make-reservation { background: #dedede url(/uk/retail/images/bg_makereservation.gif) repeat-x top left; border: 1px solid #e7e7e7; border-width: 1px 0; line-height: 1.4; margin-left: -71px; min-height: 311px; padding-top: 7px; padding-left: 56px; width: 264px; z-index: 1; *height: 312px; }
#make-reservation h5 { font-weight: bold; margin-bottom: 10px; }
#make-reservation .column { font-weight: bold; font-size: 10px; margin-bottom: 18px; margin-top: 10px; margin-right: 0; text-align: center; width: 98px; }
#make-reservation .column.first { margin-left: -14px !important; width: 90px; _margin-left: -8px !important; }
#make-reservation .column.last { width: 90px; }
#make-reservation .column a { font-weight: normal; }

/* in store features */
#feature-instore { margin: 33px 0 20px; }
#feature-instore .column { color: #808080; }
#feature-instore .span_4 img { padding-bottom: 9px; }
#feature-instore h4 { color: #333; font-size: 12px; line-height: 15px; padding-bottom: 2px;}
#feature-instore p { color: #808080; font-size: 11px; line-height: 1.5; }
#feature-instore .sosumi { color: #bdbfbf; }
#feature-instore .column.last .column h4,
#feature-instore .column.last .column p { margin-left: 160px; }
#feature-instore .note { color: #bdbdbd; font-size: 9px; line-height: 13px; }
#feature-instore .day-notice, #feature-instore .available-notice, #feature-instore .unavailable-notice { display: none; }
#feature-instore .day-notice { display: block; }

/*non flagship in store features */
#feature-instore.grid3col img.left { margin-right: 16px; }
#feature-instore.grid3col h3, #feature-instore.grid3col h4, #feature-instore.grid3col p { margin-left: 156px; }

/* sidebar */
#event-sidebar { margin-top: 35px; }
#event-sidebar .box { background-color: #f7f7f7; padding-bottom: 18px; }
#event-sidebar .capbottom { background: url(/uk/retail/images/sidebar_capbottom.gif) no-repeat top left; height: 3px; margin-bottom: 8px; }
#event-sidebar .box h3 { background: #dedede url(/uk/retail/images/sidebar_bg_title.gif) no-repeat top left; border: 1px solid #cfcfcf; border-width: 0 0 1px; color: #4d4d4d; line-height: 1; margin-bottom: 2px; padding: 12px 15px; }
#event-sidebar .box h3.samebox { background: none; border-width: 1px 0 0; margin-top: 18px; }
#event-sidebar #signmeup h3 { margin-bottom: 15px; }
#event-sidebar .box h4 { clear: right; color: #4c4c4c; font-size: 11px; margin: 15px 15px 0; }
#event-sidebar .box p,
#event-sidebar .box ul,
#event-sidebar .box ol { color: #808080; font-size: 11px; margin: 0 15px 0; }
#event-sidebar .box img.thumbnail { float: right; margin: 18px 20px 10px 10px; }
#event-sidebar #workatapple p,
#event-sidebar #specialneeds p { margin-top: 18px; }

#event-sidebar #workshops ol { margin-left: 35px; }
#event-sidebar #workshops ol li { border-top: 1px solid #e3e3e3; padding: 3px 0; }

#event-sidebar .textboxqt #watchqt { float: right; margin: 0 20px 10px 10px; cursor: hand; }
#event-sidebar .textboxqt img.thumbnail, 
#event-sidebar .textbox img.thumbnail { margin: 0 20px 10px 10px; }

/* overlays */
.overlay h2 { font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
.overlay h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
.overlay h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
.overlay p { margin-bottom: 18px; }
.overlay p.last { margin-bottom: 0; }

/* alt calendars */
#storecalendar ul#alt-calendars { clear: both; float: left; font-size: 11px; width: 100%; }
#storecalendar ul#alt-calendars li { float: left; }
#storecalendar ul#alt-calendars li a { display: block; margin-right: 20px; padding: 5px 0 5px 34px; }
#storecalendar ul#alt-calendars li#ical a { background: url(/uk/retail/images/icon_ical.jpg) no-repeat center left; }
#storecalendar ul#alt-calendars li#rss a { background: url(/uk/retail/images/icon_rss.jpg) no-repeat center left; }
#storecalendar ul#alt-calendars li#widget a { background: url(/uk/retail/images/icon_widget.jpg) no-repeat center left; }
#storecalendar ul#alt-calendars li#print a { background: url(/uk/retail/images/icon_print.jpg) no-repeat center left; }

/* tips overlay */
#OverlayPanel .shoppingtips { height: 360px; margin-right: 20px; padding: 45px 60px 0; width: 610px; }
#OverlayPanel .shoppingtips h2 { background: url(/uk/retail/images/tips_overlayshirt.gif) no-repeat top left; font-size: 16px; margin-bottom: 30px; padding: 5px 0 5px 30px; }
#OverlayPanel .shoppingtips ul { width: 590px; }
#OverlayPanel .shoppingtips ul li { margin-bottom: 18px; }
#OverlayPanel .shoppingtips ul li.first { background: url(/uk/retail/images/tips_tip1.gif) no-repeat 0 0; padding-left: 32px; }
#OverlayPanel .shoppingtips ul li.second { background: url(/uk/retail/images/tips_tip2.gif) no-repeat 0 0; padding-left: 32px; }
#OverlayPanel .shoppingtips ul li.third { background: url(/uk/retail/images/tips_tip3.gif) no-repeat 0 0; padding-left: 32px; }
#OverlayPanel .shoppingtips ul li.fourth { background: url(/uk/retail/images/tips_tip4.gif) no-repeat 0 0; padding-left: 32px; }
#OverlayPanel .shoppingtips ul li.fifth { background: url(/uk/retail/images/tips_tip5.gif) no-repeat 0 0; padding-left: 32px; }
#OverlayPanel .shoppingtips ul li.sixth { background: url(/uk/retail/images/tips_tip6.gif) no-repeat 0 0; padding-left: 32px; }
#OverlayPanel .shoppingtips ul li strong { display: block; }

/* duplicating base for overlays */
.overlayPanelContent p { color: #999; margin-bottom: 18px; }
.overlayPanelContent h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
.overlayPanelContent h2 { font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
.overlayPanelContent h2 span { color: #888; }
.overlayPanelContent h3 { font-weight: normal; font-size: 14px; line-height: 18px; }
.overlayPanelContent h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
.overlayPanelContent h2,
.overlayPanelContent h3,
.overlayPanelContent p.intro { color: #333; }

/* Image/Movie overlays */
.overlay .overlaytitle { margin-left:50px; margin-top:35px; font-weight:normal; font-size:20px; line-height:20px; margin-bottom:20px; color:#fff; }
.overlay .overlaytitle span { display:inline; color:#888; }
.overlay .overlaycaption { margin-left:50px; width:640px; margin-top:11px; }
.overlay#imageGalleryOverlay .overlaydescription,
.overlay#ACOverlayMovie .overlaydescription { position:absolute; left:720px; top:72px; width:130px; height:400px; }
.overlaythumb div, .overlaythumb span { display:none; }
#imageGalleryOverlayShadow.overlayshadow,
#ACOverlayMovieShadow.overlayshadow { width:980px; height:626px; }
#imageGalleryOverlay.overlay,
#ACOverlayMovie.overlay { width:900px; height:546px; margin:40px; color:#777; }

.overlay #overlaynav li a { outline:none; }
.overlay #overlaynav li.active img { border:1px solid #fff; }
.overlay #overlaynav li img { margin-left:0; border:1px solid #222; }
.overlay #overlaynav li .caption, .overlay #overlaynav li .overlayposter { display:none; }

/* Gallery Overlay Panel */
#store-graphic img.btn_photos { background:transparent url(/uk/retail/images/button_morephotos.png) no-repeat; width:92px; height:19px; position:absolute; margin:289px -14px 0pt 14px; behavior: url(/global/scripts/lib/iepngfix.htc); }
#OverlayPanel.galleryoverlay .grid2col { width:148px; float:right; margin:66px 65px; *margin-left: 700px; }
#OverlayPanel.galleryoverlay h2 { color:#FFF; margin-top:34px; margin-left:54px; font-size:20px; position:absolute; }
#OverlayPanel.galleryoverlay .grid2col h3 { color:#FFF; font-size:14px !important; font-weight:normal; position }
#OverlayPanel.galleryoverlay .grid2col p { color:#777; margin-bottom:20px; font-size:12px !important; font-weight:normal; }
#OverlayPanel.galleryoverlay .grid2col img { margin-bottom:11px; }
.galleryoverlay { width:940px; height:535px; *width: 900px; }
#galleryoverlay,
#pastEventsOverlay { display:none; }
#OverlayPanel .galleryoverlay .ACQuicktimeController { display:none; }
.galleryoverlay .overlayshadow.galleryoverlay, 
.overlay.galleryoverlay, 
.galleryoverlay.active #galleryoverlay,
.galleryoverlay.active #pastEventsOverlay { display:block; }
.galleryoverlay #feature-triggers a.active img { border: 2px #FFF solid; margin:-4px 2px 11px -2px; }	
.galleryoverlay ul.feature-set { display:none; }
.galleryoverlay #featureView,
.galleryoverlay #pasteventsView { width: 680px; height: 500px; position: absolute; }
.galleryoverlay #featureView img,
.galleryoverlay #pasteventsView img { width: 640px; height: 400px; position: absolute; left: 54px; top: 78px; }
.galleryoverlay #featureView .moviePanel,
.galleryoverlay #pasteventsView .moviePanel { left: 54px; top: 38px; position: absolute; }

/* video overlay */
#ACOverlayMovie.overlay .overlaymovie, #ACOverlayMovieGallery.overlay .overlaymovie { width:640px; height:360px; margin-left:50px; padding-top:0; background-color:#000; }
#ACOverlayMovie.overlay .overlaymovie #overlaymovie { width:640px; height:360px; }
#ACOverlayMovie.overlay .overlaymovie #overlaymovieInner { width:640px; height:360px; }
#ACOverlayMovie.overlay .overlaycontroller { margin-left:50px; }
#ACOverlayMovie.overlay .overlaydescription h3 { color:#FFFFFF; font-size:14px !important; font-weight:normal; }

/* pill buttons */
#OverlayPanel p.pillbutton { display:block; min-height:3em; margin:0 auto 1em; padding-right:43px; text-align:center; font-size:15px; padding-top:170px; line-height:1.3em; }
#OverlayPanel p.pillbutton a { display:inline-block; position:relative; color:#fff; text-decoration:none; outline:none; moz-outline:none; }
#OverlayPanel p.pillbutton a span,
#OverlayPanel p.pillbutton a b { display:inline-block; width:auto; padding:15px 0; text-align:left; outline:none; }
#OverlayPanel p.pillbutton a span { padding-right:8px; padding-left:25px; background:url(/global/elements/buttons/pillbevel_leftcap.png) no-repeat 0 50%; _background-image:url(/global/elements/buttons/pill_leftcap.gif); }
#OverlayPanel p.pillbutton a b { position:absolute; width:43px; top:0; right:-43px; text-indent:-9999px; background:url(/global/elements/buttons/pillbevel_rightcap.png) no-repeat 0 50%; _background-image:url(/global/elements/buttons/pill_rightcap.gif); }
#OverlayPanel p.pillbutton a b, x:-moz-any-link { display:-moz-inline-block; margin-top:-16px; margin-right:5px; } /* this is for firefox because it's dumb when it comes to inline-block */
#OverlayPanel p.pillbutton a b, x:-moz-any-link, x:default { top:0; margin-top:0; } /* this is to reset IE7 because it was reading the above */
#OverlayPanel p.pillbutton a:hover { color:#e6e6e6; cursor:pointer; }

/* quicktime controller - 2 versions accounting for old and new overlay styles */
#main .ACQuicktimeController, #OverlayPanel .ACQuicktimeController { position:relative; width:640px; height:12px; padding:0; margin:12px 0 0 0; }
#main .ACQuicktimeController div.control,
#ACOverlayMovie.overlay .overlaycontroller div.control,
#OverlayPanel .ACQuicktimeController div.control,
#OverlayPanel.overlaypanel .controllerPanel div.control { position:relative; width:10px; height:10px; top:1px; text-indent:-999px; cursor:pointer; overflow:hidden; background:url(/uk/retail/images/overlay_movie_playpause20080206.gif) no-repeat left top; }
#main .ACQuicktimeController div.control.pause, #OverlayPanel .ACQuicktimeController div.control.pause { background-position:left -10px; }
#main .ACQuicktimeController div.sliderPanel, #OverlayPanel .ACQuicktimeController div.sliderPanel { position:absolute; top:0; left:16px; height:12px; width:624px; }
#main .ACQuicktimeController div.sliderPanel div.track,
#ACOverlayMovie.overlay .overlaycontroller div.sliderPanel div.track,
#OverlayPanel .ACQuicktimeController div.sliderPanel div.track,
#OverlayPanel.overlaypanel .controllerPanel div.sliderPanel div.track { position:absolute; left:0; width:624px; height:12px; text-align:left; background:url(/retail/images/overlay_movie_bgtrack20080206.gif) no-repeat 0 0; }
#main .ACQuicktimeController div.sliderPanel div.track div.loadedProgress,
#ACOverlayMovie.overlay .overlaycontroller div.sliderPanel div.track div.loadedProgress,
#OverlayPanel .ACQuicktimeController div.sliderPanel div.track div.loadedProgress,
#OverlayPanel.overlaypanel .controllerPanel div.sliderPanel div.track div.loadedProgress { position:absolute; top:0; height:12px; background:url(/retail/images/overlay_movie_bgtrack_load20080206.gif) no-repeat 0 0; }
#main .ACQuicktimeController div.sliderPanel div.track div.trackProgress, #OverlayPanel .ACQuicktimeController div.sliderPanel div.track div.trackProgress { position:absolute; height:12px; }
#main .ACQuicktimeController div.sliderPanel div.track div.playHead,
#ACOverlayMovie.overlay .overlaycontroller div.sliderPanel div.track div.playHead,
#OverlayPanel .ACQuicktimeController div.sliderPanel div.track div.playHead,
#OverlayPanel.overlaypanel .controllerPanel div.sliderPanel div.track div.playHead { position:absolute; top:-1px; margin:0 1px; width:13px; height:12px; background:url(/retail/images/overlay_movie_pointer20080206.png) no-repeat 0 0; cursor:pointer; behavior:url(/global/scripts/lib/iepngfix.htc); }

.swap-view { overflow: auto; }
.tips_shopping p {margin-bottom: 2px;}
html, body { background-color:#efefef; }