/*
***********************************************************

Title:			main.css
Browser(s): 	All
Created: 		9.23.2008

***********************************************************
*/


/* Basic structure */

div#container {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	text-align: left;
}

html.ie6 div#container {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	text-align: left;
}

div.contentHome {
	float: left;
	width: 990px;
	height: 578px;
	text-align: left;
	padding: 26px 0 26px 0;
	margin: 0 0 185px 0;
	background: url(http://www.surfacethreads.com/images/homeBkgd.png) top left no-repeat;
}

html.ie6 div.contentHome {
	float: left;
	width: 990px;
	height: 578px;
	text-align: left;
	padding: 26px 0 26px 0;
	margin: 0 0 185px 0;
	background: url(http://www.surfacethreads.com/images/homeBkgd.gif) top left no-repeat;
}

div.header {
	float: left;
	width: 100%;
	height: 155px;
	padding: 0;
	margin: 0;
	background: url(http://www.surfacethreads.com/images/headerBkgdRpt.gif) top left repeat-x;
}

div#headerContainer {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height: 155px;
	text-align: left;
	background: url(http://www.surfacethreads.com/images/headerBkgd.jpg) top left no-repeat;
}

div.ourRugs {
	float: left;
	width: 100%;
	height: 30px;
	padding: 0;
	margin: 0;
	background: url(http://www.surfacethreads.com/images/ourRugsBkgdRpt.gif) top left repeat-x;
}

div#ourRugsContainer {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	height: 30px;
	text-align: left;
	background: url(http://www.surfacethreads.com/images/ourRugsBkgd.gif) top left repeat-x;
}

body#pageHome div.primaryContent, html, td {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #4f4f4e;
	line-height: 21px;
	text-align: left;
}

div.logo {
	float: left;
	width: 309px;
	height: 90px;
	padding: 26px 0 0 27px;
	margin: 0;
}


/* Welcome */

div#welcome {
	float: left;
	width: 682px;
	height: 382px;
	padding: 0;
	margin: 0 0 0 23px;
	background: url(http://www.surfacethreads.com/images/welcomeBkgd1a.jpg) top left no-repeat;
}

html.ie6 div#welcome {
	float: left;
	width: 682px;
	height: 382px;
	padding: 0;
	margin: 0 0 0 11px;
	background: url(http://www.surfacethreads.com/images/welcomeBkgd1a.jpg) top left no-repeat;
}

div#welcomeContent {
	float: left;
	width: 322px;
	height: 382px;
	padding: 0;
	margin: 0;
}

div#welcomeContent H1 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #4f4f4e;
	width: 120px;
	height: 28px;
	text-indent: -9999px;
	padding: 0;
	margin:  25px 0 19px 22px;
	background: url(http://www.surfacethreads.com/images/welcomeHdr.gif) top left no-repeat;
}

div#welcomeContent H2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #757736;
	padding: 0 64px 10px 22px;
	margin:  0;
}

div#welcomeContent p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #524742;
	line-height: 19px;
	padding: 0 64px 10px 22px;
	margin:  0;
}

div#welcomeContent p a {
	color: #1e4e99;
	text-decoration: none;
}

div#welcomeContent p a:hover {
	color: #757736;
}


/* Designer's Choice */

div#designersChoice {
	float: left;
	width: 240px;
	height: 382px;
	padding: 0;
	margin: 0 23px 0 22px;
	background: url(http://www.surfacethreads.com/images/designersChoiceBkgd.gif) top left no-repeat;
}

html.ie6 div#designersChoice {
	float: left;
	width: 240px;
	height: 382px;
	padding: 0;
	margin: 0 0 0 22px;
	background: url(http://www.surfacethreads.com/images/designersChoiceBkgd.gif) top left no-repeat;
}

div#designersChoice H1 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #4f4f4e;
	width: 240px;
	height: 42px;
	text-indent: -9999px;
	padding: 0;
	margin:  0 0 20px 0;
	background: url(http://www.surfacethreads.com/images/designersChoiceHdr.gif) top left no-repeat;
}

div#designersChoice p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 12px;
	color: #61534d;
	clear: both;
	line-height: 16px;
	padding: 0 13px 18px 13px;
	margin:  0;
}

