html, body, form
{
    margin: 0;
    padding: 0;
    font: 11pt Arial, Sans-Serif;
    background-color: #EFEFEF;
}

img
{
    border: 0;
    vertical-align: bottom;
}

h1
{
    font-size: 24pt;
}

h3
{
    margin-bottom: 0;
}

h1.catalogTitle
{
    color: rgb(128, 0, 0);
}

.note
{
    font-size:9pt;
    font-weight:bold;
}

div.breadCrumb
{
    padding: 0;
    font-size: 9pt;
    margin: -10px 0 10px 0;
}

div.breadCrumb.extra-top-space
{
    margin-top: 10px !important;
}

img#siteLogo
{
    margin: 10px 10px;
    vertical-align: middle;
}

a { color: Black; }

div#siteFrame
{
    width:1011px;
    margin: auto;
}

div#siteFrame div#portalHeader
{
    padding: 10px 30px 3px 30px;
}

div#siteFrame div#portalHeader div.portalSites
{
    float: left;
    font: normal 11pt Arial, Sans-serif;
}

div#siteFrame div#portalHeader div.portalSites img
{
    vertical-align: middle;
}

div#siteFrame div#portalHeader div.portalSites a,
div#siteFrame div#portalHeader div.portalSites span
{
    padding: 0 10px;
}

div#siteFrame div#portalHeader div.portalSites span.currentSite
{
    font-weight: bold;
    color: #cc0066;
}

div#siteFrame div#portalHeader div.portalInfo
{
    float: right;
    font: normal 10pt Arial, Sans-serif;
    color: rgb(77, 77, 77);
    line-height: 16pt;
}

div#portalHeader div.portalInfo a
{
    color: rgb(77, 77, 77);
}

div#portalHeader div.portalInfo img
{
    vertical-align: 0%;
}

div#siteFrame div#header
{
    padding: 10px 18px 0 15px;
    background-image: url(header-background.png);
    background-repeat: no-repeat;
}

.breaker
{
    clear: both;
    height: 1px;
    overflow: hidden;
    line-height: 1px;
    display: block;
}

.top-menu
{
    display: table;
    width:100%;
}

.top-menu > ul
{
    display: table-row;
    padding: 0;
    margin: 0;
}

.top-menu > ul > li
{
    display: table-cell;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
}

.top-menu > ul > li > div > a
{
	display: block;
    font: bold 12pt/42px Arial, Sans-serif;
	padding: 0 10px;
	border-left: solid 2px white;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	background-image: url(menu-background.png);
}

.top-menu ul a.selected
{
    background-image: url(selected-menu-background.png);
}

.menu-bottom-line
{
    background-color: #ffffff;
}

.ie-menu
{
    width: 100%;
    border-collapse: collapse;
}

.ie-menu th
{
    display: none;
}

.ie-menu td
{
    margin: 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
}

.ie-menu td a
{
    display: block;
    font: bold 12pt/42px Arial, Sans-serif;
	padding: 0 10px;
	border-left: solid 2px white;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	background-image: url(menu-background.png);
}

.center { text-align: center; }

.ie-menu td a.selected
{
    background-image: url(selected-menu-background.png);
}

.no-border { border-left: 0 !important; }

.hide { display: none; }

.fading-ads 
{
    background-color: Black;
    border: 1px solid #c0c0c0;
    float: left;
    width: 698px;
}

#cart
{
    float: right;
    line-height: 90px;
    height: 100%;
    margin-right: 25px;
}

#cart img, .search img { vertical-align: middle; }

#cart a, .search a { color: rgb(172, 0, 57); margin: 0 4px; }

.search span { font-size: 10pt; }

#page, #footer
{
    background-image: url(shadow.png);
    background-position: -5px 0px;
    padding: 0 18px 0 15px;
}

.search
{
    background-image: url(search-background.png);
    background-position: bottom;
    line-height: 55px;
    padding: 0 20px;
}

.search button
{
    line-height: normal;
}

.search input[type=text]
{
    width: 418px;
    font: normal 12pt Arial, Sans-serif;
    position: relative;
    top: 2px;
}

input[type=submit], button
{
    color: #AC0039;
    font-weight: bold;
    cursor:pointer;
}

#content
{
    background-image:url(/Images/background.png);
    padding:25px 15px;
}

.footer-info
{
    padding: 5px 14px;
    font-size: 10pt;
}

.footer-info a
{
    color: rgb(0, 51, 102);
}

.footer-info .copyright
{
    color: rgb(119, 119, 119);
}

hr
{
    color: #eaeaea;
    background-color: #eaeaea;
    height: 1px;
    border: 0;
}

