/*
Theme Name: Rose
Theme URI: the-theme’s-homepage
Description: a-brief-description
Author: your-name
Author URI: your-URI
Template: use-this-to-define-a-parent-theme–optional
Version: a-number–optional
.
General comments/License Statement if any.
.

[Table Of Contents]

0- Reset
1- Header
2- Main
3- Footer
4- Breadcrumbs
5- Divider
6- Top Nav
7- Home Banner
8- Footer
9- Gray screen for modal
10- Shopping Bag drop down
11- Sign In drop down
12- Product List
13- Quick View
14- Product Detail
15- Shopping Bag
16- Payment
17- CustomerCare
18- SignUpEmail
19- CheckOutAddress(Initial Page)
20- GiftCard (ProductGiftCard)
21- GuessListSurvey(Secure\Survey)
22- OrderTracking (using SignUpEmail css)
23- AccountDetail (Secure\Profile)
24- Order History
25- LoyaltyPoints Balance
26- Employee Login
27- Guess List SignUp
28- CustomerCare Nav
29- PopUps
30- GroupedProducts
31- GiftCardModalPopUp
32- AddressBook 
33- BillMeLater
34- Paypal
35- CheckoutTopMenu
36- Quick Registration
37- Error
38- Loyalty Awards Popup 
39- Shipping Coutries Dialog
40 - Lookbook and Group Details
41 - Email Sign Up Pop Up
42 - Size Chart

*/

/* =0 Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html
{
	height: 100%;
	min-height: 100%;
	width: 100%;
}

body
{
	line-height: 1;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

ol, ul
{
	list-style: none;
}

a, a:hover
{
	text-decoration: none;
	color: #888989;
}

.link
{
	text-decoration: underline;
	font-size: 11px;
	line-height: 11px;
	color: #e01f34;
}

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}
.underline
{
	text-decoration: underline;
}
sup, sub
{
	font-size: 10px;
	position: relative;
	vertical-align: baseline;
}

sup
{
	bottom: 0.5ex;
}

sub
{
	top: 0.5ex;
}

/* =1 Header */
/* These ids make up the header portion of the website, which includes the two rows of navigation. */

#header
{
	/*background: url(images/header/headerBG.png) repeat-x;*/
	width: 100%;
}

#topNavGradient {
	min-width: 980px;
	height: 57px;
	margin: auto;
}

#mainNavGradient {
	min-width: 980px;
	margin: auto;
	background-color: #000000;
}

#topNav, .topNav {
	margin: auto;
	width: 980px;
}

#mainNav
{
	height: 55px;
	margin: auto;
	width: 980px;
	position: relative;
	z-index: 20;
}

UL.siteTabs {
	list-style: none outside none;
}

DIV.shippingToSection
{
	margin-top: 5px;
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	background: url(images/header/arrowDown.png) no-repeat right 7px;
	padding-right: 12px;
}

DIV.shippingToSection img, .shippingToSection span
{
	vertical-align: middle;
	text-transform:capitalize;
}

DIV.languageChoiceSection {
	margin-top: 5px;
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	padding-right: 12px;
}

DIV.signInSection {
	margin-top: 5px;
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	padding-right: 12px;
}

DIV.languageChoiceSection A, DIV.signInSection A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-right: 5px;
}


DIV.languageChoiceSection A:hover, DIV.signInSection A:hover {
	color: #df0101;
}

.languageChoiceSection .selected {
	font-weight:bolder;
}



/* GUESS TAB */

UL.siteTabs LI.guessTab, UL.siteTabs LI.guessTab A, UL.siteTabs LI.guessTab A:hover {
	display: inline;
	float: left;
	width: 99px;
	height: 32px;
	margin-right: 7px;
}

UL.siteTabs LI.guessTab A
{
	background: url(images/header/triangleLogoTop.png) 0px 0px no-repeat transparent;
	text-decoration: none;
}

/* Marciano Tab */

UL.siteTabs LI.marcianoTab, UL.siteTabs LI.marcianoTab A, UL.siteTabs LI.marcianoTab A:hover {
	display: inline;
	float: left;
	width: 92px;
	height: 32px;
	margin-right: 7px;
}

UL.siteTabs LI.marcianoTab A {
	background: url(images/header/marciano-tab.png) 0px 0px no-repeat transparent;
	text-decoration: none;
}

UL.siteTabs LI.marcianoTab A:hover {
	background: url(images/header/marciano-tab.png) 0px -32px no-repeat transparent;
	text-decoration: none;
}

/* GUESS Kids Tab */

UL.siteTabs LI.guessKidsTab, UL.siteTabs LI.guessKidsTab A, UL.siteTabs LI.guessKidsTab A:hover {
	display: inline;
	float: left;
	width: 102px;
	height: 32px;
	margin-right: 7px;
}

UL.siteTabs LI.guessKidsTab A {
	background: url(images/header/guesskids-tab.png) 0px 0px no-repeat transparent;
	text-decoration: none;
}

UL.siteTabs LI.guessKidsTab A:hover {
	background: url(images/header/guesskids-tab.png) 0px -32px no-repeat transparent;
	text-decoration: none;
}

/* World Of GUESS Tab */

UL.siteTabs LI.worldOfTab, UL.siteTabs LI.worldOfTab A, UL.siteTabs LI.worldOfTab A:hover {
	display: inline;
	float: left;
	width: 124px;
	height: 32px;
	margin-right: 7px;
}

UL.siteTabs LI.worldOfTab A {
	background: url(images/header/worldofguess-tab.png) 0px 0px no-repeat transparent;
	text-decoration: none;
}

UL.siteTabs LI.worldOfTab A:hover {
	background: url(images/header/worldofguess-tab.png) 0px -32px no-repeat transparent;
	text-decoration: none;
}



/* =2 Main */

/* The following ids contain the main content portion of the website. */

.activeLink
{
	color: #ff0000; 
	text-decoration: underline;
}

.mainContainer
{
	padding: 27px 20px 30px 27px
}

.mainContainer h1
{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 22px;
	color:#666;
}

input[type=text].input-validation-error, input[type=password].input-validation-error, select.input-validation-error
{
		background-color: red;
}

#container {
	min-width: 980px;
	background: url(https://content.guess.com/GuessCommerce/GUESS_Home_bg.jpg) top center repeat-y #0d7b99;
}

#content
{
	margin: auto;
	width: 980px;
	background-color: #ffffff;
}

/* =3 Footer */
/* These two ids contain the footer information. */

#footer {
	background-color: #000000;
	clear: left;
	min-width: 980px;
}

DIV.footerFormCon {
	width: 980px;
	padding: 10px 0px 20px 0px;
	height: 30px;
	margin: auto;
}

#footerList {
	height: 200px;
	margin: auto;
	width: 980px;
}

/* =4 Breadcrumbs */
/* There are no bread crumbs on the home page, but they are used on almost every other page. */

.breadCrumbs
{
	text-transform: uppercase;
	background: #cbc9c9;
	height: 30px;
	padding-top: 6px;
}

.breadCrumbs ul.breadCrumbList
{
	float: left;
	padding-left: 20px;
}

.breadCrumbs ul.breadCrumbList li
{
	background: url(images/catalogue/breadCrumbArrow.png) right center no-repeat;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 10px 8px 5px;
}

.breadCrumbs ul.breadCrumbList li, .breadCrumbs ul.breadCrumbList li a
{
	color: #666666;
}

.breadCrumbs ul.breadCrumbList li.last
{
	background-image: none;
}

.breadCrumbs ul.breadCrumbList li.active a, .breadCrumbs ul.breadCrumbList li.active
{
	color: #333333;
}

.breadCrumbs ul.breadCrumbList li a:hover
{
	color: #a4a1a1;
}

.breadCrumbs ul.breadCrumbList li.active h1
{
	color: #333333;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-bottom: 0;
	display: inline;
}

/* =5 Divider */
/* This is a standard divider bar that sits below the main content but before the footer.  It can be used anywhere though. */

.divider
{
	clear: left;
	width: 980px;
	margin: 0px auto;
	height: 31px;
	background-color: #dadada;
}

.divider div.topFoot
{
	width: 980px;
}

DIV.tfEmailSignUp
{
	display: inline;
	float: left;
	margin-left: 26px;
	padding-top: 15px;
}

DIV.tfEmailSignUp INPUT.emSignUp
{
	border: 1px solid #BFBFBF;
	color: #383838;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
	height: 5px;
	padding-left: 3px;
	vertical-align: middle;
	width: 145px;
}

DIV.topFootBanner
{
	display: inline;
	float: right;
	text-align: right;
	width: 700px;
	margin: 0px 10px 0px 23px;
}

/* =6 Top Nav */
/* This controls the top nav links.  The sign in, my account, shopping bag, etc. */

DIV.countryLang
{
	display: inline;
	float: left;
	width: 980px;
	height: 25px;
	overflow: hidden;
}

DIV.masterBanner {
	display: inline;
	float: left;
	margin-top: 4px;
	width: 238px;
	overflow: hidden;
}

DIV.ppBanner
{
	display:inline;
	float:left;		
}

DIV.cLdrps
{
	display: inline;
	float: right;
	padding-right: 4px;
}

DIV.flagUS
{
	display: inline;
	float: left;
	width: 24px;
	height: 15px;
	background: url(images/country/US-CA_flags.png) 0px 0px no-repeat;
	overflow: hidden;
	margin: 8px 15px 0px 0px;
}

SELECT.countryDropDwn
{
	display: inline;
	float: left;
	width: 137px;
	font-size: 9px;
	color: #333333;
	margin: 5px 15px 0px 0px;
}

#topRightNavigation {
	display: inline;
	float: right;
	margin: 0px;
}

.topLeftNav {
	float: left;
	height: 32px;
	overflow: hidden;
	background-color: Transparent;
	width: auto;
}

