#patternContainer {width:320px; height:320px; position:relative; margin:10px auto;}

#patternContainer h4.pattern_message{width:280px; text-align:center; top:120px; left:20px; position:absolute; }
#patternContainer h4.pattern_message span {font-size:52px; line-height:62px; color:#ff9900; font-weight:normal; vertical-align:middle;}
#patternContainer h4.pattern_message span.text {color:#000; font:18px Arial, sans-serif; font-weight:normal; vertical-align:middle; display:inline-block; height:42px; margin-top:10px; padding-top:15px;}

#patternContainer .pattern .info {display:none;}
#patternContainer .pattern {cursor:pointer;}

#patternContentContainer .pattern_content {display:none;}
#patternContentContainer #pattern1{display:block;}

#patternContentContainer  .pattern_content h3{
color:#000;
font:16px Arial, sans-serif;
font-weight:bold;
line-height:26px;
padding:0;
margin:0;
margin-top:30px;
}
#patternContentContainer  .pattern_content h4{
color:#000;
font:14px Arial, sans-serif;
font-weight:bold;
margin:0;
line-height:20px;
padding:0;
margin-top:5px;
}

#patternContentContainer  .pattern_content p{
color:#000;
font:14px Arial, sans-serif;
font-weight:normal;
margin:0;
margin-top:10px;
}

#patternContentContainer  .pattern_content a{
display:inline-block;
width:200px;
padding:12px;
background-color:#ff9900;
color:#fff;
font:18px Arial, sans-serif;
text-decoration:none;
text-align:center;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
border-radius: 5px; /* CSS3 */
margin:10px auto 20px 180px;
}




.clearPatternRow {clear:both;}

#patternContainer #oneOne {
	width:54px;
	height:55px;
	float:left;
}

#patternContainer #oneTwo {
	width:106px;
	height:55px;
	float:left;
	background:url(../images/pattern_sprite.gif) no-repeat -54px 0;
}

#patternContainer #oneTwo.hover {
	background-position:-54px -320px;
}
	
#patternContainer #oneTwo.selected {
	background-position:-54px -640px;
}
#patternContainer #oneTwo.selected-hover {
	background-position:-54px -960px;
}
	
	
#patternContainer #oneThree{
	width:106px;
	height:55px;
	float:left;	
	background:url(../images/pattern_sprite.gif) no-repeat -160px -0;
}


#patternContainer #oneThree.hover{
	background-position:-160px -320px;
}

#patternContainer #oneThree.selected{
	background-position:-160px -640px;
}

#patternContainer #oneThree.selected-hover{
	background-position:-160px -960px;
}


#patternContainer #oneFour{
	width:54px;
	height:55px;
	float:left;		
}


#patternContainer #twoOne{
	width:54px;
	height:106px;
	float:left;
	background:url(../images/pattern_sprite.gif) no-repeat 0 -55px;
}

#patternContainer #twoOne.hover {
	background-position:0 -375px;
}
#patternContainer #twoOne.selected {
	background-position:0 -695px;
}
#patternContainer #twoOne.selected-hover {
	background-position:0 -1015px;
}


#patternContainer #twoTwo{
	width:212px;
	height:214px;
	float:left;
	
}
#patternContainer #twoThree{
	width:54px;
	height:106px;
	float:left;
	background:url(../images/pattern_sprite.gif) no-repeat -266px -54px ;	
}

#patternContainer #twoThree.hover {
	background-position:-266px -374px;
}
#patternContainer #twoThree.selected {
	background-position:-265px -695px;
}
#patternContainer #twoThree.selected-hover {
	background-position:-265px -1015px;
}

#patternContainer #threeOne{
	width:54px;
	height:108px;
	float:left;
	margin-top:-108px;
	background:url(../images/pattern_sprite.gif) no-repeat 0 -160px ;		
}

#patternContainer #threeOne.hover {
	background-position:0 -480px;
}
#patternContainer #threeOne.selected {
	background-position:0 -800px;
}

#patternContainer #threeOne.selected-hover {
	background-position:0 -1120px;
}


#patternContainer #threeTwo{
	width:54px;
	height:108px;
	float:right;
	margin-top:-108px;
	background:url(../images/pattern_sprite.gif) no-repeat -266px -160px ;
}

#patternContainer #threeTwo.hover {
	background-position:-266px -480px;
}

#patternContainer #threeTwo.selected {
	background-position:-265px -800px;
}

#patternContainer #threeTwo.selected-hover {
	background-position:-265px -1120px;
}


#patternContainer #fourOne{
	width:54px;
	height:52px;
	float:left;
}
#patternContainer #fourTwo{
	width:106px;
	height:52px;
	float:left;	
	background:url(../images/pattern_sprite.gif) no-repeat -54px -268px ;
}

#patternContainer #fourTwo.hover {
	background-position:-54px -588px;
}

#patternContainer #fourTwo.selected {
	background-position:-54px -908px;
}

#patternContainer #fourTwo.selected-hover {
	background-position:-54px -1228px;
}


#patternContainer #fourThree{
	width:106px;
	height:52px;
	float:left;	
	background:url(../images/pattern_sprite.gif) no-repeat -160px -268px ;	
}

#patternContainer #fourThree.hover {
	background-position:-160px -588px;
}

#patternContainer #fourThree.selected {
	background-position:-160px -908px;
}

#patternContainer #fourThree.selected-hover {
	background-position:-160px -1228px;
}


#patternContainer #fourFour{
	width:54px;
	height:52px;
	float:left;		
}