﻿/* BEGIN: of maybe Common Product specific Styles */
.productImageLarge {
	position:relative;
	top:10px;
	left:0px;
	width:222px;
	height:270px;
	text-align:center;
}
.productImageSmall {
	position:relative;
	top:0px;
	left:10px;
	width:129px;
	height:111px;
}
.numberLink {
	position:relative;
	left:0px;
	width:222px;
	height:16px;
	background-color:#9C9A9A;
	text-align:center;
}	
/* remove all the bullets, borders and padding from the default list styling */
.numberLink ul {
	list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can 
   control the dropdown menu positon 
*/
.numberLink ul li {
	position:relative;
	width:20px;
	font-family:Arial;
    font-size:9px;
    font-weight: bold;
    color:#FEFEFE;
    padding-top:1px;
	text-align: center;
	float:left;
}
.numberLink a { color:white; text-decoration:underline;}
.numberLink a:link { color:white; text-decoration:underline;}
.numberLink a:visited { color:white; text-decoration:underline; }
.numberLink a:hover { color:white; text-decoration:underline; }	

	
#contentDetailBeautyBox {
	position:relative;
	left:0px;
	width:220px;
	height:54px;
	border-left: 1px solid #D8D9D2;
	border-right: 1px solid #D8D9D2;
	border-bottom: 1px solid #D8D9D2;
}
.productBeautyBox {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	width:220px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
}

.contentProductTextRegular10 {
	font-family:Arial;
    font-size:10px;
}
.contentProductTextBold10 {
	font-family:Arial;
    font-size:10px;
    font-weight: bold;
}
.contentProductTextRegular10 a { text-decoration:underline;}
.contentProductTextRegular10 a:link { text-decoration:underline;}
.contentProductTextRegular10 a:visited { text-decoration:underline; }
.contentProductTextRegular10 a:hover { text-decoration:underline; }

.contentProduct10TextRegular {
	font-family:Arial;
    font-size:10px;
}

.contentProduct10TextRegularUnderlined {
	font-family:Arial;
    font-size:10px;
    text-decoration:underline;
}

.contentProduct10TextBold {
	font-family:Arial;
    font-size:10px;
    font-weight: bold;
}

.contentProduct10TextBoldCleared {
	font-family:Arial;
    font-size:10px;
    font-weight: bold;
    text-decoration:none;
}

.contentProduct10TextRegular a { text-decoration:underline;}
.contentProduct10TextRegular a:link { text-decoration:underline;}
.contentProduct10TextRegular a:visited { text-decoration:underline; }
.contentProduct10TextRegular a:hover { text-decoration:underline; }

.contentProduct11TextRegular {
	font-family:Arial;
    font-size:11px;
}
.contentProduct11TextBold {
	font-family:Arial;
    font-size:11px;
    font-weight: bold;
}
.contentProduct11TextBold a { text-decoration:underline;}
.contentProduct11TextBold a:link { text-decoration:underline;}
.contentProduct11TextBold a:visited { text-decoration:underline; }
.contentProduct11TextBold a:hover { text-decoration:underline; }

.contentProduct12TextRegular {
	font-family:Arial;
    font-size:12px;
}
.contentProduct12TextBold {
	font-family:Arial;
    font-size:12px;
    font-weight: bold;
}

.contentProduct14TextRegular {
	font-family:Arial;
    font-size:14px;
}
.contentProduct14TextBold {
	font-family:Arial;
    font-size:14px;
    font-weight: bold;
}

#contentProductMiddle {
	position:relative;
	top: 10px;
	left: 0px;
	width:139px;
	height:auto;
}

#contentProductRightTop {
	position:relative;
	top: 7px;
	left: 0px;
	width:300px;
	height:120px;
}	
/* remove all the bullets, borders and padding from the default list styling */
#contentProductRightTop ul {
	position:relative;
	padding-top:3px;
	list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so display: inline; you can 
   control the dropdown menu positon 