ul.topRightNavLinks {
	list-style-type: none;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

ul.topRightNavLinks li.shopping-bag {
	display: inline;
	float: left;
	background-color: #dbdbdb;
	padding: 5px 7px;
	font-size: 11px;
	margin: 7px 0px 0px;
	text-transform: none;
}

ul.topRightNavLinks li.shopping-bag div {
	display: inline;
	float: left;
	margin-right: 16px;
}

ul.topRightNavLinks li.shopping-bag a.shopping-bag-link {
	color:#666;
}

ul.topRightNavLinks li.shopping-bag span {
	color:#666;
}

ul.topRightNavLinks li.shopping-bag a.checkout-link {
	background: url(images/details/addToCartBG.png) repeat-x;
	border: 1px solid #AAA;
	color: white;
	line-height: 13px;
	font-size:10px;
	font-weight: normal;
	cursor: pointer;
	padding:0px 3px 0px 3px;
}



/* begin additions by Guess */
ul.topRightNavLinks a.signIn
{
	font-weight: bold;
	text-transform: uppercase;
}
/* end additions by Guess */

/* The mainNavLinks controls the second bar down on the page.
This is where the Guess, women, men... links are set up.
This is also the area that controls the style of the search bar */

ul.mainNavLinks
{
	height: 55px;
	list-style: none;
	width: 980px;
}

ul.mainNavLinks li
{
	float: left;
	display: block;
}

ul.mainNavLinks li a {
	display: block;
	font-size: 12px;
	padding: 21px 13px;
	text-transform: uppercase;
	font-weight: bolder;
	color: #df0101;
}

ul.mainNavLinks li a:hover {
	color: #FFFFFF;
}

ul.mainNavLinks li a.giftsLink {
	display: block;
	font-size: 12px;
	padding: 21px 10px;
	text-transform: uppercase;
	font-weight: bolder;
	color: #FFFFFF;
}

ul.mainNavLinks li a.giftsLink:hover {
	display: block;
	font-size: 12px;
	padding: 21px 10px;
	text-transform: uppercase;
	font-weight: bolder;
	color: #ffffff;
}

ul.mainNavLinks li.first a
{
	height: 55px;
	padding: 0px;
	margin: 0px;
	_width: 165px;
}

ul.mainNavLinks li.last
{
	padding: 0px;
	height: 55px;
	float: right;
}

ul.mainNavLinks li.last form
{
	padding-top: 18px;
}

ul.mainNavLinks li.last form input.textInput {
	border: #bfbfbf 1px solid;
	color: #383838;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 17px;
	padding-left: 3px;
	vertical-align: middle;
	width: 145px;
}

/* =7 Home Banner */
/* The content links controls the three pictures underneath the main banner. */

.contentLinks ul
{
	height: 154px;
}

.contentLinks ul li
{
	display: block;
	float: left;
}

/* =8 Footer */
/* The footerLinks control everything in the footer section of the page.
It sets all the lists and keeps all the links aligned. */

.footerLinks
{
	height: 152px;
	width: 980px;
}

.subscribe-form {
	float: left;
	width: 180px;
	/*height: 176px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	padding:15px 0px 0px 0px;
}

.subscribe-form input[type=text] {
	display: inline;
	float: left;
	width: 137px;
	font-size: 10px;
	height: 20px;
	border: 1px solid #ffffff;;

}

.subscribe-form a.button, .subscribe-form a.button:hover {
	display: inline;
	float: left;
	background: url("images/details/addToCartBG.png") repeat-x scroll 0 0 transparent;
	padding: 4px 4px 3px 4px;
	border-top: 2px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-left: 4px solid #ffffff;
	font-size: 10px;
	color:#ffffff;
}

.subscribe-form div {
	margin-top:16px;
}

.footerLinks ul {
	float: left;
	width: 148px;
	height: 176px;
}

.footerLinks ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #969696;
	padding-left: 10px;
	padding-bottom: 9px;
}

.footerLinks ul.noPad li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #969696;
	padding-left: 0px;
	padding-bottom: 9px;
}

.footerLinks ul li a {
	color: #898989;
}

.footerLinks ul li a:hover {
	color: #df0101;
}

.footerLinks ul li.first
{
	padding-bottom: 11px;
	padding-top: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #898989;
}

ul.footerIcons {
	list-style: none;
	/*height: 164px;*/
	width: 206px;
	float: left;
}

ul.footerIcons li {
	display: block;
	float: left;
	height: 26px;
	margin-top: 12px;
	overflow: hidden;
	padding-bottom: 0;
	padding-left: 20px;
	/*position: relative;*/
}

/*ul.footerIcons li.image a:hover {
	position: relative;
	top: -22px;
}*/

ul.footerIcons li.logo {
	margin-top: 0px;
	padding: 0 0 39px 0;
}

ul.footerIcons li.mcafee {
	padding: 0px 0 30px 20px;
}

DIV.twitterFollow {
	display: inline;
	float: right;
	margin-top: 17px;
	width: 218px;
}

DIV.socialMedialHD {
	display: inline;
	float: left;
	margin: 20px 0px 0px 30px;
	color: #898989;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

UL.guessListSignUp {
	display: inline;
	float: left;
	width: 240px;
}

.pngFix
{
	behavior: url(/Content/Guess/iepngfix.htc);
}

#wrapper
{
	background: #ffffff;
}

.footerLinks DIV.facebook {
	display: inline;
	float: left;
	height: 60px;
	margin-right: 25px;
	overflow: hidden;
	padding-bottom: 0;
	padding-left: 0px;
	position: relative;
}

A:Link.facebookLike, A:active.facebookLike, A:visited.facebookLike, A:hover.facebookLike
{
	display: inline;
	float: left;
	color: #597fbe;
	margin-bottom: 5px;
	text-decoration: none;
}

/* =9 Grey screen for modal */
/* This is used to grey out the screen for the drop down menus and quickview. */

#screen
{
	background: #000000;
	filter: alpha(opacity=70);
	left: 0px;
	min-height: 100%;
	_height: 100%;
	opacity: 0.7;
	position: fixed;
	_position: absolute;
	top: 0px;
	display: none;
	width: 100%;
}

/* =10 Shopping bag drop down */
/* The following is used to style the shopping bag contents drop down menu. */

.ui-dialog ui-widget
{
	background-color: #ffffff;
}
/*
.titleContainer
{
	background: #eae8e8;
	float: left;
	width: 100%;
}

.titleContainer div
{
	color: #666666;
	font-size: 12px;
	float: left;
	padding: 7px;
}

.titleContainer div.title
{
	font-weight: bold;
	padding-right: 5px;
}

.titleContainer div.closeBox
{
	background: url(images/header/closeCart.png) no-repeat 45px;
	cursor: pointer;
	float: right;
	font-weight: bold;
	font-size: 9px;
	padding-right: 22px;	
	margin: 0px 3px 0px 0px;
	text-transform: uppercase;
}

.closeBox
{
	background: url(images/header/closeButton.png) no-repeat right top;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 10px;
	font-weight: normal;
	padding-right: 18px;
	text-align: right;
	vertical-align: middle;
	margin-top: 5px;
}
*/
#confirmDialog
{
	display: none;
}

#confirmDialog .confirmHolder
{
	margin: 5px;
}

#confirmDialog .closeBox
{
	padding-bottom: 10px;
}


.button
{
	background: url(images/details/addToCartBG.png) repeat-x;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	padding: 3px 25px 5px 25px;
	cursor: pointer;
	text-transform: uppercase;
}

div.buttonLeft {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.button a, div.buttonLeft a {
	background:url(images/details/addToCartBG.png) repeat-x;
	border:1px solid #AAAAAA;
	color:#ffffff;
	display:block;
	font-size:13px;
	font-weight:normal;
	padding:5px 25px 4px 25px;
}

DIV.btnLeftSm a {
	background:url(images/details/addToCartBG.png) repeat-x;
	border:1px solid #AAAAAA;
	color:#FFFFFF;
	display: inline;
	font-size:11px;
	line-height: 11px;
	font-weight:normal;
	padding: 2px 15px;
}

DIV.btnLeftSm a:hover {
	border-color: #FFFFFF;
}


DIV.button a:hover, DIV.buttonLeft a:hover {
	border-color: #FFFFFF;
}



#confirmDialog .buttonBox
{
	padding: 10px;
}

#confirmDialog .buttonBox div
{
	margin-right: 50px;
	margin-bottom: 5px;
}

#confirmDialog .msgBox
{
	background-color: #888;
	padding: 10px 20px 10px 20px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: normal;
}

/*
.itemsContainer
{
	background: #555252;
	float: left;
	max-height: 378px;
	width: 277px;
}

.itemsContainer div.item
{
	padding: 7px;
	background: #ffffff;
}

.itemsContainer div.item div.image
{
	padding-right: 7px;
	float: left;
}

.itemsContainer div.item div.itemDescription
{
	max-width: 140px;
	color: #666666;
	float: left;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

.itemsContainer div.item div.itemDescription ul li
{
	padding-bottom: 7px;
}

.itemsContainer div.item div.itemDescription ul li.title
{
	font-size: 14px;
}

.itemsContainer div.item div.itemDescription ul li.style
{
	color: #b4b3b3;
}

.itemsContainer div.item div.itemDescription ul li.price
{
	font-size: 14px;
}

.itemsContainer div.item div.itemDescription ul li.price span
{
	font-size: 10px;
}
*/
/*
.shoppingBagFooter .row
{	
	clear:both;
	padding:5px 7px 5px 7px;
}

.shoppingBagFooter div.subTotal
{
	background: #eae8e8;
	float: left;
	width: 100%;
}

.shoppingBagFooter div.subTotal div
{
	color: #666666;
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 7px;
}

.shoppingBagFooter div.subTotal div.subTotal
{
	padding-right: 20px;
}

.shoppingBagFooter div.checkout
{
	background: #ffffff;	
	width: 100%;
}

.shoppingBagFooter div.checkout div
{	
	text-transform: uppercase;
}

.shoppingBagFooter div.checkout div.goToCheckout
{
	float:right;
	padding-right: 5px;
	width: 90px;
}

.shoppingBagFooter div.checkout div.goToCheckout a
{
	background: red url(images/details/addToCartBG.png) repeat-x left top;
	border: 1px solid #CCCCCC;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 15px;
	color: #ffffff;
}

.shoppingBagFooter div.checkout div.goToBag
{
	float:left;
	padding-top: 6px;		
}

.shoppingBagFooter div.checkout div.goToBag a
{	
	padding: 10px 0px 3px 5px;
	font-size: 10px;
	text-decoration: underline;
	color: #444;
	font-weight: bold;
}

.shoppingBagFooter div.checkout div.goToPP
{
	padding-bottom:4px;
	margin:0px;
	float:right;
}
*/

#forgotPasswordDialogContent h1
{
	color: #666666;
}

#forgotPasswordDialogContent p
{
	color: #666666;
	margin-bottom: 10px;
}

/* =11 Sign In drop down */
/* Below is the code for the drop down sign in menu */

#signIn {
	background: url(images/header/signInBG.png) no-repeat left top #555252;
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: bold;
	left: 67%;
	position: absolute;
	top: -37px;
	width: 319px;
	z-index: 20;
	border: 1px solid #929191;
}

#signIn div div
{
	float: left;
}

#signIn div.closeButton
{
	float: left;
	width: 100%;
}

#signIn div.closeButton div.closeBox
{
	background: url(images/header/closeButton.png) no-repeat 40px 2px;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	padding-right: 22px;
	padding-top: 2px;
	top: 0px;
	margin-right: 10px;
}

#signIn div.signInForm
{
	float: left;
	padding-top: 2px; *padding-top:3px;
width:100%;
}

#signIn div.signInForm div
{
	padding: 11px 0 11px 24px;
}

#signIn div.signInForm div.inputText
{
	float: right;
	padding: 7px 24px 7px 0;
}

#signIn div.signInForm div.inputText input
{
	width: 170px;
}

#signIn div.submit, #signIn div.registerBackground div.register
{
	float: none;
}

#signIn div.submit div.forgotPass a
{
	color: #FFFFFF;
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
}

#signIn div.submit div.submitButton a
{
	background: url(images/details/addToCartBG.png) repeat-x left top;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
	display: block;
	padding: 2px 10px;
}

#signIn div.submit
{
	display: inline;
	float: left;
	width: 299px;
}

#signIn div.submit div.forgotPass
{
	display: inline;
	float: right;
	margin-right: 10px;
}

#signIn div.submit div.submitButton
{
	display: inline;
	float: right;
}

#signIn div.submit div
{
	padding: 5px 4px 10px 10px;
}

#signIn div.registerBackground
{
	background-color: #cccccc;
	float: left;
	width: 100%;
	height: 50px;
}

#signIn div.registerBackground div.register div
{
	padding: 18px 0px 0px 5px;
}

#signIn div.registerBackground div.register div.registerButton
{
	padding: 15px 4px 0px 35px;
	float: right;
}

#signIn div.registerBackground div.register div.registerButton
{
	float: right;
}

#signIn div.registerBackground div.register div.registerButton a
{
	background: url(images/header/goToBagBG.png) repeat-x left top;
	border: 1px solid #555555;
	color: #bdb9b9;
	display: block;
	font-size: 12px;
	padding: 3px 18px;
}

DIV.signInEmPass
{
	float: left;
	width: 90px;
	padding: 11px 0px 0px 20px;
}

.guessDialog.ui-dialog
{
	background: #f5f5f5;
	padding: 0px;
	border: 1px solid #ccc;	
	-moz-box-shadow: 5px 5px 5px #555;
	-webkit-box-shadow: 5px 5px 5px #555;
	box-shadow: 5px 5px 5px #555;
}
.guessDialog .ui-dialog-titlebar
{
	display: none;
}
.guessDialog .ui-dialog-content
{
	padding: 0px !important;
}

.ui-widget-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-overlay
{
	background: #000000;
	opacity: .70;
	filter: Alpha(Opacity=70);
}

.ui-progress
{
	background: url('ajax-loader.gif') center no-repeat;
}

.loading .progressText 
{
	background: url('ajax-loader.gif') top center no-repeat;
	padding-top:60px;
	color:White;
	width: 640px;
}


.loading .horizon {
    display: block;
    height: 1px;
    left: 0;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 50%;
    visibility: visible;
    width: 100%;
}

.loading .horizon .content 
{
    font-family: Verdana,Geneva,Arial,sans-serif;
    left: 50%;
    position: absolute;
    visibility: visible;
}

.loading
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	opacity: .70;
	filter: Alpha(Opacity=70);
	overflow: auto;
	background-color: #201E1E;
	vertical-align: middle;
	text-align: center;
}


/* =16 Payment */

DIV.billingInf h1, DIV.giftCards h1, DIV.promoCode h1, DIV.loyaltyRewards h1
{
	clear: both;
	float: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
	color: #ffffff;
}

DIV.giftCards SPAN, DIV.loyaltyRewards SPAN, DIV.promoCode SPAN
{
	float: left;
	color: #333333;
	font-size: 12px;
	margin-top: 3px;
}
DIV.promoCode div.apply, DIV.giftCards div.apply, DIV.loyaltyRewards div.apply
{
	float: right;
}
DIV.promoCode div.apply a, DIV.giftCards div.apply a, DIV.loyaltyRewards div.apply a
{
	background: #2d2d2d;
	border: 1px solid #999999;
	color: #FFFFFF;
	float: right;
	font-size: 11px;
	font-weight: normal;
	padding: 7px 9px;
}
DIV.promoCode div.apply a:hover, DIV.giftCards div.apply a:hover, DIV.loyaltyRewards div.apply a:hover
{
	border-color: #FFFFFF;
}
DIV.pMHdOff
{
	font-size: 13px;
	padding: 15px 0px 15px 25px;
	color: #333333;
	background: url(images/payment/paymentOffBg.png) top left repeat;
	text-transform: uppercase;
}

DIV.pMHdOn
{
	float: left;
	width: 384px;
	font-size: 13px;
	font-weight: bold;
	padding: 15px 0px 15px 25px;
	color: #ffffff;
	background: url(images/payment/paymentOnBg.png) top left repeat;
	text-transform: uppercase;
}

DIV.pMHdOn SPAN
{
	display: inline;
	float: left;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
DIV.pMHdOn A
{
	display: inline;
	float: right;
	color: #c9ecff;
	font-size: 13px;
	margin-right: 20px;
}

DIV.singnedInf
{
	float: left;
	width: 359px;
	padding: 15px 25px 15px 25px;
	background-color: #B2B2B2;
	color: #ffffff;
}

div.singnedInf.shipping .method 
{
	margin-top:10px;
}

DIV.singnedInf SPAN
{
	float: left;
	color: #ffffff;
	font-size: 13px;
}
DIV.singnedInf A
{
	float: right;
	color: #c9ecff;
	font-size: 13px;
	text-transform: uppercase;
}
.paymentInfo div.purchaseItems
{
	clear: both;
	padding-top: 15px;
}
.actionHeader
{
	background: #969696;
	padding: 15px;
	color: White;
}
.actionHeader.notLast
{
	border-bottom: solid 1px white;
}
.actionHeader .title
{
	text-transform: uppercase;
	font-size: 13px;
}

/*
.activeStepContainer
{
	clear: both;
	background: #DEDCDC;
}

.activeStepContainer .ppRow .or
{
	float:right;
	padding-right:50px;
}
.activeStepContainer .ppRow .paypal
{
	float:right;
}

.activeStepContainer .ppRow .paypal a img
{
	width:120px;
}


.activeStepContainer .ctitle
{
	background: #969696;
	padding: 10px;
	color: White;
	text-transform: uppercase;
	font-size: 13px;
}

.activeStepContainer .content div
{
	padding-left: 0px;
}
.activeStepContainer .content div table tr td
{
	padding-bottom: 3px;
	padding-right: 2px;
}

.activeStepContainer .content.even h1, .content.odd h1
{
	padding-bottom: 5px;
	color: #333333;
}

.activeStepContainer .content.even h2, .content.odd h2
{
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
}
.activeStepContainer .content .subtitle
{
	padding: 5px;
	text-transform: uppercase;
	font-size: 12px;
}

.activeStepContainer #pcCont 
{
	display:inline-block!important;
  width: 200px;
}

.activeStepContainer .promoCode 
{
  display:inline-block!important;
  width: 165px;
  padding: 0px 10px 10px 25px!important;
}

.activeStepContainer .promoCode input 
{
  width: 160px
}

.activeStepContainer .promoCode .apply, .activeStepContainer .giftCards .apply { 
  margin-top:5px;
}

.activeStepContainer .giftCards {
  display:inline-block;
  width: 175px;
  padding: 0px 25px 10px 5px!important;
}

.activeStepContainer .loyaltyRewards {
  background: #c8c7c7;
}
*/
#addressContainer, #addressContainer div, #addressDiv
{
	padding: 0px;
}
#addressContainer div
{
	text-align: left;
}
#addressContainer div .label
{
	display: block;
	padding-bottom: 3px;
	padding-top: 7px;
	font-size: 10px;
}
#addressContainer .addressLine2Div .label
{
	display: none;
}
#addressContainer .addressCompanyDiv input, #addressContainer .addressLine1Div input, #addressContainer .addressLine2Div input, #giftMessageContainer textarea
{
	width: 309px;
}
#addressContainer .addressFirstNameDiv input, #addressContainer .addressLastNameDiv input, #addressContainer .addressCityDiv input, #addressContainer .addressStateDiv select, #addressContainer .addressCountryDiv select, #addressContainer .addressPostalCodeDiv input, #addressContainer .addressTelephoneDiv input
{
	width: 150px;
}
#addressContainer
{
	padding-top: 11px;
}
#addressContainer .addressLastNameDiv, #addressContainer .addressStateDiv, #addressContainer .addressCountryDiv
{
	padding-left: 5px;
}
#addressContainer .addressLastNameDiv, #addressContainer .addressFirstNameDiv, #addressContainer .addressCityDiv, #addressContainer .addressStateDiv, #addressContainer .addressPostalCodeDiv, #addressContainer .addressCountryDiv
{
	float: left;
}
#addressContainer .addressPostalCodeDiv, #addressContainer .addressTelephoneDiv, #addressContainer .addressCompanyDiv
{
	clear: both;
}
DIV.multiGCFormRw div.process
{
	float: right;
	padding-top: 0px;
}
DIV.multiGC
{
	width: 398px;
	padding: 10px 10px 10px 20px;
	background-color: #ffffff;
	clear: both;
}
DIV.multiGChd
{
	display: inline;
	float: left;
	width: 398px;
	padding-bottom: 5px;
}
DIV.multiGChd IMG
{
	display: inline;
	float: left;
}
DIV.multiGChd A
{
	display: inline;
	float: right;
	font-size: 12px;
	text-decoration: none;
	margin-top: 15px;
	color: #666666;
}
DIV.multiGChd A:hover
{
	display: inline;
	float: right;
	font-size: 12px;
	text-decoration: none;
	margin-top: 15px;
	color: #e01f34;
}
DIV.multiGCForm
{
	display: inline;
	float: left;
	width: 366px;
	padding: 10px 15px 12px 20px;
	background-color: #f5f5f5;
	margin: 5px 0px 12px 0px;
}
DIV.multiGCFormRw
{
	display: inline;
	float: left;
	width: 366px;
	margin-bottom: 12px;
}
DIV.multiGCFormRw SPAN.multiGCTxT
{
	display: inline;
	float: left;
	width: 300px;
	color: #666666;
	font-size: 12px;
	margin-bottom: 4px;
}
DIV.multiGCFormRw INPUT
{
	display: inline;
	float: left;
	width: 184px;
	height: 20px;
	border: 1px solid #cccccc;
	font-size: 12px;
}
DIV.multiGCFormRw div.process a
{
	background: url(images/details/addToCartBG.png) repeat-x;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 10px;
}
DIV.multiGCFormRw div.process a:hover
{
	border-color: #FFFFFF;
}
DIV.multiGC OL
{
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 15px;
}
DIV.multiGC OL LI
{
	color: #666666;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 2px;
}
DIV.multiGC DIV.multiGCNote
{
	display: inline;
	width: 398px;
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
}
/*=19 Checkout */
DIV.content.odd h1.icon
{
	background: url("images/shoppingBag/bg-gift.gif") no-repeat scroll 100% 0 transparent;
	padding: 2px 30px 5px 0;
	width: 80px;
	color: #333333;
}
DIV.billingInf h1, DIV.giftCards h1, DIV.promoCode h1, DIV.loyaltyRewards h1
{
	clear: both;
	float: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 15px 0px;
	color: #ffffff;
}

DIV.promoCode div.apply, DIV.giftCards div.apply, DIV.loyaltyRewards div.apply
{
	float: right;
}
DIV.promoCode div.apply a, DIV.giftCards div.apply a, DIV.loyaltyRewards div.apply a
{
	background: #2d2d2d;
	border: 1px solid #999999;
	color: #FFFFFF;
	float: right;
	font-size: 11px;
	font-weight: normal;
	padding: 7px 9px;
	text-transform: uppercase;
}
DIV.promoCode div.apply a:hover, DIV.giftCards div.apply a:hover, DIV.loyaltyRewards div.apply a:hover
{
	border-color: #FFFFFF;
}
DIV.pMHdOff
{
	font-size: 13px;
	padding: 15px 0px 15px 25px;
	color: #3b3b3b;
	background-color: #1a1a1a;
	text-transform: uppercase;
}
DIV.pMHdOn SPAN
{
	display: inline;
	float: left;
	width: auto;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}
DIV.pMHdOn A
{
	display: inline;
	float: right;
	color: #c9ecff;
	font-size: 13px;
	margin-right: 20px;
}
DIV.singnedInf SPAN
{
	float: left;
	color: #ffffff;
	font-size: 13px;
	height: auto;
}
DIV.singnedInf A
{
	float: right;
	color: #c9ecff;
	font-size: 13px;
	text-transform: uppercase;
}
.paymentInfo div.purchaseItems
{
	clear: both;
	padding-top: 15px;
}
.actionHeader
{
	background: #969696;
	padding: 15px;
	color: White;
}
.actionHeader.notLast
{
	border-bottom: solid 1px white;
}
.actionHeader .title
{
	text-transform: uppercase;
	font-size: 13px;
}
.activeStepContainer .ctitle
{
	background: #969696;
	padding: 10px;
	color: White;
	text-transform: uppercase;
	font-size: 13px;
}
/*
.activeStepContainer .content
{
	padding: 15px 25px 20px 25px;
	clear: both;
	float: none;
}
*/
.activeStepContainer .content div
{
	padding-left: 0px;
}
.activeStepContainer .content div table tr td
{
	padding-bottom: 3px;
}

.activeStepContainer .content.even h1, .content.odd h1
{
	padding-bottom: 5px;
	color: #666666;
}
.activeStepContainer .content .subtitle
{
	padding: 5px;
	text-transform: uppercase;
	font-size: 12px;
}
#addressContainer, #addressContainer div, #addressDiv
{
	padding: 0px;
}
#addressContainer div
{
	text-align: left;
}
#addressContainer div .label
{
	display: block;
	padding-bottom: 3px;
	padding-top: 7px;
	font-size: 10px;
}
#addressContainer .addressLine2Div .label
{
	display: none;
}
#addressContainer .addressCompanyDiv input, #addressContainer .addressLine1Div input, #addressContainer .addressLine2Div input, #giftMessageContainer textarea
{
	width: 309px;
}
#addressContainer .addressFirstNameDiv input, #addressContainer .addressLastNameDiv input, #addressContainer .addressCityDiv input, #addressContainer .addressStateDiv select, #addressContainer .addressCountryDiv select, #addressContainer .addressPostalCodeDiv input, #addressContainer .addressTelephoneDiv input
{
	width: 150px;
}
#addressContainer
{
	padding-top: 11px;
}
#addressContainer .addressLastNameDiv, #addressContainer .addressStateDiv, #addressContainer .addressCountryDiv
{
	padding-left: 5px;
}
#addressContainer .addressLastNameDiv, #addressContainer .addressFirstNameDiv, #addressContainer .addressCityDiv, #addressContainer .addressStateDiv, #addressContainer .addressPostalCodeDiv, #addressContainer .addressCountryDiv
{
	float: left;
}
#addressContainer .addressPostalCodeDiv, #addressContainer .addressTelephoneDiv, #addressContainer .addressCompanyDiv
{
	clear: both;
}
DIV.multiGCFormRw div.process
{
	float: right;
	padding-top: 0px;
}
DIV.multiGChd
{
	display: inline;
	float: left;
	width: 398px;
	padding-bottom: 5px;
}
DIV.multiGChd IMG
{
	display: inline;
	float: left;
}
DIV.multiGChd A
{
	display: inline;
	float: right;
	font-size: 12px;
	text-decoration: none;
	margin-top: 15px;
}
DIV.multiGC SPAN.Inst
{
	display: inline;
	float: left;
	width: 398px;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
}
DIV.multiGCFormRw
{
	display: inline;
	float: left;
	width: 366px;
	margin-bottom: 12px;
}
DIV.multiGCFormRw INPUT
{
	display: inline;
	float: left;
	width: 184px;
	height: 20px;
	border: 1px solid #cccccc;
	font-size: 12px;
}
DIV.multiGCFormRw div.process a
{
	background: url(images/details/addToCartBG.png) repeat-x;
	border: 1px solid #AAAAAA;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 10px;
}
DIV.multiGCFormRw div.process a:hover
{
	border-color: #FFFFFF;
}
DIV.multiGC OL
{
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 15px;
}
DIV.multiGC DIV.multiGCNote
{
	display: inline;
	width: 398px;
	color: #666666;
	font-size: 11px;
	line-height: 15px;
}

/* =23 Profile */

#profilePageContainer
{
	padding-bottom: 20px;
}

#profilePageContainer h1
{
	display: inline;
	margin-right: 10px;
	
}

#profilePageContainer .secondary-button
{
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 10px;
}

#profilePageContainer .content 
{
	margin-top: 20px;
}


/* =26 Employee Login */
DIV.emplLoginFrmRow {
	display: inline;
	float: left;
	width: 403px;
	margin-bottom: 12px;
}

DIV.emplLoginFrmRow SPAN {
	display: inline;
	float: left;
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
}

DIV.emplLoginFrmRow INPUT {
	display: inline;
	float: left;
	width: 402px;
	height: 18px;
}

DIV.emplLoginFrmCon P {
	display: inline;
	float: left;
	width: 402px;
	font-size: 12px;
	color: #666666;
	margin-bottom: 25px;
	line-height: 15px;
}

DIV.emplDiscGuide {
	display: inline;
	float: left;
	width: 402px;
	height: 122px;
	overflow: auto;
	background-color: #ffffff;
}

DIV.emplDiscGuide P {
	width: 348px;
	font-size: 12px;
	color: #000000;
	padding: 16px 20px 20px 16px
}

DIV.emplLoginTermsRow {
	display: inline;
	float: left;
	width: 403px;
	margin: 20px 0px 20px 0px;
}

DIV.DIV.emplLoginTermsRow INPUT {
	display: inline;
	width: 20px;
	height: 18px;
	margin: 0px 10px 0px 0px;
}

DIV.emplLoginTermsRow SPAN {
	display: inline;
	width: 350px;
	font-size: 12px;
	color: #666666;
}

DIV.emplLoginFrmCon OL {
	clear: both;
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0px 0px 25px 35px;
}

DIV.emplLoginFrmCon OL LI {
	font-size: 12px;
	line-height: 15px;
	color: #666666;
	margin-bottom: 15px;
}


DIV.emplLogin
{
	display: inline;
	float: left;
	width: 926px;
	padding: 0px;
	margin: 0px;
}

DIV.emplLoginFrmCon
{
	display: inline;
	float: left;
	width: 409px;
	height: 618px;
	padding: 28px 29px 0px 27px;
	background-color: #ffffff;
}

DIV.emplLoginFrmCon h1
{
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 11px;
}

DIV.emplLoginFrmRow
{
	display: inline;
	float: left;
	width: 403px;
	margin-bottom: 12px;
}

DIV.emplLoginFrmRow INPUT
{
	display: inline;
	float: left;
	width: 402px;
	height: 18px;
}
DIV.emplLoginFrmCon P {
	display: inline;
	float: left;
	width: 402px;
	font-size: 12px;
	color: #666666;
	margin-bottom: 25px;
	line-height: 15px;
}

DIV.emplDiscGuide
{
	display: inline;
	float: left;
	width: 402px;
	height: 122px;
	overflow: auto;
	background-color: #ffffff;
}

DIV.emplDiscGuide P
{
	width: 348px;
	font-size: 12px;
	color: #000000;
	padding: 16px 20px 20px 16px;
}

DIV.emplLoginTermsRow
{
	display: inline;
	float: left;
	width: 403px;
	margin: 20px 0px 20px 0px;
}

DIV.emplLoginTermsRow INPUT
{
	display: inline;
	width: 20px;
}

.hideValidation
{
	display: none !important;
}

.errAstk, .errTxt
{
	display: inline !important;
	float: left !important;
	width: 5px !important;
	padding: 0px !important;
	margin: 0px !important;
}

DIV.gfcRcRow DIV UL LI
{
	line-height: 20px !important;
	font-size: 12px !important;
}

/* =27 Guess List Sign Up */

#logonContainer
{
	float: none;
	clear: both;
	background: #272727;
	padding: 27px;
	background-color: #f5f5f5;
}
#logonContainer .twoColumnContainer
{
	display: block;
}
#logonContainer .twoColumnContainer .rightContainer
{
	display: block;
	float: right;
	padding: 27px;
	width: 500px;
	height: 330px;
	border: 1px solid #666666;
}
#logonContainer .twoColumnContainer .leftColumnContainer
{
	display: inline;
	float: left;
	width: 300px;
	height: 330px;
	padding: 27px;
	border: 1px solid #666666;
}
#logonContainer .twoColumnContainer .leftColumnContainer h1, .twoColumnContainer .rightContainer h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	color: #666666;
	margin-bottom: 11px;
	text-transform: uppercase;
}
#logonContainer .twoColumnContainer .leftColumnContainer h2, .twoColumnContainer .rightContainer h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
	margin-bottom: 11px;
	text-transform: uppercase;
}
#logonContainer .twoColumnContainer .leftColumnContainer P, .twoColumnContainer .rightContainer p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #666666;
	line-height: 15px;
	clear: both;
}

