/* NEW SITE SYTLES AT BOTTOM */
body{
	background-color: #EDF3FF;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 4px;
}

img {
	border: 0px;
}

b {
	font-weight: bold;
	color: #2252b0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

a.blueLink {
	color: #003399;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
a:hover.blueLink {
	color: #333333;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

a.orangeStyle,
a:link.orangeStyle,
a:visited.orangeStyle,
a:active.orangeStyle {
	color: #f56400;
	text-decoration: none;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

a:hover.orangeStyle {
	color: #003399;
	text-decoration: none;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.smallfont {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	margin-left: -1px;
	color: #ffffff;
}


.tddata{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4c4c62; /* details */
}

.login{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #6F7C96;
	color: #FFF;
	font-weight: bold;
	/*padding-left: 3px;*/
	vertical-align: top;
	
}

.leftSpace {
	padding-left: 10px;
}

.tableBorder {
	border-right-width: 1px solid ebebeb;
	/*border-bottom-width: 1px solid c0c0c0;*/
}

.hRule {
	border-bottom-width: 1px solid c0c0c0;
}

.boxBorder {
	border: 1px solid #003399;
}

.spacer1 {
	padding-left: 10px;
}

.spacer2 {
	padding-left: 20px;
}


a.breadCrumbs{
	color: #aeaa9f;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

a:hover.breadCrumbs{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

select {
	color: #4D84D8;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

.imgBorder {
	border: 1px solid #ebebeb;
	width: 252px;
	height: 298px;
	margin: 0;
	padding: 0;
}

.orangeText {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: orange;
}

.blueText {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #02339C;
	font-weight: bold;
}

.bottomBorder {
	border-bottom: 1px solid #ebebeb;
}

.noPadding {
	margin: -5px;
}

.headline {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #FF6400;
	font-weight: bold;
}

/* details */

.redTextLg {
 color: #cc0000;
 font-weight: bold;
 font-size: 12px;
}

.blueTextSm {
 font-size: 12px;
 font-weight: bold;
 color: #2252B0;
}

.newDesc
{
 color: #cc0000;
 font-weight: bold;
 font-size: 11px;
}

.newDescLg
{
 color: #cc0000;
 font-weight: bold;
 font-size: 20px;
}

.thickBlueText {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #02339C;
	font-weight: bold;
}

.thickOrangeText {
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	text-decoration: none;
	color: #f78333;
}

.styleDesc {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.style2 {
 font-size: 10px;
	font-weight: bold;
}

.style3 {
	color: #000099;
	font-size: 11px;
}

.style5 {
 font-size: 11px; 
	color: #cc0000; 
}

.smallBlueText {
	font-size: 11px;
	font-weight: bold;
	color: #144bb7;
 text-align: left;
}

li {
	line-height: 15px;
	color: #144bb7;
	margin-left: -20px;
}

.darkBorder {
	border: 1px solid #666666;
}

.swatchCell {
	border: 1px solid #666;
	width: 25px;
	height: 17px;
}

.swatchCell_V2 {
	width: 28px;
	height: 15px;
}


.imgSelectedSwatchON {
 /*border: 1px solid #ff6612;*/
}

.imgSelectedSwatchOFF {
 border: 2px solid #fff;
}


a:link.blueUnderline,
a:active.blueUnderline,
a:visited.blueUnderline {
	color: #1131a0;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

a:hover.blueUnderline{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

.darkBoldText {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
}


.redTextLg {
color: #cc0000;
font-weight: bold;
font-size: 12px;
}

/* order grid */

a.medBlueLink{
	color: #1141A0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

a:hover.medBlueLink{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.enterStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

.darkBorder {
	border: 1px solid #666666;
}

.sizeText {
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}

.inputGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1pt inset #ccd6eb;
	width: 30px; 
	font-weight: normal;
}

.gridBorder {
	border: 1pt solid #d3d3de;
	margin-left: -1px;
}

.outsideBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.rightBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-left: none;
	border-top: none;
	background-color: #EDF3FF;
}

.closeOut {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 11px;
	color: #F71D10;
	font-weight: bold;
}

.popUp {
	background-color: #EDF3FF;
	margin-top: 4px;
	border: 1px solid #003094;
	border-left: none;
	border-right: none;
	border-top: none;
}

.altGridBGColor {
	background-color: #f6f6f6;
}

.darkBold {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.leftFrameMargin {
	margin-left: -2px;
}

.imgDesc {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4c4c62;
	font-weight: bold;
}

.popUpMargin {
	margin: 0px;
}

/* NEW SITE LAYOUT STYLES */body{
	background-color: #EDF3FF;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	margin-top: 4px;
}

img {
	border: 0px;
}

b {
	font-weight: bold;
	color: #2252b0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}





a.blueLink {
	color: #003399;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
a:hover.blueLink {
	color: #333333;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}



.smallfont {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	margin-left: -1px;
	color: #ffffff;
}


.tddata{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4c4c62; /* details */
}

.login{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #6F7C96;
	color: #FFF;
	font-weight: bold;
	/*padding-left: 3px;*/
	vertical-align: top;
	
}



/* category */

.category {
	padding-left: 8px;
	padding-top: 8px;
	padding-bottom: 2px;
}

.catTable {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

a.catLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #4D84D8;	
	font-weight: normal;
}

a:hover.catLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
}

a.paging {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #4D84D8;	
	vertical-align: top;
}

a:hover.paging {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	vertical-align: top;
}


/* end category */

.leftSpace {
	padding-left: 10px;
}

.tableBorder {
	border-right-width: 1px solid ebebeb;
	/*border-bottom-width: 1px solid c0c0c0;*/
}

.hRule {
	border-bottom-width: 1px solid c0c0c0;
}

.boxBorder {
	border: 1px solid #003399;
}

.spacer1 {
	padding-left: 10px;
	padding-bottom: 0px;
}

.spacer2 {
	padding-left: 20px;
	padding-bottom: 0px;
}


a.breadCrumbs{
	color: #aeaa9f;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

a:hover.breadCrumbs{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

select {
	/*color: #4D84D8;*/
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}

.imgBorder {
	border: 1px solid #ebebeb;
}

.orangeText {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: orange;
}

.blueText {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #02339C;
	font-weight: bold;
}

.miniTable{
	border: 1px solid #ebebeb;
	background-color: #F6F8FE;
	padding: 3px;
}

.bottomBorder {
	border-bottom: 1px solid #ebebeb;
}

.noPadding {
	margin: -5px;
}

.headline {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #FF6400;
	font-weight: bold;
}

/* details */

.thickBlueText {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #02339C;
	font-weight: bold;
}

.thickOrangeText {
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	text-decoration: none;
	color: #f78333;
}

.styleDesc {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.style2 {font-size: 10px}
.style3 {
	color: #000099;
	font-size: 11px;
}
.style5 {font-size: 11px; color: #cc0000; }

.smallBlueText {
	font-size: 11px;
	font-weight: bold;
	color: #144bb7;
}

li {
	line-height: 15px;
	color: #144bb7;
	margin-left: -20px;
}

.darkBorder {
	border: 1px solid #666666;
}

/*.swatchCell {
	border: 1px solid #666666;
	height: 17px;
}

.swatchCell_V2 {
	border: 1px solid #666666;
	width: 28px;
	height: 15px;
}*/



.darkBoldText {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
}

/* order grid */

a.medBlueLink{
	color: #1141A0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

a:hover.medBlueLink{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

.enterStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

.darkBorder {
	border: 1px solid #666666;
}

.sizeText {
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}

.inputGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1pt inset #ccd6eb;
	width: 30px; 
	font-weight: normal;
}

.gridBorder {
	border: 1pt solid #d3d3de;
	margin-left: -1px;
}

.outsideBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.rightBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-left: none;
	border-top: none;
	background-color: #EDF3FF;
}

.closeOut {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 11px;
	color: #F71D10;
	font-weight: bold;
}

/*.popUp {
	background-color: #EDF3FF;
	margin-top: 4px;
	border: 1px solid #003094;
	border-left: none;
	border-right: none;
	border-top: none;
}*/

.altGridBGColor {
	background-color: #f6f6f6;
}

.darkBold {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.imgDesc {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4c4c62;
	font-weight: bold;
}


/* pop up */

.leftFrameMargin {
	margin-left: -2px;
}

.popUpMargin {
	/*margin: 0px;*/
	margin-left: -2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.swatchBox {
	height: 19px;
	border: 1px solid #c0c0c0;
}

.swatchText {
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-top: 1px;
}

.topBarColor {
	position: absolute;
	top: 7px;
	left: 290px;
	
}

.topBarSize {
	position: absolute;
	top: 7px;
	left: 430px;
}

.styleAlign {
	padding-left: 24px;
	padding-bottom: 0px;
}

.styleBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #02339C;
	font-weight: bold;
}

.styleOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #f78333;
	font-weight: bold;
}

.topImgSpace {
	padding-top: 3px;
}

.swatchCellPadding {
	padding-top: 5px;
	padding-left: 15px;
}

/* homepage */

.indexLeftPadding {
	padding-left: 10px;
	padding-top: 2px;
}

.loginPadding {
	padding-top: 3px;
	padding-left: 5px;
}

.sidebarPadding {
	padding-top: 2px;
	padding-left: 2px;
}

/*
b {
	font-weight: bold;
	color: #144bb7;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.blueStyle
{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #2252B0;
	font-weight: bold;
}

.orangeStyle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #f56400;
	font-weight: bold;
}

.styleDesc {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.blueBullet {
 color: #144bb7;
	font-size: 10px;
	font-weight: bold;
}

.catTable {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

a.catLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #4D84D8;	
	font-weight: normal;
}

a:hover.catLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
}

*/

.blueStyle
{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #2252B0;
	font-weight: bold;
}

.orangeStyle
{
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #f56400;
	font-weight: bold;
}

.blueBullet {
 color: #144bb7;
	font-size: 10px;
	font-weight: bold;
}


.boldBlueText {
	color: #2252B0;
	font-weight: bold;
}



/* start subcategory styles */

.subcatCell {
	border-bottom: 1px solid #ebebeb;
	width: 95%;
}

.subcatSpace {
	padding-left: 30px;
	padding-bottom: 0px
}

.subcatTable {
	width: 95%;
}

a:link.subcatLink,
a:visited.subcatLink,
a:active.subcatLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #4D84D8;	
	font-weight: normal;
}

a:hover.subcatLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003399;
	font-weight: normal;
}

.colorDispMsg 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000099;
}

/* end subcategory styles */

/*p4613 Size Chart Web Modifications */
.mrktboxBorder {
border: 1px solid #d7d7d7;
width: 150px;
padding-top: 2px;
padding-bottom: 2px;
}

.mrktboxArea {
padding-left: 0px;
padding-top: 4px;
padding-bottom: 6px;
padding-right: 3px;
}

a:link.mrktboxLinks,
a:active.mrktboxLinks,
a:visited.mrktboxLinks,
a:hover.mrktboxLinks {
color: #3e76cc;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: underline;
}

a:hover.mrktboxLinks {
color: #003399;
}

/* JD2 03/29/07 */

.redTextHdr {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
}

.redTextSm {
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
}
.blueTextSm {
	font-size: 11px;
	font-weight: bold;
	color: #2252B0;
}
.specialHr {
/*
width: 120px;
*/
}
div#salePrice {
padding-left: 2px;
}
div#regPrice {
margin-left: 2px;
}
.priceDisplay {
/*height: 65px;*/
}
div#saleDisplay {
height: 75px;
width: 135px;

}

/* END JD2 03/29/07 */
/* end new styles */

.emailbuttons {
 height: 40px;
}

.emailsepline {
 height: 2px;
 background-color: #0066cc;
}

a.clickhere, a:hover.clickhere, a:visited.clickhere, a:active.clickhere {
 font-size: 12px;
 text-decoration: underline;
}

.sizeImages {
 width: 280px;
}

/* PEAR MERGE JD2 08/21/2007 */

.styleImg {
 height: 0px;
 width: 0px;
 opacity: 0;
 -moz-opacity: 00;
 filter: alpha(opacity: 00);
}


/* JD2 07/20/2007 */
.mainPreviewTable {
width: 780px;
}
/* END 07/20/2007 */

.emailbody {
 width: 550px;
 word-wrap: break-word;
 overflow: auto;
 font-size: 11pt;
 color: #000000;
}

.emailheader
{
 font-family: arial,helvetica,sans-serif;
 color: #000000;
 font-size: 11pt;
}

/* END PEAR MERGE JD2 08/21/2007 */

/* Used on prod detail page for the add a log link */
.new { display: inline; color: red; font-weight: bold; font-size: 12px; }

/* Coordinates & Companions */

.descHeaderPad { height: 7px; }
.coordTbl .coordinateDescription { font-family: verdana; font-size: 10px; font-weight: bold; }
.companionContainer { text-align: center; }
.companionBlock { width: 84px; display: block; float: left; text-align: center; border: 0px; }
.companionBlockLeft { padding: 0 5px 0 0; }
.companionBlockRight { padding: 0 0 0 5px; }
.companionBlockCenter { padding: 0 5px 0 5px; }
.companionDesc { display: block; text-align: center; border: 0px; padding: 5px 0 0 0; font-size: 9px;  }
.familyDesc { display: block; text-align: center; border: 0; padding: 0 5px 1px; font-size: 10px; color: #ffffff; background-color: #66667d; }

.enlargeImg { text-align: center; }
.detailImageSpacer { width: 8px; }
.ladiesCoordinate, .youthCoordinate { font-weight: normal; font-size: 11px; color: #000;}
.compDesc { font-weight: bold; font-size: 11px; color: #666;}
.thumbBorder { border: 1px solid #d7d7d7; }
.rule { display: block; border: 0; background-color: #666; height: 1px; margin: 10px 3px 0 3px; }
.compCat {  color: #000; font-size: 10px; text-align: center; margin: 0 auto; width:60px; }
.compStyleNumSm, .coordStyleNum { color: #f56400; font-weight: bold; text-align: center; margin: 0 auto; font-size: 10px;}
.priceInfo { border: 1px solid #666; background-color: #eee; padding: 0 6px 0px 6px; margin-bottom: 15px; margin-top: 3px; height: 34px;}
.priceInfo .text { display: inline; float: left; }
.priceInfo .orderBtn { display: inline; float: right; }
.clear { clear: both; }
.coordTbl {  }
.coordTbl2 { width: 270px;}
.padding { width: 80px; }

.companionStyle
{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2252B0;
	font-weight: bold;
}

.companionStyleNum
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #f56400;
	font-weight: bold;
}

.text .startPrice { color: #2252B0; font-weight: bold; font-size: 11px; text-align:left; }
.text .saleStart { color: #CC0000; font-weight: bold; font-size: 12px; text-align:left; }