/* CSS Document */

* {
margin:0px;
padding:0px;
}


body {
background-color:#FFFDDC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}


#wrapper {
position:relative;
background:url(../images/bg.jpg) repeat-y;
width:779px;
margin:auto;
padding:0px 40px 0px 40px;
}






#main {
margin:30px 0px 0px 0px;
clear:both;
min-height:750px;
}

#main td {
padding:3px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#main th {
background-color:#F6F6F6;
height:30px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/*-------typography-------*/


p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:15px;
line-height:1.5em;
}

.h1 {
margin:0px 0px 20px 0px;
}


h2, h3 {
color:#734D27;
font-size:14px;
margin-bottom:10px;
}

#terms ul {
	margin:0 0 0 20px;
	}


/*-------fabric-------*/

#fabric {
position:absolute;
top:0px;
left:-135px;
background:url(../images/fabric.jpg) no-repeat;
width:155px;
height:906px;
}

#fabric img {
border:none;
}

#fabric .cotton {
position:absolute;
top:60px;
left:22px;
}

#fabric .nonWoven {
position:absolute;
top:88px;
left:26px;
}

#fabric .canvas {
position:absolute;
top:129px;
left:30px;
}

#fabric .jute {
position:absolute;
top:165px;
left:34px;
}


#fabric .woven {
position:absolute;
top:195px;
left:35px;
}



#fabric .paper {
position:absolute;
top:229px;
left:38px;
}



/*-------header-------*/

#header {
margin:0px;
padding:0px;
height:170px;

}

#logo {
margin-left:40px;
padding-top:28px;
display:block;
margin-bottom:50px;
border:none;
}

#logo img {
border:none;
}

#email {
position:absolute;
top:85px;
right:40px;
}


#header ul {
float:left;
margin:0px;
padding:0px;

}

#header ul li {
display:inline;
background:url(../images/spacer.gif) center right no-repeat;
margin:0px 20px 0px 0px;
padding:0px 20px 0px 0px;
}

#header ul li a {
color:#666666;
font-size:14px;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
}

#header ul li a:hover {
color:#709E18;
}

#header ul li.end {
background:none;
margin:0px;
padding:0px;
}

#number {
text-align:right;
position:absolute;
top:140px;
right:38px;
color:#709E18;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px;
padding:0px;
height:20px;
}

/*-------general-------*/ 

#bagsFlash {
float:right;
margin-left:10px;
}

#bags {
width:240px;
float:right;
margin:20px 0px 10px 40px;
}

#bags a {
text-decoration:none;
}

#bags img {
border:none;
}

#blog {
margin-left:20px;
clear:both;
background:url(../images/blog.jpg) no-repeat;
width:610px;
height:145px;
padding:40px 60px 50px 60px;
}

#blog2 {
clear:both;
}


	
#seo-content {
height:120px;
overflow:auto;
width:100%;
}

#seo-content2 {
height:160px;
overflow:auto;
width:100%;
border: 1px solid #ccc;
font-size:10px;
}

#seo-content p {
font-size:10px;
}

#seo-content2 p {
font-size:10px;
}
.bag {
float:left;
width:240px;
border-bottom:1px solid #CCCCCC;
}

.bag img {
float:left;
margin-right:4px;
}

.bag p {
float:left;
height:60px;
padding-top:40px;
padding-right:30px;
color:#669900;
font-size:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#main ul li {
margin-left:15px;
}

#main ul {
margin-bottom:30px;
}


/* contact form */

#form1 {
float:right;
width:500px;
}

#form1 input, #form1 textarea {
background:#EFEFEF;
width:210px;
border:1px solid #666666;	
padding:3px;
margin-bottom:4px;
}

#form1 .tickBox {
padding:0;
background:none;
width:20px;
border:none;
}

#form1 .submitBtn {
margin-top:20px;
width:80px;
height:25px;
border:none;
background:url(../images/btnBG.gif);
}

#priceTable {
border:1px solid #ccc;
}

#form1 td {
border:none;
}

/*-------footer-------*/ 

#footer {
background:url(../images/footer.jpg) no-repeat;
height:28px;
width:778px;
margin:auto;
margin-bottom:20px;
padding:0px 40px 10px 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}




#moonshine {
float:right;
}

#moonshine a {
text-decoration:none;
color:#666;
}

#moonshine a:hover {
color:#9ecb3c;
}

#copyright {
float:left;
}

.flash {
margin-top:20px;
}

#copyright a {
color:#666666;
text-decoration:none;
}

#copyright a:hover {
color:#99CC00;
}

#copyright a:visited {
color:#666;
}

#featured-content {
	background:none repeat scroll 0 0 #fff;
	padding:0px;
}
#featured-panel h1, #featured-panel h2 {
	color:#000;
	font-size:15px;
	margin:0;
	padding-top:0;
	padding-bottom:2px;
}
.panel-nav {
	background:none repeat scroll 0 0 #734D27;
	display:block;
	float:left;
	height:7px;
	margin-right:5px;
	width:7px;
}