.twoColumnContainer .rightContainer div
{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #666666;
	line-height: 15px;
	margin-bottom: 17px;
}

H2.existingMember
{
	margin: 30px 0 0 0;
}
p.becomeMember
{
	padding: 20px 0px 0px 20px;
}

IMG.gList-MLoyalty
{
	display: inline;
	float: left;
	margin: 0px 0px 11px 0px;
}

#logonContainer .leftColumnContainer
{
	float: left;
	width: 300px;
}
#logonContainer #logonFormContainer a.button
{
	clear: both;
}
#logonContainer #logonFormContainer a.button:hover
{
	clear: both;
	color: #ffffff;
}
#logonContainer .formContainer p
{
	clear: both;
}
#logonContainer .formContainer p.formRow
{
	text-align: right;
	padding-bottom: 15px;
}
#logonContainer .formContainer p.formRow input
{
	width: 200px;
	margin-left: 20px;
}
#logonContainer .formContainer p.forgotPassword, #logonContainer .formContainer p.rememberMe
{
	float: right;
	width: 205px;
	text-align: left;
	color: #666666;
}
#logonContainer #registerFormContainer
{
	width: 335px;
}

/* =28 */

@charset "utf-8";
/* CSS Document */

.customerCareNav .active
{
	color: #e01f34;
}

