﻿/* BEGIN: of maybe Common Product specific Styles */
.contentBorderSpacing {
	position:relative;
	left:11px;
	right:11px;
	width:889px;
	border-top:1px solid #D8D9D2;
}
.contentSpacer {
	position:relative;
	height:15px;
}
.contentSpacerBottom {
	position:relative;
	height:30px;
    color:#FFFFFF;
}
.contentProduct9TextRegular {
	font-family:Arial, Helvetica, Sans-Serif;
    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, Helvetica, Sans-Serif;
    font-size:10px;
}
.contentProduct10TextRegular {
	font-family:Arial, Helvetica, Sans-Serif;
    font-size:10px;
}
.contentProduct10TextRegular a { text-decoration:underline;}
.contentProduct10TextRegular a:link { text-decoration:underline;}
.contentProduct10TextRegular a:visited { text-decoration:underline; }
.contentProduct10TextRegular a:hover { text-decoration:underline; }

.contentProduct10TextBold {
	font-family:Arial, Helvetica, Sans-Serif;
    font-size:10px;
    font-weight: bold;
}
.contentProduct11TextRegular {
	font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;
}
.contentProduct11TextBold {
	font-family:Arial, Helvetica, Sans-Serif;
    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, Helvetica, Sans-Serif;
    font-size:12px;
}
.contentProduct12TextBold {
	font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
    font-weight: bold;
}
.yarnSwatch {
	position:relative;
	width:63px;
	height:51px;
}
.paletteSwatch {
	position:relative;
	width:31px;
	height:25px;
}
.numberLink {
	position:relative;
	left:15px;
	width:222px;
	height:16px;
	background-color:#9C9A9A;
}	
/* 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, Helvetica, Sans-Serif;
    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:15px;
	width:220px;
	height:54px;
	border-left: 1px solid #D8D9D2;
	border-right: 1px solid #D8D9D2;
	border-bottom: 1px solid #D8D9D2;
}	
.detailBeautyBox {
	position:relative;
	left:10px;
	right:10px;
	width:200px;
	padding-top:2px;
	padding-bottom:2px;
}	
#contentDetailMiddle {
	position:absolute;
	top:15px;
	left:249px;
	width:139px;
	height:auto;
}
#contentDetailRightTop {
	position:absolute;
	top:14px;
	left:409px;
	width:468px;
	height:120px;
}	
/* remove all the bullets, borders and padding from the default list styling */
#contentDetailRightTop 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 
*/
#contentDetailRightTop ul li {
	font-family:Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    color:#555555;
}
#contentDetailRightBottom {
	position:absolute;
	top:130px;
	left:409px;
	width:466px;
	height:auto;
}
#contentDetailRightBottomNav {
	position:relative;
	width:466px;
}
.contentLowNavSelTab {
	position:absolute;
	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:absolute;
	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;}

#contentDetailRightBottomLow {
	position:relative;
	top:20px;
	width:466px;
	border-left: 1px solid #D8D9D2;
	border-right: 1px solid #D8D9D2;
	border-bottom: 1px solid #D8D9D2;
}
#contentViewSpaceLeftTop {
	position:relative;
	top:15px;
	left:35px;
	width:449px;
	height:auto;
}	
#contentViewSpaceLeftBottom {
	position:relative;
	top:30px;
	left:35px;
	width:449px;
	height:auto;
	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:absolute;
	top:15px;
	left:534px;
	right:10px;
	width:315px;
	height:auto;
}
#contentCustomizeLeft {
	position:relative;
	left:15px;
	width:213px;
	height:auto;
}	
#contentCustomizeMiddle {
	position:absolute;
	top:15px;
	left:265px;
	width:199px;
	height:auto;
}
#contentCustomizeRight {
	position:absolute;
	top:15px;
	left:534px;
	right:10px;
	width:330px;
	height:auto;
	overflow:auto;
}
.contentSearchTable {

    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.contentSearchCell {
    border-color: #D8D9D2;
    border-style: solid;
	margin: 0;
    padding: 10px;
    border-width: 1px 1px 1px 1px;
}
.contentViewStylesButton {
	padding-top:2px;
	padding-bottom:2px;
	width:97px;
	background-color:#9D9D9D;
	text-align:center;
	font-family:Arial;
    font-size:11px;
    font-weight: bold;
	color:#FFFFFF;
}	
.contentViewStylesButton a { color:#FFFFFF; text-decoration:none;}
.contentViewStylesButton a:link { color:#FFFFFF; text-decoration:none;}
.contentViewStyelsButton a:visited { color:#FFFFFF; text-decoration:none;}
.contentViewStylesButton a:hover { color:#FFFFFF; text-decoration:none;}

.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, Helvetica, Sans-Serif;
    font-size: 12px;     
    color:red;
}
.wsListItemSelected {
	
}
/* End of maybe Common Product specific styles */

.productFormLink {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-style:normal;
    text-decoration: underline;
    color: #C78931;
    text-align: left;
    white-space:nowrap;
}