html.ie6 div#designersChoice p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 12px;
	color: #61534d;
	clear: both;
	line-height: 16px;
	padding: 0 13px 15px 13px;
	margin:  0;
}

div#designersChoice p a {
	color: #757736;
	text-decoration: none;
}

div#designersChoice p a:hover {
	color: #f56f21;
}

.titleGreen {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 12px;
	color: #757736;
	font-weight: bold;
}

.productGreen {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #757736;
	font-weight: normal;
	float: left;
}

.priceRed {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #cf4d4d;
	font-weight: normal;
	padding: 20px 0 0 0;
}

.designersChoiceThumb {
 	border-width: 1px;
 	border-style: solid;
 	border-color: #d24c4c;
	display: block;
	float: left;
	margin: 0 9px 9px 0;
}

.viewAllRugsBtn {
    width: 240px;
	display: block;
	text-align: center;
	margin: 20px 0 0 0;

}

html.ie6 .viewAllRugsBtn {
    width: 240px;
	display: block;
	text-align: center;
	margin: 6px 0 0 0;

}


/* Green Statement */

div#greenStatement {
	float: left;
	width: 956px;
	height: 147px;
	padding: 0;
	margin: 0 23px 0 11px;
	background: url(http://www.surfacethreads.com/images/greenStatementBkgd.png) top left no-repeat;
}

html.ie6 div#greenStatement {
	float: left;
	width: 985px;
	height: 147px;
	padding: 0;
	margin: 0 0 0 5px;
	background: url(http://www.surfacethreads.com/images/greenStatementBkgd.gif) top left no-repeat;
}

div#greenStatement H1 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 14px;
	color: #4f4f4e;
	width: 176px;
	height: 27px;
	text-indent: -9999px;
	padding: 0;
	margin:  41px 0 6px 230px;
	background: url(http://www.surfacethreads.com/images/naturalFibersHdr.gif) top left no-repeat;
}

div#greenStatement p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #fffff6;
	clear: both;
	line-height: 16px;
	padding: 0 265px 4px 230px;
	margin:  0;
}

div#greenStatement p a {
	color: #757736;
	text-decoration: none;
}

div#greenStatement p a:hover {
	color: #f56f21;
}

.learnMoreBtn {
	float: left;
	padding: 0 0 0 626px;
	margin:  0;
}



/* Interior Page */

div#POP {
	float: left;
	width: 197px;
	padding: 0 0 26px 10px;
	margin: 0;
}
div#POP a {
	text-decoration:none;
}
div#POP #growngreen {
	color:#624d54;
	background-image:url(/images/growngreen-ad_bg.jpg);
	background-repeat:repeat-y;
}
div#POP #growngreen a {
	color:#624d54;
}
div#POP #growngreen p {
	margin:10px 30px 0px 20px;
	text-align:center;
}
div#POP #growngreen #url {
	font-size:11px;
}div#POP #sisalrugsandmore {
	color:#5e5656;
	background-image:url(/images/srandm-ad_bg.jpg);
	background-repeat:repeat-y;
}
div#POP #sisalrugsandmore a {
	color:#5e5656;
}
div#POP #sisalrugsandmore p {
	margin:10px 30px 0px 20px;
	text-align:center;
}
div#POP #sisalrugsandmore #url {
	font-size:11px;
}
div#POP #differences {
	background-image:url(/images/differences_bg.jpg);
	background-repeat:repeat-y;
	color:#FFFFFF;
	margin:0;
	padding:0;
}
div#POP #differences p {
	margin:10px 28px 0px 15px;
	text-align:center;
	font-size:12px;
	line-height:15px;
}

div.interior {
	float: left;
	width: 990px;
	text-align: left;
	padding: 0;
	margin: 0 0 60px 0;
	background: url(http://www.surfacethreads.com/images/interiorBkgd2.gif) top left repeat-y;
}

.interiorPageTop {
	float: left;
    width: 990px;
	height: 26px;
	margin: 0;
}

.interiorPageBtm {
	float: left;
    width: 990px;
	height: 10px;
	margin: 0;
}

div#contentInterior {
	float: left;
	width: 700px;
	padding: 0 41px 70px 42px;
	margin: 0 0 26px 0;
	background: url(http://www.surfacethreads.com/images/divider.gif) top left repeat-y;
}

td {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #61534d;
	line-height: 18px;
	padding: 0 0 14px 0;
	margin: 0;
}

#contentInterior H1 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 20px;
	color: #757736;
	float: left;
	width: 700px;
	padding: 10px 0 10px 0;
	margin: 0;
}