.customerCareNav a:hover
{
	color: #e01f34;
}

.customerCareConContainer
{
	clear: both;
	background: transparent url(images/catalogue/navListGradient.png) no-repeat;	
	overflow: hidden;
}
	
.customerCareNav
{
	/*background: transparent url(images/catalogue/leftNavGradient.png) left top repeat-y;*/
	background:url(images/catalogue/navListGradient.png) left top no-repeat;
	display:inline;
	float: left;	
	text-transform: uppercase;
	width: 200px;
	margin-bottom: -2000px;
	padding-bottom: 2000px;
}
.customerCareNav div.item
{

  clear: both;
    color: #707070;
    float: none;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    padding: 10px 0 7px;
    position: relative;
}

.customerCareNavList
{	
	padding-bottom: 23px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 13px;	
}

.customerCareNavList li
{
	clear: both;
	color: #707070;
	float: none;
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 10px 0px 7px;
	position: relative;	
}

.customerCareNavList li a
{
	color: #887D7D;
}

.customerCareCon
{
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	float:left;
	background-color: #f5f5f5;	
	color: #666666;	
	padding-bottom: 100px;
	padding: 28px;
	width:724px;
}

.customerCareCon h1 {
color: #666666;
font-size: 22px;
line-height: 22px;
font-weight: bold;
margin-bottom: 20px;
}

