/* -------------------- PRODUCT ---------------------*/
#product-images, #product-info{float:left; padding-bottom:10px;}
#product-images{width:510px; position:relative;}
#product-info{width:390px;position:relative;}
#medium-image-container{position:relative; margin: 20px 0 10px 132px; clear:both; width:230px; height:345px;}
#large-image .slug{ margin-bottom:295px;}
#product-links{margin:0 0 20px 110px; text-transform:uppercase;}
#product-links .rollover{ float:left; padding-top:5px; width:110px;}
#product-links .spot{ position:relative; top:2px;}
#product-links .full-size{ position:relative; left:4px; top:-2px;}
.outline-spot{float:left;}
#view-more{clear:both; margin-left:-10px; margin-top:10px; text-transform:uppercase;}
/*#view-more li{float:left;}*/
#view-more li a{padding-left:25px; background-image:url(/outnet/build_8.14/images/global/sprite.gif); background-repeat:no-repeat; background-position:2px -38px;}
#view-more li a:hover{background-position:2px -8px;}
.proceed{ padding-bottom:6px;}

/*---------------------- ZOOM ---------------------*/
/*div containing xlarge image*/
#zoom-box{height:412px; width:390px; background-color:#FFFFFF; margin-top:10px; overflow:hidden;visibility:hidden; position:absolute; top:-1px; left:0px; z-index:50;}
#zoom-box-overlay {background:url(/outnet/build_8.14/images/product_page/zoom_box_mask.png) top left no-repeat transparent; z-index:100; height:100%; width:100%; position:absolute; top:0; left:0;}

/*xlarge image*/
#zoom-image{position:relative; visibility:hidden; top:200px;left:0; z-index:10;}
#zoomWindowBoxInner{width:100%; height:100%; background-color: transparent; cursor:crosshair;}
#zoomWindowBox{position: absolute; left: 0px; top: 0px; border:0 none; visibility:hidden; background:url(/outnet/build_8.14/images/product_page/zoom_marker_mask.png) transparent top left no-repeat;}
/*large image lightbox*/
#myLightbox{ display:none;}

/*---------------------- scroll thumbnails ---------------------*/
#up-arrow, #down-arrow{ float:left; margin-top:30px;}
#thumbnail-container{margin-left:27px;}
#thumbnails-mask{position:relative; overflow:hidden; width:355px; height:84px; padding-top:10px; margin:0 15px; float:left;}
#thumbnails-container img{position:absolute; cursor:pointer;}

/*---------------------- recently viewed ---------------------*/
#up-arrow-viewed, #down-arrow-viewed{ float:left; margin-top:30px;}
#recently-viewed-container{margin-left:27px;}
#recently-viewed-mask{position:relative; overflow:hidden; width:355px; height:84px; padding-top:10px; margin:0 15px; float:left;}
#viewed-container img{position:absolute; cursor:pointer;}

/* -------------------- YOU MAY ALSO LIKE -----------*/
#up-arrow-like{ position:absolute; top:30px; left:35px; background-image:url(/outnet/build_8.14/images/product_page/left_arrow_off.gif); height:30px; width:30px; margin-top:50px;}
#up-arrow-like:hover{background-image:url(/outnet/build_8.14/images/product_page/left_arrow_on.gif);}
#down-arrow-like{ position:absolute; top:30px; left:35px; background-image:url(/outnet/build_8.14/images/product_page/right_arrow_off.gif); height:30px; width:30px; margin-top:50px;}
#down-arrow-like:hover{background-image:url(/outnet/build_8.14/images/product_page/right_arrow_on.gif);}

#also-like .disabled-arrow:hover, #also-like .disabled-arrow{background-image:none;}

#down-arrow-like{ position:absolute; top:30px; left:880px;}
#also-like{background-color:#FFF; clear:both; font-size:120%; font-weight:bold; padding:10px 0 0 10px; position:relative; top:30px; display:none;}
#also-like-mask{margin-left:60px; margin-top:10px; font-size:90%; font-weight:normal; height:195px; overflow:hidden; position:relative; width:800px;overflow:hidden; position:relative;}
#also-like-mask a{color:#454545; width:160px; width:180px; position:absolute; text-align:center;}
#also-like img {margin-bottom:5px;}
#also-like .prices-all, #also-like .designer-on, #also-like .designer-off{padding-left:10px; text-align:left !important;}
.designer-on{background-image:url(/outnet/build_8.14/images/global/border_small_on.gif); background-repeat: no-repeat; background-position:top center; display:block;font-weight:bold; padding-top:10px;}
.designer-off{background-image:url(/outnet/build_8.14/images/global/border_small.gif); background-repeat: no-repeat; background-position:top center; display:block;font-weight:bold; padding-top:10px;}
#also-like .prices-all{font-size:110%; left: 0px; position: absolute; padding-left:10px;}
#also-like .arrow{margin-top:45px;}

/*--------------------COLOURS -----------------------*/
#colours{background-color:#ededed; padding:5px 12px; margin-top:5px;}
#swatch-color{ text-transform:capitalize;}

/* ------------------- DETAILS ----------------------*/
.product-description, .product-code{height:auto;}

