/* ALL */
*{margin:0; padding:0;}
body{background: #fff url(/outnet/build_8.14/images/global/background.gif) repeat-y top center; margin-left:1px; font-family:Helvetica, Arial, sans-serif; color:#454545; font-size:75%;}
table{font-size:100%;}/*makes font size in tables the same as the rest of the site*/
a img{border:none;}/*removes borders from images that are links*/
a{color:#454545; text-decoration:none;}
a:hover{color:#FA9D31}
a:active{outline:none;}
h1{font-size:190%; margin-top:20px; font-weight:normal;}
h2{font-weight:normal; font-size:120%;}
h3{font-weight:normal; margin:0; padding:0; font-size:130%;}
ul{list-style:none;}
.skiplink {position:absolute; left:-5000px;}

/* ---------------- DIVIDING LINES - grey dots -----------*/
.dotted-border-top{background-image:url(/outnet/build_8.14/images/global/border_small.gif); background-repeat:repeat-x; display:block;}
.dotted-border-bottom{background-image:url(/outnet/build_8.14/images/global/border_small.gif); background-position:bottom; background-repeat:repeat-x; display:block;}
.dotted-border-right{background-image:url(/outnet/build_8.14/images/global/border_small_vertical.gif); background-position: right; background-repeat:repeat-y; display:block;}
.dotted-border-left{background-image:url(/outnet/build_8.14/images/global/border_small_vertical.gif); background-position: left; background-repeat:repeat-y; display:block;}
.dotted-border-grey-right{background-image:url(/outnet/build_8.14/images/global/border_small_grey_vertical.gif); background-position: right; background-repeat:repeat-y; display:block;}
.icon{ float:left; margin-right:5px; margin-bottom:10px;}

/* ---------------- PRICES ------------------------------*/
.discounted{ font-size:110%;}
.price-now{color:#FA9D31; text-transform:uppercase;font-weight:bold;}
.price-outnet{color:#FA9D31; font-weight:bold;}
.prices-all{font-size:120%; display:block;}
.prices-all span{margin-right:10px;}

/* ---------------- BREADCRUMBS -------------------------*/
.designer{font-weight:bold; padding-top:10px;}
#breadcrumbs .current{font-weight:bold;}
#breadcrumbs{font-size:90%;text-transform:lowercase; height:20px;}

/* ---------------- BORDERS - default border - for curved corners with a thin grey border ---------------------*/
.bl {background: url(/outnet/build_8.14/images/global/bl.gif) 0 100% no-repeat}
.br {background: url(/outnet/build_8.14/images/global/br.gif) 100% 100% no-repeat}
.tl {background: url(/outnet/build_8.14/images/global/tl.gif) 0 0 no-repeat}
.tr {background: url(/outnet/build_8.14/images/global/tr.gif) 100% 0 no-repeat; padding:10px}
.solid-bl {background: url(/outnet/build_8.14/images/events/no_border/bl.gif) 0 100% no-repeat !important;}
.solid-br {background: url(/outnet/build_8.14/images/events/no_border/br.gif) 100% 100% no-repeat !important;}
.solid-tl {background: url(/outnet/build_8.14/images/events/no_border/tl.gif) 0 0 no-repeat !important;}
.solid-tr {background: url(/outnet/build_8.14/images/events/no_border/tr.gif) 100% 0 no-repeat !important; padding:0;}
.t{background: url(/outnet/build_8.14/images/global/dot.gif) 0 0 repeat-x; padding-bottom:1px;}
.b {background: url(/outnet/build_8.14/images/global/dot.gif) 0 100% repeat-x}
.l {background: url(/outnet/build_8.14/images/global/dot.gif) 0 0 repeat-y}
.r {background: url(/outnet/build_8.14/images/global/dot.gif) 100% 0 repeat-y}
.error-bl {background: url(/outnet/build_8.14/images/global/orange_border/bl.gif) 0 100% no-repeat !important;}
.error-br {background: url(/outnet/build_8.14/images/global/orange_border/br.gif) 100% 100% no-repeat !important;}
.error-tl {background: url(/outnet/build_8.14/images/global/orange_border/tl.gif) 0 0 no-repeat !important;}
.error-tr {background: url(/outnet/build_8.14/images/global/orange_border/tr.gif) 100% 0 no-repeat !important; padding:0;}
.error-t{background: url(/outnet/build_8.14/images/global/orange_border/dot.gif) 0 0 repeat-x; padding-bottom:1px;}
.error-b {background: url(/outnet/build_8.14/images/global/orange_border/dot.gif) 0 100% repeat-x}
.error-l {background: url(/outnet/build_8.14/images/global/orange_border/dot.gif) 0 0 repeat-y}
.error-r {background: url(/outnet/build_8.14/images/global/orange_border/dot.gif) 100% 0 repeat-y}
.unbold{ font-weight:normal;}
.clear{clear:both;}
#advertising-space {float:right; width:120px; font-size:90%;}
/* Sub-navigation */
#sub-navigation {float:left; padding-bottom:250px; padding-top:2px; width:175px;}
#sub-navigation ul#main-nav li, #my-account #sub-navigation h3{background-color:#F0EFF0; padding:5px 10px; margin-bottom:1px;}
#sub-navigation ul#main-nav li a{display:block;}
#sub-navigation ul#main-nav li.selected, #sub-navigation ul#main-nav li.selected a, #sub-navigation ul#main-nav li.selected a:hover{background-color:#FA9D31;color:#F0EFF0;}
#my-account #sub-navigation h3{font-size:100%;}
#my-account #sub-navigation h3 a{display:block;}
.error-left{background:url(/outnet/build_8.14/images/global/error_left.gif); background-repeat:no-repeat; padding-left:12px; float:left;}
.error-right{background:url(/outnet/build_8.14/images/global/error_right.gif); background-repeat:no-repeat; background-position:right; padding-right:12px; float:left;}
.error-right p{border-left: solid 2px #FA9D31; border-top: solid 2px #FA9D31; border-bottom: solid 2px #FA9D31; height:15px; padding:2px; background-color:#FFF;}
.error-left p{border-right: solid 2px #FA9D31; border-top: solid 2px #FA9D31; border-bottom: solid 2px #FA9D31; height:15px; padding:2px; background-color:#FFF;}
.error{color:#FA9D31; font-weight:bold; height:auto !important; padding:5px 0;}
form span.errorAsterix{float:left; width:11px; height:11px; margin:3px; background:url(/outnet/build_8.14/images/global/orange_error_dot.gif) no-repeat;}

/* ---------------- BORDERS - thick light-grey border - purchase path, tell a friend, larger image etc ---------*/
#purchase-path-main{ float:left; width:745px; padding-right:9px; border-right:solid 1px #ccc; margin-bottom: 10px;}
#purchase-path-main form{clear:both; padding-top:10px;}
.purchase-path-inner{ background-color:#FFF; border:solid 1px #f2f2f2; margin-bottom:20px;}
.purchase-path-holder{background-color:#f2f2f2; clear:both;}
.purchase-path-holder .bl {background: url(/outnet/build_8.14/images/purchase_path/bl.gif) 0 100% no-repeat !important;}
.purchase-path-holder .br {background: url(/outnet/build_8.14/images/purchase_path/br.gif) 100% 100% no-repeat !important ;}
.purchase-path-holder .tl {background: url(/outnet/build_8.14/images/purchase_path/tl.gif) 0 0 no-repeat !important ;}
.purchase-path-holder .tr {background: url(/outnet/build_8.14/images/purchase_path/tr.gif) 100% 0 no-repeat !important; padding:20px;}
.purchase-path-holder .tr iframe {margin-top:-6px; background-color:transparent; margin-right:22px;}
.purchase-path-holder .tr iframe.large-image-iframe {margin-top:-36px;}
.purchase-path-holder .solid-tr {padding:15px;}
.purchase-path-holder .last{margin-bottom:0;}

/* ---------------- SPRITES ----------------------------*/
.email{background:url(/outnet/build_8.14/images/global/sprite.gif) no-repeat; background-position:2px -68px; padding-left:30px;}
.email:hover{background-position:2px -98px;}
.print{background:url(/outnet/build_8.14/images/global/sprite.gif) no-repeat; background-position:2px -310px; padding-left:30px;}
.print:hover{background-position:1px -339px;}
.email-grey{background:url(/outnet/build_8.14/images/global/sprite.gif) no-repeat; background-position:-5px -365px; padding-left:25px;}
.email-grey:hover{background-position:-5px -395px;}
.print-grey{background:url(/outnet/build_8.14/images/global/sprite.gif) no-repeat; background-position:-5px -425px; padding-left:25px;}
.print-grey:hover{background-position:-5px -455px;}
.bookmark{background:url(/outnet/build_8.14/images/global/sprite.gif) no-repeat; background-position:-5px -518px; padding-left:25px; padding-bottom:4px;}
.bookmark:hover{background-position:-5px -578px;}
.hanger{background-image:url(/outnet/build_8.14/images/global/sprite.gif); background-repeat:no-repeat; background-position:-4px -603px; padding:7px 0 0 32px;}
.hanger:hover{ background-position:-4px -633px;}

/* ---------------- PAGE CONTAINER -------------------*/
#outnet{width:960px; margin:0 auto; background-color:#ededed;}/*main holder div - contains header, content, footer*/
#content{ clear:both; padding:10px 10px 0 15px; width:935px; float:left; background-color:#FFF; min-height:620px; height:auto !important; height:610px;}/*contains everything within header and footer*/

/* ---------------- HEADER ---------------------------*/
.header-background{background-color:#ededed; background-image:none; font-size:70%;}
.logo{position:absolute; left:0; top:0;}
.logo.printversion{display:none}
#header {height:115px; width:960px; position:relative; float:left; z-index:100000;}
#header-info li{display:inline;}
#header-info #thumbnails li{margin:0; float:left; height:65px; background-color:#FFF;}
#header-info #thumbnails img{margin-right:5px; width:33px; height:50px; margin:7px;}
#header-welcome{ float:left; margin:10px;}
#header-info{float:right;}
#header-info #shopping-bag{ float:right; padding:0 5px; height:25px; margin-left:15px;}
#header-info #shopping-bag #bag{ float:left; margin-right:5px;}
#header-info #shopping-bag .checkout{position:relative; top:5px;}
#header-info #thumbnails{float:right;}
#header-info #thumbnails-holder{clear:both; width:376px; float:right;}
#header-info #message{margin-top:14px; float:right;}
#welcome{float:left; padding-left:1px;}/*ie6 fix*/
#account{margin-top:10px; float:right;}
#account form{display:inline;}
#account a{margin:0 5px;}
#search {float:right; margin-top:3px; width:200px;}
#search .search-button{ float:left; margin:0 3px;}
#search form{float:right;}
#search input{width:120px; float:left;}
#search input.search-button{width:66px;}
.bag-items{ position:relative; top:-6px; cursor:pointer;}
#iframe-holder{ margin-left:110px; width:850px; height:90px;}

.hovered {background:#fff;}
#top-nav #nav li.main-menu div iframe.ie6-mask {display:none;}
#top-nav{background-color:#e2e2e2; padding-left:110px; width:850px; float:left; font-size:110%; font-weight:bold;}
#top-nav ul{text-align: center; float:left; height:25px;}
#top-nav a{ padding:5px 13px 4px; position: relative; font-size:13px; display:block; top:auto;}
#top-nav a:hover {background:#fff; color:#FA9D31;}
#top-nav #nav li.main-menu {position:relative; height:25px; float: left;}
#top-nav #nav li.main-menu iframe {display:none;}
#top-nav #nav li.main-menu div {position:absolute; top:25px; left:-2px; border:2px solid #e2e2e2; border-top:none; background:#fff; z-index:5000; display:none; padding-bottom:10px;}
#top-nav #nav li.main-menu div#just-in-menu {width:140px;}
#top-nav #nav li.main-menu div#designers-menu {width:140px;}
/*no bold for "all"*/
#top-nav #nav li.main-menu div#designers-menu a, #top-nav #nav li.main-menu div#just-in-menu a {padding:0px 13px 0px; font-weight:normal;}
#top-nav #nav li.main-menu div#designers-menu li.hilite a, #top-nav #nav li.main-menu div#just-in-menu li.hilite a {font-weight:bold; padding-top:6px; color:#696969;}
#top-nav #nav li.main-menu div#designers-menu li.hilite a:hover, #top-nav #nav li.main-menu div#just-in-menu li.hilite a:hover {color:#FA9D31;}
#top-nav #nav li.main-menu div#clothing-menu {width:550px; left:-155px;}
#top-nav #nav li.main-menu div#bags-menu {width:140px;}
#top-nav #nav li.main-menu div#shoes-menu {width:140px;}
#top-nav #nav li.main-menu div#accessories-menu {width:330px;}
#top-nav #nav li.main-menu div#flash-sales-menu {width:180px; left:-86px;}
#top-nav #nav li.main-menu div#dress-me-menu {width:390px; left:-308px;}
#top-nav #nav li.main-menu div#dress-me-menu ul {padding-top:5px;}
#top-nav #nav li.main-menu div#dress-me-menu span, #top-nav #nav li.main-menu div#flash-sales-menu span, #top-nav #nav li.main-menu div#designers-menu span {padding-left:13px; font-size:85%; color:#696969; display:block; padding-top:5px;}
#top-nav #nav li.main-menu div ul {height:auto; overflow:hidden; text-align:left; float:left; white-space:nowrap; margin:5px 0px;}
#top-nav #nav li.main-menu div ul.level-three {margin-top:10px;}
#top-nav #nav li.main-menu div li {overflow:hidden; display:inline;}
#top-nav #nav li.main-menu div li.selected.upcoming-title {display:block; padding-top:15px;}
#top-nav #nav li.main-menu div li a {color:#4d4d4d; font-weight:normal; top:0px; overflow:hidden; display:block; font-weight:normal; padding:0px 13px 0px; font-size:85%; margin:2px 0 2px 0;}
#top-nav #nav li.main-menu div li a:hover {color:#FA9D31;}
#top-nav #nav li.main-menu div li.selected a {font-weight:bold; padding:5px 13px 0px 13px;}
#top-nav #nav li.main-menu div li.last {margin-bottom:10px;}

/* ---------------- FOOTER ----------------------------*/
#footer{clear:both; padding:10px; width:941px; background-color:#E9E9E9; font-size:95%;}
#footer ul{float:left; margin-bottom:5px;}
.footer-header{ font-weight:bold; font-size:120%;}
#copyright{float:left; margin:15px 0 0 20px;}
#copyright a.first{border-left: none; padding-left:0;}
#copyright li{float: left; padding-right:10px;}
#copyright a{ border-left: solid 1px #666; padding-left:10px;}
.fat-footer{ width:114px; padding:0 13px;}
#sign-up{ padding-right:15px; float:right; width:350px;}
#footer .signup-button{position: relative; top:5px;}

/*circles*/
#circle-links div{float:left; padding-top: 52px; font-size:130%; height:80px; width:129px;}
#circle-links{font-size:120%; margin-left:250px; padding-bottom:100px; padding-top:7px; width:500px;}
#circle-links a{color:#454545}
#circle-links .designers a{margin-left:22px;}
#circle-links .clothing a{margin-left:30px;}
#circle-links .shoes a{margin-left:37px;}
#circle-links .accessories a{margin-left:11px;}
#circle-links .bags a{margin-left:43px;}
#circle-links .flash-sales a{margin-left:18px;}
.pink-circle{background:url(/outnet/build_8.14/images/global/pink_circle.gif) no-repeat;}
.yellow-circle{background:url(/outnet/build_8.14/images/global/yellow_circle.gif) no-repeat;}
#circle-links .pink-circle a:hover{color:#ffffff;}
#circle-links .yellow-circle a:hover{color:#959595;}
#circle-links h1{ margin-bottom:5px;}
#circle-links .exclamation{ font-size:230%; padding-right:15px;}

/*error 404*/
.error-404 #circle-links{padding-top:27px}
.error-404 #circle-links p{padding-bottom:20px}
.error-404 #circle-links h1{padding-bottom:15px}

/* Arrows on event and product carousel */
#arrow-spacer {width:60px; height:10px; float:left; margin-top:30px;}

/* Pop up */
.popup{padding:15px;}
.popup .close{background-position:right; background-image:url(/outnet/build_8.14/images/buttons/x.gif); background-repeat:no-repeat; padding:2px 26px 2px 0; float:right; text-transform:uppercase; position:relative; left:10px; cursor:pointer;}

/* to make the footer stick to the bottom of the window - when tested these styles can be integrated
html, body, #outnet {height: 100%;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -130px;}
#outnet #footer, .push {height: 130px; padding:0; width:auto;}
#footer-wrapper{margin:10px;}*/
*/

.email-text {display:none;}

/*padding removed on editorial pages*/
.editorial #content{ padding:0; width:960px; height:auto !important; min-height:630px;}