.customerCareCon p
{
color: #666666;
font-size: 12px;
line-height: 15px;
margin-bottom: 17px;
}

.ctCareFrmCon
{
	width: 660px;
}

.ctInfo
{
	clear: both;
	padding-top: 10px;	
}

.ctInfo h1
{
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.ctInfo hr {
    display: inline;
    float: left;
    width: 724px;
    height: 1px;
    color: #666666;
    background-color: #f5f5f5;
    margin-bottom: 17px;
}

.ctInfo p a {
    color: #e01f34;
}

TABLE.holidaySchedule {
    width: 724px;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    margin-bottom: 15px;
}

TABLE.holidaySchedule TH {
    background-color: #cccccc;
    color: #000000;
    width: 50%;
    height: 25px;
    border: 1px solid #cccccc;
    vertical-align: middle;
}

TABLE.holidaySchedule TD {
    background-color: #ffffff;
    color: #000000;
    width: 50%;
    height: 25px;
    border: 1px solid #cccccc;
    vertical-align: middle;
}

.ctCareFrmCon 
{	
	display: block;
	float: left;	
	overflow: hidden;
}

.ctCareFrmLftCol 
{
	display:block;	
	float: left;
	width: 325px;	
}

.ctCareFrmRgtCol {
	display: block;
	float: right;
	width: 290px;
}

.ctCareFrmLftRowFirst {	
	float: left;
	width: 325px;
	margin: 20px 0px 10px 0px;
}

DIV.ctCareFrmLftRow {	
	float: left;
	width: 325px;
	margin-bottom: 10px;
}

.ctCareFrmLftRow DIV, .ctCareFrmLftRowFirst DIV
{   
    float: left;
    width: 100px;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 6px;
}

.ctCareFrmLftRow INPUT, .ctCareFrmLftRowFirst INPUT {

	float: left;
	width: 214px;
	height: 19px;
}

.ctCareFrmLftRow SELECT, .ctCareFrmLftRowFirst SELECT {
  
    float: left;
    width: 220px;    
    height: 24px;
}


.ctCareFrmRgtCol DIV {	
	float: left;
	width: 290px;
	padding-bottom: 5px;
	color: #666666;
	font-size: 13px;
	font-weight: bold;
}

.ctCareFrmRgtCol TEXTAREA {	
	float: right;
	width: 290px;
	height: 125px;
}

.ctCareFrmCon .button 
{
	margin-top: 15px;
	float: right;
}

#formCon 
{
	width: 100%;
	margin:15px 0px 10px 0px;
}


DIV.sizeChartCon {
    display: inline;
    float: left;
    width: 666px;
    padding-bottom: 20px;
}

DIV.sCInfDisc {
    display: inline;
    float: left;
    width: 290px;
    padding: 15px 0px 0px 25px;
}

DIV.sCInfDisc P {
    display: inline;
    float: left;
    width: 290px;
    font-size: 11px;
    color: #000000;
    line-height: 14px;
    margin-bottom: 15px;
}

DIV.sizeChartTableCon {
    display: inline;
    float: left;
    width: 336px;
    background-color: #d6d6d6;
    padding: 0px 4px;
}

TABLE.sizeChart {
    width: 336px;
}

TABLE.sizeChart TR TD.sizeCharthd {
    width: 52px;
    background-color: #d6d6d6;
    color: #333333;
    font-size: 11px;
    padding: 12px 0px 6px 4px;
}
    
TABLE.sizeChart TR TD.sizeChartinfo {
    width: 52px;
    background-color: #ffffff;
    color: #333333;
    font-size: 11px;
    border: 1px solid #d6d6d6;
    padding: 4px;
}

TABLE.sizeChart TR TD.sizeChartSubTd {
    background-color: #d6d6d6;
    padding: 10px 0px 5px;
}

TABLE.sizeChart TR TD.sizeChartSubTd TABLE.sizeChartSubHdTble {width: 336px;}

TD.sizeChartSubHd  {
    background-color: #000000;
    color: #ffffff;
    font-size: 11px;
    padding: 7px 0px 7px 5px;
}

TABLE.sizeChartSubTble {width: 180px;}

TABLE.sizeChartSubTble TR TD.sizeCharthd {
    width: 60px;
    background-color: #d6d6d6;
    color: #333333;
    font-size: 11px;
    padding: 12px 0px 6px 4px;
}

TABLE.sizeChartSubTble TR TD.sizeChartinfo {
    width: 60px;
    background-color: #ffffff;
    color: #333333;
    font-size: 11px;
    border: 1px solid #d6d6d6;
    padding: 4px;
}

/******************cms styles for contact us form*********************/
#contactUsBottomContainer {
	padding-top:34px;
	padding-bottom:1px;
	font-size:11px;
}
.customerServiceSmallHeader {
	color:#858585;
	font-weight:bold;
	margin-bottom:12px;
}
.bottomContactSection {
	margin-bottom:25px;
	font-size:11px;
}
.bottomContactSection > div {
	margin-bottom:12px;
	line-height:18px;
    padding-left: 11px;
}

.bottomContactSection > div label {
	display: inline;
	float: left;
	width: 80px;
}

.bottomContactSection > div.secBttnCon {
	margin-bottom:12px;
	line-height:18px;
    padding-left: 11px;
	padding-top: 4px;
}

.bottomContactSection ul > li > div {
	margin-bottom:12px;
	line-height:18px;
    padding-left: 2px;	
}
.bottomContactSection ul > li > div.title {
    padding-left: 0px;	
}

.bottomContactSection .title {
	font-weight:bold;	
}

.bottomContactSection ul {
    list-item-style:none;  
}

.bottomContactSection li {
    padding-bottom:10px;
}

.bottomContactSection .note{
	color:#FF0000;
}

.customer-care .content-container
{
			
}
		
.customer-care .content-container .left-section{
	background: url(images/catalogue/navListGradient.png) left top no-repeat;
	vertical-align: top;
	width: 236px;
}

.customer-care .content-container .right-section{
	display:none;
}
		
.customer-care .content-container .main-section{
	background-color: whiteSmoke;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 16px 0px 28px;
	overflow: hidden;
}
		
		
.customer-care .parent-navigation{
	padding: 13px 20px 23px 20px;
			
}
		
.customer-care .parent-navigation li{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 7px;
	text-transform: uppercase;
}
		
.customer-care .parent-navigation li a{
	color: #6F6F6F;
}
		
.customer-care .parent-navigation li span.active{
	color: #E01F34;
}
		