#contentInterior H3 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 15px;
	color: #757736;
	float: left;
	width: 700px;
	padding: 0 0 2px 0;
	margin: 18px 0 10px 0;
}

#contentInterior p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #61534d;
	line-height: 18px;
	padding: 0 0 14px 0;
	margin: 0;
}

#contentInterior a { 
	color: #f56f21;
	text-decoration: underline;
}
	
#contentInterior a:hover {
	color: #24519a;
}

#contentInterior p.half {
    float: left;
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	width: 150px;
	color: #61534d;
	line-height: 18px;
	padding: 0 0 14px 0;
	margin: 0;
	/*border:1px solid #000000;*/
}

#contentInterior p.half2 {
    float: left;
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	width: 450px;
	color: #61534d;
	line-height: 18px;
	padding: 0 0 14px 0;
	margin: 0;
	/*border:1px solid #000000;*/
}

div#contentInterior ul { 
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #61534d;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

div#contentInterior li { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 15px;
	background: url(http://www.surfacethreads.com/images/bullet.gif) no-repeat 0 6px;
}

div#contentInterior li a { 
	color: #5d5f27;
	text-decoration: none;
}
	
div#contentInterior li a:hover {
	color: #f56f21;
}

div#contentOurRugs {
	float: left;
	width: 762px;
	padding: 0 0 70px 20px;
	margin: 0 0 26px 0;
	background: url(http://www.surfacethreads.com/images/divider.gif) top left repeat-y;
}

div#contentOurRugs h1 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 20px;
	font-weight:normal;
	color: #757736;
	float: left;
	width: 350px;
	height: 30px;
	padding: 10px 0 10px 0;
	margin: 0;
}

.shoppingCartTitle {
	color: #DDD7C0;
}

.pageTitle {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 20px;
	color: #757736;
	float: left;
	width: 350px;
	height: 30px;
	padding: 10px 0 10px 0;
	margin: 0;
}

.productTitle, .productTitle h1 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 20px;
	color: #757736;
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 24px;
	display:inline;
	font-weight:normal;
}

.productTitle2 {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #757736;
	padding: 0;
	margin: 0;
}

.productTitle2 a {
	color: #757736;
	text-decoration: none;
}

.productTitle2 a:hover {
	color: #f36f25;
	text-decoration: none;
}

.pages {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 13px;
	color: #d24c4c;
	float: left;
	width: 390px;
	height: 30px;
	text-align: right;
	vertical-align: baseline;
	padding: 10px 22px 10px 0;
	margin: 0;
	/*border:1px solid #000000;*/
}

.pages a {
	color: #888a46;
	text-decoration: none;
}

.pages a:hover {
	color: #f36f25;
}

.page {
	padding: 0 4px 1px 0;
	vertical-align: bottom;
	margin: 0;
}

html.gecko .page {
	padding: 0 4px 2px 0;
	vertical-align: bottom;
	margin: 0;
}

div.swatch {
	float: left;
	width: 170px;
	padding: 15px 20px 15px 0;
	margin: 0;
}

div.swatch p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 17px;
	text-align: center;
	padding: 0;
	margin: 0;
}

div.swatch a { 
	color: #757736;
	font-weight: bold;
	text-decoration: underline;
}
	
div.swatch a:hover {
	color: #f36f25;
}

.swatchImage {
	display: block;
	float: left;
	margin: 0 0 9px 0;
}

div.moreinfoProduct {
	float: left;
	/*width: 170px;*/
	border-width: 1px;
	padding: 15px 20px 15px 0;
	margin: 0;
}

div.moreinfoProduct p {
	font-family: Tahoma, Verdana, Helvetica, sans;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 17px;
	text-align: center;
	padding: 0;
	margin: 0;
}

div.moreinfoProduct a { 
	color: #757736;
	font-weight: bold;
	text-decoration: underline;
}
	
div.moreinfoProduct a:hover {
	color: #f36f25;
}

.moreinfoProductImage {
	display: block;
	float: left;
	margin: 0 0 9px 0;
}