/* --------------------------

Blue: #007cff
Green: #a3ca70
Grey: #969696

----------------------------- */

body { font: 0.85em Georgia, "Times New Roman", Times, serif; color:#969696; background: url(../images/body-bg.jpg) no-repeat #000 50% 0;	 }
div.wrapper { width: 970px; margin: 0 auto; clear: both; display: block; position: relative; }
ul.reset, ol.reset { list-style-type: none; }
ul.inline li, ol.inline li { display: inline; }

/* Magento stuff
------------------------------------------------------------------------------------------------------------------------------------------ */
ul.messages { display: block; clear: both; }
ul.messages li { display: block; border: 1px solid; padding: 5px 10px; }
ul.messages li.error-msg { border-color: #c19d9d; background-color: #f9d2d2; color: #8e1515; }
ul.messages li.success-msg { border-color: #7ecb6a; background-color: #cdf7c8; color: #1a5b1e; }
ul.messages li ul li { border: none; padding: 0; }

div.col2-set { display: block; width: 48%; float: left; margin-right: 1%;}


/* Header
------------------------------------------------------------------------------------------------------------------------------------------ */
div#header.wrapper { padding: 20px 0;	 height: 100px; position: relative; }
div#header h1.logo a { width: 219px; height: 56px; text-indent: -10000px; background: url(../images/uow-logo.png); display: block; float: left; margin: -10px 90px 0 0; }

div#header ul { position: relative; }
div#header ul.guys-girls li { float: left; position: relative; }
div#header ul.guys-girls li a.guys,
div#header ul.guys-girls li a.girls { display: block; float: left; width: 184px; height: 39px; font: 1.4em Georgia; text-decoration: none; background:url(../images/guyGirl-f1.png) no-repeat 0px 0px; color: #464646; text-align: center; padding-top: 4px; margin-right: 9px; position: relative; }
div#header ul.guys-girls li a:hover { color: #fff;}

div#header ul.guys-girls li a.girls:hover,
body.category-girls div#header ul.guys-girls li a.girls,
div#header ul.guys-girls li.sfHover a.girls { background-image:url(../images/girl-f2.png); color: #fff; } 

div#header ul.guys-girls li a.guys:hover,
body.category-guys div#header ul.guys-girls li a.guys,
div#header ul.guys-girls li.sfHover a.guys{ background-image:url(../images/guyGirl-f2.png); color: #fff; }

div#header ul.guys-girls li ul { width: 184px; position: absolute; z-index: 99; top: 43px; left: 0; padding: 6px 0; display: none; }
div#header ul.guys-girls li ul li a { width: 174px; padding: 5px; display: block; font: normal 1em Arial, sans-serif; color: #fff; }
div#header ul.guys-girls li.guys ul { background: url(../images/nav-top-sub-guys.jpg) repeat-x 0 0 #007cff; }
div#header ul.guys-girls li.guys ul li a:hover { background: #074e99; }
div#header ul.guys-girls li.girls ul { background: url(../images/nav-top-sub-girls.jpg) repeat-x 0 0 #bd12b3; }
div#header ul.guys-girls li.girls ul li a:hover { background: #891281; }


div#header div.cart { display: block; float: right; font-family: Georgia; color: #fff; }
div#header div.cart em.num { font: 76px Georgia; float: left; margin: -20px 15px 0 0; line-height: 76px; }
div#header div.cart a.checkout { background: #007cff; color: #fff; display: block; padding: 2px 24px; margin-top: 10px; text-decoration: none; float: left; }
div#header div.cart-and-search { float: right; display: block; position: relative; z-index: 10; }

div#header div.cart-and-search div.mini-cart { clear: both; display: block; position: relative; }
div#header div.cart-and-search div.mini-cart { color: #fff; font-size: 13px;}
div#header div.cart-and-search div.mini-cart div.cartQty { font-size: 60px; color: #fff; float: left; line-height: 25px; margin-right: 10px; }
div#header div.cart-and-search div.mini-cart div.info { display: block; float: left; } 
div#header div.cart-and-search div.mini-cart div.info a.checkout { color: #fff; display: block; padding: 2px 10px; background-color: #007cff; text-decoration: none;	text-align: center; margin-top: 3px; }

div#header div.cart-and-search form#search_mini_form { clear: both; padding-top: 10px; display: block;	z-index: 10; }
div#header div.cart-and-search form#search_mini_form	input { width: 174px; color: #969696; }


/* Forms - general
------------------------------------------------------------------------------------------------------------------------------------------ */
label { width: 100px; float: left; clear: left; }
input.input-text { border: 1px solid #4f5253; padding: 3px 5px; }
span.required { font-weight: bold; color: #FF0000; }
legend { display: none; }

button.form-button-alt { padding: 5px;}

/* Content
------------------------------------------------------------------------------------------------------------------------------------------ */
div#content.wrapper { background-color: #fff; border: 10px solid #252525; }
div#content.full { padding: 10px; width: 950px; }
div#content div.col { float: left; }
div#content div.col.one { width: 740px; padding: 10px; }
div#content div.col.two { width: 200px; padding: 10px 10px 10px 0; }
div#content hr { clear: both; background: url(../images/hr.png) repeat-x; height: 3px; border: none; margin: 20px 0; }
div#content hr.clear { clear: both; background: none; height: 0px; margin: 0; }
div#content h1 { font-size: 1.4em; color: #007cff; }
div#content h2 { font-size: 1.3em; color: #007cff; margin-bottom: 20px; }
div#content h3 { font-size: 1.2em; color: #a3ca70; margin-bottom: 20px; }
div#content p { margin-bottom: 15px; line-height: 1.4em;}

/* Sidebar
------------------------------------------------------------------------------------------------------------------------------------------ */
div.col.two h4,
div.col.two h5 { font-size: 1.2em; margin-bottom: 5px; }
div.col.two h4 { color: #007cff; }
div.col.two h5 { color: #a3ca70; margin-top: -5px; }
div.col.two div.box { margin-bottom: 20px; }

ol#recently-viewed-items li a { color: #a3ca70; border-bottom: 1px dashed #a3ca70; }

div.col.two table { width: 200px; margin-bottom: 10px; }
div.col.two table td.radio { width: 30px; text-align: center; }
div.col.two table td.question { width: 170px; padding-bottom: 5px; }
div.col.two table td.question label { width: 170px; }

/* Footer
------------------------------------------------------------------------------------------------------------------------------------------ */
div#footer.wrapper { padding: 20px 0; position: relative; z-index: 20; }
div#footer { font-size: 0.9em; }
div#footer a { color: #969696; text-decoration: none; }
div#footer a:hover { color: #fff; }
div#footer ul { display: inline; }
div#footer ul li { margin-right: 10px; }
div#footer address { margin: 20px 0; }

/* Checkout page
------------------------------------------------------------------------------------------------------------------------------------------ */
table#shopping-cart-table { width: 100%; clear: both; }
table#shopping-cart-table tr td,
table#shopping-cart-table tr th { padding: 10px; text-align: left; vertical-align: top; }
table#shopping-cart-table tr.odd { background-color: #e8e8e8; }
table#shopping-cart-table tr.odd td img { border: 5px solid #fff; }
table#shopping-cart-table tr.even td img { border: 5px solid #e8e8e8; }
table#shopping-cart-table tr td h4 a { color: #007cff; text-decoration: none; }

div#content div.speech { display: block; float: left; clear: both;	background: url(../images/speech-left.png) no-repeat 0 0; height: 51px; padding-left: 17px; margin-bottom: 5px; }
div#content div.speech h3 { background: url(../images/speech-right.png) no-repeat 100% 0; height: 51px; padding-right: 8px; }
div#content div.speech h3 span { background: url(../images/speech-middle.png) repeat-x 0 0; display: block; margin-left: -5px; height: 43px; color: #fff; padding: 8px 5px 0 0; }

div.shopping-cart-collaterals { clear: both; }
div.shopping-cart-collaterals label { float: none; width: auto; }
div.shopping-cart-totals { display: block; background-color: #f5f5f5; border-top: 1px solid #007cff; padding: 10px; margin: 20px 0; overflow: auto; }

table#shopping-cart-totals-table { float: right; }
table tr td.a-right { text-align: right; }

ul.checkout-types { display: block; float: right; clear: both; margin-top: 20px; }

div.upsell ul li { display: block; overflow: auto; background-color: #eaeaea; padding: 5px; margin-bottom: 10px; clear: both;  }
div.upsell ul li a.product-image { padding: 5px; background-color: #fff; width: 75px; margin-right: 5px; float: left; }
div.upsell ul li div.product-shop { float: left; display: block; width: 100px; }
div.upsell ul li div.product-shop h5 a { font-size: 0.9em; color: #007cff; }


/* Products - catalogue
------------------------------------------------------------------------------------------------------------------------------------------ */
div#content ol.products-list li { float: left; margin: 0 11px 10px 0; padding: 10px; border: 1px solid #efefef; width: 217px; position: relative; }
div#content ol.products-list li.endline { margin-right: 0; }
div#content ol.products-list div.product-shop { background: url(../images/trans-diag.png) repeat; padding: 5px; height: 45px; overflow: hidden; position: absolute; top: 244px; left: 10px; z-index:20; width: 207px; }
div#content ol.products-list div.product-shop div.price-box { width: 73px; height: 2.5em; text-align: center; float: right; }
div#content ol.products-list div.product-shop div.price-box p.old-price { text-decoration: line-through; font-size: 0.8em; }
div#content ol.products-list div.product-shop div.price-box p.special-price { color: #0096ff; font-size: 1.2em; }
div#content ol.products-list div.product-shop div.price-box span.regular-price { color: #0096ff; font-size: 1.3em; }
div#content ol.products-list div.product-shop h3 { font: 0.9em Georgia, "Times New Roman", Times, serif; float: right; width: 118px; border-left: 1px dashed #969696; padding-left: 15px;}
div#content ol.products-list div.product-shop a { color: #969696; text-decoration: none; }
div#content ol.products-list div.product-shop a:hover { color: #fff; }

table.pager { width: 740px; background-color: #efefef; margin-bottom: 10px;}
table.pager td { padding: 5px 10px; }
table.pager { clear: both; }
table.pager td ol { display: inline; }
table.pager td.pages { width: 50%; }
table.pager td.a-right { text-align: right; }

/* Static blocks & Callouts
--------------------------------------------------------------------------------------------- */
div.static-block { margin: -41px 0 10px 0; }
div.callout { margin-bottom: 20px; }

/* Products - view
------------------------------------------------------------------------------------------------------------------------------------------ */
div#content div.product-view { display: block; background-color: #cee9ff; padding: 10px; position: relative; }

div#content div.product-view hr	 { color: #cee9ff; border-color: #cee9ff; background-color: #cee9ff; margin: 0; padding: 0; }

div#content div.product-view div.product-img-box { float:left; width:250px; background-color: #fff; padding: 10px; margin-right: 10px; clear: left; }
div#content div.product-view div.product-view .product-img-box .more-views { margin-left: 2px;}
div#content div.product-view div.product-view .product-img-box .more-views li img { float:left; padding:0px; border: 1px solid #48b0f8; margin:0 0 0 4px ; }

div#content div.product-view div.product-shop { float: left; position: relative; width: 435px;}

div#content div.product-view div.product-name-box { display: block; float: left; clear: both;	 background: url(../images/speech-left.png) no-repeat 0 0; height: 51px; padding-left: 17px; margin-bottom: 5px; }
div#content div.product-view div.product-name-box h2 { background: url(../images/speech-right.png) no-repeat 100% 0; height: 51px; padding-right: 8px; }
div#content div.product-view div.product-name-box h2 span { background: url(../images/speech-middle.png) repeat-x 0 0; display: block; margin-left: -5px; height: 43px; color: #fff; padding: 8px 5px 0 0; }

div#content div.product-view div.the-price { display: block; width: 70px; height: 35px; background: url(../images/price-tag.png); position: absolute; top: -20px; left: 350px; z-index: 10; padding: 30px 15px 0 0; text-align: right; font: bold 1em Georgia; }

div#content div.product-view div.product-specs { margin-top: 15px; clear: both; font-weight: normal; }

fieldset#product-options-wrapper h3 { background-color: #add6f8; padding: 5px; display: block; clear: both; color: #58a1f2; margin: 15px 0; }


fieldset#product-options-wrapper dl { margin: 20px 0; clear: both; }
fieldset#product-options-wrapper dl dd { margin-bottom: 10px; }
fieldset#product-options-wrapper ul.the-options { clear: both; }
fieldset#product-options-wrapper ul.the-options li { display: inline; }

fieldset#product-options-wrapper ul.the-options.colour li a { display: block; width: 61px; height: 42px; text-indent: -99999px; float: left; margin: 0 5px 5px 0; }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-lemon { background: url(../images/product-options/colour-vintage-lemon-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-lemon:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-lemon.current { background: url(../images/product-options/colour-vintage-lemon-f2.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-white { background: url(../images/product-options/colour-vintage-white-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-white:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-white.current { background: url(../images/product-options/colour-vintage-white-f2.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-green { background: url(../images/product-options/colour-vintage-grass-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-green:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-green.current { background: url(../images/product-options/colour-vintage-grass-f2.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-black { background: url(../images/product-options/colour-vintage-black-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-black:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-black.current { background: url(../images/product-options/colour-vintage-black-f2.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-hot-pink { background: url(../images/product-options/colour-vintage-hot-pink-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-hot-pink:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-hot-pink.current { background: url(../images/product-options/colour-vintage-hot-pink-f2.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-navy { background: url(../images/product-options/colour-vintage-navy-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-navy:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-navy.current { background: url(../images/product-options/colour-vintage-navy-f2.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-burgundy { background: url(../images/product-options/colour-vintage-cherry-f1.png); }
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-burgundy:hover,
fieldset#product-options-wrapper ul.the-options.colour li a.vintage-burgundy.current { background: url(../images/product-options/colour-vintage-cherry-f2.png); }


fieldset#product-options-wrapper ul.the-options.size li a { display: block; width: 42px; height: 32px; text-indent: -99999px; float: left; margin: 0 5px 5px 0; background: url(../images/product-options/size-sprite.png) no-repeat; }
fieldset#product-options-wrapper ul.the-options.size li a.small { background-position: 0 0; }
fieldset#product-options-wrapper ul.the-options.size li a.medium { background-position: 0 -32px; }
fieldset#product-options-wrapper ul.the-options.size li a.large { background-position: 0 -64px; }
fieldset#product-options-wrapper ul.the-options.size li a.extra-large { background-position: 0 -96px; }

fieldset#product-options-wrapper ul.the-options a.current { font-weight: bold; }



div#content div.product-view a.addtocart { width: 149px; height: 20px; font: 1.3em Georgia; color: #fff; text-decoration: none; background: url(../images/btn_addtocart.png) no-repeat; display: block; padding: 4px 8px; float: right; clear: both; }

/*
div.validation-advice, .required { color:#EB340A; }
div.validation-advice { width:50px;clear:both; min-height:15px; margin-top:3px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:17px; font-size:.95em; font-weight:bold; line-height:1.25em; }
div.validation-failed { border:1px dashed #EB340A !important; background:#faebe7 !important; }
/* Expiration date and cvv number validation fix */
/*
div.v-fix { float:left; }
div.v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; }
*/
div.validation-advice {color:#FF0000; font-weight:bold; margin:7px 0;float:left; width:250px;}

input.input-text.validation-failed, textarea.validation-failed {
	border: 1px dashed #FF3300;
}

/* Homepage
------------------------------------------------------------------------------------------------------------------------------------------ */
div#homeslice { margin: -85px 0 0 -65px; display: block; width: 1065px; height: 464px; background: url(../images/CMS/homeslice.jpg) no-repeat 0 0; position: relative; z-index: 0; }
div#homeslice ul li a { display: block; width: 422px; height: 406px; text-indent: -99999px; position: absolute; }
div#homeslice ul li.girls a { top: 10px; left: 100px; }
div#homeslice ul li.guys a { top: 5px; left: 580px; }

div#degree-newsletter { display: block; width: 930px; height: 131px; background: url(../images/home-degree-bg.jpg) no-repeat 0 0; padding: 80px 0 0 20px; position: relative; color: #333; }
div#degree-newsletter div.overlay { display: block; width: 950px; height: 111px; padding-top: 100px; background-color: #333; position: absolute; top: 0; left: 0; z-index: 99; color: #fff;  text-align: center; display: none;  }
div#degree-newsletter h2 { display: none; }
div#degree-newsletter div.you,
div#degree-newsletter div.them { float: left; padding: 10px; width: 275px; margin-right: 10px;}
div#degree-newsletter form label { width: 90px; margin-right: 10px; }
div#degree-newsletter form select { width: 275px; }
div#degree-newsletter form input { margin-bottom: 4px; border-color: #969696; }
div#degree-newsletter form input.input-button { width: 128px; height: 49px; display: block; border: none; background: url(../images/home-degree-submit.jpg) no-repeat 0 0; text-align: center; font: bold 1.3em Georgia; color: #fff; position: absolute; top: 125px; left: 630px;	 }

/* Section pick
------------------------------------------------------------------------------------------------------------------------------------------ */
div#section-pick { width: 970px; height: 488px; overflow: hidden; margin: -10px; display: block; background: no-repeat 0 0; }
div#section-pick.guys { background-image: url(../images/CMS/guys-clothing-bg.jpg); }
div#section-pick.girls { background-image: url(../images/CMS/girls-clothing-bg.jpg); }

div#section-pick h2 { width: 339px; height: 488px; display: block; float: left; text-indent: -99999px; background: no-repeat 0 0; padding: 0; margin: 0; }

div#section-pick ul { width: 631px; height: 488px; display: block; float: left; position: relative; text-indent: -99999px; }
div#section-pick ul li a { position: absolute; display: block; }
div#section-pick ul li a.one { width: 215px; height: 180px; left: 14px; top: 21px; }
div#section-pick ul li a.two { width: 212px; height: 245px; left: 235px; top: 12px; }
div#section-pick ul li a.three { width: 170px; height: 204px; left: 450px; top: 15px; }
div#section-pick ul li a.four { width: 180px; height: 216px; left: 17px; top: 238px; }
div#section-pick ul li a.five { width: 200px; height: 180px; left: 326px; top: 260px; }