.customer-care .content-container .main-section h1{
	font-size: 15px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
		
.customer-care .content-container .main-section p{
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px;
}

/* = 42 */
DIV.sizeChartBody {margin: 0px; padding: 0px; background-color: #f5f5f5;}
DIV.sizeChartMainCon {display: inline; float: left; width: 666px; backgrxound-color: #4e4e4e; padding: 10px 17px 21px 17px;}
DIV.sizeChartHd {display: inline; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #c2c1c1;}
DIV.sizeChartClose {display: inline; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px;}
DIV.sizeChartClose A {color: #c2c1c1; text-decoration: none;}
DIV.sizeChartClose A SPAN {margin-left: 3px; color: #666666; font-size: 14px; line-height: 14px; font-weight: bold; text-decoration: none;}

DIV.sizeChartCon {display: inline; float: left; width: 638px; background-color: #f5f5f5; padding: 17px 0px 10px 28px; margin-top: 8px;}
DIV.scLeftcol, DIV.scLeftcolRow {display: inline; float: left; width: 429px;}
DIV.scLeftcolRow {margin-bottom: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #666666;}
DIV.scLeftcolRow A {color: #e01f34;}
DIV.scRightcol {display: inline; float: left; width: 209px;}

#sizeChartSelect {display: inline; float: left; width: 142px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #666666; border: 1px solid #909090; margin-right: 7px;}
#womensSizeChart, #mensSizeChart {display: inline; float: left; width: 168px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 11px; color: #666666; border: 1px solid #909090;}

DIV.scLeftcolRow TABLE.mBotsTble, DIV.scLeftcolRow TABLE.wTopsTble, DIV.scLeftcolRow TABLE.wBotsTble, DIV.scLeftcolRow TABLE.wSwimTble, DIV.scLeftcolRow TABLE.mTopsTble
{width: 360px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; color: #666666;}

DIV.scLeftcolRow TABLE.mBotsTble TR.drk,
DIV.scLeftcolRow TABLE.wTopsTble TR.drk,
DIV.scLeftcolRow TABLE.wBotsTble TR.drk,
DIV.scLeftcolRow TABLE.wSwimTble TR.drk,
DIV.scLeftcolRow TABLE.mTopsTble TR.drk
{background-color: #e1e1e1;}

DIV.scLeftcolRow TABLE.mBotsTble TR.lght,
DIV.scLeftcolRow TABLE.wTopsTble TR.lght,
DIV.scLeftcolRow TABLE.wBotsTble TR.lght,
DIV.scLeftcolRow TABLE.wSwimTble TR.lght,
DIV.scLeftcolRow TABLE.mTopsTble TR.lght
{background-color: #ffffff;}

DIV.scLeftcolRow TABLE.mBotsTble TR.drk TD, DIV.scLeftcolRow TABLE TR.lght TD {width: 120px; height: 21px;}

TD.brdrTop {border-top: 1px solid #333333;}
TD.brdrRight {border-right: 1px solid #333333;}

DIV.scLeftcolRow TABLE.wTopsTble TR.drk TD {width: 72px; height: 21px;}

DIV.scLeftcolRow TABLE.wBotsTble TR.drk TD, DIV.scLeftcolRow TABLE.wSwimTble TR.drk TD 
{width: 90px; height: 21px;}

DIV.scLeftcolRow TABLE.mTopsTble TR.drk TD {width: 60px; height: 21px;}

DIV.scLeftcolRow TABLE {border: 1px solid #666666 !important;}


/* = 32 */

.userAddress
{
	width: 350px;
}
.userAddress label
{
	color: #666;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 5px;
}

.userAddress label.label-required:after
{
	content: " *";
}
.userAddress div
{
	padding-top: 5px;
	float: left;
	padding-right: 5px;
	min-height: 50px;
}
.userAddress input, .userAddress select
{
	width: 150px;
	font-size: 13px;
}
.userAddress input
{
	height: 18px;
}
.userAddress select
{
	height: 24px;
}

.userAddress #Address_AddressLine2
{
	margin-top: 5px;
}

.userAddress #Address_CompanyName, .userAddress #Address_AddressLine1, .userAddress #Address_AddressLine2
{
	width: 310px;
}

.userAddress #Address_PhoneNumber 
{
	margin-right:150px;
}

.userAddress div label
{
	display: block;
}


/* MISC */

#confirmAddressContainer h1
{
	font-size: 14px;
}

#confirmAddressContainer p
{
	margin-top: 10px;
}

#confirmAddressContainer p.error
{
	font-weight: bolder;
	color: Red;
}

#confirmAddressContainer a
{
	text-decoration: underline;
}

H1.error
{
	font-size: 22px;
	line-height: 24px;
}

.error
{
	color: Red;
	font-size: 12px;
	line-height: 14px;
}


.footerDivider
{
	background: #363636;
	clear: both;
	height: 29px;
	width: 100%;
}

#messageContainer, .validation-summary-errors
{
	padding: 10px;
	font-weight: bold;
	font-size: 12px;
}

#messageContainer .success
{
	color: #666666;
}
#messageContainer .failure, .validation-summary-errors
{
	color: #FA832C;
	font-size: 12px;
}

table.guessTable
{
	width: 100%;
}
table.guessTable tr.header th
{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	text-transform: uppercase;
	color: #6f6f6f;
}
table.guessTable tr.item td
{
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	color: #ffffff;
}
table.guessTable tr.item.odd td
{
	background: #b2b2b2;
}
table.guessTable tr.item.first td
{
	border-top: 1px solid gray;
}
table.guessTable tr.item.even td
{
	background: #646464;
}
table.guessTable tr.item.last td
{
	border-bottom: 1px solid gray;
}

table.guessTable tr.item.odd td a
{
	color: #ffffff;
}

.shipmentDetailsContainer .infoTable
{
	margin-bottom: 10px;
}

.shipmentDetailsContainer .infoTable td
{
	font-size: 12px;
	line-height: 12px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	color: #6f6f6f;
}
.shipmentDetailsContainer .infoTable .nameColumn
{
	width: 200px;
	font-weight: bold;
	text-transform: uppercase;
}

.shipmentDetailsContainer .shipmentsList th.invoiceNumber span, .shipmentDetailsContainer .shipmentsList th.trackingNumber span
{
	display: block;
	font-size: 10px;
	text-transform: lowercase;
}

.callout_main
{
	z-index: 10000;
}

.guessValidationCallout
{
	border: 1px solid #bc3025;
	padding: 10px;
	color: #ffffff;
	font-size: 11px;
	background-color: #141414;
	max-width: 300px;
}


.activeStepContainer .content.odd div.login input
{
	width: 160px;
	margin-bottom: 4px;
}

.activeStepContainer .content.even div.password input
{
	width: 160px;
}

.validation
{
	color: #FA832C;
	font-weight: bold;
	font-size: 12px;
}


.joinGuessListContainer
{
	margin: 0 0 0 20px;
}

/* =36 Quick Registration */

#quickRegistrationContainer {
  background-color: #DEDCDC;
  padding:0px;
  border: 1px solid #3D3D3D;
}

#quickRegistrationContainer:after {
  content:".";
  visibility:hidden;
}

#quickRegistrationContainer h1
{
  color: white;
  background-image: url(images/payment/paymentOnBg.png);
  padding: 15px;
  font-size: 14px;
  text-transform: uppercase;
}

#quickRegistrationContainer div.info {
  margin:10px 20px 0px 20px;
  font-size:12px;
  color:#666666;
}
#quickRegistrationContainer ul {
  list-style:none;
  margin: 10px 20px 10px 20px;
}

#quickRegistrationContainer div.buttons {
  margin: 10px 20px 30px 20px;
}

#quickRegistrationContainer form h1 {
  background: none;
  margin: 20px 20px 10px 20px;
  padding: 0px;
	color:#666666;
}

#quickRegistrationContainer form input[disabled] {
  border:none; 
  background:none;
  color:#666666;
}

#quickRegistrationContainer form label 
{
  display: inline-block;
  width:150px;
  font-size:12px;
  color:#666666;
}

#quickRegistrationContainer form label.checkbox
{
  display: inline;
}

#quickRegistrationContainer form input[type=text] {
  width:200px
}

#quickRegistrationContainer form input[type=password] {
  width: 200px
}

#quickRegistrationContainer .label-required:after {
  content: " *"
}

#quickRegistrationContainer img {
  vertical-align:middle;
  margin-top:-4px;
}


/* =37 Error */

#errorPageContainer
{
	color: #666666;
	padding: 27px;
}

#errorPageContainer .holder
{
	padding: 27px;
	background: #f5f5f5;
}

#errorPageContainer p
{
	margin-top: 20px;
}

#errorPageContainer a
{
	text-decoration: underline;
}


/* removedOutOfStockItems */
#removedOutOfStockItems
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 14px;
}

#removedOutOfStockItems div.closeSection
{
	padding: 7px 7px 7px 0px;
	text-align: right;
}

#removedOutOfStockItems div.closeSection a
{
	color: #333333;
	font-size: 9px;
	text-decoration: none;
}

#removedOutOfStockItems div.contentSection
{
	padding: 0 20px 20px 20px;
}

#removedOutOfStockItems h1
{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px;
}

#removedOutOfStockItems td
{
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
}

#removedOutOfStockItems tr.header
{
	vertical-align: middle;
	height: 20px;
}

#removedOutOfStockItems th.image
{
	width: 70px;
}

#removedOutOfStockItems th
{
	color: #333333;
}

#removedOutOfStockItems th.description
{
	text-align: left;
	width: 220px;
}
/* =38 Loyalty Awards PopUp */

.loyalty-checkout-deck > .title {
  display:inline-block!important;
  padding:7px 15px 7px 15px!important;
  line-height:22px;
  font-size:22px;
  background-color: silver;
}

.loyalty-checkout-deck > .options {
  background-color: silver;
  padding:15px!important;
  margin-right: 40px;
  vertical-align:top;
}

.loyalty-checkout-deck .apply-awards input {
  width: 175px!important;
}

.loyalty-checkout-deck .apply-awards,
.loyalty-checkout-deck .join
{
  vertical-align:top;
  display:inline-block!important;
  width: 210px;
}
.loyalty-checkout-deck .join 
{
  padding-left:30px;
  width: 290px;
  border-left:solid 1px gray;
}

.loyalty-checkout-deck .apply-awards form ,
.loyalty-checkout-deck .join form {
  margin-top:10px;
}

.loyalty-checkout-deck .balance form input {
  width: 150px;
}

.loyalty-checkout-deck .balance form label[for="AwardBalance"]:after,
.loyalty-checkout-deck .balance form label[for="AmountToRedeem"]:after {
  content: ", $"
}

.loyalty-checkout-deck form label {
  font-size:12px!important;
}

.loyalty-checkout-deck .join form label {
  display:inline;
}

.loyalty-checkout-deck .join form label a {
  display:inline;
  text-transform: none;
  background:none;
  color:#858585;
}

.loyalty-checkout-deck .options .title {
  font-size:14px;
  text-transform:uppercase;
  font-weight:bolder;
	margin-bottom:10px;
}

.loyalty-checkout-deck .options .buttons {
  margin-top:5px;
}

.loyalty-checkout-deck .options .info {
  font-size:14px;
  text-transform:uppercase;

}

#awardsclose
{
	font-size: 10px;
	text-align: right;
	color: gray;
	padding: 5px;
}
#awardspopup
{
	height: auto;
	width: auto;
}
#awards
{
	padding: 0px 20px 20px 20px;
	color: gray;
	width: auto;
	height: auto;
}

#awards h1
{
	font-size: 14px;
	padding-bottom: 20px;
}

#awards p
{
	font-size: 12px;
	padding-bottom: 10px;
	height: auto;
	width: 300px;
}
#awards p label
{
	padding-right: 2px;
}
#awards p input
{
	width: 100px;
}
#awards a
{
	display: inline;
}
#awards p.awardbutton
{
	width: 205px;
	padding-bottom: 10px;
	display: inline;
	float: left;
	margin-bottom: 5px;
	padding-top: 7px;
}

/* =39 */

#shippingCountryDialog {

}

#shippingCountryDialog div.closeSection {
	padding: 7px 7px 7px 0px;
	float: right;
}

#shippingCountryDialog div.closeSection a {
	color: #D5D5D5;
	font-size: 9px;
	text-decoration: none;
}