/* -------------------- SIZES -----------------------*/
#size { background-color:#ededed; padding:5px 12px; margin:5px 0px; float:left; position:relative; width:366px;}
#size #convert-size-link{display:block; float:left; margin: 2px;}
#sizes{ float:left; width:100%;}
#sizes label.selected {border: solid 2px #FA9D31; padding:1px 0; margin-left:1px; margin-right:1px;}
#sizes li{float:left;}
#sizes li input{ display:block; margin-left:20px; height:20px;}
#sizes li label{ display:block;}
#sizes label{background-color:#FFFFFF; border: solid 1px #666666; text-align:center; margin:2px; width:55px; float:left; padding:2px 0; font-size:90%; cursor:pointer;}
#sizes label.sold-out{background:url(/outnet/build_8.14/images/product_page/sold_out.gif) #FFFFFF; cursor:default; margin-top:22px;}
#sizes label.sold-out span{font-weight:normal;}
#sizes.script-loaded input { position:absolute; left:-2000px;}
#sizes.script-loaded label.sold-out{ margin-top:2px;} 
#sizes.script-loaded li input{height:auto;} 

#size-conversion{background-image:url(/outnet/build_8.14/images/global/sprite.gif); background-repeat:no-repeat; background-position:2px -246px; padding:7px 0 0 32px;float:right; text-transform:uppercase; font-size:90%;}
#size a:hover{ background-position:2px -276px;}
.choose-size {float: left; font-weight:bold; padding-top:5px;}
.size-charts{padding-left:2px;}
#size-fit ul{ list-style-type:disc; margin:10px 0 10px 15px;}

/* --------------------- TABS -----------------------*/
#tabs{margin-top:15px}
.product-page #tab-buttons{ width:100%; float:left; background-color: #999;}
.product-page #tab-buttons.selected{ background-color: #ededed;}
.product-page #tab-buttons div{float:left; font-weight:bold; cursor:pointer; text-transform:uppercase; width:130px;}
.product-page #tabs #tab-buttons .selected{background-color:#ededed;}
.product-page #tabs #tab-buttons .selected span{color:#454545;}
.product-page #tabs #tab-buttons span{color:#f0f0f0;}
.product-page #tabs #tab-buttons div {padding:2px 0;}
.product-page #details-tab span{padding:0 60px 0 13px; display:block;}
.product-page #size-fit-tab span{padding:0 60px 0 9px; display:block;}
.product-page #designer-tab span{padding:0 25px 0 9px; display:block;}
.product-page #details-tab{background:url(/outnet/build_8.14/images/product_page/left_tab_curve_on.gif) no-repeat;}
.product-page #details-tab.selected{background:url(/outnet/build_8.14/images/product_page/left_tab_curve_off.gif) no-repeat;}
.product-page #designer-tab{background:url(/outnet/build_8.14/images/product_page/right_tab_curve_on.gif) no-repeat right top;}
.product-page #designer-tab.selected{ background: url(/outnet/build_8.14/images/product_page/right_tab_curve_off.gif) no-repeat right top;}
.product-code{margin-top:10px;}
.description{list-style:disc;}
.product-page #product-info #designer, .product-page #product-info #size-fit, .product-page #product-info #details{background-color:#ededed; padding:10px 12px;}
.description-links {margin-top:10px; list-style:disc;}
.description-links a {font-weight:bold}
#size-fit{display:none;}
#designer{display:none;}
/*2 tab styles*/
.product-page #tab-buttons.two-tabs div{width:195px;}
.product-page .two-tabs #size-fit-tab{background:url(/outnet/build_8.14/images/product_page/right_tab_curve_on.gif) no-repeat right top;}
.product-page .two-tabs #size-fit-tab.selected{ background: url(/outnet/build_8.14/images/product_page/right_tab_curve_off.gif) no-repeat right top;}

/* --------------------- GLOBAL -----------------------*/
#add-to-bag{margin-top:20px; float:left;}
#purchase-now img{margin-left:20px; margin-top:20px;}
#marketing-area{margin:20px 0 10px 0; text-transform:uppercase; position:relative; background:url(/outnet/build_8.14/images/product_page/friend.jpg) no-repeat; height:30px; padding-top:5px;}
#marketing-area a{font-size:90%; margin-right:20px;}
#roll-out-of-zoom-text{display: none;}
.sold-out{font-size:120%; font-weight:normal; width:310px; padding-top:10px;}
.not-available{font-size:120%; font-weight:normal; width:334px; padding-top:10px;}
.sold-out .error-tr{padding:7px 15px;}
.not-available .error-tr{padding:7px 15px;}
.error-right.size{top:11px; left:-125px; position:absolute; width:116px; z-index:1000;}
.error-left.add-bag{margin:12px 0 0 10px;}
h1{font-size:170%; font-weight:bold; margin-top:10px;}
#price{margin-top:3px;}
#zoom-text {cursor:pointer; padding-left:5px;}
#zoom-text:hover {color:#FA9D31;}
#product-info .slug {margin-top:5px; display:block;}

/*footer fix*/
.product-footer-fix{ clear:both; height:90px;}

/*hidden items for print*/
#notes{ display: none;}
#print-footer{ display: none;}
#tabs h2{ display:none;}

#tell-a-friend-link{text-transform:uppercase; padding:0 0 0 20px; margin-right:20px; background:none;}
a#earn-credit-link {text-transform:capitalize; position:absolute; left:20px; bottom:2px; font-size:80%;}
/* Social bookmarking tool styles */

#add-bookmark-link{text-transform:uppercase; background:url(/outnet/build_8.14/images/product_page/share.jpg) no-repeat; padding:5px 0 0 30px; position:relative;}
#add-bookmark-container {background:url(/outnet/build_8.14/images/product_page/share_shadow.jpg); background-repeat:no-repeat; width:132px; height:42px; position:absolute; top:20px; left:0px;}
.add-bookmark-list {padding:5px;}
.add-bookmark-list div {height:20px; float:left; margin:5px; width:18px;}
.add-bookmark-list div span {cursor:pointer; display:block; height:16px;}

