/* color title begin */

#colorTitle {
	width: 1008px;
	height: 55px;
	background-color: #FFF;
	border-bottom: 1px solid #333;
}

#colorTitle h1 {
	float: left;
	padding: 5px 10px;
	font-size: 33px;
	letter-spacing: 1px;
	font-weight: bold;
}

#colorTitle h1 a {
	text-decoration: none;
	color: #333;
}

#colorTitle h2 {
	float: left;
	color: #CD3700;
	margin-top: 20px;
}

/* h3 */

.colorh3 {
    color: black;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 5px 5px 5px 6px;
    text-align: left;
}

/* color nav begin */
#sideNav {float: left; width: 155px; margin-right: 10px;}

#colorNav {
	float: left;
	width: 155px;
	height: 340px;
	background-image: url(/color/images/nav-bck.jpg);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	margin-top: 4px;
}

#colorNav h1 {
	text-align: center;
	color: #58595B;
	font-size: 20px;
	border-bottom: 2px solid #ccc;
	letter-spacing: 2px;
}

#colorNav ul {
	padding-top: 15px;
}

#colorNav ul li {
	font-size: 18px;
	padding: 0 0 10px 5px;
	list-style: none;
}

#colorNav a {
	color: #9F0000;
	text-decoration: none;
}

#colorNav a span {
	font-size: 10px;
}

#colorNav a:hover {color: #FF3030;}

#secondNav {
	float: left;
	width: 155px;
	height: 200px;
	background-image: url(/color/images/nav-bck.jpg);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	margin-top: 10px;
}

#secondNav h1 {
	text-align: center;
	color: #58595B;
	font-size: 20px;
	border-bottom: 2px solid #ccc;
	letter-spacing: 2px;
}

#secondNav ul {
	padding: 15px 0 0 15px;
}

#secondNav ul li {
	font-size: 20px;
	padding-bottom: 10px;
	list-style: none;
}

#secondNav a {
	color: #58595B;
	text-decoration: none;
}

#secondNav a:hover {color: #B0171F;}


/* pattern Sale box */

#CpatternSale {
	float: left;
	width: 828px;
	height: 30px;
	padding: 5px;
	background-image: url(/images/index/index-gradient.jpg);
	background-repeat: repeat-x;
	background-color: transparent;
	text-align: left;
}

#CpatternSale p{
	font-size: 18px;
	color: #444444;
	font-weight: normal;
	padding: 2px 0 8px 2px;
	font-weight: lighter;
}

#CpatternSale p span{
	font-size: 22px; 
	color: #9F0000;
	font-weight: 900;
}

#CpatternSale .saleAfter {
	font-weight: bold;
	font-size: 16px;
}

#CpatternSale li{
	background-image: url(/images/saleButton-gradient.jpg);
	background-repeat: repeat-x;
	list-style: none;
	float: left;
	width: 125px;
	height: 20px;
	font-size: 15px;
	padding: 8px 0 0 5px;
	margin-right: 4px;

}

#CpatternSale a{
	text-decoration: none;
	margin-left: 10px;
	color: #3E749F;
	font-weight: 700;
}

#CpatternSale a:hover{
	color: White;
}

#CpatternSale .bold {
	font-weight: bold;
	color: black;
	font-size: 18px;
}


/* color section begin */

#descendant .generation_details {
	float: left;
}

#descendant .generation_details ul {
	padding: 0;
	margin: 0;
}

#descendant .generation_details h2 {
    background-color: maroon;
    color: white;
    font-size: 22px;
    letter-spacing: 0.1em;
    padding: 5px;
    text-align: left;
    width: 1001px;
}

#descendant .generation_details h2 .ap{
	font-size: 12px;
	color: #FFF8DC;
	padding-left: 16px;
}

#descendant .generation_details h2 .top{
	float: right;
	padding-right: 10px;
	font-size: 13px;
}

#descendant .generation_details h2 .top a {
	color: yellow;
	text-decoration: none;
}

#descendant .generation_details h2 .top a:hover {
	text-decoration: underline;
}

#descendant .generation_details li {
	float: left;
	list-style: none;
	padding-top: 5px;
	margin: 0;
	text-align: center;
	width: 195px;
	height: 185px;
}

#descendant .generation_details li p {
	padding-top: 5px;
}

#descendant .generation_details li img {
	-moz-box-shadow: -3px 1px 12px #000000; /* FF3.5+ */
	-webkit-box-shadow: -3px 1px 12px #000000; /* Saf3.0+, Chrome */
	box-shadow: -3px 1px 12px #000000;
}


.hidden {
	display: none;
}

.unhidden {
	display: block;
}

/* color text area */

#colorText {
	float: left;
	width: 820px;
	height: 150px;
}

#colorText p {
	font-size: 18px;
	color: #666;
	line-height: 28px;
	padding: 10px;
}

#container {
	background-image: url(/color/images/nav-bck.jpg);
	background-repeat: repeat-x;	
	
	width: 824px;
	float: left;
	height: 280px;
	border: 3px solid #ccc;
	padding: 3px;
	margin-top: 4px;
	margin-left: 2px;
}

#container ul {}

#container ul li {
	list-style: none;
}

#container ul li img {
	float: left;
	width: 360px;
	height: 280px;
}

#container ul li p {
	float: left;
	width: 415px;
	padding: 10px 20px;
	font-size: 28px;
	line-height: 35px;
	color: #333;
}

#container ul li p span{
	color: red;
}

/* --- boxes --- */


#extraColor {
	float: left;
	width: 838px;
	height: 105px;
/*	background-image: url(/color/images/gradient-extraColor.jpg);
	background-repeat: repeat-x; */
	margin-top: 5px;
}

#extraColor ul {}

#extraColor ul li {
	background-image: url(/color/images/button-extraColor.jpg);
	background-repeat: no-repeat;
	float: left;
	list-style-type: none;
	width: 205px;
	height: 105px;
	margin: 0 2px;
}

#extraColor ul li a {
	text-decoration: none;
}

#extraColor ul li h3 {
	text-align: center;
	font-size: 18px;
	padding: 15px 6px 6px 6px;
	color: #333;
}

#extraColor ul li p {
	padding: 10px;
	font-size: 12px;
	text-align: center;
	color: #666;
}

#quotetext {
  background-color:#FFFFFF;
  color:black;
  display:block;
  font-size:12px;
  height:844px;
  left:1018px;
  line-height:20px;
  padding-bottom:12px;
  padding-left:12px;
  padding-right:12px;
  padding-top:12px;
  position:fixed;
  top:33px;
  width:200px;
}