#shippingCountryDialog div.titleSection {
	padding: 4px 7px 7px 7px;
	float: left;
	color: White;
	font-size: 12px;
	text-transform: uppercase;
}

#shippingCountryDialog div.flagsSection {
	float: none;
	clear: both;
}

#shippingCountryDialog div.flagsSection div.flag {
	margin: 7px;
}

#shippingCountryDialog div.flagsSection div.flag {
	margin: 7px;
}

 
#shippingCountryDialog div.flagsSection div.flag a:hover {
	color: #E00000;
}

#shippingCountryDialog div.flagsSection div.flag a span {
	text-transform: capitalize;
}

#shippingCountryDialog div.flagsSection div.flag img {
	width: 21px;
	height: 14px;
	padding-right: 10px;
	vertical-align: middle;
}

/* =40 */


DIV.groupDetailsCon {
	display: inline;
	float: left;
	width: 977px;
	padding: 3px 6px 20px 9px;
	background-color: f5f5f5;
	color: #666666;
	overflow: hidden;
}

DIV.lookPages {
	display: inline;
	float: left;
	width: 965px;
	margin: 10px 0px 10px 0px;
	padding-bottom: 4px;
	background-color:#cbcac8;
	display: none;
}

DIV.lookPagesLeft {
	display: inline;
	float: left;
}

DIV.lookPagesRight {
	display: inline;
	float: right;
}

DIV.lookPagesLeft A {
	color: #666666;
	font-size: 14px;
	background: url(images/lookbook/arrowsLeft.png) 0px 5px transparent no-repeat ;
	padding-left: 10px;
	text-decoration: none;
}

DIV.lookPagesRight A.previous {
	color: #666666;
	font-size: 14px;
	background: url(images/lookbook/arrowsLeft.png) 0px 5px transparent no-repeat ;
	padding-left: 10px;
	margin-right: 15px;
	text-decoration: none;
}

DIV.lookPagesRight A.next {
	color: #666666;
	font-size: 14px;
	background: url(images/arrowsRight.png) 100% 5px transparent no-repeat ;
	padding-right: 10px;
	text-decoration: none;
}

DIV.fullLook {
	display: inline;
	float: left;
	width: 391px;
	height: 100%;
	margin: 15px 56px -2000px 13px;
	padding-bottom: 2000px;
	overflow: hidden;
}

DIV.groupsMainCon {
	display: inline;
	float: left;
	width: 517px;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	overflow: hidden;
}

DIV.groupsCon {
	display: inline;
	float: left;
	width: 517px;
}

DIV.groupsRow {
	display: inline;
	float: left;
	width: 517px;
	padding: 15px 0px;
	border-bottom: 1px solid #666666;
}

DIV.grpProduct {
	display: inline;
	float: left;
	width: 116px;
	padding-right: 11px;
}

DIV.grpProduct DIV.centerMe {
	width: 150px;
	margin: 10px auto 10px auto;
	text-align: center;
}

DIV.grpProduct A {
	text-decoration: none;
	font-size: 12px;
	color: #666666;
}

DIV.grpProdInfo {
	display: inline;
	float: left;
	width: 174px;
	margin-right: 34px;
	color: #666666;
}

