@font-face{font-family:"HelveticaNeueETW01-45Lt";src:url("/data/Fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-45Lt";src:url("/data/Fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?iefix"); src:url("/data/Fonts/d7d2e6c6-fc3a-41a5-9b52-648e12e215b2.woff") format("woff"),url("/data/Fonts/cb64744b-d0f7-4ef8-a790-b60d6e3e4f21.ttf") format("truetype"),url("/data/Fonts/ccde919e-a712-41ef-b90f-9efc47661659.svg#ccde919e-a712-41ef-b90f-9efc47661659") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-46Lt";src:url("/data/Fonts/fc780ce0-5b33-4e1d-b89b-66111a4d0ed8.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-46Lt";src:url("/data/Fonts/fc780ce0-5b33-4e1d-b89b-66111a4d0ed8.eot?iefix");src:url("/data/Fonts/2731e338-d92f-4492-8480-8b55ae1139f6.woff") format("woff"),url("/data/Fonts/40e43cb5-d6b2-4ceb-b369-527d1007a2c7.ttf") format("truetype"),url("/data/Fonts/c1993d56-4077-454a-8b19-635fa5a39532.svg#c1993d56-4077-454a-8b19-635fa5a39532") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-55Rg";src:url("/data/Fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-55Rg";src:url("/data/Fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?iefix");src:url("/data/Fonts/ce6f5b38-1cb5-4a27-8182-583aa68b2436.woff") format("woff"),url("/data/Fonts/ff06cde7-e06a-4cf0-af4d-5b2f737bf544.ttf") format("truetype"),url("/data/Fonts/958b12cf-2908-4254-8cb9-9b12c3aa151e.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-56It";src:url("/data/Fonts/5935d076-bd6d-4ca4-b995-d739ffa09754.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-56It";src:url("/data/Fonts/5935d076-bd6d-4ca4-b995-d739ffa09754.eot?iefix");src:url("/data/Fonts/4d65bb6f-e667-4bd0-8e92-34e67bf6ac8b.woff") format("woff"),url("/data/Fonts/86631d82-6e27-4db2-988a-6b79a6c0d8ed.ttf") format("truetype"),url("/data/Fonts/205c950e-e47f-4d97-9738-0a68edc4258d.svg#205c950e-e47f-4d97-9738-0a68edc4258d") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-65Md";src:url("/data/Fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-65Md";src:url("/data/Fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?iefix");src:url("/data/Fonts/07173950-fa69-4b65-9c71-0cf2ec00b51d.woff") format("woff"),url("/data/Fonts/aac5a4b8-ffd3-4529-a098-21b91bc86f9a.ttf") format("truetype"),url("/data/Fonts/2379b081-2371-47d9-8be9-4e39d7892ebf.svg#2379b081-2371-47d9-8be9-4e39d7892ebf") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-66Md";src:url("/data/Fonts/4da0f075-0a40-4129-a4df-43aa140d94b0.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-66Md";src:url("/data/Fonts/4da0f075-0a40-4129-a4df-43aa140d94b0.eot?iefix");src:url("/data/Fonts/2620c12a-dedb-4d35-8f4c-b951dcc1d4df.woff") format("woff"),url("/data/Fonts/ae4300e1-4ab3-46c8-b619-0d142d97522c.ttf") format("truetype"),url("/data/Fonts/4e787888-465d-4004-b616-6565e88fbe50.svg#4e787888-465d-4004-b616-6565e88fbe50") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-75Bd";src:url("/data/Fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-75Bd";src:url("/data/Fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?iefix");src:url("/data/Fonts/588c9ba8-1d28-4ad6-bf18-7128152d84c4.woff") format("woff"),url("/data/Fonts/55334dfb-9c72-4147-8de0-21239f17ff25.ttf") format("truetype"),url("/data/Fonts/62455047-c81f-44f1-8938-7739fa0f0e8d.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg");}
@font-face{font-family:"HelveticaNeueETW01-76Bd";src:url("/data/Fonts/a48e33d0-3542-482d-9284-e41d31c4d583.eot?iefix") format("eot");}
@font-face{font-family:"HelveticaNeueETW01-76Bd";src:url("/data/Fonts/a48e33d0-3542-482d-9284-e41d31c4d583.eot?iefix");src:url("/data/Fonts/9b77b336-b221-497e-b255-7833856bb4a9.woff") format("woff"),url("/data/Fonts/5c9a7798-4870-4139-ab84-7a300a7dc3e1.ttf") format("truetype"),url("/data/Fonts/3b59e91c-919a-4e7a-9ada-8c73b3378f03.svg#3b59e91c-919a-4e7a-9ada-8c73b3378f03") format("svg");}


html{ margin:0;padding:0;height:100%; width:100%; }
body{ margin:0;padding:0;height:100%; width:100%; font-family:Helvetica, Arial, sans-serif; font-size:12px;  color:#676667; }

/*********************************************************************************/
/*********************** basic header footer content layout **********************/
/*********************************************************************************/


#Header{position:fixed; top:0; left:0; z-index:121; width:100%;}
#Header .innerWrap{ height:50px; background:#000; }
#Header .innerWrap .inner{ margin: 0 auto; position: relative; width: 980px; }

#Header #Logo{ float:left; margin-top:8px; margin-left:5px;}
#Header #Logo a {  }
#Header #Logo a span{ display:none; }
#Header #SocialLinkWrapper{/* background:url(/images/workshop/fb_clear.png) no-repeat 0 0;*/width:113px; height:30px; top:10px; right:0px; position:absolute; overflow:hidden;}
#Header #SocialLinkWrapper a{display:block;width:26px; height:26px; float:left; margin-left:2px; background:url(/images/icons/social.gif) no-repeat;}

#Header #SocialLinkWrapper a.facebookLink { background-position:0px 0px; }
#Header #SocialLinkWrapper a.instaLink { background-position:0px -23px; }
#Header #SocialLinkWrapper a.vimeoLink { background-position:0px -48px; }
#Header #SocialLinkWrapper a.tumblrLink{background-position:-4px -74px;}

#Header .playlist{display:none;}

#Header .facebook{ background:url(/images/workshop/fb_clear.png) no-repeat 0 0; width:35px; height:32px; display:block; }

#PageWrapper #Content{padding:50px 0; margin-bottom:20px;}
#Content{margin-bottom:0;}
#Content .inner{ position:relative; width:960px; padding:0 10px; margin:0;   }
#Content .inner{ min-height:400px; height: auto !important; height:400px; }

#Footer{ bottom: 0; left: 0; position: fixed; width: 100%; z-index: 120;}
#Footer .innerWrap{ height:50px; background:#000; }
#Footer .innerWrap .inner{ margin: 0 auto; padding: 10px 0 5px; width: 980px; }

#Header, #Content, #Footer{ clear:both; }

#PlayerControl{ position:absolute; top:50px; background:url(/images/workshop/bg-player.png) 0 0; width:410px; height:71px; display:none; }
#PlayerControl.first{ display:block; }
#PlayerControl .player-ui{ padding: 0px 10px 0 10px;}
#PlayerControl .controls{ width:100px; height:30px; position:relative; float:left; margin-top:23px; }
#PlayerControl .controls span{ cursor:pointer; background:url(/images/workshop/player-sprite.png) no-repeat; display:block; width:25px; height:25px; position:absolute; text-indent:-999px; overflow:hidden; }
#PlayerControl .controls span.back{}
#PlayerControl .controls span.pause{ background-position: -34px 0; left:34px; }
#PlayerControl .controls span.paused{ background-position: -34px -30px; left:34px; }
#PlayerControl .controls span.next{ background-position: -69px 0; left:69px; }
#PlayerControl .info{ float:left; width:270px; margin-left:15px; overflow:hidden; position:relative; }
#PlayerControl .info .text{ float:left; width:200px; font-size:10px; color:#fff; padding-top:6px; }
#PlayerControl .info .text span{ display:block;}
#PlayerControl .info .image{ width:56px; float:right; position:relative; padding-top:0px; }
#PlayerControl .info .track{ overflow:hidden;}
#PlayerControl .info .moreInfo{ float:right; text-decoration:underline; color:#fff !important; white-space:nowrap; }
#PlayerControl .info label{ float:left; white-space:nowrap; }
#PlayerControl .slideWrapper{ padding:10px 70px 0px 4px; }
#PlayerControl .slideWrapper a{ padding:0 ; }


a{ color:#333;}
h1,h2,h3,h4,h5, .title{   }

/* sprite */
#ProductDetails .skuSelection .colourSelection a, .skuSelection .sizeSelection a, #Zoom, .selectors .selection a{ }

/* text colour */
h1,h2,h3,h4,h5, #BreadCrumb span.breadcrumb, #BreadCrumb a, #RelatedProducts .price, .cartTitle, .cartEmpty, .title, .voucherInner span.message { color:#000; } 

/* background & border colour */
#TabSystem div.tab,#CheckoutLogin .existingCustomer,#CheckoutLogin .newCustomer,#CheckoutSummary,#CheckoutPayment,#CheckoutAddressDetails{ border:none; }



/****************************** footer ******************************/
#Footer .nav{ text-align:center; }
#Footer .nav a{ color:#fff; text-decoration:none; text-transform:lowercase; text-decoration:none; }
#Footer .nav a:hover{ color:#595959; }
#Footer .nav .seperator{ padding:5px 12px;}
#Footer .site{ float:right;}
#Footer .inner{ padding:10px 0 5px 0; overflow:hidden; }
#Footer .youtube, #Footer .facebook, #Footer .twitter{ background:url(/images/icons/social.png) no-repeat -24px -28px; padding-left:24px; padding-top:4px;  }
#Footer .facebook:hover{ background-position:-24px 0; }
#Footer .twitter{ background-position:0 -28px; }
#Footer .twitter:hover{ background-position:0 0; }
#Footer .youtube:hover{ background:none; }
#Footer .youtube{ display:none; }
#Footer .content{ width:995px; margin:auto; line-height:11px; font-size:11px;}
#Footer .content .site{ float:left; margin-right:15px; margin-left:5px;color:#595959; }
#Footer .content .creator{ float:right; margin-right:5px;}
#Footer .content .creator a{ color:#595959; text-decoration:none; }
#Footer .sec2 .content{ width:auto;}
#Footer .sec2 .con2 img{ margin-top:10px;}
#Footer .newsletterSignUp{ width:370px; overflow:hidden;   float:left;}
#Footer .newsletterSignUp .title{ font-size:11px; float:left; line-height:20px; margin-right:10px;}
#Footer .newsletterSignUp .text{ width:175px; }
#Footer .newsletterSignUp span.label{ display:none; }
#Footer .newsletterSignUp div.email{ width:188px; float:left; }
#Footer .newsletterSignUp div.actions{ float:left; }


#SearchWrapper{ top:70px; right:0; width:302px; position:absolute; }

/* background & border colour */
#TabSystem div.tab,#CheckoutLogin .existingCustomer,#CheckoutLogin .newCustomer,#CheckoutSummary  {background:none;border:none;}


/*********************************************************************************/
/********************************* components ************************************/
/*********************************************************************************/


/****************************** css / pager modifer ******************************/
div.cssChanger{ position:fixed; right:5px; top:5px; z-index:5000; background:url(/images/icons/opacity90.png); border:solid 1px #ccc; padding:3px; padding:10px; border: solid 1px #ccc; }
div.cssChanger a.btnAction{ padding:0 5px; }
div.cssChanger a.btnAction:hover{ text-decoration:underline;}
div.cssChanger.modified{ border:solid 1px #F00; }
div.cssChanger.modified .btnAction, div.cssChanger.modified .btnAction span{ color:#F00;}

/****************************** login box ******************************/
#LoginBox .message{ color:#f00; }
#LoginBox .tblLogin td.forgot input { display: none; }
#LoginBox .tblLogin td.forgot { text-align: left; }
#LoginBox .tblLogin td.login { text-align: right; }
#LoginBox .tblLogin td.login a.btnAction{ float:right;}
#LoginBox .tblLogin .forgot input { display:none; }
#LoginBox td.field{ width:255px;}
#LoginBox input.text{ width:250px;}
#LoginBox #RegisterLink{ padding-bottom:10px;}

/****************************** panel loader ******************************/
.panelLoader{ margin:0 0 10px 0; background:#969696; padding:5px 25px; border-radius:5px; border:solid 1px #000; }
.panelLoader *{ color:#fff; }
.panelLoader a.view{ background:url(/images/icons/magnifier.png) no-repeat 0 0; font-size: 0; left: 7px; line-height: 0; padding: 16px 16px 0; position: relative; top: 4px; }
.panelLoader p{ font-weight:bold; color:#fff; }
.panelLoader table{ width:100%; margin-top:10px;  }
.panelLoader table tfoot td{ border:none; }
.panelLoader table tfoot .btnAction{ float:right; }
.panelLoader th{ font-weight:bold;}
.panelLoader .txt { text-align:right; }
.panelLoader td, .panelLoader th{ padding:3px 5px; border-bottom:ridge 2px #B7B7B7; }
.panelLoader td input[type=text]{ width:30px; color:#000; text-align:center; padding:0; }
.panelLoader option,.panelLoader select{ color:#000; }
.panelLoader select{ width:40px; }
.panelLoader .title{ font-size:12px; font-weight:normal; }
.sitePanels.minimised table{ display:none; }
.panelLoader .title .icon{ display:none; float:right; background:none; height:16px; width:16px; text-align:center; line-height:16px; color:#fff; background-color:#000; border-radius:8px; font-size:16px; font-weight:bold; cursor:pointer; }
.sitePanels.minimised .expand{ display:block; }
.sitePanels.expanded .expand{ display:none; }
.sitePanels.expanded .minimise { display:block; line-height: 13px; }
.sitePanels.modified .panelLoader{ border-color:#F00; }
.sitePanels.modified .panelLoader .btnAction{ background:#F00; margin-right:0; }
.sitePanels.modified .panelLoader .btnAction span{ color:#FFF; font-weight:bold; background:none; margin-right:0; }

.sitePanels .panel{ padding-bottom:10px; }
.sitePanels .panel .panelTitle{border:solid 1px #ccc; padding:5px; border-radius:5px 5px 0 0; border-bottom:none; background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent;}
.sitePanels .panel .panelTitle span{ background:url(/images/icons/flag_green.png) no-repeat 5px 0px;  padding-left:30px; text-transform:uppercase; font-weight:bold; display:block; height:16px; line-height:16px; }
.sitePanels .panel .panelText{ padding:5px; border:solid 1px #ccc; padding:5px; border-radius: 0 0 5px 5px; border-top:none;}

.sitePanels .panel.orange .panelTitle span{ background-image:url(/images/icons/flag_orange.png); }
.sitePanels .panel.red .panelTitle span{ background-image:url(/images/icons/flag_red.png); }
.sitePanels .panel.blue .panelTitle span{ background-image:url(/images/icons/flag_blue.png); }
.sitePanels .panel.yellow .panelTitle span{ background-image:url(/images/icons/flag_yellow.png); }
.sitePanels .panel.purple .panelTitle span{ background-image:url(/images/icons/flag_purple.png); }

/***************************** password reset ****************************/
#PasswordReset a.btnAction{ float:right;}
.reset #PasswordReset tr.actions td.label{ background:none;}


/****************************** breadcrumbs ******************************/
#BreadCrumb{ float:none; height:30px; line-height:30px; z-index:10; position:relative; /*width:570px; */  margin-left: 15px; display: inline; }
#BreadCrumb .breadcrumb.first, #BreadCrumb .breadcrumb.header{ display:none;}
#BreadCrumb .breadcrumb{text-decoration:none; font-size:12px; text-transform:lowercase; }
#BreadCrumb span.breadcrumb{ width:20px; padding:0 0 0 3px;  }
#BreadCrumb span.last{ background:none; overflow:visible; text-indent:0; width:auto; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }


/****************************** nav tabs ******************************/
#NavTabs, #NavTabs .loggedIn{}
#NavTabs{ top:0px; left:532px; height:50px; position:absolute; z-index:100; line-height:53px; }
#NavTabs a{ text-decoration:none; color:#fff;}
#NavTabs li{  }
#NavTabs a:hover { color:#595959;}
#NavTabs ul li{ float:left; display:inline; margin:0; zoom:1;  }
#NavTabs ul li{ margin:0 2px 0 0; font-family:Helvetica, Arial, sans-serif; font-size:16px; text-transform:lowercase;}
#NavTabs ul li a{ padding:0 10px 0 12px; }
#NavTabs ul li.one{ }
#NavTabs ul li.wishlist{ display:none;}
#NavTabs ul li.playlist{}
#NavTabs ul li.playlist a.link{ background:url("/images/workshop/arrows_sprite.png") no-repeat scroll 0 23px transparent; height:48px; display:block; padding:0; }
#NavTabs ul li.playlist a.noImage{ background:none; }
#NavTabs ul li.playlist a.hover {background:#292929;border-bottom:2px solid #fff; color:#fff; }
#NavTabs ul li.playlist a.link span{ padding:0 10px 0 12px;}


/****************************** main buttons ******************************/
div a.btnAction,#MainCartNav a.checkout, #MainCartNav a.continue, input.replace, #SideCart .actions a{ background-color:#000; color:#fff; float:left; text-transform:lowercase; text-decoration:none; }
div .btnAction:hover, #MainCartNav a:hover, #SideCart .actions a:hover{ color:#676667;  }
div .btnAction span, #MainCartNav a span, #SideCart .actions a span{ font-weight:bold;font-family:Helvetica, Arial, sans-serif; padding:0 10px; display:block;  float:left; height:30px; line-height:30px; white-space:nowrap; }
div .btnAction:hover span, #MainCartNav a:hover span{ color:#676667; }


/****************************** tab system ******************************/
#TabSystem{ }
#TabSystem #Menu{ height:30px; }
#TabSystem #Menu ul li{  padding:5px 20px 4px; float:left;  border:solid 1px #c1c1c1; border-bottom:none; border-left:none; background-color:#eee; }
#TabSystem #Menu ul li.first{ border-left:solid 1px #c1c1c1; }
#TabSystem #Menu ul li.active{ padding-bottom:5px; background:#fff;  }
#TabSystem #Menu ul li a{ color:#000;  font-size: 12px;  text-decoration:none; }
#TabSystem #Menu ul li a span{ }
#TabSystem #Menu ul li a:hover{  }
#TabSystem #Menu ul li a:active{  }
#TabSystem #Menu ul li.active a.active{  }
#TabSystem div.tab{ padding:11px 24px; min-height:350px;  height:auto !important;  height:350px; display:none; color:#666; border:solid 1px #c1c1c1; }
#TabSystem div.active{ display:block; }

#ProductTabs #TabSystem #Menu{ height:20px;}
#ProductTabs #TabSystem #Menu ul li{ padding: 5px 15px 5px 0; border:none; background:none; }
#ProductTabs #TabSystem #Menu ul li.active a span{  text-decoration:underline; }
#ProductTabs #TabSystem div.tab{ padding:5px 0; background:none; border:none; min-height:70px;  height:auto !important;  height:70px;}

span.error,span.ValidateError, .validationSummary, .errorMessage{ color:#F00;  }
span.error{ padding:5px; font-size:10px; }
p.error{ clear:both; }

/****************************** tool tip ******************************/
#ToolTip {display:block;position:absolute; z-index:10000; background:url(/images/workshop/opacity48-000.png); }
#ToolTip *{   }

/*
#ToolTipTop {background:url("/images/tt_top.gif") no-repeat scroll right top transparent;display:block;height:5px;margin-left:5px;overflow:hidden;}
#ToolTipCont {background:none repeat scroll 0 0 #666666;color:#FFFFFF;display:block;margin-left:5px;padding:2px 12px 3px 7px;}
#ToolTipBot {background:url("/images/tt_bottom.gif") no-repeat scroll right top transparent;display:block;height:5px;margin-left:5px;overflow:hidden;}
*/

/****************************** search box ******************************/
#SearchBox{ height:28px; }
#SearchBox div.field{ float: left; width: 273px; margin-right:0px; height:25px; }
#SearchBox div.actions{ float:left; background-position:right 0; }
#SearchBox div.actions a{ float:left; width:27px; height:21px; background:#000; line-height:21px; text-align:center; text-transform:uppercase; color:#fff; text-decoration:none;  }
#SearchBox div.actions a span {font-weight:bold; }
#SearchBox div.actions a:hover{ background-position:0 -226px; }


/****************************** slippery sidecart ******************************/
#SideCartWrapper{ top:0; right:109px; position:absolute; width:220px; height:50px; }
#SideCart .itemSummary:hover{ background:url(/images/workshop/cart_over.png) no-repeat 130px 0; }
#SideCart .itemSummary:hover a{ color:#fff;}

#SideCart .itemSummary.hovered{ background:url(/images/workshop/cart_over.png) no-repeat 130px 0; }
#SideCart .itemSummary.hovered a{ color:#fff;}

#SideCart{font-weight:normal;font-family:Helvetica, Arial, sans-serif; color:#fff; font-size:14px; text-transform:lowercase; height:50px;  }
#SideCart .itemSummary, #SideCart .emptyMessage{ }
#SideCart .emptyMessage{ }
#SideCart .emptyCart{ float:right; padding-top:17px; padding-right:20px;}
#SideCart .itemSummary{ height:33px; line-height:20px; text-align:right; position:relative; padding-right:20px;padding-top:17px;}
#SideCart .itemSummary a{line-height:20px; padding:0 5px;text-decoration:none; text-transform:lowercase; }
#SideCart .itemSummary *{color:#000; }
#SideCart .itemSummary .count{ font-style:italic; }
#SideCart .itemSummary .count span{ padding:0 10px 0 5px; }
#SideCart .itemSummary .count label{ font-weight:bold; font-style:normal; font-weight:normal;font-family:Helvetica, Arial, sans-serif;}
#SideCart .itemSummary .price{ display:none;}

#SideCart .itemSummary a, #SideCart .itemSummary a span{ font-weight:normal;font-family:Helvetica, Arial, sans-serif; }
#SideCart .itemSummary .checkout{ padding-left:5px; position:absolute; right:0; display:none; }
#SideCart .itemSummary .checkout span{ color:#fff; }
#SideCart .itemSummary .cart{ padding-right:5px; color:#fff;}

#SideCart .item { overflow:hidden; position:relative; padding:5px 0 0;  font-size:12px; }
#SideCart .item .details { width:170px; float:left; margin-bottom:4px; padding:5px 10px; }
#SideCart .item .image{ min-height:20px; width:auto; margin:0 10px 0px 15px; float:left; width:66px; }
#SideCart .item .image img{ max-width:100px; max-height:25px;}
#SideCart .item .details a.link{ color:#fff;  float:left; margin-bottom:5px;  font-weight:normal;font-family:Helvetica, Arial, sans-serif; text-decoration:none;  }
#SideCart .item .details a.link span{ }
#SideCart .item .details span{ line-height:12px;}
#SideCart .item .details .colour, #SideCart .item .details .size{ float:left; clear:left; width:100%; }
#SideCart .item .details .label{ float:left; width:50px; }
#SideCart .item .detail{ float:left; clear:left; width:100%; }
#SideCart .item .detail .quantity{ float:left; width:25px;}
#SideCart .item .detail .atSymbol{ float:left; width:25px; text-align:left; }
#SideCart .item .promotion{ clear:both; background-color:#EEE; padding:0 5px; }
#SideCart .item .detail .price{ float:left; width:110px; }
#SideCart .item .detail .replaced .regular{ text-decoration:line-through; padding-right:5px; }
#SideCart .item .detail .replaced span{ white-space:nowrap; display:block;}

#SideCart .totals {  border-bottom: 1px solid #000;  border-top: 1px solid #3e3e3e;  clear: both; margin: 5px 0; }
#SideCart .totals span{ font-weight:bold;font-family:Helvetica, Arial, sans-serif; font-size:12px; text-transform:uppercase;}
#SideCart .totals div { clear: both; height: 18px; }
#SideCart .totals span.label { float: left; padding-left: 10px; }
#SideCart .totals span.value { float: right; padding-right: 10px; }
#SideCart .totals .count { border-top: 1px solid #000; padding-top:10px; }
#SideCart .totals .total { border-bottom: 1px solid #3e3e3e; padding-bottom:10px; }
#SideCart .actions{ padding:0; overflow:hidden; width:100%; }
#SideCart .actions .checkout{ float:right; }
#SideCart .actions a{ text-transform:uppercase; background:none; }

#SlideCart{ top:50px;}
#SlideCartLiner{ top:-9999px; width:220px; }
#SlideCartLiner .cartContent{ background: #292929; border-top:1px solid #2d2d2e; padding:9px; }

#SlideCartLiner .remove{ position:absolute; left:0; top:10px;}
#SlideCartLiner .remove span{ float:right; text-indent:-9999px; background:url(/images/workshop/cross.png) no-repeat 0 0; width:8px; height:9px; }

#SideCart #SideCartItemAdded{ color: #333333; font-weight:normal;font-family:Helvetica, Arial, sans-serif; font-weight: normal; left: -17px; position: absolute; text-transform: uppercase; top: 5px; }


/****************************** cycler  ******************************/
.cycleWrapper{ position:relative; margin-bottom:25px;}
.cycleWrapper .cycle { height:420px; overflow:hidden; position:relative;}
.cycleWrapper .cycle .item{ height:420px; margin: 0;}
.cycleWrapper .cycle img{ position:relative;}
.cycleWrapper .nav{ position:absolute; top:50%; z-index:50; width:100%; }
.cycleWrapper .nav a{ width:25px; height:40px; position:absolute; display:block; overflow:hidden; text-indent:-99px;  background:url("/images/workshop/lookbook-nav.png") no-repeat scroll 0 0 transparent }
.cycleWrapper .nav a.pause{ display:none; }
.cycleWrapper .nav a.prev{ background-position:0 0; left:20px; }
.cycleWrapper .nav a.next{ background-position:-25px 0; right:20px; }
.cycleWrapper .adminSettings{ position:absolute; right:0; z-index:50; background-color:#ccc; padding:5px 10px; width:200px; overflow:hidden; border:solid 1px #ccc;}
.cycleWrapper .adminSettings p{ overflow:hidden;}
.cycleWrapper .adminSettings span{ float:left;}
.cycleWrapper .adminSettings select{ float:right; width:100%; }
.cycleWrapper .adminSettings .row{ overflow:hidden; }
.cycleWrapper .adminSettings .dimensions input{ width:90%; }
.cycleWrapper .adminSettings .row .col1{ float:left; width:50%; }
.cycleWrapper .adminSettings .row .col2{ float:right; width:50%; }
.cycleWrapper .adminSettings .row.actions{ padding-top:5px; }
.cycleWrapper.modified .adminSettings{ border:solid 1px #F00; }
.cycleWrapper.modified .btnAction span{ color:#F00;}

/************************** send to friend  **************************/
#SendToFriend{ clear:left;  min-height:400px;  height:auto !important;  height:400px;  }
#SendToFriend h3{font-weight:normal; }
#SendToFriend .image{ width:220px; float:left; min-height:300px; }
#SendToFriend .details td{ padding:3px 0; background:none !important; border:none; }
#SendToFriend .details .label{ padding-right:15px; vertical-align:top; width:100px;  }
#SendToFriend .details td.field{ width:152px;}
#SendToFriend .details input.text{ width:150px; display:block; }
#SendToFriend .details textarea{ width:150px; height:100px; font-family:Arial; font-size:12px;  }
#SendToFriend .btnAction{ float:right;}
#SendToFriend .success span{ display:block;}

/************************** js sitewide popups  **************************/
.jsSitePanel { background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; min-height:400px; padding:0 10px 10px 10px;  }
.jsSitePanel h2{ height:45px; line-height:45px; margin-bottom:10px;}

.popup { background:url("/images/workshop/popup-bg.png") repeat-x scroll 0 0 transparent;  padding:0px 20px 20px;  }
.popup h2,.popup h3{ height:45px; line-height:45px; margin-bottom:10px; margin-left:10px; color:#fff; text-transform:lowercase;}
.popup .btnAction{ display:block;}
#fancybox-wrap #Content{padding:0;}
#Content.popup .inner{ width:500px;}

/********************** rate shopping experience  ***********************/
#RateExperience textarea{ width:100%; height:90px; }
#RateExperience h2{ padding-left:10px;}
#RateExperience .row{ padding:5px 10px; overflow:hidden; }
#RateExperience .row.shopping{ padding-top:25px; padding-bottom:25px; }
#RateExperience .rbs{ position:relative; overflow:hidden; padding:15px 0 30px;  }
#RateExperience .rbs .rate{ position:absolute; top:0px;  font-weight:bold; }
#RateExperience .rbs table{ width:100%;}
#RateExperience .rbs table label{ position:relative; left:-15px; top:20px; }
#RateExperience .rbs table td{ text-align:center;}
#RateExperience .rbs .least{ left:0; }
#RateExperience .rbs .most{ right:0; }
#RateExperience .actions { padding-right:0; padding-left:0; }
#RateExperience .actions a{ float:right;  }


/****************************** navigation *****************************/
#Navigation{ position:absolute; top:0; left:246px; height:20px; line-height:20px; z-index:2; width:380px; }
#Navigation ul.rmRootGroup{height:50px;}
#Navigation ul.rmRootGroup li.rmItem a.rmRootLink{height:48px;}
#Navigation ul.rmRootGroup li.rmItem a.rmRootLink span.rmText{margin-top:17px;}

#Navigation ul li{  padding:0 0 0 0; cursor:pointer; }
#Navigation ul li a{ text-transform:lowercase;  font-size:12px; text-decoration:none; padding:0; cursor:pointer; color:#fff; font-family: Arial; }
#Navigation ul li a span{ color:#fff;}

#Navigation ul.rmRootGroup li.rmItem.hovered a.rmRootLink{background:#292929;border-bottom:2px solid #fff;}
#Navigation ul.rmRootGroup li.rmItem.hovered a.rmRootLink span.rmText{ color:#fff;}

#Navigation ul.rmRootGroup li.rmItem a.rmRootLink:hover{background:#292929;border-bottom:2px solid #fff;}
#Navigation ul.rmRootGroup li.rmItem a.rmRootLink:hover span.rmText{ color:#fff;}


#Navigation ul.rmHorizontal li.rmItem li{ cursor:pointer; }


#Navigation ul.rmHorizontal div.rmSlide li.rmItem a{ padding:0 5px 0 0; background:none; margin-right:0; text-indent:0px;}
#Navigation ul.rmHorizontal div.rmSlide li.rmItem a span{ background:none; padding:0; margin:0; }

.RadMenu .rmGroup .rmText {padding:0px !important;}

#Navigation ul.rmHorizontal li.rmItem a.rmLink{  text-indent:12px;font-size:16px;font-family:Helvetica, Arial, sans-serif;background:url(/images/workshop/arrows_sprite.png) no-repeat 0 23px }
#Navigation ul.rmHorizontal li.rmItem .rmRootLink{ min-width:110px; }
#Navigation ul.rmHorizontal li.rmLast .rmRootLink{ min-width:0; }

#Navigation * { zoom: 1; }

#Navigation .rmSlide{ padding-bottom:3px; }
#Navigation .rmSlide ul{background-color:#333; }

#Navigation .rmSlide ul li span{ white-space:nowrap;}




#Navigation ul.rmLevel1 > li.rmFirst{ background:url(/images/workshop/menu_sep.jpg) repeat-y right 0;}

#Navigation .MenuItemLeft h4 a { padding-bottom:10px; font-size:18px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;}

#Navigation ul.rmLevel1 > li > a span{ font-weight:bold; }

#Navigation .rmSlide .rmSlide li{padding:2px 0;}



#Navigation .shopOnline {width:320px; padding:10px;}
#Navigation .collections {width:760px;padding:10px;}
#Navigation .info {width:150px;padding:10px;}

#Navigation .collections .MenuItemLeft ul li{float:left;}
#Navigation .shopOnline .MenuItemLeft ul li{float:left;clear:left;}

#Navigation .shopOnline td,#Navigation .collections td {  background:url(/images/workshop/menu_sep.jpg) repeat-y; background-position:95%; padding-right:10px;}
#Navigation .shopOnline td:last-child,#Navigation .collections td:last-child {  background:none;}
#Navigation .MenuItemLeft .closer{    clear:left;}
#Navigation .MenuItemLeft ul {     margin-top:10px;}

#Navigation .rmSlide{left:-50%;}

/****************************** stockists ******************************/
#StoreFinder{ padding:0 0 20px 0; overflow:hidden;}
#StoreFinder .sitePanel h2{ display:block; }
#StoreFinder h1{ text-transform:lowercase; }
#StoreFinder .title{margin:0 0 10px;}
#StoreFinder .regionList{ float:left; width:100%; padding-left:0; overflow:hidden; border:none;margin-top:-10px;}
#StoreFinder .storeInfo{ float:right; width:700px; }
#StoreFinder .region{  cursor:pointer; }
#StoreFinder .region span{display:block; }
#StoreFinder .first{ padding-top:0;}
#StoreFinder .region span{ font-size:14px; font-weight:bold;}
#StoreFinder .regionList .location{ }
#StoreFinder .regionList .location .details{ color:#000; width:995px; height:34px; }
#StoreFinder .regionList .location .details:hover{background:#DCDBDB;}
#StoreFinder .regionList .location .details a{text-decoration:none; color:#000;}
#StoreFinder .regionList .location .details div{float:left; padding-right:2px; height:30px;line-height:30px;}
#StoreFinder .regionList .location .details .storeName{  color:#000; font-size:14px; font-weight:bold;font-family:Helvetica, Arial, sans-serif;  width:350px;padding-left:25px;  }
#StoreFinder .regionList .location .details .phone1{ width:100px; }
#StoreFinder .regionList .location .details .gender{ text-transform:lowercase; width:100px; font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
#StoreFinder .regionList .location .details .address1{ }
#StoreFinder .regionList .location .details .address2{  }
#StoreFinder .regionList .location .details .address3{  }
#StoreFinder .accordion .content{ margin-bottom:0;}
#StoreFinder .accordion .regionHeader{ margin-top:10px;}


#StoreFinder .regionList span{ font-weight:bold; padding-top:5px; display:block; padding-bottom:5px;}
#StoreFinder .regionList .level3 span{ font-weight:normal;}

#StoreFinder .addressDetails, .storeInfo .hoursDetails{ padding:0 0 10px;}
#StoreFinder span{  }
#StoreFinder a{ display:block; margin:2px 0; }
#StoreFinder #Map{ clear:left; float:left; }
#StoreFinder.googleMap{ width:370px; }
#StoreFinder #StoreInfo div.details{ float:left; width:370px;}
#StoreFinder .image{ float:right; width:300px;}
#StoreFinder .locationItem { float:left; width:995px; }
#StoreFinder .regionList .selected div.details, #StoreFinder .regionList .selected div.level3{font-style:italic; padding-left:7px;} 


/****************************** the look ******************************/
#OutFits a.update{ margin-right:10px;}
#OutFits .trend input.rank{ width:25px;}
#OutFits .trend{ border-bottom: dotted 1px #666; overflow:hidden; padding-bottom:20px; margin-bottom:20px; position:relative; }
#OutFits .trend .image{ width:80px; float:left; }
#OutFits .trend .detail{ width:295px; float:right; }
#OutFits .trend .detail h2{ font-size: 14px; margin:0; font-weight:bold;}
#OutFits .trend .detail p.price{ font-size:14px; color:#000; padding-top:0;}
#OutFits .trend .dropdown{ width:100%; overflow:hidden; padding-bottom:10px; }
#OutFits .trend .dropdown span.label{ color:#666; float:left; margin-right:10px;}
#OutFits .trend .dropdown select{ float:left; width:200px; }
#OutFits .trend .checkbox p.qty{ float:right; margin-right:24px; }
#OutFits .trend .checkbox p.qty label{ line-height:20px; }
#OutFits .trend .checkbox input.text{ width:20px; text-align:center; float:right; margin-left:5px;}
#OutFits .trend .message{ position:absolute; right:25px; bottom:2px; font-weight:bold; text-transform:capitalize; display:none;}
#OutFits .btnAction { float:right; }
#OutFits .totals{ float:left; width: 200px; font-size:12px; }
#OutFits .totals .items{  font-weight:bold; color:#000;}
#OutFits.admin .trend .actions{ position:relative; overflow:hidden; }
#OutFits.admin .trend .actions a{ position:absolute; right:0; top:5px;}
#OutFits.admin .pickMainImage{ float:left; margin:10px 0; }
#OutFits.admin .items{ clear:left; }

/* lookbook */
.lookbook #BreadCrumb{margin-left:0;}

/****************************** wishlist ******************************/

/************************** wish list adding **************************/
#WishListActions{ clear:left; min-height:20px;}
#WishListActions a{ margin-right:10px; float:left;}
#WishListActions{ position:relative;}
.wishListPopup{ position:absolute; top:41px; left:0; background:#fff; border:solid 1px #888; -moz-border-radius:5px; border-radius:5px; width:305px; z-index:50; padding-bottom:5px; }
.wishListPopup .header{ background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; border-bottom:solid 1px #888; padding:5px 10px; margin-bottom:5px; position:relative;} 
.wishListPopup .content{ padding: 0 10px;}
.wishListPopup .close{ position:absolute; top:7px; right:7px;}
.wishListPopup .action a.btnAction{ color:#514F49 !important;  margin-bottom:0; }
#EmailMeWhen .chkBox{ padding:0 10px;}
#EmailMeWhen .action{ padding:5px 14px; overflow:hidden; }
#EmailMeWhen .action span{ color:#fff;}

/************************** wish list page **************************/
#WishList div.product{ padding-right:20px; width:160px; min-height:320px; }
#WishList div.product .image{ min-height:210px;}
#WishList div.product .detail{ min-height:45px;}
#WishList div.product .detail h2 a{ font-weight:normal;font-family:Helvetica, Arial, sans-serif; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration:none;  }
#WishList div.product .image a.link{ left:20%; top:50%; }
#WishList div.product .price{ padding:5px 0; }
#WishList .actions{ padding-bottom:25px; position:relative; overflow:hidden; }
#WishList .actions a.comingSoon{ background:none;}
#WishList .actions a.comingSoon span{ color:#000; padding:0; font-weight:bold; text-transform:uppercase; }
#WishList .actions a.noStock{ background:none;}
#WishList .actions a.noStock span{ color:#000; padding:0; font-weight:bold; text-transform:uppercase; }
#WishList .actions .buttons{ float:left;}

#WishList .actions .buttons a span{  padding:0 15px;}
#WishList select { font-size:11px; float:left; font-weight:normal;font-family:Helvetica, Arial, sans-serif; width:230px; margin-right:20px; }
#WishList ul{ clear:left;}
#WishList ul li{ float:left; position:relative;}
#WishList ul li .desc{ display:none;}
#WishList ul li .checkboxes{ clear:left; padding-top:10px; display:none;}
#WishList ul li .checkboxes a{ background:url(/images/demo/button-toggle1.gif) repeat-x 0 0; float:left; width:37px; height:24px; border:solid 1px #4F8E9F; outline:none; }
#WishList ul li .checkboxes a span{ overflow:hidden; text-indent:-999px;} 
#WishList ul li .checkboxes a.onSale{ -moz-border-radius: 5px 0 0 5px;}
#WishList ul li .checkboxes a.backInStock{ -moz-border-radius: 0 5px 5px 0;}
#WishList ul li .checkboxes a.lowStock{ border-right:none; border-left:none; }
#WishList ul li .checkboxes a.active{ background-position: 0 -39px; background-color:#ddd;}
#WishList ul li .checkboxes a.onSale span{ background:url(/images/icons/money_dollar.png) no-repeat center center; display:block; height:24px;}
#WishList ul li .checkboxes a.backInStock span{ background:url(/images/icons/asterisk_yellow.png) no-repeat center center; display:block; height:24px;}
#WishList ul li .checkboxes a.lowStock span{ background:url(/images/icons/flag_red.png) no-repeat center center; display:block; height:24px;}
#WishList ul li .editing{ padding-top:5px; overflow:hidden; clear:left;}
#WishList ul li .editing a{ float:left; }
#WishList ul li .editing a.remove{ clear:none; border-left:none;  float:right; width:16px; height:16px; position:relative; top:-3px; }
#WishList ul li .editing a.remove span{ display:block; text-align:center;  width:auto; float:none; background-position:center center; height:26px; }
#WishList ul li  a.addToCart {   padding:0; }
#WishList ul li  a.addToCart span { margin-left:2px; display:block; width:auto; font-weight:bold; padding:0 10px; }
#WishList ul li .overlay{ position: absolute; top:0; left:0; }
#WishList ul li .remove{/* position:absolute; top:0; right:0; */}
#WishList .buttons .btnAction{ margin-right:10px;  }

/************************** emailing template **************************/
#WishListEmailer{}
#EmailInput{ float:left; width:380px; min-height:200px;}
#EmailTemplate{ float:right; width:600px;}

#EmailInput .group{ border-top: solid 1px #ccc; padding-top:20px; margin-top:20px; overflow:hidden;}
#WishListEmailer .title{ display:block; padding-bottom:10px; text-transform:uppercase;}
#EmailInput .messagePicking ul{ float:left; width:50%;}
#EmailInput .messagePicking ul li{ padding:5px 0; list-style-type:none; float:left; clear:left; width:100%;}
#EmailInput .personalMessage textarea{ width:99%; height:75px; font-size:12px;}
#EmailInput .personalMessage .actions{ overflow:hidden; padding:5px 0;}
#EmailInput .personalMessage .actions .wishlist{ float:left;}
#EmailInput .personalMessage .actions .send{ float:right;}

#EmailInput{width:300px; margin:auto; font-family:Arial; color:#333;}
#EmailInput table.recipient{ width:100%; font-family:Arial; font-size:14px; color:#333; }
#EmailInput table.recipient td{padding:2px 0;}
#EmailInput table.recipient td.remove{ width:20px;}
#EmailInput table.recipient input{font-size:12px; color:#555; border:solid 1px #ccc;}
#EmailInput table.recipient input.name{ width:90px;}
#EmailInput table.recipient input.email{ width:170px; }
#EmailInput table.recipient input.error, #EmailTemplate div.error{ border:solid 1px #F00;}
#EmailInput table.recipient th{ text-align:left;}
#EmailInput table.recipient td.index{ width:25px;}
#EmailInput table.recipient tr.add{ text-align:right;}
#EmailInput table.recipient a.add{ position:relative; right:5px; text-decoration:underline; }
#EmailInput table.recipient tfoot td{ font-size:12px; font-style:italic;}
#EmailInput table.recipient tfoot span{ display:block; line-height:15px; }


#EmailTemplate .checkbox{ font-weight:bold; position:absolute; top:-20px; background:#fff; width:85%; border:solid 1px #CCC;}
#EmailTemplate div.details{ position:relative; min-height:65px;}


/****************************** reviews ******************************/
#ReviewList{ width:365px; float:left; }
#ReviewList select { display:none; }
#Reviews{ clear:both; clear:both; margin-top:20px; }
#Reviews a.write{float:left; margin-bottom:10px; text-transform:inherit;  }
#Reviews div.review .response{ clear:both; }
#Reviews div.review .response .message{ color:#000; display:block; font-weight:bold; background:url(/images/icons/information.png) no-repeat 0 0px; padding-left:20px; margin-bottom:10px; }
#Reviews p.error{ color:#D51711; font-weight:bold; background:url(/images/icons/delete.png) no-repeat 0 0px; padding:1px 0 0 20px; margin-bottom:10px; }
#Reviews div.sort{ float:right; width:250px; text-align:right; padding-bottom:5px; }
#Reviews table{ width:100%; clear:both;}
#Reviews div.review{ margin-bottom:15px; overflow:hidden; clear:left; }
#Reviews div.inactive{ border-color:#C20101;}
#Reviews div.review .header{ overflow:hidden;}
#Reviews div.review .header .reviewer{ display:block; float:left; padding-right:5px; }
#Reviews div.review .header .reviewTitle{ text-transform:uppercase; color:#000; float:left; margin-bottom:4px; }
#Reviews div.review .header .date{ float:right; font-size:11px; font-style:italic; color:#666; }
#Reviews div.review .header .ratingOverall{ float:left; clear:left; height:15px; position:relative; right:4px; }
#Reviews div.review .details{ float:left; overflow:hidden; }
#Reviews div.review .details .reviewText{ margin-bottom:24px; }
#Reviews div.review .details .actions{}
#Reviews div.review .details p.helpful{ color:#666; font-size:11px; margin-top:8px; float:left; width:100%; clear:left;  }         
#Reviews div.review .details a.report{ float:left; clear:left;}

#Reviews div.review .ratings{ float:right; width:200px;  padding:10px; display:none; }
#Reviews div.review .details p.ratings{ float:right; clear:both;}
#Reviews span.rating{ float:right; background:url(/images/icons/rating-stars-black.png) no-repeat right 0; width:68px; clear:right; margin-bottom:5px; }
#Reviews .review .r_1{ background-position: right -1px;}
#Reviews .review .r_2{ background-position: right -21px;}
#Reviews .review .r_3{ background-position: right -41px;}
#Reviews .review .r_4{ background-position: right -61px;}
#Reviews .review .r_5{ background-position: right -81px;}
#Reviews span.attention{ position:relative; left:10px; background:url(/images/icons/asterisk_orange.png) no-repeat 0 0; display:block; width:16px; height:16px; position:absolute; left:-20px; top:0; }
#Reviews .wouldRecommend{ display:none;}

#CreateReview p{ padding:5px 0;}
#CreateReview .charCount{ padding:0; }
#CreateReview  .characterCountDown{ padding:5px; height:20px; line-height:20px; }
#CreateReview{ padding-top:10px; }
#CreateReview .pnlInner{ /* width:595px; */}
#CreateReview .welcome{ border-bottom:solid 1px #ddd; color:#222; font-size:14px;}
#CreateReview .wrap{ clear:left; border-bottom:solid 1px #ddd; padding-bottom:5px;}
#CreateReview .ratingWrap{ clear:left;}
#CreateReview .looks,#CreateReview .fit{ display:none;}
#CreateReview .ratingWrap .name{ float:left; width:100px;}
#CreateReview .ratingWrap .rating{ float:left; width:250px;}
#CreateReview .subTitle{ font-weight:bold;}
#CreateReview input.text, #CreateReview textarea{ width:300px; display:block;font-size:12px;}
#CreateReview textarea{height:100px; width:550px; padding-left:5px;}
#CreateReview span.userName{ text-transform:capitalize;}
#CreateReview div.review div.loggedOut{ display:none;}
#CreateReview #Reviews div.review .details{ width:350px;}
#CreateReview a.preview{float:right; }
#CreateReview a.submit{ float:right; margin-left:5px; }
#CreateReview a.btnAction{ margin-top:10px; }

/************************ reviews required ***************************/
#Preview a.preview{float:right;}
#Preview a.submit{ float:right; margin-left:5px; }
#Reviews.reviewRequired table td.item{ padding:10px 0; }
#Reviews.reviewRequired a.preview{ clear:right; }
#Reviews.reviewRequired .productDetail{ overflow:hidden; background:url(/images/icons/bg-grad.gif) repeat-x 0 0; padding:0 10px; position:relative; border: solid 1px #ccc; border-bottom:none; -moz-border-radius:5px 5px 0 0;}
#Reviews.reviewRequired .productDetail h2{ float:left;  line-height:30px; }
#Reviews.reviewRequired .productDetail p{ float:left; line-height:25px; padding-left:15px;}
#Reviews.reviewRequired .productDetail a{ outline:none;}
#Reviews.reviewRequired .productDetail a.btnAction{ position:absolute; right:35px; top:-5px; background:none; color:#000; text-decoration:underline; background:url(/images/icons/cross.png) no-repeat right 5px; padding-right:20px;}
#Reviews.reviewRequired .productDetail a.delete span{ line-height:27px; }
#Reviews.reviewRequired .productDetail a.help{ background:url(/images/icons/information.png) no-repeat 0 0;  position:absolute; right:10px; top:10px; display:block; width:16px; height:16px;}
#Reviews.reviewRequired .reviewTitle{ clear:left; float:left;}
#Reviews.reviewRequired .name{float:left; clear:left; white-space:nowrap;}
#Reviews.reviewRequired .review{float:left; clear:left; width:100%; }
#Reviews.reviewRequired .reviewDetail{ padding:10px; overflow:hidden; border: solid 1px #ccc; border-top:none; -moz-border-radius:0 0 5px 5px;}
#Reviews.reviewRequired textarea{ width:460px;}
#Reviews.reviewRequired div.review{ margin-bottom:0;}
#Reviews.reviewRequired .wrap{ border:none;}
#Reviews.reviewRequired .image{ float:left; width:200px; min-height:150px; text-align:center; position:relative;}
#Reviews.reviewRequired .radWrap { float:left; padding-right:50px; width:165px; }
#Reviews.reviewRequired .radWrap .rad{ float:left; clear:left; padding-bottom:5px;}
#Reviews.reviewRequired .inputWrap{float:right; width:467px; }
.reviewsRequired .loggedOut{ margin:20px 0;}
.reviewsRequired .loggedOut a{ font-weight:bold; text-decoration:underline;}
#Preview .response{ margin-bottom:20px; display:block;}
.contentPage #Main .loggedIn{ display:none; }


.productList p.review{ padding-bottom:0;} 
.productList .review .rating, #ProductDetails .review .rating{ background:url(/images/icons/rating-stars-10-black.png) no-repeat right 1px; display:block; width:65px; height:20px; margin:auto; }
.productList .review .r_0,#ProductDetails .review .r_0{ background-position: right 1px; display:none;}
.productList .review .r_1,#ProductDetails .review .r_1{ background-position: right -19px; }
.productList .review .r_2,#ProductDetails .review .r_2{ background-position: right -39px; }
.productList .review .r_3,#ProductDetails .review .r_3{ background-position: right -59px; }
.productList .review .r_4,#ProductDetails .review .r_4{ background-position: right -79px; }
.productList .review .r_5,#ProductDetails .review .r_5{ background-position: right -98px; }
.productList .review .r_6,#ProductDetails .review .r_6{ background-position: right -119px; }
.productList .review .r_7,#ProductDetails .review .r_7{ background-position: right -139px; }
.productList .review .r_8,#ProductDetails .review .r_8{ background-position: right -159px; }
.productList .review .r_9,#ProductDetails .review .r_9{ background-position: right -179px; }
.productList .review .r_10,#ProductDetails .review .r_10{ background-position: right -199px; }
.productList .review .noReviews,#ProductDetails .review{ color:#000; font-size:14px; font-weight:bold; }


/*********************************************************************/
/****************************** blog *********************************/
/*********************************************************************/

.blog a{ text-decoration:none; color:#676667; text-decoration:underline;}
#RecentArticles{ padding:16px 7px;}
#RecentArticles h2 { text-transform:capitalize; margin-bottom:15px; }
#RecentArticles h2, #RecentArticles h2 span{ display:block;}
#RecentArticles h2 span{ background-position:0 bottom; padding:2px 0;}
#RecentArticles .title{ margin:9px 0;}
#RecentArticles a{ font-size:12px; color:#9d9188; font-style:italic; text-decoration:none;}

#BlogPosts, #RecentArticles {  }
#BlogPosts {}
#BlogPosts .post{padding-bottom:25px; margin-bottom:25px; } 
#BlogPosts .post h2{ color:#6c6c6b; font-size:17px; font-weight:bold; font-style:italic; text-transform:none; }
#BlogPosts .post .date{ color:#979793; font-size:12px; font-style:italic; }
#BlogPosts .post .image{ padding:5px 0; }
#BlogPosts .post .image .Text{ color:#9d9188; }
#BlogPosts .post .image .Text a{ color:#6c6c6b;}

#CommentsPop .title{ padding: 15px;}
#CommentsPop .comments{ padding:0 15px; }
#CommentsPop .comments .field{ width:auto;}
#CommentsPop .comments textarea{ width:100%; height:80px; }
#CommentsPop .actions{ overflow:hidden; padding:10px 15px; }
#CommentsPop .actions .add{ float:right; }

#BlogDisplay .col1{float:left; width:160px; border-top:1px solid #E5E5E5; padding-top:10px;}
#BlogDisplay .col2{float:right; width:535px; border-top:1px solid #E5E5E5; padding-top:10px; overflow:hidden;}
#BlogDisplay h1{ font-size:24px; color:#000 !important; margin-bottom:0;  }
#BlogDisplay .date{  margin:5px 0;}
#BlogDisplay .description{ margin:10px 0; font-size:10px; line-height:14px;}
#BlogDisplay #Comments{ width:100%; }
#BlogDisplay #Comments .summary{  padding:5px 0 15px 0; border-bottom: dotted 1px #666; }
#BlogDisplay #Comments .summary .title{ font-size:14px; line-height:14px;}
#BlogDisplay #Comments .comment{ margin:20px 0; border-bottom: dotted 1px #666; padding-bottom:18px; }
#BlogDisplay #Comments .comment .details{ overflow:hidden; margin-bottom: 4px;}
#BlogDisplay #Comments .comment .name{ color: #000000; float: left;  text-transform: uppercase;}
#BlogDisplay #Comments .comment .date{color: #666666; float: right; font-size: 11px; font-style:italic; font-family:Helvetica, Arial, sans-serif; margin-right:10px;}
#BlogDisplay #Comments .comment .theComment{ padding:0 0 5px 0; color:#000; }
#BlogDisplay #Comments .comment .theComment strong{ display:block;}
#BlogDisplay .info{ margin-bottom:15px; font-size:10px; }
#BlogDisplay .info .categories { }
#BlogDisplay div.date{ display:none; }
#BlogDisplay .addComment{ overflow:hidden; padding:5px 0;}
#BlogDisplay table td{ vertical-align:top; padding:5px; }
#BlogDisplay table td:first-child{ padding-left:0; }
.blogDisplay #BreadCrumb .blog{ display:none; }
#BlogDisplay .social{ margin-bottom: 10px; }

#BlogArticleListSummary{ border-top:1px solid #E5E5E5; padding-top:10px;padding-bottom:10px; }
#BlogArticleListSummary .blogItem{  margin:4px 0; }
#BlogArticleListSummary .blogItem .info{ display:none;}
#BlogArticleListSummary .blogItem .title{ font-size:10px; }
#BlogArticleListSummary .blogItem .title a{ color:#000; text-decoration:underline;}
#BlogArticleListSummary .active .title a{ font-weight:bold;font-family:Helvetica, Arial, sans-serif; }


#BlogArticleList .col1{float:left; width:160px; border-top:1px solid #E5E5E5; padding-top:10px;}
#BlogArticleList .col2{float:right; width:535px; border-top:1px solid #E5E5E5; padding-top:10px; overflow:hidden;}
#BlogArticleList .info{ margin-bottom:15px; font-size:10px; color:#000;}
#BlogArticleList .author, #BlogArticleList .author a, #BlogArticleList .date{color:#ccc;}

#BlogArticleList .date{margin:5px 0;}
#BlogArticleList .categories{ color:#000;}
#BlogArticleList h1{ display:none; }
#BlogArticleList .blogItem{ clear:both;}
#BlogArticleList p.blog{ padding:0 0 10px 0; color:#000;}
#BlogArticleList p.blog a.more{ margin:5px; float:right;  background:#000; color:#fff; text-decoration:none; text-transform:lowercase; }
#BlogArticleList p.blog a.more span{padding:0 10px; white-space:nowrap; display:block;line-height:30px; height:30px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
#BlogArticleList p.blog a.more:hover {color:#676667;}

#BlogArticleList .blogItem iframe{z-index:1;}
#BlogArticleList .title a{ text-decoration:none;font-weight:bold;font-family:Helvetica, Arial, sans-serif; color:#000; font-size:18px; line-height:21px; letter-spacing:-1px; text-transform:lowercase;}
#BlogArticleList .title a:hover{ color:#676667;}
#BlogArticleList .pager{ display:block; padding-top:20px; }
#BlogArticleList .pager li.page{ }

#BlogCategories{ border-top:1px solid #E5E5E5; padding-top:10px; padding-bottom:10px; margin:0 0 15px; }
#BlogCategories a{color:#000; text-decoration:underline;}
#BlogCategories ul {  }
#BlogCategories ul li{ display:block; margin:4px 0; }
#BlogCategories ul li a{ text-decoration:none;}
#BlogCategories ul li.active a span{ font-weight:bold;font-family:Helvetica, Arial, sans-serif; }
#BlogCategories ul li span{ font-size:10px; line-height:14px; }
/****************************** end blog ******************************/


/****************************** forms setup ******************************/
.form{ font-weight:lighter;font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:14px; text-transform:lowercase; color:#000;}

textarea{border:solid 1px #ccc; font-family:Arial; padding-left:5px; font-size:12px; line-height:16px; color:#524F4B; }
select{ width:258px; height:23px; padding:0; margin:0; border:solid 1px #eeeded; font-weight:normal;font-family:Helvetica, Arial, sans-serif; color:#676667; }
.form td{ border:none; padding:3px 0; vertical-align:top; }
.form .label{ width:132px; }

.form .field{ width:250px; }
.form .field textarea{ width:250px; height:90px; background:#eeeded;  border:none; color:#000; }
.form .validator{ width:3px; text-align:right; padding-left:0; padding-right:0;}
.form .validator span{ display:none;}
input.text{ width:250px; padding-left:5px; border:none; height:17px; font-size:12px;background:#eeeded;  color:#000;}



/* new */
.form td{ vertical-align:middle;}
.form td.label{ font-size:12px; height:36px; background:#e5e5e5; border:none;  color:#000; width:95px; padding: 5px; background:url(/images/workshop/label_bg.png) no-repeat right top; }
.form td.field{ height:39px; background:url(/images/workshop/signup_bot.png) repeat-x 0 bottom;  color:#000; width:220px; padding:0 0 7px;}
.form td.field input.text{ width:220px; height:29px; padding-top:8px; background:#eeeded;  color:#000;}
.form td.field select{ font-size:12px; padding:15px 1px 1px 5px; width:285px; height:39px; background:#eeeded; color:#000;}

.form label, .signUp .text, .myDetails .text{ color:#000; font-size:12px;}
.form tr.state td a{display:block; background:#eeeded; font-size:10px;padding:0 5px;}
.form tr.gender td.field{background-color:#eeeded;}
.form tr.gender td.field span td{padding:6px 10px 0;}

.form tr.brands td.text{font-size:12px; color:#000;}
.form tr.gender label{font-size:12px;}

.form tr.gender td.field{background:url(/images/workshop/signup_bot.png) repeat-x 0 bottom #eeeded; }
.form tr.gender span.dont-remove{ position:relative;}
.form tr.gender span.error{ position:absolute; top:33px; width:200px;}

.form tr.checkbox span.dont-remove{ white-space:nowrap;}
.form tr.checkbox td{ background:#e5e5e5; padding: 5px 10px; }
.form tr.checkbox td.row1{height:15px;padding: 10px 10px 0;}
.form tr.checkbox td.row1 label{font-size:12px;}
.form tr.checkbox td.row2{height:15px;padding: 0 10px 10px;}
.form tr.checkbox td.validator{background:none;}

.form tr.actions td span {display:block;}
.form tr.action td, .form tr.toggle td{ background:none; }

.form td.field span.dont-remove input.text{ background:#fff; height:14px; width:263px;}

/************************* iframe control loader *************************/
.iframe-container.iframeTab{ background:none; font-size: 10px; line-height: 17px;}
.iframe-container table{ width:100%; }
.iframe-container.iframeTab select{ width:140px; float:right; }
.iframe-container.iframeTab .form input.text, .iframe-container.iframeTab  .form textarea{ width:133px; float:right;}
.iframe-container.iframeTab .label{ font-size:10px; width:75px; }
.iframe-container.iframeTab .field{ width: 140px; text-align:right; }
.iframe-container.iframeTab .actions a{ float:right; }
.iframe-container.iframeTab .error{ font-size:10px; }

.iframe-container.findDetails span.text{ display:block; }
.iframe-container.findDetails span.error{color:#f00; }
.iframe-container.findDetails span.success{ color:green; }


.iframe-container.bestTime { background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; min-height:400px; overflow:hidden; max-height:550px; width:450px; padding:0 10px 10px 10px;  }
.iframe-container.bestTime h2{ height:45px; line-height:45px; margin-bottom:10px; }
.iframe-container.bestTime .body{ height:480px; overflow-y:scroll; }
.iframe-container.bestTime input{ display:block; }

/****************************** pager ******************************/
.pager{ margin:10px 0; clear:both; text-align:right; height:21px;}
.pager li{ display:inline; padding:0 7px; }
.pager li.next a, .pager li.prev a{ text-decoration:none; padding:7px; font-size:12px; float:none;  }
.pager li.selected span{ font-weight:bold;font-family:Helvetica, Arial, sans-serif; }
.pager li.viewAll{ padding-left:20px; }
.pager a{ outline:none; font-size:12px; text-transform:lowercase; }
.pager .paged.selected span{ font-weight:normal;}
.pager .pages1.currentPage1, .pager .totalItems0{ display:none; }

.search .pager * { display:inline; }
.search .pager .seperator{ display:none; }

/***************************** end components ************************************/

/* generic styles */

#Main{   }



/*********************************************************************************/
/**************************** page specific layout *******************************/
/*********************************************************************************/

/* home */
.home .sec1{ display:block; height:600px; }
.home .sec2{ display:block; background:url(/images/workshop/bg-home-tiles.png); height:210px; }

.client.home .sec2{ height:auto; padding:10px; width:950px; margin: 0 auto 50px; overflow:auto; }
.home .sec2 .content .tile{ width:230px; overflow:hidden; float:left; margin-right:10px; }

.home .sec2 .content .tile .randomiser{position:relative;}

.home .sec2 .content .tile .item{width:230px; overflow:hidden; position:relative; }

.home .sec2 .content .tile .item a{ z-index:125; top:0; left:0; display:block; /*height:90px;*/ width:230px; display:block; }

.home .sec2 .content .tile .title{ z-index:130; position:absolute; bottom:2px; left:0; display:block; width:230px; background:url(/images/workshop/tile_home_bg.png) repeat-x -240px bottom;}
.home .sec2 .content .tile .title:hover{ background-position:0 bottom; cursor:pointer;}
.home .sec2 .content .tile .title div{color:#fff;margin:63px 0 0 8px; letter-spacing: -1px; text-transform:lowercase; font-size:18px; line-height:33px; font-weight:bold;font-family:Helvetica, Arial, sans-serif;}



/*.home .sec2 .content .tile a:hover img{ right:230px; }*/
.home .sec2 .content .tile4{ float:right; margin-right:0; }
.home .sec2 .con1{ margin-bottom:11px; overflow:hidden; }

.home #Content .inner{ width:960px; }

.background-cycler{ position:absolute; background-color:#000; width:100%; text-align:center; }
.background-cycler img{ position:absolute; display:none; top:0; left:0; width:100%; }
.background-cycler .wrapper{ position:relative; width:100%; text-align:center; }
.background-cycler img:first-child{ display:block; }


/* product display */



/* my details */
.myDetails #Main .sec1 .area{ margin-bottom:20px; }
.myDetails table{ border-collapse: collapse;}


/* content */
.contentPage #Main{padding:20px 0;}
.contentPage #Main .sec1, .contentPage #Main .sec2{ border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;}

.contentPage .style2 #Main .sec1{ margin-bottom:10px; }
.contentPage .style2 #Main .sec2{ overflow:hidden; border:none;}
.contentPage .style2 #Main .sec2 .con1{ float: left; width: 460px; margin:10px 10px 10px 0; }
.contentPage .style2 #Main .sec2 .con2{ float: right; width: 460px; margin:10px 0px 10px 10px; }
.contentPage .style2 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; }
             
.contentPage .style3 #Main .sec1{ margin-bottom:10px; }
.contentPage .style3 #Main .sec2{ overflow:hidden; }
.contentPage .style3 #Main .sec2 .con1{ float: left; width: 205px; }
.contentPage .style3 #Main .sec2 .con2{ float: right; width: 725px; }
.contentPage .style3 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; }
             
.contentPage .style4 #Main .sec1{ margin-bottom:10px; }
.contentPage .style4 #Main .sec2{ overflow:hidden; }
.contentPage .style4 #Main .sec2 .con1{ float: left; width: 725px; }
.contentPage .style4 #Main .sec2 .con2{ float: right; width: 205px; }
.contentPage .style4 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; }
             
.contentPage .style5 #Main .sec1{ margin-bottom:10px; }
.contentPage .style5 #Main .sec2{ overflow:hidden; margin-bottom:10px;}
.contentPage .style5 #Main .sec2 .con1{ float:left; width:305px; margin-right:15px; }
.contentPage .style5 #Main .sec2 .con2{ float:left; width:305px; }
.contentPage .style5 #Main .sec2 .con3{ float:right; width:305px; }
             
.contentPage .style6 #Main .sec2{ overflow:hidden; }
.contentPage .style6 #Main .sec2 .con1{ width:80%; margin:auto; }
.contentPage .style6 #Main .sec2 .con2{ width:60%; margin:auto; }

body.bmw{background:#221f1f;}
body.bmw .contentPage{}
body.bmw .contentPage #Main{}
body.bmw .contentPage #Main .sec1, body.bmw .contentPage #Main .sec2{border:none;width:849px;margin:0 auto;}
body.bmw .contentPage #Main .sec1 {padding-bottom:6px;}
body.bmw .contentPage #Main .sec2 .Text{color:#fff;font-size:13px;line-height:16px;background:#221f1f;}



/* dynamic image  */

.dynamic .panelPicker p { clear:both; }
.dynamic .panelPicker select { float:left; margin-right:10px; }
.dynamic .panelPicker a { float:left; margin-bottom:10px; }

.dynamic #Main .sec1{ margin-bottom:10px; }
.dynamic #Main .sec2{ overflow:hidden; border:none;}
.dynamic .style2 #Main .sec2 .con1{ float: right; width: 460px; margin:10px 10px 10px 0; }
.dynamic .style2 #Main .sec2 .con2{ float: left; width: 460px; margin:10px 0px 10px 10px; }
.dynamic #Main .sec3 { clear:both; width:100%; }

.dynamic #Main .sec2 .con1{ float: left; width: 460px; margin:10px 10px 10px 0; }
.dynamic #Main .sec2 .con2{ float: right; width: 460px; margin:10px 0px 10px 10px; }



/* with panels */
.contentPage.panels #Main .sec0{ margin-bottom:10px; }
.contentPage.panels #Main .sec1{ float:left; width:300px; clear:left; overflow:hidden; }
.contentPage.panels #Main .sec2{ float:right; width:630px; clear:right; }
.contentPage.panels #Main .sec3{ clear:both; }

.contentPage.panels .style2 #Main .sec2{ overflow:hidden; }
.contentPage.panels .style2 #Main .sec2 .con1{ margin-bottom:10px; width:100%;  }
.contentPage.panels .style2 #Main .sec2 .con2{ float: left; width: 310px; clear:none; }
.contentPage.panels .style2 #Main .sec2 .con3{ float: right; width: 310px; clear:none; margin-top:0; }

.contentPage.panels .style3 #Main .sec2{ overflow:hidden; }
.contentPage.panels .style3 #Main .sec2 .con1{ float: left; width: 310px; }
.contentPage.panels .style3 #Main .sec2 .con2{ float: right; width: 310px; }
.contentPage.panels .style3 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; }

.contentPage.panels .style4 #Main .sec1{ float:right; width:300px; clear:right; overflow:hidden; }
.contentPage.panels .style4 #Main .sec2{ float:left; width:630px; clear:left; overflow:hidden;}
.contentPage.panels .style4 #Main .sec3{ clear:both; }
.contentPage.panels .style4 #Main .sec2 .con1{ margin-bottom:10px; width:100%;  }
.contentPage.panels .style4 #Main .sec2 .con2{ float: left; width: 310px; clear:none; }
.contentPage.panels .style4 #Main .sec2 .con3{ float: right; width: 310px; clear:none; margin-top:0; }
             
.contentPage.panels .style5 #Main .sec1{ float:right; width:300px; clear:right; overflow:hidden; }
.contentPage.panels .style5 #Main .sec2{ float:left; width:630px; clear:left; overflow:hidden;}
.contentPage.panels .style5 #Main .sec3{ clear:both; }
.contentPage.panels .style5 #Main .sec2 .con1{ float: left; width: 310px; margin-right:0;  }
.contentPage.panels .style5 #Main .sec2 .con2{ float: right; width: 310px; }
.contentPage.panels .style5 #Main .sec2 .con3{ margin-top:10px; clear:none; float:left; width:100%; }

.accordion H3, .accordion .regionHeader{ letter-spacing:0; text-transform:lowercase;  font-weight:normal;font-family:Helvetica, Arial, sans-serif; color:#000; background:url(/images/workshop/arrows_sprite.png) no-repeat 10px -18px #dcdbdb; font-size:14px; line-height:8px; margin-bottom:10px; padding:10px 10px 10px 25px; cursor:pointer;}
.accordion H3.down, .accordion .regionHeader.down{ background-position: 10px 10px;}
.accordion .content{ display:none; margin-bottom:10px;}

.accordion table{ margin-bottom:10px;}
.accordion table td{ color:#000; font-size:12px;}

.stockist #Main{padding:20px 0;}
.stockist #Main .sec1{ border:none;padding-bottom:0; margin-bottom:20px;}

/* denimGuide */
.denimGuide #Main{padding:20px 0;}
.denimGuide #Main .sec1, .accordionPage #Main .sec1, .contentPage #Main .sec2{ border:none;padding-bottom:0; margin-bottom:20px;}

.denimGuide .accordion h1{display:none;}
.denimGuide .accordion h3{margin-bottom:0;}
.denimGuide .accordion .header{font-weight:bold;font-family:Helvetica, Arial, sans-serif; color:#000;font-size:18px; line-height:40px;letter-spacing:-1px;}
.denimGuide .accordion .denimStyle{margin:0 0 5px;}
.denimGuide .accordion .denimStyle .content{ width:100%; margin:5px 0 0}
.denimGuide .accordion .denimStyle .content div{ float:left; }
.denimGuide .accordion .denimStyle .content .description{ margin:0 10px 10px 10px; color:#000; }
.denimGuide .accordion .denimStyle .content .btnAction{ clear:both;background:#858585; margin-top:10px; display:none; }
.denimGuide .accordion .denimStyle .content .btnAction span{height:20px; line-height:20px; letter-spacing:-1px;}
.denimGuide .accordion .denimStyle .content .btnAction:hover{ background:#000;}
.denimGuide .accordion .denimStyle .content .btnAction:hover span{ color:#fff;}

/* product popup image viewer */
#ImageViewer{margin:0;width:1000px;}
#ImageViewer .header{background:#000; height:50px; margin:0;width:100%; position:relative;}
#ImageViewer .header a.siteHome{padding:8px; display:block; width:215px; position:absolute; left:0;}
#ImageViewer .nav{position:absolute; right:0; padding:10px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; font-size:14px;   text-transform:lowercase;}
#ImageViewer .nav span, #ImageViewer .nav a{padding:0 10px; color:#fff;}

#ImageViewer .nav a:hover{color:#676667}
#ImageViewer .content{padding:0px; margin:0 auto; }
#ImageViewer h1{ width:100%;position:absolute; text-align:center; padding: 2px; font-size:24px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-transform:lowercase; letter-spacing:-1px; color:#fff;   }


/* checkout */
.checkout #Main{ padding:10px 0; margin-bottom:10px;}
.checkout #Main .sec1 { border: 1px solid #000; float: right; min-height: 500px; padding: 23px; width: 418px; }
.checkout #Main .sec2 { border: 1px solid #000; float: left; min-height: 500px; padding: 23px; width: 418px; }
.step1 #Main .sec2{ padding:0; border:none; width:464px; }
.checkout .newCustomer p{ margin-bottom:10px;}

/* contact */
.contact #Main{ padding:20px 0;}
.contact #Main .sec1 {  float: left; width:100%; margin-bottom:20px; }
.contact #Main .sec2 {  float: left; width:50%; }
.contact #Main .sec3 {  float: right; width:50%; }

/* blog */
.blog .categories{ color:#000;}
.blog h2{ text-transform:lowercase; font-size:18px; line-height:18px; margin-bottom:15px;}
.blog #Content .inner{ overflow:hidden; margin-top:30px; }
.blog #Main{ float:left; width:740px; margin: 0; padding:0; }
.blog #Main .sec1{ min-height:100px; margin-top:0px;}
.blogDisplay #Main .sec1{  margin-top:0px;}

.blog #Sub{ float:right; width:180px; margin-top:0px; padding:0 20px; }
.blog #Sub .sec1 .content{ margin-top:0px;}
.blogDisplay #Sub{margin-top:0;}
.blog #BreadCrumb{ margin-left:216px;}

.blog .aboutUs{border-top:1px solid #E5E5E5; padding-top:10px;padding-bottom:10px; color:#000; font-size:10px; line-height:14px;}

/* product cat list 
.prodCatList #Main{ float:right; width:815px; }
.prodCatList #Sub{ float:left; width:128px; }
*/
.prodCatList .catListHead{}
.prodCatList #CategoryList{ float:right; width:810px; margin-bottom:10px; }
#CategoryList td{ width:25%; }
#CategoryList .currentCategory{ display:none; }

.prodCatList .sec2{ float:right; width:740px; }
.prodCatList .sec1{ float:left; width:220px; }

#Utility{margin:10px 10px 10px 15px;}
#Utility a{ text-transform:lowercase; text-decoration:none; color:#232323; font-size:12px; }
#Utility a:hover{ color:#666;}

.prodCatList #Main .sec2 .con1{ position:relative; top:-35px; overflow:hidden; min-height:400px; height:auto !important; height:400px; }
.prodCatList #Main .sec2 .con1 .area1{ margin-top:40px; margin-left:15px;}
.lookBookV2 #Main{padding:0;}

/* siteMap */
.siteMap #Main { float:right; width:775px; }
.siteMap #Content .inner{ overflow:hidden; }
.siteMap #Sub{ float:left; width:220px;}

/* complete */
.complete #Main { float:right; width:740px; margin-top:30px; }
.complete #Main .area{ width: 100%; clear:both; margin:5px 0; }
.complete #Main .message{ margin:10px 0 ;}
.complete #Content .inner{ overflow:hidden; }
.complete #Sub{ float:left; width:220px;margin-top:30px;}
.complete #CheckoutPaymentOnlineComplete{ overflow:hidden; }

/* the look */
.theLook .sec1{ width:390px; float:left;}
.theLook .sec1 .con1{ }
.theLook .sec2{ float:right; width:375px;}


/************************** end page specific layout *****************************/

/************************** registration / contact **************************/
.signUp #Main .sec1{float:left; width:100%;}
.signUp #Main .sec2{ float:left; width:600px; margin: 15px 0 0 0;}
.signUp #Main .sec2 .con1{margin-bottom:10px;}
.signUp #Main .sec3{ float:right; width:330px; margin: 10px 0;}

.signUp #Registration{ width:330px;font-weight:lighter;font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:14px; text-transform:lowercase; color:#000;}
.signUp #Registration table{width:100%;}

.signUp #Main span, .myDetails #Main span{font-size:12px;}

.signUp #Main span.error, .myDetails #Main span.error{ font-size:10px; padding:5px 0;}

.signUp td.validator, .myDetails td.validator{display:none;}

/*
.signUp tr.gender td.field{background:url(/images/workshop/signup_bot.png) repeat-x 0 bottom #eeeded; }
.signUp tr.gender span.dont-remove{ position:relative;}
.signUp tr.gender span.error{ position:absolute; top:33px; width:200px;}
*/
/*
.signUp td.label{ font-size:12px; height:36px; background:#e5e5e5; border:none; border-right:1px solid #fff; color:#000; width:90px; padding: 5px 10px; background:url(/images/workshop/signup_bot.png) repeat-x 0 bottom #e5e5e5; vertical-align:middle;}
.signUp td.field{ height:39px; background:#fff; border:none;  color:#000; width:200px; padding:0 0 7px;}
.signUp td.field input.text{ width:242px; height:39px; background:#eeeded;  border-left:1px solid #ccc; color:#000;}
.signUp label, .signUp .text{ color:#000;}

.signUp tr.brands td.text{font-size:12px;}
.form td.field{ height:36px; background:url(/images/workshop/signup_bot.png) repeat-x 0 bottom #eeeded;  color:#000; width:200px; padding:0 0 7px;}
.form tr.gender td.field span{background:#eeeded;border-left:1px solid #ccc;height:39px; display:block;}
.form tr.gender td.field span td{padding:10px 10px 0;}
.form tr.gender label{font-size:12px;}

.signUp tr.gender td.field{ color:#000; width:200px;height:36px; background:url(/images/workshop/signup_bot.png) repeat-x 0 bottom #eeeded;border-left:1px solid #ccc;display:block;}

.signUp tr.gender td.field span{ background: #eeeded;border-left:1px solid #ccc;height:39px; display:block;}
.signUp tr.gender td.field span td{padding:10px 10px 0;}

.signUp tr.gender label{font-size:12px;}

.signUp tr.checkbox td{ background:#e5e5e5; padding: 5px 10px; }
.signUp tr.checkbox td.row1{height:15px;padding: 10px 10px 0;}
.signUp tr.checkbox td.row1 label{font-size:12px;}
.signUp tr.checkbox td.row2{height:15px;padding: 0 10px 10px;}
.signUp tr.checkbox td.validator{background:none;}

.signUp tr.actions td span {display:block;}
*/
.signUp .con3{ margin-top:20px;}
.signUp #BlogArticleList .pager{ display:none;}

#Contact a.btnAction, #Registration a.btnAction{ float:right; }
#Contact .form td.label { /*width:110px;*/ }
#Contact .form td.field input.text { width:250px; }
#Contact .form tr.comments td.label{ vertical-align:top; padding-top:15px;}


/* store locations */
.storeLocations #Main{ padding:20px 0;}
.storeLocations #Main .sec1{ margin-bottom:20px;}
.storeLocations .store, .storeLocations .headOffice{  overflow:hidden;float:left; position:relative; width:470px; height:200px; margin:0 10px 10px 0; }
.storeLocations .headOffice{ }
.storeLocations .headOffice a{ overflow:hidden; left:0; top:0px; width:470px; height:200px; display:block;background:url(/images/workshop/store_header_bg.png) repeat-x -480px bottom;}
.storeLocations .headOffice:hover a{ background-position:0 bottom; }
.storeLocations .store.hovered a{ background-position:0 bottom;}
.storeLocations .store.hovered span{ cursor:pointer;}
.storeLocations .store a{ overflow:hidden; position:absolute; left:0; top:0px; width:470px; height:200px; display:block;background:url(/images/workshop/store_header_bg.png) repeat-x -480px bottom;}
.storeLocations .store span, .storeLocations .headOffice span{ position:absolute;left:8px; letter-spacing:-1px;font-size:14px; line-height:14px; font-weight:normal;font-family:Helvetica, Arial, sans-serif;color:#fff; text-transform:lowercase; }
.storeLocations .headOffice td{ vertical-align:top; padding:2px 1px;}
.storeLocations .headOffice table{width:460px; margin:5px;}
.storeLocations .store span.title, .storeLocations .headOffice span.title{  position:absolute;top:150px; font-size:20px; line-height:20px; font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
.storeLocations .store span.address{ position:absolute; top:170px;}
.storeLocations .store span.phone{ position:absolute; top:184px;font-size:11px; line-height:11px; color:#fff; text-decoration:none; }
.storeLocations .store span.hours{ position:absolute;left:305px; top:145px; width:155px; font-size:13px; line-height:12px; text-transform:none; overflow:hidden; text-align:right; padding:5px;}

.storeLocations #fancybox-outer, .storeLocations .fancybox-bg, .storeLocations #fancybox-close{overflow:hidden;background:none !important;}
.storeLocations #fancybox-overlay{opacity:0.7 !important; background-color:#000 !important;overflow:hidden;}
.storeLocations #fancybox-content, .storeLocations #fancybox-ie,.storeLocations #fancybox-frame{overflow:hidden;}

.storePopup #TabSystem2{ width:820px;height:490px;overflow:hidden; position:relative;}
.storePopup #TabSystem2 .tab{ border:none; height:490px; width:820px; padding:0; position:absolute; left:-10000px; top:30px;display:block;overflow:hidden;}
.storePopup #TabSystem2 .active{left:0; }
.storePopup #TabSystem2 #Menu2{ z-index:100; height:30px;left:0;top:0;position:absolute; width:500px;}
.storePopup #TabSystem2 #Menu2 ul li{ background:#fff; /*opacity:0.4;*/ float:left; padding:0;border:none; font-weight:bold;font-family:Helvetica, Arial, sans-serif;  text-transform:lowercase; }
.storePopup #TabSystem2 #Menu2 ul li.active{ background:#000; /*opacity:1;*/}
.storePopup #TabSystem2 #Menu2 ul li a{ color:#000;width:100px; height: 20px; font-size:20px; line-height:20px;padding:5px;display:block; text-decoration:none;}
.storePopup #TabSystem2 #Menu2 ul li a.active{ color:#fff;}

.storePopup .cycleWrapper{ background:none; height:349px; width:820px;margin:0;}
.storePopup .cycleWrapper .cycle{ background:none;}
.storePopup .cycleWrapper .cycle .item{ height:345px; width:820px; margin: 0; }
.storePopup .cycleWrapper .nav{top:175px; left:0; }
.storePopup .storeInfo{ position:relative;background:#000; height:116px; width:820px; margin: 0;}
 
.storePopup .storeInfo span{ letter-spacing:-1px;position:absolute;left:15px;font-size:14px; line-height:14px; font-weight:normal;font-family:Helvetica, Arial, sans-serif;color:#fff; text-transform:lowercase; }
.storePopup .storeInfo span.title{  position:absolute;top:30px; font-size:20px; line-height:20px; font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
.storePopup .storeInfo span.address{ position:absolute;top:50px;}
.storePopup .storeInfo span.phone{ position:absolute; top:64px;font-size:11px; line-height:11px; }
.storePopup .storeInfo span.hours{ position:absolute;left:195px; top:30px; width:155px; font-size:11px; line-height:11px; text-transform:none; overflow:hidden; text-align:right; padding:0 5px; }
.storePopup .storeInfo .brands{ position:absolute;left:385px; top:25px;}
.storePopup .storeInfo .brands img{float:left; margin-right:5px;}
.storePopup .storeMap{width:820px; height:349px; text-align:left; color:#000;font-weight:normal;font-family:Helvetica, Arial, sans-serif; text-transform:lowercase;font-size:11px; line-height:12px; }
.storePopup .storeMap #GMap{ width:820px; height:349px; margin: 0 auto;}



/****************************** cart ******************************/
#MainCartItems{ padding: 0 0 20px 0; }
.cartEmpty{ margin:10px 0; font-size:20px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-transform:lowercase;}

.cartTitle{ font-size:20px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-transform:lowercase;}
.cartItems{ margin:10px 0; width:100%;  }
.cartItems th{ padding:5px 0; font-weight:bold; text-align:left; }
.cartItems .name{ width:225px;}
.cartItems .thumbnail{ }
.cartItems .remove{ width:50px; }
.cartItems .remove{ padding-right:15px; }
.cartItems .remove span{ float:right; text-indent:-9999px; background:url(/images/icons/cross.png) no-repeat 0 0; width:20px; height:18px; }

.cartItems th{ border-bottom:1px solid #000;font-weight:normal;padding:5px 0; text-transform:lowercase; color:#000;}
.cartItems tr.standard{ }
.cartItems tr.standard td{ color:#000; font-size:16px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-decoration:none; text-transform:lowercase; vertical-align:middle;  }
.cartItems tr.standard td img{ }
.cartItems tr.standard td.name a{  }
.cartItems tr.standard td.remove{ padding-right:10px; } 
.cartItems tr.promotion td{  border-bottom: solid 1px #000; font-size:11px;  padding-top:5px; padding-bottom:5px; }
.cartItems tr.promotion td div{ overflow:hidden; }
.cartItems tr.promotion td span{ font-weight:bold; }
.cartItems tr.promotion td span.promo{ float:left; margin-left:175px; display:inline; }
.cartItems tr.promotion td span.price{ float:right; margin-right:127px; display:none; }

#CheckoutSummary td.image{ width: 64px; }
#CheckoutSummary tr td.replaced .regular{ text-decoration:line-through; display:block;}
#CheckoutSummary tr.promotion td{  border: solid 1px #ccc; border-right:none;  border-left:none; padding-top:5px; padding-bottom:5px; }
#CheckoutSummary tr.promotion td div{ overflow:hidden; }
#CheckoutSummary tr.promotion td span{ }
#CheckoutSummary tr.promotion td span.promo{ float:left; display:inline; margin-left:70px;}
#CheckoutSummary tr.promotion td span.price{ float:right; display:inline; }



.voucher{ overflow:hidden;}
.voucher span.message{ color:#d10200; clear:left; float:left; margin-top:5px; }
.voucherInner a{margin-top:5px;}
.voucherInner .label{ width:200px;}
.voucherInner input.text{ float:left; margin-right:5px; margin-top:5px;clear:both;border:1px solid #676667; height:26px; }
.voucher span.message.success{ color:#000; }
#MainCart td {border-bottom:1px solid #000;}
#MainCart .standard td.replaced{  }
#MainCart .standard td.replaced span{ display:block; }
#MainCart .standard td.replaced .regular{ text-decoration:line-through; }
#MainCart .standard td{ padding:4px 0; }
#MainCart .giftwrap{ text-align:center; }
#MainCart .giftcard{ text-align:center; }
#MainCart .quantity input{ border:1px solid #676667; width:30px; color:#000; font-size:16px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-decoration:none; text-transform:lowercase; vertical-align:middle;  }

#MainCart .thumbnail{ text-align:center; }
#MainCartVoucher{ border:solid 1px #000; width:335px; padding:10px; float:left; display:none; }
#MainCartVoucher .title{ display:block; margin-bottom:5px;font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-transform:lowercase; }
#MainCartNav .message{ display:block; white-space:nowrap; clear:left; font-size:10px; top:-2px; right:120px; }
#MainCartTotals{ float: right; width:250px; }
#MainCartTotals .title{font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-transform:lowercase;}
#MainCartTotals table{ width:100%; }
#MainCartTotals td{ padding: 2px 0;}
#MainCartTotals .label{ width:175px; }
#MainCartTotals .field{ text-align:right;}
#MainCartTotals .subTotal td{ border-bottom:1px solid #000;}
#MainCartTotals .total td{ border-bottom:3px double #000;}
#MainCartNav{clear:both;  padding:20px 0 20px 0; }
#MainCartNav div.actions{ height:35px;  position:relative;  }
#MainCartNav a{ position:absolute;  }
#MainCartNav .checkout{ right:0;  }
#MainCartNav .message { display:block; position:absolute; right:110px; text-align:right;}
#MainCartNav .message span{ display:block;  }


/*********************** catergory navigation ***********************/

#CatNav{ margin:10px 0 20px 0; }
#CatNav a{ color:#000; text-decoration:none; text-transform:lowercase; }
#CatNav ul > li{ padding:0; }
#CatNav li{ padding:0; list-style:none;}
#CatNav ul ul{ padding:0; }
#CatNav ul > li.Selected, #CatNav ul > li.alternate{}
#CatNav ul li ul li ul li{ padding-left: 5px;}
#CatNav > ul > li{ padding-top:2px; padding-bottom:2px; }
#CatNav ul li a{ display:block; text-indent:15px;font-size:14px; font-weight:bold; font-family:Helvetica, Arial, sans-serif;background:url(/images/workshop/arrows_sprite.png) no-repeat 0 -23px }
#CatNav ul li.Selected a{ background-position:0 7px;}
#CatNav ul li ul li a, .internationalBrands #CatNav li, .internationalBrands #CatNav li a { font-size:12px; font-weight:normal; font-family:Helvetica, Arial, sans-serif;background:none; }
#CatNav ul li ul li.Selected > a{ text-decoration:underline;}
#CatNav ul li ul li a[name=Sale],
#CatNav ul li ul li a[name=Online_Outlet],
#CatNav ul li ul li a[name=Denim_Sale],
#CatNav ul li ul li a[name=Online_Outlet] + ul li a
{ color:#BF0000; }

#CatNav a.denimGuide{ display:block; margin:20px 0 20px 15px;font-size:14px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }

/*********************************************************************/
/****************** product / category / search list *****************/
/*********************************************************************/
.prodCatList #Products{ margin:0 16px; }
.price .was{ text-decoration:line-through; padding-right:5px;  }
.prodCatList .list table, .searchList table{ width:100%; }
.prodCatList .list div.regular, .prodCatList .list div.sale{ float:left; position:relative; }
.prodCatList .list div.regular, .prodCatList .list div.sale, .searchList td{ vertical-align:top;  text-align:center;  width:33%; }
.prodCatList .list  .item, .searchList td .item{ position:relative; text-align:center; overflow:hidden; padding:0 16px 10px 0; }
.prodCatList .list  .image, .searchList td .image{  position:relative;  margin-right:5px;  height:330px;  text-align:left;  }
.prodCatList .list  .image a, .searchList td .image a{ outline:none;}
.prodCatList .list  .detail, .searchList td .detail{ position:relative; text-align:left; min-height:20px; position:relative; padding-bottom:5px; padding-top:8px; }

.prodCatList .list  .detail .links, .searchList td .detail .links{ position:absolute; bottom:0; width:100%;}
.prodCatList .list  a img, .searchList td a img{ }
.prodCatList .list  h2, .searchList td h2{ text-align:left; margin: 3px 0;}
.prodCatList .list  h2 a, .searchList td h2 a{ font-size:14px;}
.prodCatList .list  .image .i2{ display:none; } 
.prodCatList .list .sale .sale{ background:url(/images/workshop/flag-sale.png) no-repeat 0 0; width:58px; height:58px; position:absolute; top:0; right:10px; }
.prodCatList .list .row{ overflow:hidden; }
.prodCatList .products{ padding-top:10px; }
/* swatches */
.prodCatList .list .item .skus{}
.prodCatList .list .item .skus .sku{ width:15px; height:15px; float:left; margin-right:3px; border:solid 1px #999; }
.prodCatList .list .item .skus .sku img{ display:none; }

.searchList .products p.name{ padding-right:20px;}
.searchList td .item{ padding-right:24px;}
.searchList td .detail{ padding-bottom:25px; width:90%; margin:auto; }
.searchList td .detail a.sendToFriend{ position:absolute; right:0; top:0; background:url(/images/icons/email.png) no-repeat; display:block; height:16px; width:16px; overflow:hidden; text-indent:-999px; }
.search #Information h2 a{ color:#000; font-size:18px; }
.search #Information table{ width:100%; }
.search #Information .item{ border-bottom: dotted 1px #ccc; }
.search #Information .description{ padding:0 0 10px 10px; }
.search .pagerInner *{ display:inline; }

.prodCatList .list .more,.searchList td .more{ display:none;} 
.prodCatList .list .name a,.searchList td .name a{ text-align:left; padding:5px 0; color:#000; text-transform:uppercase; text-decoration:none;  }
.prodCatList .list p a, .searchList td p a{ font-size:14px;  line-height:15px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; text-decoration:none; text-transform:lowercase; }
.prodCatList .list .description{ color:#666; padding-bottom:13px; padding-top:5px; font-size:12px; }
.prodCatList .list .more{  }
.prodCatList .list .price{ color: #232323; font-size: 14px; padding-top: 5px; font-weight:bold; font-family:Helvetica, Arial, sans-serif; }
.prodCatList .list .categoryLink{ display:none; }
.prodCatList .list .productLink, .searchList td .productLink{ float:right; color:#0054a6; text-transform:uppercase; text-decoration:none; padding-top:2px; }

.item .image a.link, .searchList td .image a.link { background:url(/images/icons/btn-quicklook.png) no-repeat 0 0; position:absolute; left:29%; top:66%; width:81px; height:23px; text-indent:-999px; overflow:hidden;}
.item .image a.link:hover, .searchList td .image a.link:hover{ background-position: 0 -25px;}
.item .image:hover a.link, .searchList td .image:hover a.link{ display:block !important; }

.item div.price div{ text-align:center; display:inline;}
.item div.price .was{ color:#333; text-transform:lowercase; font-size:14px;font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
.item div.price .now{ color:#bf0000; font-size:14px;font-weight:bold;font-family:Helvetica, Arial, sans-serif; }

.prodCatList .featuredProduct .sale{ height:35px;}
.prodCatList .featuredProduct .sale div span{ padding-right:5px;}
.prodCatList .featuredProduct .sale div.now{ position:relative; top:16px;}
.prodCatList .featuredProduct .sale div.was{ position:relative; top:-16px; text-decoration:line-through; }
.prodCatList .categoryDesc{ margin-bottom:-6px; font-size:14px; line-height:14px;}

/********************* product filters **********************/
#Filters{ width:100%; display:none;}
#Filters .filterInner{ min-height:50px;width:100%; }
#Filters input{ }
#Filters li{padding:3px 0 3px 3px;}
#Filters li label, #Filters .arrow, #Filters li a { background:url(/images/icons/chkbox.png) no-repeat 0 -15px; }
#Filters li label, #Filters li a{ cursor:pointer; display:block; padding-left:15px; float:left; clear:left; }
#Filters li.selected label, #Filters li.selected a{ background-position: 0 3px; }

#Filters .filter{ float:left;  width:175px;}
#Filters .filter .title{ display:none; }
#Filters #Sorting {float:right; width:205px; }
#Filters #Sorting select { width:150px; float:right;}
#Filters div.filters{ float:left; position:relative; z-index:50;}
#Filters div.filters input{ outline:none;}
#Filters span.title { color:#222; float:left; font-size:13px; margin-right:10px; line-height:24px; }
#Filters ul{ background-color:#f4ece5; padding:15px 10px 5px; display:none; clear:left; position:absolute; top:25px;  width:120px; overflow:hidden; }
#Filters .selection{ background-color:#f4ece5; padding:0px 10px 0px 10px; float:left;  height:25px; line-height:25px; cursor:pointer; position:relative; }
#Filters .selection span.label{ float:left; width:90px; overflow:hidden; white-space:nowrap; }
#Filters .selection .arrow{background-position: right -32px;  width:10px; height:25px; position:absolute; right:5px; top:-1px; }


/*************** end product / category / search list ****************/


/*********************************************************************/
/**************************** product display ************************/
/*********************************************************************/


.prodDisplay .sec2{ float:right; width:740px; }
.prodDisplay .sec1{ float:left; width:220px; }


#ProductDisplay .backLink{ overflow:hidden; }
#ProductDisplay .backLink a{ background:none;text-transform:lowercase; }
#ProductDisplay .backLink span{ color:#333; font-size:11px; padding:0; font-weight:normal; text-transform:capitalize; text-decoration:underline;  }
#ProductDisplay .backLink span:before{ content:'< '; }

#ProductDisplay .currencyConversion{ background:#fff;}

#ProductDisplay{ overflow:hidden; margin: 5px 0 5px 15px; }
#ProductDetails{ width:361px; float:left; position:relative; margin-left:21px;}
#ProductDetails h1{ font-size:24px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-transform:lowercase; letter-spacing:-1px; line-height:38px;   }
#ProductDetails .links a.email{ }
#ProductDetails .stockLevel { display:none; }
#ProductDetails .price{ float:right; font-size:16px; color:#000;}
#ProductDetails .price div { display:inline; font-weight:bold;font-family:Helvetica, Arial, sans-serif; }
#ProductDetails .price .was{ text-decoration:line-through; padding-right:10px; }
#ProductDetails .price .now{ color:#ff0000;}
#ProductDetails p.review{  overflow:hidden; }
#ProductDetails p.review span.rating{ margin:0; text-align:center; float:left; cursor:pointer; white-space:nowrap; }
#ProductDetails p.review span.reviewCount{ float:left; margin-left:5px; cursor:pointer; color:#999; font-size:11px; font-style:italic; }
#ProductDetails p.review a.addReview{ clear:left; float:left; display:none; }
#ProductDetails p.share{ display:none;}
#ProductDetails .promotionMessage{ font-style:italic; color:#000;  padding-left:20px; min-height:17px; line-height:17px;}
#ProductDetails .promotionMessage span{ font-weight:bold; }
#ProductDetails .promotionMessage.hasPromotion{ background:url(/images/icons/asterisk_orange.png) no-repeat 0 0;}
#ProductDetails .promotionMessage .price{ min-height:10px; font-size:12px; padding-left:5px;  }
#ProductDetails .brandLogo{ min-height:40px; }
#ProductDetails .code{ float:left; font-size:14px; margin-top:1px; color:#232323; text-transform:uppercase;}

#ProductDetails .details{ line-height:13px; color:#000; height:138px; overflow-y:auto; width:100%; margin-bottom:10px;}
#ProductDetails .description{}
#ProductDetails .careInfo{margin: 10px 0;}
#ProductDetails .currencyConverter{float:right; clear:both; margin-bottom:5px; margin-right:5px;font-size:10px;}


.currencyConversion{  background-color: #FFFFFF; border: 1px solid #CCCCCC; min-width: 103px; padding: 5px; z-index: 50; }
.currencyConversion p.currency{ overflow:hidden; padding:0; color:#676667;}
#ProductDetails .currencyConversion .code{ float:left; min-width:28px;font-size:10px; }
#ProductDetails .currencyConversion .price{ float:right;font-size:10px;}



#ProductDetails .itemAdded{ clear:left;bottom:3px; clear: left; font-weight: bold; position: absolute; right: -79px; }
#ProductDetails div.description{ clear:both; }
#ProductDetails .content{ color:#000; clear:left; }
#ProductDetails .socialWrap{position:relative;}
#ProductDetails .socialWrap .social{ position:absolute; top:-31px; right:-10px; width:50px; overflow:hidden;}

#ProductDetails .socialWrap a.sendToFriend{ position:absolute; top:-29px; left:294px; background:url(/images/workshop/emailtofriend.png) no-repeat 0 0; width:16px; height:16px; display:block;}

/*#ProductDetails div.social{ min-height:40px; padding-top:20px; clear:both; }*/

/*********************** main image ***********************/
#ProductImage{ position:relative; z-index:51;float:left; width:333px;  }
#ProductImage .productImage{ min-height:500px; }
#ProductImage .mainImage{ min-height:500px; height:auto !important; height:500px; width:333px; margin-bottom:16px; position:relative; border:none;}
#ProductImage a, #ProductImage img{outline:none;}
#ProductImage #Zoom{ bottom:5px; left:10px; float:left; background-position:0 -34px; white-space:nowrap; height:15px; width:20px; z-index:100; }
#ProductImage #Zoom span{ display:none; }
/*
#ProductImage .zoomWindow{ left: 352px !important;width:333px !important; height:500px !important; }
#ProductImage .zoomWrapper{width:333px !important; height:500px !important; border:none !important; }
#ProductImage .zoomPup{width:133px !important; height:200px !important;}*/

#ProductImage .zoomWindow{ left: 336px !important; }
#ProductImage .zoomWrapper{ border:none !important; }


/*********************** thumbnails ***********************/
#ProductThumbnails{ }
#ProductThumbnails span{margin-bottom:5px; font-size:11px; color:#000; }
#ProductThumbnails ul li{float:left; height:132px; width:88px; overflow:hidden; margin:0 3px 3px 0; display:none;  }
#ProductThumbnails ul li.active{ display:list-item; }
#ProductThumbnails ul li a{ outline:none; }
#ProductThumbnails ul li.skuImage{  }
#ProductThumbnails ul li:last-child{ margin-bottom:0; margin-right:0;}

/*********************** add to cart ***********************/
#ProductDetails .title{ font-size:12px; display:block; width:auto; float:none; margin-bottom:5px; color:#000; text-transform:uppercase; }
#ProductDetails #AddToCart{   /*min-height:145px; height:auto !important;  height:145px;*/ margin: 3px 0;}
#ProductDetails #AddToCart .addToCart, #ProductDetails #AddToCart .updateSku{ background:#000; color:#fff; border:none ;text-align:center; text-transform: lowercase;  }
div .btnAction span, #MainCartNav a span, #SideCart .actions a span{ font-weight:bold;font-family:Helvetica, Arial, sans-serif; padding:0 10px; display:block;  float:left; height:30px; line-height:30px; white-space:nowrap; }
#ProductDetails #AddToCart .addToCart span, #ProductDetails #AddToCart .updateSku span {padding:0; font-size:18px; width:177px; letter-spacing:1px; height:30px; line-height:30px; }
#ProductDetails #AddToCart .quantity{ display:none; }
#ProductDetails #AddToCart .quantity .value{width:21px; height:18px; font-family:Arial; font-size:11px; text-align:center; }
#ProductDetails #AddToCart .productLinks{ float:right; position:relative; height:100px; width:135px; }
#ProductDetails #AddToCart .productLinks{ overflow:hidden; }
#ProductDetails #AddToCart .productLinks a{ float:left; clear:left; margin-bottom:5px; white-space:nowrap; }

  
/*********************** sku selection v2 ***********************/
.cartSelection{ float:left}
.cartSelection .selector{position:relative; float:left; padding-right:10px;}
.cartSelection .selector .title{ display:none !important;}
.cartSelection ul{ display:none; position:absolute; width:137px; z-index:1;  background:#fff; }
.cartSelection ul li{ padding-right:10px; display:block; overflow:hidden; cursor:pointer; background-color: #dedede; border: 1px solid #B6B6B6; border-top:none;width:100%;}
.cartSelection ul li:first-child{border-top: 1px solid #B6B6B6;}
.cartSelection ul li.hover{ background-color:#000; color:#fff !important;}
.cartSelection ul li.hover span{ color:#fff !important; }
.cartSelection ul li span.hex{ float:left; height:12px; width:22px; margin:3px 5px 0 3px; border:solid 1px #fff; display:none; }
.cartSelection ul li span.name{ float:left; text-transform:capitalize; color:#000;  width:100%;}
.cartSelection .selection{ text-transform:capitalize; color:#000; font-size:15px; text-shadow:1px 1px #fff; background: url(/images/workshop/button_left.png) no-repeat left top; width:120px;  padding-right:30px; height: 24px; line-height:24px; position: relative; text-indent: 10px; }
.cartSelection .selection a {float: right; height: 24px; position: absolute; right: 0; top: 0; width: 25px; background: url(/images/workshop/button_right.png) no-repeat right top; }
.cartSelection .level2Selector span.name{ text-transform:uppercase; float:none;}
.cartSelection .level1Selector li, .cartSelection .level2Selector li{ text-indent:10px; }
.cartSelection  .invalid .selection{ background:#f00;}
.cartSelection .actions{ margin-top:40px; position:relative;  }
.cartSelection .actions a{ float:left; clear:left; margin-bottom:2px; }
.loggedOut .cartSelection .actions a.addToWishList{ display:none; }

.cartSelection .level1Selector{z-index:10;}
.cartSelection .level2Selector{z-index:9;}

/*********************** related products ***********************/
#RelatedProducts{  width:100%; }
#RelatedProducts .title{ display:block; margin-bottom:7px; line-height:15px; font-weight:normal;font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#000;   }
#RelatedProducts div.item{ float:left;width:88px; text-align:center; margin:0px 3px 3px 0; }
#RelatedProducts div.item .quicklook{ display:block;}
#RelatedProducts div.item .textLink{ margin:2px 0; } 
#RelatedProducts div.item .name{ display:block;}
#RelatedProducts div.item .price{ display:block; min-height:15px; }
#RelatedProducts div.item img{width:88px;height:132px; opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
#RelatedProducts div.item a:hover img{opacity:1;}

/************************* end product display ************************/



/****************************** mydetails ******************************/
.myDetails #Main{ padding:20px 0;}
.myDetails #TabSystem h2{ margin:0 0 20px 0; text-transform:lowercase; }
.myDetails #CheckoutAddressDetails{}

.myDetails #CheckoutAddressDetails div.actions{ width:366px; clear:left;}
.myDetails #CheckoutAddressDetails .custDetails { float:left; }
.myDetails #CheckoutAddressDetails .billingDetails{ margin-left:50px; display:inline;}
.myDetails #CheckoutAddressDetails .validationSummary{ display:none;}
.myDetails #CheckoutAddressDetails a.btnAction{ float:right; }

.transactions table th{ font-weight:bold; color:#333; padding:5px 0;}
.transactions table{width:100%;}
.transactions .date{ width:25%;}
.transactions .order{ display:none;}
.transactions .total{ width:20%;}
.transactions .links{ width:55%;}
.transactions .links a.details{ background:url(/images/icons/table.png) no-repeat 0 0; padding-left:20px; float:left; margin-right:25px;  height:20px; margin-top:0;}
.transactions .links a.invoice{ background:url(/images/icons/page_white_text.png) no-repeat 0 0; padding-left:20px;float:left; height:20px; margin-top:0;}
#TransactionHistory{ padding:0 0 20px 0; overflow:hidden; }
#TransactionHistory td img{}

#TransactionHistory div.details{ padding: 15px;  }
#TransactionHistory table{ width:100%;}
#TransactionHistory table th{ text-transform:lowercase;  font-weight:bold;font-family:Helvetica, Arial, sans-serif; border-bottom:solid 1px #ccc; padding-bottom:5px;}

#TransactionHistory table.orders{ margin-bottom:20px;}
#TransactionHistory table.orders th{ padding:10px 20px; }
#TransactionHistory table.orders th.desc{ text-align:left;}
#TransactionHistory table.orders td{ border-bottom:solid 1px #eee; }
#TransactionHistory table.orders td.price{ text-align:right; }
#TransactionHistory table.orders td{ padding:10px 20px; color:#666; vertical-align:middle; }
#TransactionHistory .totalsWrap { border-top: solid 1px #ccc; margin:0 15px; padding:15px 0 0 0;}
#TransactionHistory .totals{ float:right; width:160px; color:#444; }
#TransactionHistory .totals td{color:#444; }
#TransactionHistory .totals tr.total td{ text-transform:lowercase;  font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
#TransactionHistory .totals td.field{ text-align:right; padding-right:10px;}


/*********************************************************************/
/**************************** checkout *******************************/
/*********************************************************************/
.checkout td.label{ width:105px; background:url(/images/workshop/label2_bg.png) no-repeat right top; }
.checkout td.field{ width:300px;}
.checkout td.field input.text,.myDetails .tab2 td.field input.text, .requestDeliveryPopup td.field input.text{ width:280px;}
.checkout td.field select{ width:295px;}
.checkout .signUp td.label, .requestDeliveryPopup .signUp td.label{ background:none;}
.checkout tr.country td.field{height:46px;}
.checkout #Header #Navigation,.checkout #Header #NavTabs,.checkout #Header #SocialLinkWrapper{ display:none; }
.checkout #Content{ position:relative; /*z-index:1001;*/ margin-bottom:20px;}
#StepIndicator{ background-color:#EEE; overflow:hidden;}
#StepIndicator div{ width:199px; background-color:#eee;}
#StepIndicator div.last{ float:right; width:199px; }
#StepIndicator div span{ color:#000;}
#StepIndicator div.prevStep{background-color:#ccc;}
#StepIndicator div.active{  background:url(/images/workshop/arrow-sep.png) no-repeat right 0 ; }
#StepIndicator div.active span { display:block; color:#000; height:32px;}
#StepIndicator{height:32px;}
#StepIndicator div{height:32px; line-height:32px;} 
#StepIndicator div{ float:left; text-align:center; vertical-align:middle;}
#StepIndicator .active span{ font-weight:bold;font-family:Helvetica, Arial, sans-serif;}
#StepIndicator .wrapping{ display:none;}


.checkout tr.country td.field select, .myDetails tr.country td.field select{ height:39px; width:285px;padding-top:12px; }
.checkout tr.findCode td, .checkout tr.request td, .myDetails tr.findCode td, .requestDeliveryPopup tr.findCode td{ height:25px;}
.checkout tr.findCode td a, .checkout tr.request td a, .myDetails tr.findCode td a, .requestDeliveryPopup tr.findCode td a{ font-size:10px;padding:0 5px;}
/* request delivery popup */

#RequestDelivery{ text-align:left;}




/****************************** login ******************************/
#CheckoutLogin{ width: auto;}
#CheckoutLogin .form{  padding: 23px; border: 1px solid #000; margin-bottom:10px; }
#CheckoutLogin table{ /*width:100%;*/ }
#CheckoutLogin .label{ /*width:140px;*/}
#CheckoutLogin td.forget a{background:none; color:#555; float:left; font-family:Arial;  text-decoration:underline;}
#CheckoutLogin td.forget a:hover{}
#CheckoutLogin td.forget a span{  color:#555; padding:0; }
#CheckoutLogin .errorMessage{ display:block; padding-bottom:5px; }

/****************************** address details ******************************/
#CheckoutAddressDetails div.custDetails{ width:auto; float:none;}
#CheckoutAddressDetails .actions{ width:auto;}
#CheckoutAddressDetails .actions table{ /*width:100%;*/ }
#CheckoutAddressDetails .actions table .validator{  }
#CheckoutAddressDetails .actions a.btnAction{ float:right; }
#CheckoutAddressDetails tr.signUp div{ position:relative; height:40px; padding:10px 0; }
#CheckoutAddressDetails tr.signUp .radOptions{ position:absolute; left:225px; top:7px;}
#CheckoutAddressDetails tr.toggle div{ padding-left:128px; background:none;}
#CheckoutAddressDetails tr.toggle div label{ white-space:nowrap;}
#CheckoutAddressDetails .newsletterSignup{ display:none; }

/****************************** gift wrap ******************************/
#CheckoutGiftwrapping tr.action td{ text-align:right;}
#CheckoutGiftwrapping .action .continue{ float:right; }

/****************************** checkout summary ******************************/
#CheckoutLogin h2, #CheckoutAddressDetails h2, #CheckoutPayment h2, #CheckoutSummary h2{ color:#000; margin-bottom:10px; font-size: 20px; display:block; margin-top:0; text-transform:lowercase;}
#CheckoutSummary .title{ display:block;font-weight:bold;font-family:Helvetica, Arial, sans-serif; color:#000;}
#CheckoutSummary  div.addresses td{ padding:10px 0;}
#CheckoutSummary{ min-height:500px;  height:auto !important; height:500px; font-size:14px; text-transform:lowercase;font-weight:normal;font-family:Helvetica, Arial, sans-serif; }
#CheckoutSummary .giftwrap{  padding:15px 0; margin-bottom:15px; border-bottom:solid 1px #ccc; border-top:solid 1px #000; position:relative; }
#CheckoutSummary .giftwrap div.edit{ top:15px;}
#CheckoutSummary .giftwrap table, #CheckoutSummary .tblVoucher{ width:100%;  }
#CheckoutSummary .giftwrap table td{ padding:10px 0 ;}
#CheckoutSummary .giftwrap table .label, #CheckoutSummary .tblVoucher .label{ vertical-align:top; width:150px;   }
#CheckoutSummary .giftwrap table .field{ vertical-align:top;  }
#CheckoutSummary .giftwrap table span{ display:block;}
#CheckoutSummary .tblVoucher .code td{ padding-top:10px; }

#CheckoutSummary .summaryWrap{ position:relative; }
#CheckoutSummary .summaryWrap .voucherSummary td.label{background:none;}
#CheckoutSummary #CartSummary{  margin-bottom:25px; border-bottom:solid 1px #000;  } 
#CheckoutSummary .edit{  position:absolute; top:0px; right:0px; }

#CheckoutAddressSummary{ position:relative; }
#CheckoutAddressSummary .addresses .line3 .state { display:none; }
#CheckoutAddressSummary .addresses .field .label{ display:none; }
#CheckoutAddressSummary td{ vertical-align:top; }
#CheckoutAddressSummary td.label{ width:150px; background:none; }
#CheckoutAddressSummary table { width:100%;}

#CartSummary table{ width:100%; }
#CartSummary td{ vertical-align:middle; padding:3px;font-size:12px;font-weight:bold;font-family:Helvetica, Arial, sans-serif; color:#000; }
#CartSummary .items{ margin-top:10px; clear:both; }
#CartSummary .items tr.header th{ border-bottom:solid 1px #000; border-top:solid 1px #000; padding: 5px 0 ; color:#000;}
#CartSummary .items .total{ text-align:right; }
#CartSummary .item .image{ text-align:center;}
#CartSummary .item .image div{ margin:5px 0; }
#CartSummary .seperator td{ border-bottom:solid 1px #ccc;}

/****************************** payment ******************************/
#CheckoutPayment div.voucher, #CheckoutPayment .customPanel,#CheckoutPayment div.totals,#CheckoutPayment div.shipping{ margin-bottom:12px; padding-bottom:12px; }
#CheckoutPayment .voucher div{ clear:both; } 
#CheckoutPayment .voucher div .message{ /*padding:5px 0 0 10px;*/  } 
#CheckoutPayment .shipping{ clear:both; }
#CheckoutPayment .totals{ overflow:hidden; clear:both;  }
#CheckoutPayment .title{ display:block; margin-bottom:10px; font-weight:bold;font-family:Helvetica, Arial, sans-serif; text-transform:lowercase; font-size:20px; }
#CheckoutPayment .label{ padding-bottom:5px; display:block;  }
#CheckoutPayment .paymentType{ padding:7px 0 ; }
#CheckoutPayment .actions{ overflow:hidden; }
#CheckoutPayment .totals table{ width:100%; white-space:nowrap; }
#CheckoutPayment .totals td.label{ width:70%; padding:2px 0 2px 150px; background:none; }
#CheckoutPayment .totals td.field{ width:30%; text-align:right; vertical-align:top;  }
#CheckoutPayment .totals tr.total td{  }
#CheckoutPayment .totals td span{ padding: 0 0 0 10px; display:block; font-style:italic; white-space:normal; }
#CheckoutPayment .totals tr.total td.label{ padding: 0 0 0 150px; }
#CheckoutPayment .paymentType select{ float:right; border:1px solid #000; height:26px; }
#CheckoutPayment .paymentType select option{ }
#CheckoutPayment .paymentType span{ float:left;}
#CheckoutPayment div.voucher, #CheckoutPayment div.shipping, #CheckoutPayment div.totals{ border-bottom:solid 1px #000;}
#CheckoutPayment div.actions{ clear:right; padding-top:10px; overflow:hidden; }
#CheckoutPayment div.actions a.btnAction{ float:right; }
#CheckoutPayment .customPanel{ display:none; }
#CheckoutPayment div.voucher{ display:none; }
/************************** end checkout ******************************/


/********************** International Brands ************************/

.internationalBrands #CatNav {margin-top:34px !important; border:none !important; width:200px;}
.internationalBrands #Main .sec1Col1 {width:200px !important;}
.internationalBrands #CatNav ul {margin:0;}
.internationalBrands #CatNav ul ul li {padding-left:5px;}
.internationalBrands #CatNav ul li a {text-indent:0;}
.internationalBrands .header {margin-bottom:20px;}
.internationalBrands .brandContent, .internationalBrands .header, .internationalBrands .brandLogos { float:right; width:740px;}
.internationalBrands .column1 { float: left;overflow: hidden; width: 333px; min-height: 400px;}
.internationalBrands .column2 { float: right;overflow: hidden; width: 361px; margin-left:21px;}
.internationalBrands .brandDescription  { color:#000; line-height:13px; height:118px; margin-bottom:15px; overflow-y:scroll; padding-right:15px;}
.internationalBrands .brandLogo {margin-top:30px; margin-bottom:20px;}
.internationalBrands .brandLogos { margin-top:10px; margin-bottom:70px;}

/* International Brand Enquiry Form*/
#InterBrandSpot { margin-bottom: 5px;}
#enquireForm .label { -o-background-size: 139px 46px; -webkit-background-size: 139px 46px; background-size: 139px 46px; padding: 0; background-color: #ffffff; background: none; }
#enquireForm .field input, #enquireForm .field textarea, #enquireForm table { width: 100%;}
#enquireForm .validator { background-color: #ffffff;height: 100%;}
#enquireForm tbody, #enquireForm table { background-color: #fff;}
.enquireIntBrand span { margin-left: 2px;display: block;font-weight: bold;padding: 0 10px;background-color: #000;color: #fff;font-size:18px; width:257px; letter-spacing:1px; height:30px; line-height:30px;}
.enquireIntBrand { text-decoration: none;}