/* 
--------------------------------------------------------------------
Supported Operating Systems (may vary depending on client contract)
--------------------------------------------------------------------
Windows   - win
Macintosh - mac
Linux     - lnx

*All other non supported operating systems will use "win" class

--------------------------------------------------------------------
Supported Browsers (may vary depending on client contract)
--------------------------------------------------------------------
Windows Internet Explorer 6-8 and up        - ie6, ie7, ie8 (Versions 1 to 5.5 will use ie6, technically not supported)
Windows Mozilla Firefox 1-3 and up          - ff1, ff2, ff3
Macintosh Mozilla Firefox 1-3 and up        - same as above
Windows Google Chrome 3 (latest version)    - ch3 (All previous versions will use this class too)
Windows Safari 4 (latest version)           - sf4 (All previous versions will use this class too)
Macintosh Safari 2-4                        - sf4 (Even though we technically support previous versions we haven't had to create separate classes for each version yet.
Windows Opera 9-10 and up					- oe9, oe10 
Macintosh Opera 9-10 and up					- oe9, oe10 

*All other non supported browsers will use ie8 class

--------------------------------------------------------------------
OS Naming Conventions
--------------------------------------------------------------------
3 character abbreviation

-------------------------------------------------------------------- 
Browser Naming Conventions 
--------------------------------------------------------------------
Browser: 2 character abbreviation
         - If 2 words then use first char of each word 
         - If 1 word and multple sylables then use first character of each sylable
         - If 1 word and 1 sylable then use first 2 chars of word

Version: 1 or 2 characters *** DO NOT PAD WITH ZEROS ***

-------------------------------------------------------------------
Examples:
-------------------------------------------------------------------
- To apply a style to a class continue to use normal method:
    .exampleclass
    {
      padding:5px;
      color:#ff0000;
    }

- To override a style for a specific browser (not OS specific) then use this method:
    .ff3 .exampleclass
    {
      padding:3px;
    }
    //Only the padding was overridden, in this example Firefox 3 will still pickup color:#ff0000;

- To override a style for a specific browser on a specific OS then use this method:
    .mac .ff3 .exampleclass
    {
        color:#00ff00;
    }
    //Only the color was overridden, but the padding override from the previous example is also picked up

*/ 
body
{ 
	background-color: White;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin: auto;
}
a:link {color:#063366;text-decoration:none;}   
a:visited {color:#063366;text-decoration:none;} 
a:hover {color:#0000cc;text-decoration:none;}   
a:active {color:#063366;text-decoration:none;}

/*** Warehouse Styling ***/
.ws .mlcontroldiv a:link {color:#006600;text-decoration:none;}   
.ws .mlcontroldiv a:link {color:#006600;text-decoration:none;}   
.ws .mlcontroldiv a:visited {color:#006600;text-decoration:none;} 
.ws .mlcontroldiv a:hover {color:#0000cc;text-decoration:none;}   
.ws .mlcontroldiv a:active {color:#006600;text-decoration:none;} 

.ws .prodsumbvlt a:link {color:#006600;text-decoration:none;}   
.ws .prodsumbvlt a:link {color:#006600;text-decoration:none;}   
.ws .prodsumbvlt a:visited {color:#006600;text-decoration:none;} 
.ws .prodsumbvlt a:hover {color:#0000cc;text-decoration:none;}   
.ws .prodsumbvlt a:active {color:#006600;text-decoration:none;} 

.globalerrordisplay
{
	background-color:#ffffdd;
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    text-align:center;
    color:Red;
    width:960px;
    padding:10px 0px;
  /*  z-index:99999;  */
    position:relative;
    left:5px; 
}
.globalmessagedisplay /* jen hold -  .globalmessagedisplay, .globalerrordisplay*/
{
    background-color:#ffffdd;
    border:solid 1px #cccccc;
    font-family:Arial, Sans-Serif;
    font-weight:bold;
    text-align:center;
    color:#000000;
    width:310px;
    padding:12px;  
    float:right;
    clear:both;
    left: 380px;
    margin-top:10px;
    margin-right:4px;
}
.globalmessagedisplay li, .globalerrordisplay li
{
    list-style:none;
}
.globalmessagedisplay ul, .globalerrordisplay ul
{
    padding:0px;
    margin:0px;
}
.globalmessageclear
{
    /*display:none;*/
}
.modalbgdiv
{
    position:absolute;
    top:0px;
    left:0px;
   /* z-index:99999999; */  /* set high so that it's always the 2nd layer below the popup div (which should have their z-index set above this) */
    width:100%;
    filter:Alpha(Opacity=40); 
    -moz-opacity:0.4; 
    opacity:0.4;
    background-color:#555555;
}
.ie7 .modalbgdiv, .ie6 .modalbgdiv
{
    /* modal background is not currently working correctly in IE6 or IE7 so just hide for now. */
    /* possible conflict with bodydiv class */
	display:none;   
}

/* z-indexing work around for UPS Address Validation control */
.upsaviframepanel, .upsaviframepaneldiv
{
    display:none;
}
.ie6 .upsaviframepanel, .ie6 .upsaviframepaneldiv, .ie7 .upsaviframepanel, .ie7 .upsaviframepaneldiv
{
    display:block;
    position:absolute;
    height:279px;
    width:595px;
    left:25px;
    background-color:transparent;
    z-index:99999999;
}
/* end UPS workaround */
.maindiv
{
	width:100%;
}
.headerdiv,.bodydiv,.footerdiv,.copyrightdiv 
{
	width:100%;
	clear:both;
}
.copyrightdiv
{
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.inheaderdiv,.inbodydiv,.infooterdiv
{
	width:960px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.inbodydiv
{
	height:100% !important;
}
.incopyrightdiv
{
	position:relative;
	width:960px;
	margin:25px auto 0px auto;
}
.lblcopyrighttext
{
	font-size:9px;
	color:#666666;
}
.lblcopyrightyear
{
	font-size:9px;
	color:#666666;
}
.copyrightwrap
{
	position:absolute;
	left:350px;
	color:#666666;
	width:160px;
}
.oe9 .copyrightwrap
{
	left:340px;
	top:2px;
}
.privacypolicydiv
{
	position:absolute;
	top:2px;
	left:510px;
	width:70px;
	font-size:9px;
	color:#666666;
}
.bodydiv
{
	border-top:solid 2px #cccccc;
	border-bottom:solid 2px #cccccc;
	height:auto;
}
.inbodydiv
{
	height:auto;
}
.inbodydiv-gray
{
	height:auto;
	background-color:#f6f6f6;
}
.leftsidebar
{
	width:241px;
	background-image:URL("../ClientAssets/Images/LeftSideBar-BG.jpg");
	background-position:left;
	background-repeat:repeat-y;
	border:0px;
	padding:0px;
}
.ie7 .leftsidebar, .ie6 .leftsidebar
{
	padding-top: 5px;
}
.ws .leftsidebar
{
	background-image:URL("../ClientAssets/Images/LeftSideBar-BG-WS.jpg");
}
.leftsidehome
{
	width:498px;
	border:0px;
	padding:0px;
}
.leftdiv
{
	position:relative;
	float:left;
	width:241px;
	padding:0px;
}
.leftcatsdiv
{}
.rightdiv
{
	float:right;
	height:100%;
}
.bodyleftdiv
{
	width:498px;
	height:400px;
}
.bodyrightdiv
{
	width:290px;
	height:400px;
	margin-left:4px;
}
.bodyhomediv
{
	min-height:494px;
	width:100%;
}
.homeleftdiv
{
	float:left;
/*	width:498px;
	height:494px; */
	border:none;
}
.homerightdiv
{
	position: relative;
	float:left;
/*	width:462px;
	height:494px; */
	border:none;
}
.securerightdiv
{
	position: relative;
	width:719px;
	height:100%;
	border:0px;
	padding:0px;
}
.searchdiv
{
	position:absolute;
	top:55px;
	right:140px;
	width:180px;
	height:20px;
	background-color:#ffffff;
	color:Gray;
	padding:0px;
	text-align:left;
	font-family:Arail, Sans-Serif;
	color:#999999;
	font-size:11px;
}
.ie6 .searchdiv
{}
.oe9 .searchdiv
{
	position:absolute;
	top:65px;
	right:138px;
}
.emailoffersinput, .searchinput
{
	width:140px !important;
	float:left;	
	font-family:Arial, Sans-Serif;
	font-size:11px;
	color:#999999;
	padding:2px;
	border:solid 1px #cccccc;
}
.searchinput input
{
	text-align:left;
	border-top:grooved 2px #666666;
	color:#999999;
	padding-left:5px;
}
.searchinputdiv
{
	font-family:Arial, Sans-Serif;
	color:#333333;
}
.searchbtndiv
{
	margin-left:0px;
	height:22px;
	margin-top:-1px;
	float:left;
}
.footerdiv
{
	clear:both;
	background-color:white; 
	margin-top:-1px;
	margin-left:0px;	
}
.footerlinksdiv
{
	margin-top:15px;
	position:relative;
	left:0px;
}
.footerlinksdiv table
{
	position:relative;
	left:0px;
	width:960px;
}
.footerbottomdiv
{
	height:100px;
	margin-top:10px;
	color:#666666;
	text-align:center;
}
/* HEADER  - START */
.headerlogodiv
{	
	width:210px;
	height:89px;
	margin-left:0px;
}
.headernavdiv
{
	margin-top:-22px;
	margin-left:230px;
}
.headernav-shoppingbag
{
	height:15px;
	width:95px;
	margin-left:625px;
	margin-top:-16px;
}
.headernavcheckout-shoppingbag
{
	position:absolute;
	height:15px;
	width:95px;
	margin-left:232px;
	margin-top:-27px;
}
.mainheaderdiv
{
	height:91px;
	position:relative;
}
/*JEN ADD - STOP */

/*************************/
/* LEFT SIDE NAVIGATION  */
/*************************/
.mlcontroldiv
{
	margin-left:-5px;
}
.mlcontroldiv li
{	
	list-style-type:none;
	font-family:Palatino Linotype, Serif;
	margin-left:-25px;
	line-height:20px;
	font-size:12px;
}
.mlcontroldiv a
{
	text-decoration: none;
}
.mlcontroldiv hover
{
	color:#0000cc;
}
.mlcontroldiv .mp a, .mlcontroldiv .ms a
{
	color:#063366;
	font-weight:bold;
}
.mlcontroldiv .mn a
{
	color:#666666;	 
	font-weight:normal;
}
.mlcontroldiv .mn .shopbybranddepttitle
{
	color:#000000;
	font-weight:bold;
}
/*** WS NAV THEME ***/
.ws .mlcontroldiv hover
{
	color:#0000cc;
}
.ws .mlcontroldiv .mp a, .ws .mlcontroldiv .ms a
{
	color:#006600;
	font-weight:bold;
}
.ws .mlcontroldiv .mn a
{
	color:#666666;	 
	font-weight:normal;
}
/********************************************************/
/* NARROW SEARCH RESULTS / REFEINMENTS  (SIDEBAR LEFT) */
/******************************************************/
.refinediv:after
{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.refinediv
{
	border:none;
	height:100%;
	width:230px;
	margin-left:10px;
	margin-top:40px;
	padding-bottom:0px;
	zoom:1;
}
.drflabeldiv
{
	font-family:Palatino Linotype, Serif;
	color:#666666;
	font-size:12px;
	text-decoration:underline;
}
.lbrfcontroldiv
{
	position:relative;
	float:left;
	height:100%;
	width:230px;
	margin-bottom:5px;
}
.lbrflabeldiv
{
	position:relative;
	top:0px;
	left:0px;
	font-family:Palatino Linotype, Serif;
	color:#666666;
	width:80px;
	font-size:12px;
}
.lbrfcontentdiv
{
	position:absolute;
	top:0px;
	left:85px;
	width:120px;
}
.lbrfcontentdiv select
{	
	width:115px;
	font-family:Verdana, Sans-Serif;
	font-size:12px;
	color:#000000;
}
.sf4 .lbrfcontentdiv select
{	
	margin-top:0px;
	vertical-align:middle;
}
.ff2 .lbrfcontentdiv select
{	
	margin-top:1px;
	vertical-align:middle;
}
.mac .ff3 .lbrfcontentdiv select, 
.mac .ff2 .lbrfcontentdiv select
{	
	margin-top:-5px !important;
	vertical-align:middle;
}
.iscbcontroldiv
{
	position:relative;
	float:left; 
	width:135px;
	margin-top:15px;
	margin-bottom:10px; 
}
.mac .ff3 .iscbcontroldiv,
.mac .ff3 .iscbcontroldiv,
.mac .sf4 .iscbcontroldiv
{
	width:130px;
}
.iscbcontroldiv label
{
	left:0px;
	font-family:Palatino Linotype, Serif;
	color:#666666;
	font-size:12px;
	vertical-align:middle;
}
.iscbcontroldiv input
{
	font-family:Palatino Linotype, Serif; 
	color:#666666;
	float:right;
	border:none;
	height:15px;
	width:15px;
	vertical-align:middle;
}
.ie7 .iscbcontroldiv input
{
	margin-top:2px;
}
.mac .ff2 .iscbcontroldiv input,
.mac .ff3 .iscbcontroldiv input, 
.mac .ff2 .iscbcontroldiv input
{
	margin-top:-5px !important;
}
.mac .sf4 .iscbcontroldiv input
{
	margin-left:-10px;
}
input
{}
select
{
	border:solid 1px #cccccc;	
}
/********************************/
/* CHAT STYLING (LEFT SIDEBAR) */
/*******************************/
.leftchatdiv
{
	margin-left:50px;
	margin-top:40px;
	margin-bottom:40px;
}
.livepersonchat img
{
	width: 140px;
	height:40px;
}
.headercheckoutchatdiv 
{
	border:none;
}
.headercheckoutchatdiv .livepersonchat
{
	position:absolute;
	top:30px;
	margin-left:450px;
	width:140px;
}
/******************************************************/
/* HEADER - AD SPACE DIV / SPECIAL MESSAGES  - START */
/****************************************************/
.headermiddiv
{	
	width:300px;
	height:15px;
	padding-top:5px;
	padding-bottom:5px;
	position:absolute;
	margin-top:-90px;
	left:252px;
	font-family:Verdana;
}
/****************************************************/
/* HEADER - RIGHT DIV FOR LOGIN AND SEARCH  - START */
/**************************************************/
.headerrightdiv
{ 
	position: absolute;
	margin-top:-75px;
	margin-left:660px;
	height:20px;
	width:300px;
	padding-top:0px;
	font-family:Verdana;
	z-index:1;
} 
.oe9 .headerrightdiv
{ 
	position: absolute;
	margin-left:660px;
	height:20px;
	width:300px;
	padding-top:0px; 
	z-index:1;
	top:80px;
}  
.ie7 .headerrightdiv
{ 
	z-index:0; 
} 
.headerrightlinksdiv
{
	text-align:right;
	padding-right:10px;
}
.headerrightlinksdiv a
{
	margin-left:3px;
	margin-right:3px;
}
.headerlogindiv
{
}	
.loginorregister
{
	position:absolute;
	top:0px;
	right:150px;
	width:300px;
	text-align:right;
	color:#999999; 
}
/* CJW to make 'sign in or register' appear */
.ie7 .headerlogindiv, .ie6 .headerlogindiv
{
	position: relative;
	top: 0px;
}
.ch3 .headerlogindiv, .sf4 .headerlogindiv
{
	top: 2px;
}
/* CJW */
/* HEADER -RIGHT DIV FOR LOGIN AND SEARCH  - STOP */	
.headerrightdiv a
{
	font-size:11px;
	color:#063366;
}
/* JEN NOTE: Department Landing Page / move later *****/
.departmentlandingad
{
	width:720px;
	height:auto; 
}
.departmentlandingtopad
{}
/************* Animated Open Cart Summary *******/
.cartsumdivwrap
{
	display:block;
	position:absolute;
	top:88px;
	right:2px;
	width:335px;
	height:10px;
	z-index: 700 !important;
}
.cartsumdiv
{
	position: absolute;
	right: 5px;
	top: -33px;
	width: 40px;
	height: 20px;
	z-index: 600 !important;
	padding: 0px;
	margin: 0px;
}
.cartsumanimated
{
	cursor: pointer;
	font-size: 13px;
	position: relative;
	top: 2px;
	left: 5px;
	font-family: Verdana;
	color:#000003;
}
.cartsummarytotal, .cartsummarycount
{
	font-size: 10px;
	font-family: Verdana;
	color:#063366;
}
.cartsummarytotal
{
	margin-left:25px;
}
.cartsum
{
	position:absolute;
	top:-15px;
	right:40px;
	width:40px;
}
.casumtot
{	
	width:165px;
	position:relative;
	top:13px;
	margin-left:15px;
	display:none;
}
.cartsumlink
{
	font-size: 8pt;
	display:none;
}
.cartimagelink
{
	height:40px;
	width:40px;
	position: absolute;
	right:10px;
	top:-35px;
	z-index: 500 !important;
}
.ie6 .cartimagelink
{
	right: -15px;
}
/*************** Animated Open Cart Summary ******************/
.showcart
{
	position: absolute !important;
	top:0px !important;
	left:-292px !important;
	height:auto;
	width:335px;
	display: block;
	border-bottom:solid 1px #cccccc;
	z-index: 999999 !important;
}
.mycart
{
	position:relative;
	margin-top:2px;
	margin-right:0px;
	z-index: 999999;
}
/* CJW to reduce length of bottom line */
.ie6 .mycart
{
	margin-right: -21px;
	z-index: 999999 !important;
}
/* CJW */
.showitems
{
	position:relative;
	display:block;
	width: 355px;
	max-height:490px;
	overflow:auto;
}
.showcartheaderdiv
{
	height:40px;
	background-image: url(../ClientAssets/Images/bag_mouseover-bg-top.gif); 
	background-repeat: no-repeat;
}
/* CJW to remove blank line */
.ie6 .notemptycart
{
	margin-bottom: -10px;
}
/* CJW */
.showcartheadertxt
{
	position:relative;
	font-family:Palatino Linotype, Serif;
	font-size: 9pt;
	font-weight:bold;
	color:#063366;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	height:24px;
	padding:20px 0px 0px 7px;
}
.showcartheaderbtn 
{
	position:absolute;
	margin-left:245px;
	margin-top:-35px;
	width:24px;
	height:48px;
}
.oe9 .showcartheaderbtn 
{
	position:absolute;
	margin-left:245px;
	margin-top:-25px;
	width:24px;
	height:48px;
}
.dlcart
{
	width:335px;
	background-image: url(../ClientAssets/Images/bag_mouseover-bg-mid.gif);
	background-repeat: repeat-y;
	font-family:Verdana, Sans-Serif;
	font-size:9px;
	background-color:Black;	
}
.dlcart a
{
	color:#063366;
}
.dlcartitemdisplay
{
	position:relative;
	padding-top:0px;
	padding-bottom:7px;
	width:320px;	
	height:80px;	
}
.ie7 .dlcartitemdisplay
{
	margin-left:5px;	
}
.dlcartimg
{
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
}
.dlcartimg img
{
	position:relative;
	float:left;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
}
.dlcartimgclip
{
	position:absolute;
	overflow:hidden;
	clip:rect(5px 100px 83px 0px);
}
.dlcartname
{
	position:absolute;
	margin-left:110px;
	margin-top:10px;
	width:200px;				
}
.ie7 .dlcartname
{
	margin-left:100px;	
}
.dlcartname a
{
	text-decoration:none;	
}
.dlcartqty
{
	position:absolute;
	margin-left:110px;
	margin-top:38px;	
}
.dlcartitem
{
	position:absolute;
	margin-left:150px;
	margin-top:38px;	
}
.dlcarttotal
{
	position:absolute;
	margin-left:240px;
	margin-top:38px;
	text-align:right;	
	width:70px;
} 
.dlcartcolorsize
{
	position:absolute;
	margin-left:110px;
	margin-top:58px;
}
.emptycart p
{
	margin: 0;
	margin-top:-15px;
	padding-bottom:15px;
	font-size: 8pt;
	font-weight: bold;
	text-align:center;
	background-image: url(../ClientAssets/Images/bag_mouseover-bg-mid.gif);
	width:335px;
	border-bottom:solid 1px #cccccc;

}
.searchresultdiv
{
	margin-top:20px;
    background-color:#ffffff;
}
/********************* END SEARCH RESULTS ***********************/
.accountlogoutdiv
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:30px;
}
.accountlogoutreturnbtndiv
{
    position:absolute;
    top:0px;
    right:115px;
    width:230px;
}
.accountlogoutbtndiv
{
    position:absolute;
    top:0px;
    right:0px;
    width:107px;  
}
/********************* VALIDATION ***********************/
.validatortargetinvalid
{
    background-color:#ffffdd;
}
.validatorlabelinvalid
{
    color:Red;
}