/*
Bundled file is made up of the following media items: 
 - hp-box-category (40e5a2ca-d669-4040-8526-00983bc31a0b),
 - hp-header-generic (5dba49d6-b20f-4260-8a9e-920c7ac84f03),
 - hp-shop-generic (3911d08c-f58c-416e-9356-5059ad743109),
 - hp-delivery-plane (cd08a98e-4476-486a-ac89-9198a885a901),
 - hp-sgroup-generic (34971fc5-ebae-42e5-9f0a-727d5c5e9e86), 
*/


/*
Media Item Name: hp-box-category
Updated Date: 18 February 2015 14:56
Item Guid: 40e5a2ca-d669-4040-8526-00983bc31a0b
*/

/* box.category */
.box.category { margin:0 10px 0 0; width:236px; float:left; }
.box.category .splash { width:236px; height:300px; overflow:hidden; }
.box.category .splash a { display:block; opacity:1; filter:alpha(opacity=100); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.box.category .splash a img { display:block; }
.box.category .splash a:hover { opacity:0.5; filter:alpha(opacity=50); }
.box.category .caption { padding:20px 0; font-size:16px; line-height:20px; }
.box.category .caption h3 { min-height:48px; font-size:22px; line-height:24px; letter-spacing:2px; text-transform:uppercase; }
.box.category .caption p { padding:10px 0; min-height:60px; }
.box.category .buttons { font-size:14px; line-height:20px; text-transform:uppercase; }
.box.category .buttons a { padding:3px 0; letter-spacing:0; font-weight:bold; display:block; opacity:1; filter:alpha(opacity=100); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.box.category .buttons a em { margin-top:-10px; font-size:19px; line-height:20px; font-style:normal; display:inline-block; }
.box.category .buttons a:hover { opacity:0.5; filter:alpha(opacity=50); }/*
Media Item Name: hp-header-generic
Updated Date: 18 February 2015 13:57
Item Guid: 5dba49d6-b20f-4260-8a9e-920c7ac84f03
*/

/* header.generic */
.header.generic { background:url('http://images.asos.com/homepage/generic-homepage/css/lineh.gif') bottom left repeat-x; position:relative; overflow:hidden; }
.header.generic .splash { position:absolute; top:0; left:0; }
.header.generic .hgroup { margin:40px 0 1px; padding:30px 0 30px 30px; width:360px; position:relative; background:#ffffff; float:right; }
.header.generic .hgroup h1 { padding:0 0 10px; font-size:50px; line-height:60px; letter-spacing:6px; }
.header.generic .hgroup h2 { padding:0 0 30px; font-size:23px; line-height:30px; text-transform:uppercase; letter-spacing:2px; }
.header.generic .hgroup p { padding-right:30px; }
.header.generic .buttons { margin:20px 0 0; text-align:center; overflow:hidden; }
.header.generic .buttons a { padding:20px 0; width:178px; background:#9e9e9e; color:#ffffff; display:block; font-size:16px; line-height:20px; letter-spacing:0; text-transform:uppercase; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.header.generic .buttons a:hover { background:#000000; }
.header.generic .buttons a span { display:block; font-size:30px; line-height:30px; letter-spacing:3px; }
.header.generic .buttons a.lside { float:left; }
.header.generic .buttons a.rside { float:right; }/*
Media Item Name: hp-shop-generic
Updated Date: 18 February 2015 14:36
Item Guid: 3911d08c-f58c-416e-9356-5059ad743109
*/

/* shop.generic */
.shop.generic { padding:10px 50px; width:387px; text-align:center; float:left; }
.shop.generic h3,
.shop.generic h4 { text-transform:uppercase; }
.shop.generic h3 { font-size:33px; line-height:42px; }
.shop.generic h4 { font-size:16px; line-height:24px; }
.shop.generic p { padding:10px 0; }
.shop.generic .buttons { font-size:14px; line-height:20px; text-transform:uppercase; }
.shop.generic .buttons a { margin:10px auto; padding:6px 15px; width:240px; border:3px solid #9e9e9e; letter-spacing:0; font-weight:bold; display:block; opacity:1; filter:alpha(opacity=100); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.shop.generic .buttons a em { margin-top:-10px; font-size:19px; line-height:20px; font-style:normal; display:inline-block; }
.shop.generic .buttons a:hover { opacity:0.5; filter:alpha(opacity=50); }/*
Media Item Name: hp-delivery-plane
Updated Date: 29 October 2015 12:40
Item Guid: cd08a98e-4476-486a-ac89-9198a885a901
*/

/* delivery.plane */
.delivery.plane { margin-bottom:20px; border-bottom:1px solid #000000; text-transform:uppercase; text-align:center; overflow:hidden; }
.delivery.plane a { padding:24px 0; display:block; position:relative; }
.delivery.plane a h3,
.delivery.plane a p { opacity:1; filter:alpha(opacity=100); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; }
.delivery.plane a:hover h3,
.delivery.plane a:hover p { opacity:0.5; filter:alpha(opacity=50); }
.delivery.plane a h3 { font-size:32px; line-height:32px; letter-spacing:3px; position:relative; }
.delivery.plane a p { font-size:14px; line-height:20px; letter-spacing:0; font-weight:bold; position:relative; }
.delivery.plane a p em { margin-top:-10px; display:inline-block; font-size:18px; line-height:20px; font-style:normal; }
.delivery.plane a .plane { width:84px; height:81px; display:block; background:#9e9e9e url('http://images.asos.com/homepage/generic-homepage/css/plane.png') 0 0 no-repeat; position:absolute; top:10px; left:0; }/*
Media Item Name: hp-sgroup-generic
Updated Date: 18 February 2015 14:47
Item Guid: 34971fc5-ebae-42e5-9f0a-727d5c5e9e86
*/

/* sgroup.generic */
.sgroup.generic { margin-bottom:20px; font-size:14px; line-height:24px; text-align:center; }
.sgroup.generic h2 { font-size:18px; line-height:36px; background:url('http://images.asos.com/homepage/generic-homepage/css/lineh.gif') center left repeat-x; text-transform:uppercase; }
.sgroup.generic h2 span { padding:0 10px; display:inline-block; background:#ffffff; }
.sgroup.generic p { padding:5px 114px; }
.sgroup.generic a:hover { text-decoration:underline; }