/* CSS Document */

*, html {
        margin: 0;
        padding: 0;
        border: none;
        }
body {
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100.01%;
	font-weight:normal;
	color: #000;
	background-color: #fff;
	background-image: url(i/bg_grgrad.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

#wrap {
	text-align: left;
	width: 750px;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	border: 1px solid #333;
	} 
	
#boys {
	position: absolute;
	left: 0px;
	bottom: 55px;
	} 
#header {
	width: 750px;
	background-color: #fff;
	height: 80px;
	background: url(i/bggradlt.jpg) repeat-x bottom;
	}
#header img {
	height: 60px;
	width: 750px;
	top: 0;
	}
.clear {
	clear: both;
	}

#content {
	width: 568px;
	float: right;
	border: 1px none #999;
	background-color: #fff;
	clear: right;
	margin-top: 1em;
	}
#content img {
	float: left;
	margin: 5px 10px 5px 20px;
	border: 1px solid #000;
	clear: left;
	/*position: relative;*/
	/*background-image: url(Duster%20&%20Penrith);*/
	}

#content #row img {
	clear: none;
	margin: -10px 10px 10px 0;
	display: inline;
	}
#row {
	margin-left:20px;
	display:block;
	}

	
        
#content h1 {
	font-size: 1.9em;
	color: #000;
	font-weight: normal;
	margin: 0 30px 0.5em 20px;
	border-bottom: 1px dashed #666;
	padding-bottom: .2em;
}
#content h2 {
	/*color: #242F2A;*/
	color:#002000;
	margin-left: 20px;
	margin-bottom: 0.1em;
	font-size: 1.4em;
	margin-top: 1em;
}
#content h4 {
	margin-left: 20px;
	font-size: 1em;
}
#content p {
        margin-right: 30px;
       	margin-left: 20px;
        font-size: 0.9em;
        line-height: 1.5em;
        margin-bottom: 1.2em;
}
#content p strong {
	/*color: #485A50;*/
	font-weight: bolder;
}
.strong {
	font-weight: bold;
	}

/* textlinks */
#content a:link {
	color: #4A5C54;
	text-decoration: none;
	border-bottom: 1px solid #5C7269;
	}
#content a:visited {
	color: #4A5C54;
	text-decoration: none;
	border-bottom: 1px solid #5C7269;
	}
#content a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed #4A5C54;
	}
#content a:active {
	color: #4A5C54;
	text-decoration: none;
	border-bottom: 1px solid #5C7269;
	}

/* links listing  */
#links ul {
	margin-bottom: 1.2em;
	}
#links ul li {
	list-style-position: inside;
	list-style-type: none;
	font-size: 0.9em;
    line-height: 1.5em;
    margin-left: 20px;
	}

/* sidebar and sidelinks stuff */
#sidebar {
	width: 177px;
	float: left;
	background-color: #fff;
        }
		
/* sidelinks */

 #navlist
	{
	padding: 0 1px 1px;
	margin-left: 10px;
	font: .9em Verdana, sans-serif;
	background: #fff;
	width: 169px;
	margin-top: 1.5em;
}
#navlist li
{
	list-style: none;
	margin-top: .5em;
	text-align: left;
}
#navlist li a
{
	display: block;
	height:100%; /* added to fix whitespace/double line-height problem/bug */
	padding: 0.25em 0.5em 0.25em 0.5em;
	background: #E8E8E8;
	text-decoration: none;
	border-top: 1px solid #999;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #999;
}
#navlist li a:link { 
		color: #333; 
		}
#navlist li a:visited {
		 color: #333; 
		 }
#navlist li a:focus, #navlist li a:hover
        {
        border-color: #333 #666 #666 #333;
        color: #000;
        background: #8BAD9B;
        border-width: 1px;
        border-style: solid;
      	}
		

/* end sidelinks */


/* for selects */

select {
	background-color: #E8EEE7;
	text-align:left;
	font-size: 0.85em;
	width:10em;
	border: 1px double #333;
	margin-bottom: 0.2em;
	}
.addtocart {
	background-color: #E8EEE7;
	text-align:center;
	font-size:0.85em;
	color: #333;
	width:7em;
	border-top: 2px solid #ccc;
	border-right: 2px solid #4D6056;
	border-bottom: 2px solid #4D6056;
	border-left: 2px solid #ccc;
	margin-bottom: 0.2em;
	}
.viewcart {
	text-align:center;
	font-size:0.85em;
	color: #333;
	width:7em;
	border-top: 2px solid #ccc;
	border-right: 2px solid #4D6056;
	border-bottom: 2px solid #4D6056;
	border-left: 2px solid #ccc;
	background-color: #E8EEE7;
	}
	
/* 	END SELECT STUFF */


#footer {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	clear: both;
	width: 750px;
	height: 54px;
	background: url(i/footerbg.jpg) no-repeat bottom;
	background-color: #000;
	border-top: 1px solid #000;
	border-right: none;
	border-bottom: none;
	border-left: none;
	}
#footer p {
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
}
.row {
	clear: none;
}
#row {
	clear: none;
	float: none;
}
p strong {
	font-weight: 400;
	color: #333;
	}

/*  PUFFA STUFF  */

.puffatop {
	background-color:#8BAD9B;
	width: 520px;
	height:60px;
	margin: 0 20px;
	border: none; 
	}

#content .puffastyle {
	float:left;
	width:135px;
	margin:0 0 0 20px;
	position: relative;
	display:inline;
	}
#content .puffastyle img {
	margin:0;
	width:135px;
	display: inline;
	}
#content .puffastyle p.caption {
	color: #666;
	margin: 0;
	padding-bottom:10px;
	font-size: 0.9em;
	line-height: 1.5em;
	width: 135px;
	}


/* PUFFA items on individual pages */



.item h4 {
	padding-top:5px;
	}
#content div.item h4, #content div.item p {
	margin-left: 200px;
	margin-right: 30px;
	}
fieldset {
	margin: 0px 0px .2em;
	padding: 0px;
	width: 100%;
}
label {
	font-size: 0.85em;
}
#content .item form {
	margin-left: 200px;
	}
#content div.item .detail {
	clear:none;
	margin-left: -50px;
	}


form {
	margin-left: 180px;
	font-size: .9em;
	margin-top: 0px;
	}
h3.purchase {
	margin: -0.5em 0px 0.5em 200px;
	font-size: 0.9em;
	color: #3d651c;
}
.item h2 {
	padding-top: 0.4em;
	border-top: 1px solid #999;
	margin-right: 30px;
	}
	
/* stockist page */
div#stockists p {
	margin-left: 4em;
	}
	
/* Cape Mohair page-------------------------------*/
#content div.itemsocks h4, #content div.itemsocks p {
	margin-left: 215px;
	margin-right: 20px;
	}
#content div.itemsocks {
	width: 568px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
#content .itemsocks form {
	margin-left: 215px;
}
/* #content div.itemsocks .detail {
	clear:none;
	margin-left: -50px;
	}*/


/* NGProducts page-------------------------------*/
#content div.itemngprods h4, #content div.itemngprods p {
	margin-left: 215px;
	margin-right: 20px;
	}
#content div.itemngprods {
	width: 568px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
#content .itemngprods form {
	margin-left: 215px;
}
.green {
	color: #3d651c;
}