@import "../css/template.css";

/*-------- UPDATED FOR TRANSITION -------------*/

.title
{
	font-size: 18px;
	font-weight: normal;
	color: #9c927f;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.purpleTitle
{
	font-size: 12px;
	font-weight: bold;
	color: #9c927f;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.redFont
{
    color: #cc0000;
}

.blueFont
{
    font-size: 11px;
    color: #9c927f;
}

.grayNav {
    font-size: 11px;
    color: #9c927f;
}

.cookieTrailNav
{
	font-size: 12px;
	color: #9c927f;
}

/*-------- OLD --------------------------------*/

BODY
{
/*    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif; */
	behavior: url(../js/moz.htc);	
}
/*H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
INPUT
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
SELECT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
TEXTAREA
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: 15px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
LI
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
A:link
{
    COLOR: #6663ad;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #6663ad;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #003399;
    TEXT-DECORATION: underline;
}
A:hover
{
    COLOR: #003399;
    TEXT-DECORATION: underline;
}
P
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: black;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Arial, Helvetica, sans-serif
    LETTER-SPACING: normal
}
*//* styles for new version of left nav 081005 */

/*.brandCat { 
	text-align: left; 
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#brandCat h1 {
	font-size: 10px; 
	font-weight: bold; 
	line-height: 20px; 
	background-color: #ffffff;
	margin: 0; 
	padding: 0;
	text-transform: none;
}

#brandCat h1.altH1 {
	font-size: 10px; 
	font-weight: bold; 
	line-height: 20px; 
	background-color: #ffffff;
	background-image: url(/resources/nav/h1_bg_alt1.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	margin: 0; 
	padding: 0;
	text-transform: none;
}

#brandCat h1.alt2H1 {
	font-size: 10px; 
	font-weight: bold; 
	line-height: 21px; 
	background-color: #ffffff;
	background-image: url(/resources/nav/h1_bg_alt2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0; 
	padding: 0;
	text-transform: none;
}

#brandCat h1.alt3H1 {
	font-size: 10px; 
	font-weight: bold; 
	line-height: 21px; 
	background-color: #ffffff;
	border-bottom: 1px solid #8ab3d5;
	margin: 0; 
	padding: 0;
	text-transform: none;
}

#brandCat h2 {
	color: #99cc33;
	font-size: 10px;
	font-weight: normal;
	line-height: 19px;
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-transform: none;
}

#brandCat h3 {
	font-size: 10px;
	font-weight: bold;
	line-height: 21px;
	background-image: url("../resources/assets/leftNav_dottedRule.gif");
	text-align: right;
	margin: 0;
	padding: 0 25px 0 0;
	text-transform: none;
}

#brandCat p {
	color: #6663ad;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	border-bottom: 1px solid #8ab3d5;
	margin: 10px 0 0 0;
	padding: 0;
}

#brandCat a:link, #brandCat a:visited {
	color: #003399;
	text-decoration: none;
	display: block;
	padding: 0px 0px 0px 6px;
}

#brandCat a:hover {
	color: #003399;
	text-decoration: none;
	background-color: #def0fc;
}

 #brandCat a:active {
	color: #6663ad;
}

#brandCat a.catalog_left:link, #brandCat a.catalog_left:active, #brandCat a.catalog_left:visited, #brandCat a.catalog_left:hover {
	display: block;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}*/

/*styles for brands footer */
/*#footLink {color: #505050; font-size: 9px; font-family: arial, san-serif; font-weight: normal; line-height: 16px; text-align: justify;}
#footLink h2  { color: #6699cc; font-size: 9px; font-weight: normal; line-height: 12px; display: inline }
#footLink a:link {color: #505050; text-decoration: none;}
#footLink a:visited {color: #505050; text-decoration: none;}
#footLink a:hover {color: #6663ad; text-decoration: underline;}
#footLink a:active {color: #6663ad; text-decoration: underline;}*/
/* continue original style sheet */
.redFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}
/*.blueFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #598dc1;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}
*/

.whiteFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: white;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}
/*.smallFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: black;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}*/
/*.grayFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #505050;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}*/
/*.grayNav
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #505050;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}
.grayNav A:link
{
    COLOR: #505050;
    TEXT-DECORATION: none
}
.grayNav A:visited
{
    COLOR: #505050;
    TEXT-DECORATION: none
}
.grayNav A:active
{
    COLOR: #6663ad;
    TEXT-DECORATION: underline;
}
.grayNav A:hover
{
    COLOR: #6663ad;
    TEXT-DECORATION: underline;
}*/
/*.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #6663ad;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif
}
.purpleTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #6663ad;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif
}
*/.darkBlueTitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 15px;
    COLOR: #003399;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif
}
.darkBlueFont
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #003399;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif
}
/*.subNav
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #003399;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}
.subNav A:link
{
    COLOR: #003399;
    TEXT-DECORATION: none
}
.subNav A:visited
{
    COLOR: #003399;
    TEXT-DECORATION: none
}
.subNav A:active
{
    COLOR: #6663ad;
    TEXT-DECORATION: underline;
}
.subNav A:hover
{
    COLOR: #6663ad;
    TEXT-DECORATION: underline;
}
*/