legend
{
    font-size:10pt;
    font-weight:bold;
    border-color: #000;
    border-width:medium;
}

#menu { float: left; }

#menu > ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #B2B2B2;
}

#menu > ul > li, .ControlHeadline
{
    background-image: url(menu-header-background.png);
    border-left: solid 1px #B2B2B2;
    border-right: solid 1px #D6D6D6;
    line-height: 38px;
    
}

#menu li > ul
{
    list-style-type: none;
    padding-left: 20px;
    margin: 0;
}

#menu li > ul > li
{
    line-height: 10pt;
    width: auto;
}

#menu > ul > li > a, .ControlHeadlineText
{
    display: block;
    line-height: 38px;
    padding-left: 30px;
    font-weight: bold;
    color: #AC0039;
    text-decoration: none;
    font-size: 11pt;
    background-image: url(menu-header-bullet.png);
    background-repeat: no-repeat;
    background-position: 14px 50%;
    width: 200px;
}

#menu > ul > li > a, .FilterControlHeadlineText
{
    display: block;
    line-height: 38px;
    padding-left: 30px;
    font-weight: bold;
    color: #AC0039;
    text-decoration: none;
    font-size: 11pt;
    background-image: url(menu-header-bullet.png);
    background-repeat: no-repeat;
    background-position: 14px 50%;
    width: 195px;
}