*/
#contentProductRightTop ul li {
	font-family:Arial;
    font-weight: bold;
    color:#555555;
}	
#contentProductRightBottom {
	position:relative;
	top: 8px;
	left:0px;
	padding-bottom:10px;
	width:469px;
	height:100%;
}
#contentProductRightBottomNav {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
.productSpace {
	position:relative;
	top:0px;
	height:15px;
}	
.contentLowNavSelTab {
	position:relative;
	height:16px;
    padding-left:4px;
    padding-right:4px;
	padding-top:4px;
	border-top: 1px solid #D8D9D2;
	border-left: 1px solid #D8D9D2;
	border-right: 1px solid #D8D9D2;
	border-bottom: 1px solid white;
	background: white;
	font-family:Arial;
    font-size:12px;
    font-weight: bold;
    color:#555555;
	text-align: center;
    white-space:nowrap;
}
.contentLowNavLinkTab {
	position:relative;
	top:4px;
	height:16px;
    padding-left:7px;
    padding-right:7px;
	border:1px solid #D8D9D2;
	background-color: #F3F3F3;
	font-family:Arial;
    font-size:11px;
    font-weight: bold;
    color:#555555;
	text-align: center;
    white-space:nowrap;
}
.contentLowNavLinkTab a { color:#555555; text-decoration:none;}
.contentLowNavLinkTab a:link { color:#555555; text-decoration:none;}
.contentLowNavLinkTab a:visited { color:#555555; text-decoration:none;}
.contentLowNavLinkTab a:hover { color:#555555; text-decoration:none;}

#contentProductRightBottomRest {
	position:relative;
	top:20px;
	left:0px;
	width:466px;
	height:100%;
	border-left: 1px solid #D8D9D2;
	border-right: 1px solid #D8D9D2;
	border-bottom: 1px solid #D8D9D2;
}

.wsListPosition {
	margin-left:0px;
	padding-left:0px;
	height:115px;
	/*overflow-y:scroll;*/
	border-top:1px solid #D8D9D2;
	border-bottom:1px solid #D8D9D2;
	border-left:1px solid #D8D9D2;
}
.wsListItem {
	width:100%;
	border-bottom:1px solid #D8D9D2;
	list-style-type:none;
}
.wsListItem a {
    font-family:Arial;
    font-size: 12px;     
    color:red;
}
.wsListItemSelected {
	
}

.productStyleText 
{
padding-top:2px;font-size:16px;
}

.productStyleColorIDText
{
	padding-left:5px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#555555;
}

.productColorwayText
{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#555555;
}

.productCollectionText
{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#555555;
}

.productQuickshipText
{
	font-family:Arial;
	font-weight:normal;
	font-size:10px;	
	color:#555555;
}

.productPriceText
{
	font-family:Arial;
	font-weight:normal;
	font-size:10px;	
	color:#555555;
}	
/* End of maybe Common Product specific styles */

.contentProductRightBottomLow {
	position:relative;
	top:5px;
	left:0px;
	width:442px;
	height:100%;
	border-top: 0px solid #D8D9D2;
	border-left: 0px solid #D8D9D2;
	border-right: 0px solid #D8D9D2;
	border-bottom: 0px solid #D8D9D2;
}

.contentProductRightBottomLowSpacing {
	position:relative;
	left:0px;
	right:0px;
	top:10px;
	width:100%;
	height:100%;
}
#contentViewSpaceLeftTop {
	position:relative;
	width:449px;
	height:100%;
}	
#contentViewSpaceLeftBottom {
	position:relative;
	width:449px;
	height:100%;
	border:1px solid #D8D9D2;
}
.contentViewRoomButton {
	position:relative;
	top:4px;
	width:120px;
	height:26px;
	background-color:#9D9D9D;
	text-align:center;
	font-family:Arial;
    font-size:12px;
    font-weight: bold;
	color:#FFFFFF;
}	
.contentViewRoomButton a { color:#FFFFFF; text-decoration:none;}
.contentViewRoomButton a:link { color:#FFFFFF; text-decoration:none;}
.contentViewRoomButton a:visited { color:#FFFFFF; text-decoration:none;}
.contentViewRoomButton a:hover { color:#FFFFFF; text-decoration:none;}

#contentViewSpaceRight {
	position:relative;
	width:315px;
	height:100%;
}

.contentProduct9TextRegular {
	font-family:Arial;
    font-size:9px;
}
.contentProduct9TextRegular a { text-decoration:none;}
.contentProduct9TextRegular a:link { text-decoration:none;}
.contentProduct9TextRegular a:visited { text-decoration:none; }
.contentProduct9TextRegular a:hover { text-decoration:none; }

.contentProduct9TextBold {
	font-family:Arial;
    font-size:10px;
}

#contentCustomizeLeft {
	position:relative;
	width:213px;
	height:auto;
}	
#contentCustomizeMiddle {
	position:relative;
	width:199px;
	height:auto;
}
#contentCustomizeRight {
	position:relative;
	width:330px;
	height:auto;
}
.yarnSwatch {
	position:relative;
	width:63px;
	height:51px;
}
.paletteSwatch {
	position:relative;
	width:31px;
	height:25px;
}