/*.cookieTrailNav
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #6663ad;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    LETTER-SPACING: normal
}
.cookieTrailNav A:link
{
    FONT-WEIGHT: bold;
    COLOR: #6663ad;
    TEXT-DECORATION: underline
}
.cookieTrailNav A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #6663ad;
    TEXT-DECORATION: underline
}
.cookieTrailNav A:active
{
    FONT-WEIGHT: bold;
    COLOR: #003399;
    TEXT-DECORATION: underline
}
.cookieTrailNav A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #003399;
    TEXT-DECORATION: underline
}
A.sknstr-rt:link
{
    COLOR: #666699;
    TEXT-DECORATION: none
}
A.sknstr-rt:visited
{
    COLOR: #666699;
    TEXT-DECORATION: none
}
A.sknstr-rt:hover
{
    COLOR: #99cc33;
    TEXT-DECORATION: none
}
A.sknstr-rt:active
{
    COLOR: #99cc33;
    TEXT-DECORATION: none
}
A.sknstr-inhrt:link
{
    COLOR: #6e6e6e;
    TEXT-DECORATION: none
}
A.sknstr-inhrt:visited
{
    COLOR: #6e6e6e;
    TEXT-DECORATION: none
}
A.sknstr-inhrt:hover
{
    COLOR: #6e6e6e;
    TEXT-DECORATION: none
}
A.sknstr-inhrt:active
{
    COLOR: #6e6e6e;
    TEXT-DECORATION: none
}
A.sknstr-inhrt2:link
{
    COLOR: #808080;
    TEXT-DECORATION: none
}
A.sknstr-inhrt2:visited
{
    COLOR: #808080;
    TEXT-DECORATION: none
}
A.sknstr-inhrt2:hover
{
    COLOR: #808080;
    TEXT-DECORATION: none
}
A.sknstr-inhrt2:active
{
    COLOR: #808080;
    TEXT-DECORATION: none
}
P.sknny
{
    DISPLAY: inline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #3c3c3c;
    LINE-HEIGHT: 13px;
    FONT-FAMILY: Arial, sans-serif;
    LETTER-SPACING: normal
}
P.skn
{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #6e6e6e;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: Arial, sans-serif;
    LETTER-SPACING: normal
}
P.sknlil
{
    DISPLAY: inline;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #808080;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Arial, sans-serif;
    LETTER-SPACING: normal
}
P.sknbg
{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #666699;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: Arial, sans-serif;
    LETTER-SPACING: normal
}
P.sknbggr
{
    DISPLAY: inline;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Arial, sans-serif;
    LETTER-SPACING: normal
}
.bldr
{
    FONT-WEIGHT: bolder;
    COLOR: #3c3c3c
}*/

.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6663ad;
}

.Header a:link, .Header a:visited{
	color: #6663ad;
	font-size: 10px;
	padding: 0px 10px 0px 10px;
}

.Header a:active, .Header a:hover {
	color: #003399;
}


#ssFeatures {
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
	font-weight: bold;
}

#ssFeatures a:link, #ssFeatures a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 0px 3px 0px 1px;
	font-weight: bold;
}

#ssFeatures a:active, #ssFeatures a:hover {
	color: #DEF0FC;
	text-decoration: none;
}

#ssFeatures h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
    COLOR: #6663ad;
	font-weight: bold;
	padding-left: 25px;
	display: inline;
}

.ftrLarge  {
	font-size: 1.1em;
	font-weight:bold;
}


.homeTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .70em;
	font-weight: bold;
	color: #6663AD;
}

.errorText {
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px 4px 28px;
	color: #000000;
	background-image: url(/resources/nav/icon_error.jpg);
	background-repeat: no-repeat;
	line-height: 16px;	
	display: block;
}

.errorInput {
	background-color: #FFFFCC;
	border-style: solid;
	border-color: #999999;
	border-width: 2px;
}

.errorSelect {
	background-color: #FFFFCC;
	border-style: solid;
	border-color: #999999;
	border-width: 2px;
}

.checkoutTip {
	font-size: 11px;
	padding: 4px 4px 4px 28px;
	color: #000000;
	background-image: url(/resources/assets/checkoutTip_bg.gif);
	background-repeat: no-repeat;
	line-height: 14px;
}

							ul#dropDown {
							padding: 0;
							margin: 0;
							list-style-type: none;
							width: 200px;
							}
							
							ul.first {
							padding: 0;
							list-style-type: none;
							}
							
							li.expand ul {
							position: absolute;
							visibility: hidden;
							}
							
							ul#dropDown li.expand:hover ul.first, ul.first li.subexpand:hover ul.second {
							visibility: visible;
							margin: -3px 0px 0px 0px;
							}
							
							#hidden {
							border-top: 7px solid #6663ad;
							border-left: 1px solid #6663ad;
							border-right: 1px solid #6663ad;
							border-bottom: 1px solid #6663ad;
							background-color: #fafafa;
							padding: 10px;
							}
							
							/*-----------------------------------------------*/
/*----------- MY ACCOUNT DROPDOWN ---------------*/


	#topUtil_myAccount {
		position: relative;
		float: left;
	}
		
		ul#acct_dropDown {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
		ul.acct_first {
			position: absolute;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		
			li.acct_expand, li.acct_subexpand {
				position: relative;
				padding: 0px;
				margin: 0px;
			}
		
			li.acct_expand ul {
				visibility: hidden;
				border-bottom: 1px solid #d7ccba;
				color: #ffffff;
				position: absolute;
				top: 15px;
				left: 0px;
			}
		
			ul#acct_dropDown li.acct_expand:hover ul.acct_first, ul.acct_first li.acct_subexpand:hover {
				visibility: visible;
				color: #ffffff;
			}