DIV.grpProdInfo h1, DIV.grpProdInfo DIV.price {
	display: inline;
	float: left;
	width: 174px;
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

DIV.grpProdInfo DIV.price {
	font-size: 17px;
	margin-bottom: 14px;
	font-weight: bold;	
}

DIV.grpProdInfo P {
	display: inline;
	float: left;
	width: 174px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 15px;
	overflow: hidden;
}

DIV.grpProdInfo UL {
	list-style-position: outside;
	padding-left: 30px;
	float:left;
}

DIV.grpProdInfo UL LI {
	list-style-type: disc;
	padding-left: 20px;
	padding: 0px;
	font-size: 12px;
	line-height: 13px;
	margin: 0px 0px 5px 0px;
}

DIV.grpProdOptions {
	display: inline;
	float: left;
	width: 182px;
}

DIV.sColor, DIV.sSize, DIV.sQuantity {
	display: inline;
	float: left;
	width: 182px;
	margin-bottom: 15px;
}

DIV.sColor SPAN {
	display: inline;
	float: left;
	width: 182px;
	font-size: 12px;
	color: #666666;
}

DIV.sColor ul.colors {
	display: inline;
	float: left;
	width: 182px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

DIV.sColor ul.colors li {
	display: inline;
	float: left;
	padding: 7px 6px 0px 0px;
}

DIV.sColor ul.colors li a {
	display: inline;
	float: left;
	border: 1px solid #333333;
	height: 15px;
}

DIV.sColor ul.colors li a:hover {
	display: inline;
	float: left;
	border: 1px solid #ffffff;
	height: 15px;
}

DIV.sSize SPAN {
	display: inline;
	float: left;
	font-size: 12px;
	color: #666666;
	margin-right: 8px;
}

DIV.sSize a.sizeChart {
	display: inline;
	float: left;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	margin-top: 1px;
}

DIV.sSize UL.size {
	display: inline;
	float: left;
	width: 182px;
}

DIV.sSize UL.size LI {
	padding: 7px 6px 0px 0px;
	float: left;
	color: #ffffff;
	font-size: 12px;
}

DIV.sSize UL.size LI a:hover, DIV.sSize UL.size LI.active a {
	background: url("images/details/sizeBGActive.png") repeat left top transparent;
	border: 1px solid #9C9C9C;
	color: #ffffff;
}

DIV.sSize UL.size LI a {
	background: none repeat scroll 0 0 #DDDDDD;
	border: 1px solid #929292;
	color: #494949;
	display: block;
	font-size: 10px;
	padding: 3px 3px 3px 2px;
	text-align: center;
	width: 27px;
}

DIV.sQuantity SPAN {
	display: inline;
	float: left;
	font-size: 12px;
	color: #666666;
	margin: 5px 8px 0px 0px;
}

DIV.sQuantity SELECT.quantity {
	display: inline;
	float: left;
	width: 45px;
	font-size: 12px;
	color: #000000;
}

div.addToCart {
	display: inline;
	float: left;
	margin: 25px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

div.addToCart ul {
	padding-bottom: 15px;
}

div.addToCart ul li.add a {
	background:url(images/details/addToCartBG.png) repeat-x left top transparent;
	padding: 3px 6px;
	border: 1px solid #555555;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
}

div.addToCart ul li.add a:hover {
	background:url(images/details/addToCartBG.png) repeat-x left top transparent;
	padding: 3px 6px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #999999;
	color:#ffffff;
}

/*  Lookbook Landing Page classes */

DIV.lookbookMainCon, DIV.looksCon {
	display: inline;
	float: left;
	width: 736px;
	overflow: hidden;
}

DIV.lookHd {
	display: inline;
	float: left;
	width: 736px;
	padding: 0px;
	margin: 0px;
}

DIV.looksCon {
	background-color: #818181;
}

DIV.looksCon DIV {
	display: inline;
	float: left;
	width: 183px;
	height: 341px;
	border-top: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	overflow: hidden;
}

DIV.looksCon A {
	display: inline;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 183px;
	height: 341px;
}


.international-shipping-notification {
	border:solid 5px black;
	padding:5px;
	width:350px;
}

.international-shipping-notification h1 {
	color:White;
	background-color:Black;
	text-align:center;
	padding:5px;
	text-transform:uppercase;
	font-size:14px;
}

.international-shipping-notification h2 {
	color:Red;
	background-color:Black;
	text-align:center;
	padding:5px;
	text-transform:uppercase;
	font-size:12px;
}

.international-shipping-notification ul {
	margin: 10px;
	list-style: disc;
}

.international-shipping-notification ul li {
	font-size:12px;
	margin:5px 5px 5px 25px;
	
}

.international-shipping-notification .note {
	font-size:smaller;
}

.international-shipping-notification p {
	color:Gray;
	margin:10px;
	font-size:x-small;
}

.international-shipping-notification p a {
	text-decoration:underline;
}

.international-shipping-notification div  {
	margin:20px;
	text-align:center;
}

.international-shipping-notification div a.button {
	display:inline;
    padding: 3px 6px;
}

.promoContainer
{
	padding: 20px;
	background-color: #fff;
}

.promoContainer .shopNow
{
	width: 130px; 
	padding-top: 10px;
}

.promoContainer .gotoShBag
{
	width: 200px; 
	padding-top: 10px;
}

.promoContainer p.note
{
	color: Gray; 
	font-size: 11px; 
	padding: 20px 0px 20px 0px;
}





.blog-container, .blog-page {
	padding:20px;
	background-color: whiteSmoke;
	font-family: Arial, Helvetica, sans-serif;
}

.blog-container .blog-title, .blog-header .blog-title {
	font-size: 18px;
	text-transform:uppercase;
	font-weight:bolder;
	color:#888989;
}

.blog-tag-list {
	margin-top: 10px;
}

.blog-tag-list a {
	padding: 1px 5px 1px 5px;
	background:silver;
	color:White;
	font-size:12px;
	margin-right:5px;
	text-transform:uppercase;
}

.blog-header {
	margin-top: 10px;
}

.blog-header .blog-title-link {
	margin-top: 10px;
	font-size: 16px;
	text-transform:uppercase;
	color:#888989;
}

.blog-date {
	font-size: 10px;
}

.blog-body {
	margin-top: 10px;
	font-size: 14px;
}

.blog-body p, .blog-body ul {
	margin-top:10px;
}
		
/* =41 Email Sign Up Pop Up */

#content
{
	margin: auto;
	width: 980px;
	overflow: hidden;
	clear: both;
	position: relative;
	z-index: 1;
}

#esd, .esd {
	height: 355px !important;
}

DIV.eSignPop {
	position: absolute;
	width: 393px;
	background-color: #FFFFFF;
	padding: 0px;
}

DIV.eSignPopCon {
	display: inline;
	float: left;
	padding: 14px 25px 0px 25px;
	width: 343px;
	background-color: #ffffff;
	color: #939393;
}

DIV.eSignPopCon h1 {
	clear: both;
	width: 343px;
	font-size: 14px;
	line-height: 16px;
	text-transform: none;
	padding-top: 8px;
	margin-bottom: 8px;
}

DIV.eSignPopCon DIV.reqFields {
	font-size: 10px;
	line-height: 12px;
	text-transform: none;
}

DIV.eSignFrmCon {
	margin: 2px auto 0px auto;
	width: 306px;
	height:auto;
}

DIV.eSignFrmCon DIV.leftCol {
	width: 210px;
	margin: 0px auto;
}

DIV.eSignFrmCon DIV.rightCol {
	display: none;
	float: left;
	width: 260px;
}
DIV.leftCol 
{
	height:230px;
}

DIV.leftCol DIV.lcFrmRow, DIV.rightCol DIV.lcFrmRow {
	display: inline;
	float: left;
	width: 260px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	overflow: hidden;
}

DIV.lcFrmRow p
{
	display: inline;
	float: left;
	width: 200px;
	font-size: 12px;
	color: #939393;
	line-height: 15px;
	padding: 3px;
}

DIV.rightCol DIV.lcFrmRowTop {
	display: inline;
	float: left;
	width: 260px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

DIV.eSignFrmCon DIV.leftCol DIV.lcFrmRow INPUT.emailsignup, 
DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRow INPUT.emailsignup, DIV.rightCol DIV.lcFrmRowTop INPUT.emailsignup {
	display: inline;
	float: left;
	width: 12px;
	height: 12px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

DIV.eSignFrmCon DIV.leftCol DIV.lcFrmRow SPAN.lcLabel, DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRow SPAN.lcLabel, 
DIV.rightCol DIV.lcFrmRowTop SPAN.lcLabel {
	display: inline;
	float: left;
	font-size: 11px;
}

DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRow SPAN.lcLabelSm {
	display: inline;
	float: left;
	font-size: 10px;
}

DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRowTop SPAN.lcLabel a {
	text-decoration: underline;
}


DIV.eSignFrmCon DIV.leftCol DIV.lcFrmRow SPAN.lcLabelLng, DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRow SPAN.lcLabelLng {
	display: inline;
	float: left;
	width: 100%;
	font-size: 11px;
	margin-bottom: 3px;
}

DIV.eSignFrmCon DIV.leftCol DIV.lcFrmRow INPUT.inptTxt, DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRow INPUT.inptTxt, 
DIV.eSignFrmCon DIV.leftCol DIV.lcFrmRow SELECT.inptTxtSel, DIV.eSignFrmCon DIV.rightCol DIV.lcFrmRow SELECT.inptTxtSel {
	display: inline;
	float: left;
	width: 200px;
	font-size: 11px;
	color: #000000;
	height: 18px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

DIV.eSignPop DIV.submitRom {
	display: inline;
	float: left;
	width: 392px;
	background-color: #999999;
}

DIV.eSignPop DIV.submitRom INPUT {
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #939393;
}

DIV.eSignPop DIV.submitRom a {
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

DIV.eSignPop DIV.close {
	display: inline;
	float: left;
	width: 364px;
	background-color: #999999;
	padding: 10px 30px 10px 0px;
}
DIV.eSignPop DIV.close a {
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.validation_small
{
	font-size: 11px;
	font-weight:bold;
	line-height:11px;
	padding:2px;
	padding-bottom:3px;
	color:#F43E3A;
}


/* document-library */

.document-library {margin-top:10px; font-size:12px}

.document-library .title { font-size:14px; font-weight:bolder;}

.document-library .toolbar {margin-top:5px; padding:7px; background: silver}

.document-library .toolbar .item {margin-right:10px; display:inline}

.document-library .browse-container {float:none; clear:both}

.document-library table {width:100%;}

.document-library table tr.even{background:GhostWhite  ;}

.document-library table td, .document-library table th { padding:5px;}

.document-library .upload-container, .document-library .create-folder-container {padding:10px; border: solid 1px gray}


.document-library .drop-down-menu
{
	position: absolute;
	height: 16px;
	width: 500px;
	overflow: hidden;
}
.document-library .drop-down-menu:hover
{
	height: inherit;
	z-index: 1000;
}

.document-library .drop-down-menu:hover a.file
{
	color: red;
}


.document-library .drop-down-menu .menu-panel
{
	margin-top: 4px;
	background: silver;
	padding: 5px;
	width: 150px;
	border: solid 1px gray;
}

.document-library .drop-down-menu .menu-panel a
{
	color: white;
}
.document-library.drop-down-menu .menu-panel a:hover
{
	color: red;
}



.guess-list-balance-user-control .content, .register-guess-list-card-user-control .content, .register-guess-list-card-user-control form
{
	margin-top: 10px;
	font-size: 12px;
	color: #666;
	line-height: 14px;
}

.join-guess-list-user-control img, .register-guess-list-card-user-control img
{
	vertical-align:middle;
	margin-top:-4px;
}

.loyalty-benefits-deck {
	margin-top: 10px;
	font-size: 12px;
	color: #666;
}

.loyalty-benefits-deck div 
{
	font-weight:bolder;
}

.loyalty-benefits-deck ul 
{
	margin-top:10px;
	list-style-type:disc;
	list-style-position: inside;
}

.loyalty-benefits-deck ul li
{
	margin-top:5px;
}

.loyalty-benefits-deck-guess {
	margin-top: 10px;
	font-size: 12px;
	color:#d6d6d6;
	margin-left:27px;
}

.loyalty-benefits-deck-div
{
	margin-top:45px;
	font-size:12px !important;
	font-weight:bolder;
}

.loyalty-benefits-deck-guess div 
{
	font-size:16px;
	line-height:17px;
}

.loyalty-benefits-deck-guess ul 
{
	list-style-type:disc;
	list-style-position: inside;
	font-size:12px;
}

.loyalty-benefits-deck-guess li
{
	margin-top:6px;
}

.loyalty-landing-guess {
	margin-top: 10px;
	font-size: 12px;
	color:#d6d6d6;
	margin-left:27px;
}

.loyalty-landing-div
{
	margin-top:20px;
	font-weight:bolder;
}

.loyalty-landing-guess div 
{
	font-size:16px;
	line-height:17px;
}

.loyalty-landing-guess ul 
{
	list-style-type:disc;
	list-style-position: inside;
	font-size:12px;
}

.loyalty-landing-guess li
{
	margin-top:6px;
}

DIV.suCLRowPwd .button
{
	float:left;
	/*background: url("images/checkout/buttonRight.png") no-repeat scroll right top transparent;*/
    color: #FFFFFF !important;
    display: inline-block;
    font: bold 12px arial,Arial,Helvetica,sans-serif;
    /*height: 23px;*/
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

DIV.suCLRowPwd a.button span {
    /*background: url("images/checkout/buttonLeft.png") no-repeat scroll 0 0 transparent;*/
    display: block;
    line-height: 14px;
    /*padding: 5px 0 5px 18px;*/
}

.survey 
{
  padding: 30px;
  min-height: 540px;
  border: 1px solid #cbc9ca;
  background: url('images/GuessList/SocialMediaSurveyBackground.jpg') top right no-repeat #ffffff;
} 

.survey .logo-2 {
  margin-top:10px;
}
.survey .glSurvLeft{
  margin-top:30px;
	color: #666;
}
.survey .glSurvLeft .qCon,
.glSurvButCon {
  margin-top: 20px;
}

.survey .glSurvLeft .qCon label img {
  vertical-align:middle;
  margin-top:-8px;
}

.survey .glSurvButCon a:hover
{
  text-decoration: none;
  color: #888989;
}

.survey .glSurvButCon a
{
	background: url('images/details/addToCartBG.png') repeat-x;
  border: 1px solid #AAA;
  color: white;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  padding: 3px 25px 5px 25px;
  cursor: pointer;
  text-transform: uppercase;
}


.account-side-menu {
  padding: 13px 26px 23px 26px;
  display:inline-block;
  width:192px;
  background-image: url('images/catalogue/navListGradient.png');
  background-repeat:no-repeat;
  color: #707070;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
 vertical-align: top;
}

.account-side-menu .current {
color: #E01F34;
}

.account-side-menu .current:after {
  content: url('images/catalogue/arrow.png');
display:inline-block;
vertical-align:top; margin-top:5px;
  margin-left:3px;
}

.account-side-menu ul li ul {margin-top:4px;}

.account-side-menu ul li {padding: 3px 0px 4px;}
.account-side-menu ul li ul li {padding: 3px 0px 4px 10px;}

.bread-crumbs {
  text-transform: uppercase;
  background: #CBC9C9;
  height: 22px;
  padding-top: 14px;
  padding-left: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.bread-crumbs span 
{
	display:inline-block
}

.bread-crumbs a
{
  color: #666;
}

.bread-crumbs .sep
{
	background-image: url('images/catalogue/breadCrumbArrow.png');
  background-repeat:no-repeat;
  background-position-y:3px;
  margin:0px 3px 0px 3px;
}

.bread-crumbs .current {
	display: inline
}


.loyalty-summary {
 background-image:     url('images/guessListSignInRight.png');
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 560px!important;
  color: #666;
}

.loyalty-summary .guess-list-balance-user-control .content {
  line-height:20px;
  font-size:14px;
}



.loyalty-transactions {
  font-size: 12px;
}

.loyalty-transactions .transactions .transaction 
{
  padding:5px;
}

.loyalty-transactions .transactions .transaction-header 
{
  padding:5px;
  font-weight:bold;
	color: #6f6f6f;
	text-transform:uppercase;
}

.loyalty-transactions .transactions .transaction.odd 
{
  background: #b2b2b2;
	color: #ffffff;
}

.loyalty-transactions .transactions .transaction.even 
{
  background: #646464;
	color: #ffffff;
}



.loyalty-transactions .transactions span
{
  display:inline-block;
}

.loyalty-transactions .transactions span.date 
{
  width:100px;
  text-align:center;
}

.loyalty-transactions .transactions span.store-no
{
  width:150px;
  text-align:right;
}

.loyalty-transactions .transactions span.merchandise-total, .loyalty-transactions .transactions span.total
{
  width:180px;
  text-align:right;
}