#menu > ul > li > ul, .down-list
{
    background-color: #ffffff;
    font-size: 10pt;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

#menu > ul > li > ul a, .down-list li a
{
    background-image: url(menu-bullet.png);
    background-position: 5px 50%;
    background-repeat: no-repeat;
    text-decoration: none;
    line-height: 1.6em;
    padding-left: 18px;
}

.down-list 
{
    display: none;
    position: absolute;
    z-index: 9999;
    text-align: left;
    padding: 5px;
    margin: 0;
    border-color: #bababa;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}

.down-list ul
{
    padding: 0;
    padding-left: 2em;
    margin: 0;
}

.down-list li
{
    display: block;
    list-style-type: none;
    font-size: 0.9em;
}

.slide-down
{
    background-image: url(menu-background-active.png) !important;
}

#rightPane { width: 700px; float: right; }

#frontPageAd div
{
    background-image: url(frontpageads-background.png);
    line-height: 76px;
}

#frontPageAd div
{
    font-size: 25pt;
    color: White;
}

#frontPageAd div h2
{
    float: left;
    margin: 0 10px 0 15px;
    color: rgb(255, 153, 255);
    font-size: 29pt;
}

#frontPageAd div h2 a
{
    color: rgb(255, 153, 255);
}

.showcase 
{
     background-color: black;
     border: 1px solid #eaeaea;
     float: left;
     width: 698px;
}

.section
{
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background-color: White;
    margin-top: 20px;
}

.section-content
{
    padding: 20px;
}

.section a
{
    color: rgb(172, 0, 57);
}

.section .section-header
{
    line-height: 48px;
    height: 48px;
    padding: 0 20px 0 20px;
    background-image: url(section-header.png);
}

.section-header .see-more, .search span
{
    float: right;
}

.BasketDetail
{
    width: 100%;
    border: 1px solid #c0c0c0;
    border-bottom-width: 0;
    margin-bottom: 10px;
}

.BasketDetail th
{
    background-image: url(basket-header-background.png);
    text-align: left;
    line-height: 41px;
    padding-left: 10px;
}

.BasketDetail th.currency
{
    text-align:right;
}

.BasketDetail td img
{
    height: 41px;
}


.BasketDetail th, .BasketDetail td
{
    border-bottom: 1px solid #c0c0c0;
}

.BasketDetail td.subtotal-cell
{
    border-left: 1px solid #c0c0c0;
}

.BasketDetail td
{
    background-color: White;
    padding: 5px;
}

.BasketDetail td.currency
{
    text-align:right;
}

.CheckoutNavigation
{
    text-align: right;
}

.CheckoutNavigation .floatLeft
{
    float: left;
    margin-right: 5px;
}

.CheckoutNavigation .checkoutButton
{
    background-image: url(/Images/Buttons/checkout-button.png);
    background-repeat: no-repeat;
    height: 42px;
    width: 179px;
    font-weight: bold;
    color: White;
    border: 0;
}

.rotatingAd { float:left; padding-left: 18px; }
.rotatingAd span { text-align: center; display: block; background-image: url(rotatingad-text-background.png); line-height: 41px; }
.rotatingAd a { color: rgb(255, 153, 204); }

.categoryTitle
{
    margin: 0;
    color: rgb(128, 0, 0);
    font-size: 24pt;
}

.product-item
{
    width: 202px;
    border: 1px solid #eaeaea;
    float: left;
    background-color: #ffffff;
    margin: 7px;
}

.product-item .product-item-header
{
    text-align: center;
    padding: 0.8em 0;
	min-height:59px;
	height:auto !important;
	height:59px;
}

.product-item .product-item-header a
{
    font-weight: bold;
}

.product-item .product-item-image
{
    text-align: center;
    padding-bottom: 10px;
}

.product-item .product-item-limited-sizes
{
    background-color: #dadada;
    text-align: center;
    font-size: 9pt;
    padding: 3px;
    position: absolute;
    width: 196px;
    margin-top: 181px;
    opacity: 0.8;
}

.product-item .product-item-image img
{
    width: 153px;
    height: 192px;
}

.product-item-variants
{
    display: block;
    visibility: hidden;
    position: absolute;
    background-color: #333333;
    color: White;
    width: 190px;
    font-size: 10pt;
    cursor: pointer;
}

.product-item-variants a
{
    display: block;
    color: White;
    padding: 20px 15px;
    text-decoration: none;
    cursor: pointer;
}
.product-item .product-item-variants div
{
    font-weight: bold;
}

.product-item .product-item-price
{
    background-color: #eaeaea;
    text-align: center;
    line-height: 2em;
    font-size: 10pt;
}

.current-price
{
    font-weight: bold;
}

.before-price
{
    text-decoration: line-through;
}

#product
{
    padding: 10px;
    background-color: White;
}

#product-header
{
    float: left;
    width: 500px;
    margin-bottom: 10px;
}

#product-header h1
{
    margin: 0;
}

#product-description
{
    font-style: italic;
    color: Gray;
}

#product-brand-image
{
    float: right;
}

#product-image-box
{
    float: left;
    border: 2px solid #f4f4f4;
    padding: 10px;
    width: 228px;
    text-align: center;
}

#product-image
{
    width: 210px;
    height: 262px;
    cursor: pointer;
}

#product-image-zoom
{
    border: 1px solid #c0c0c0;
    padding: 5px;
    width: 600px;
    background-color: White;
}

#product-image-zoom img
{
    cursor: pointer;
}

.alternative-product-image
{
    width: 80px;
    cursor: pointer;
}

#product-info
{
    float: right;
    width: 383px;
}

#product-info-box
{
    font-size: 11pt;
    border: 2px solid #f4f4f4;
    padding: 20px;
    background-color: #f4f4f4;
    background-image: url(product-info-background.png);
    background-repeat: repeat-x;
}

.regular-price span, .pre-price span, .selling-price span, .savings span
{
    float: right;
    clear: right;
}

.pre-price span
{
    text-decoration: line-through;
}

.selling-price, .regular-price
{
    font-weight: bold;
}

.savings
{
    font-style: italic;
    color: rgb(153, 0, 0);
}

.add-to-basket-button
{
    background-image: url(/Images/Buttons/add-to-basket-button.png);
    border: 0;
    background-color: Transparent;
    width: 155px;
    height: 38px;
    color: White !important;
    padding-left: 30px;
    float: right;
}

.quantity-textbox
{
    width: 40px;
}

#product-info select
{
    width: 100%;
    background-color: #FFD9FF;
}

#product-info select option
{
    background-color: #FFD9FF;
    font-weight: bold;
}

#product-info .sizes-header
{
    font-size: 10pt;
    padding-top: .4em;
    padding-bottom: .6em;
}

#product-info a
{
    font-size: 10pt;
    margin-top: 1em;
    padding-bottom: .6em;
}

#product-facts-box
{
    padding: 0 20px;
}

#product-facts div span
{
    float:right;
}

#product-facts-box #info ul
{
    margin: 0;
    padding-left: 20px;
    list-style-type: none;
    list-style-image: url(Checkmark.png);
}

.Sortby
{
    margin-left: 20px;
}

.Sortby select
{
    margin-left: 5px;
}

.customer-details-table fieldset
{
    padding-bottom: 10px;
}

.CheckoutSteps table, .customer-details-table
{
    width: 100%;
}

.CustomerDetails
{    
    /*margin: 0 10px;    */
}

.TextBox
{
    width: 200px;
}

.TextBoxNarrow
{
    width: 100px;
}

.CheckoutNavigation .button
{
    float: left;
    margin-right: 5px;
    
}

.CheckoutNavigation .nextButton, .CheckoutNavigation .finishButton
{
    float: right;
    display: block;
    line-height: 42px;
    width: 179px;
    background-image: url(/Images/Buttons/checkout-button.png);
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}


dl.CustomerDetails dt
{
    float: left;
    clear: left;
    width: 100px;    
    padding-top: 7px;
    /*line-height: 30px;*/
}

dl.CustomerDetails dd
{
    padding-top: 5px;
}

dd
{
    line-height: 30px;
}

#newsletterBox
{
    display: none;
    background-color: White;
    padding: 10px;
    border: 2px solid #333;
}

.subscribed
{
    display: none;
    background-color: White;
    padding: 10px;
    border: 2px solid #333;
}

#newsletterBox .subscribeForm
{
    background-image: url(product-info-background.png);
    background-repeat: repeat-x;
    padding: 10px;
    border: 1px solid #c0c0c0;
}

#newsletterBox img
{
    margin-bottom: 5px;
}

#newsletterBox .subscribeForm h2
{
    margin: 0;
    font-size: 12pt;
}

#newsletterBox .subscribeForm div.formRows
{
    line-height: 24px;
    padding: 5px;
}

#newsletterBox .subscribeTextBox
{
    float: right;
    margin: 2px 10px 2px 20px;
    width: 200px;
}

#newsletterBox label
{
    margin-left: 10px;
}

#newsletterBox ul, #newsletterBox ul li
{
    list-style-type: none;
    padding: 0;
}

div#customerserviceHeader
{        
    background-image: url(product-info-background.png);
    vertical-align:top;
    padding: 10px;
    border: 1px solid #d6d6d6;
}

div.brandBox
{
    background-color: White;
    padding: 5px;
    border: 1px solid #c0c0c0;
}

div.brandBox img
{
    float: left;
    margin: 5px;
}

div.brandCloud
{    
}

div.brandCloud a
{
    font-size: 9pt;
    color: #000;
    text-decoration: none;
}

.right
{
    float:right;
}

th
{
    text-align:left;
}

.overlay
{
    display:none;
    position: relative;   
    color: #FFF; 
    overflow: auto;
    height: 400px;
    background:#696969;
    padding:20px;
    margin:20%;    
    margin-top:30%;   
    border:solid 2px #000;    
}

.ui-tabs { padding: 0; zoom: 1; margin-top: 4px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-width: 0; border-bottom-width: 1px !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    background-color: white;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-bottom: 0;
    font-size: 12pt;
    color: Black;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
    background-color: White;
    padding: 1.4em;
    display: block;
    border: 1px solid #c0c0c0;
    margin-top: 0px;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-widget { font-family: Arial, Sans-serif; font-size: 10pt; }
.ui-widget-content { }
.ui-widget-content a { color: #312e25; }
.ui-widget-header { border: 1px solid #d4ccb0; color: #433f38; font-weight: normal; }
.ui-widget-header a { color: gray; }

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
/*.ui-helper-clearfix { display:block; }*/
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c0c0c0; background-color: #eaeaea; color: black; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {  }
.ui-state-hover a, .ui-state-hover a:hover { }

.ui-state-active,
.ui-widget-content .ui-state-active
{
    border: 1px solid #d4ccb0;
    background: #fafaf4 url(images/ui-bg_highlight-hard_100_fafaf4_1x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #ffffff;
    outline: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #e8e1b5; background: #fcf0ba url(images/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd5c0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd5c0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/*Alphabet bar
----------------------------------*/

.alpha a {text-decoration:underline; margin-right: 6px; color:#000; font-size:12pt; font-weight:lighter; cursor:pointer;}
.alpha a:hover {color:Red; font-size:110%;}
.alpha label {margin-right:6px; color:Gray; font-size:12pt; font-variant:small-caps;}
.alpha span {color:Red; font-size:13pt; font-weight:bold; margin-right:6px;}
.alpha ul {list-style-type:none; margin-left:-40px;}
.alpha ul li {float:left; margin-left:10px;}
.alpha ul li {color:#AD0039; font-weight:bolder;}
.alpha ul li.all-items {margin-left:0;}
.alpha ul li.all-items a {font-size:12pt; font-weight:bold; color:#000; text-decoration:none;}
.char-items {position:relative; }
.char-items strong a {font-size:20pt; text-decoration:underline;color:#000;}
.char-items strong a:hover {text-decoration:underline;}
.char-items ul {list-style-type:none; width:100%; margin-left:-40px; overflow:hidden;}
.char-items ul li {float:left; width:33.3%;}
.section-content.separated {border-bottom:1px solid #ccc;}

.discount-star 
{
    position: absolute;
    text-align: center;
    line-height: 44px;
    color: White;
    font-size: 8pt;
    background-image: url(pinkstar.png);
    width: 48px;
    height: 49px;
    margin-top: -49px;
    margin-left: 140px;
}