@charset "utf-8";
/* CSS Document */

/* 1	Basic */

.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

body { font-family:Trebuchet MS, Lucida Grande,Lucida Sans Unicode,Arial,sans-serif; color:#868686;}
div#wrapper {width:976px; margin: 0 auto;}

div#header{background:url(images/bg-header.jpg) repeat-x; border-bottom:1px solid #fff; height:120px; margin-bottom:20px; }

/* 2.  Fonts */

h1.logo {background:url(../img/logo.gif); text-indent:-8000px; width:462px; height:90px; float:left; margin-top:30px; margin-right:30px;}
h1.xmaslogo {background:url(../img/xmaslogo.gif); text-indent:-8000px; width:462px; height:119px; float:left; margin-top:20px; margin-right:30px; margin-bottom:10px;}
.pink {color:#f37fae;}

.nav{font-family:Georgia, "Times New Roman", Times, serif; float:left;  padding-left:10px; font-size:16px; margin-top:82px;}
.nav li {margin-right:15px; display:inline; text-transform:uppercase; vertical-align:middle;}
.nav li.last {margin-right:0px;}
.nav li a {color:#fff; text-decoration:none; color:#868686;}
.nav li a:hover {color:#f37fae; }
.nav li a.on {color:#f37fae; }


.products{padding-left:20px; font-size:1.0em; margin-bottom:20px;}
.products li {margin-right:35px; display:inline; float:left; font-size:1.0em;}
.products li p{margin-left:8px;}
.products li a {color:#fff; text-decoration:none; color:#868686;}
.products li a:hover {color:#f37fae; }
.products li a.on {color:#f37fae; }

.products-scarves{float:left; margin-right:30px;}
.products-scarves.shawls{margin-right:none;}
.products-scarves h3{margin-bottom:5px;}


.homepage-banner {margin-bottom:20px;}
.homepage-banner ul#portfolio {overflow:hidden;}

h2.hachetwo{font-family:Georgia, "Times New Roman", Times, serif; font-size:2.0em; color:#a7a6a6; line-height:1.2em;}


/*BANNERS*/
div#banner {width:976px; height:172px; margin-bottom:20px;}
div#banner.b-alpaca-fibre {background:url(../img/banners/alpaca-fibre.jpg) no-repeat;}
div#banner.b-about-us {background:url(../img/banners/about-us.jpg) no-repeat;}
div#banner.b-products {background:url(../img/banners/products.jpg) no-repeat;}
div#banner.b-products2 {background:url(../img/banners/products2.jpg) no-repeat;}
div#banner.b-products3 {background:url(../img/banners/products3.jpg) no-repeat;}
div#banner.b-care {background:url(../img/banners/care.jpg) no-repeat;}
/**/


/*STRUCTURE*/

div#colleft {width:480px; float:left; margin-right:40px;}
div#colright {width:420px; float:left; padding-top:78px;}



/*FONTS*/

div#content h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:3.0em; color:#f37fae; line-height:1.2em; margin-bottom:20px;}
div#content h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; color:#f37fae; line-height:1.2em; margin-bottom:20px;}
div#content h4{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#f37fae; line-height:1.2em; margin-bottom:20px;}
div#content p{ font-size:0.8em; margin-bottom:20px;}
div#content a {color:#f37fae;}

div#content #alpaca-list{background:url(../img/alpaca-grey.gif) no-repeat; padding-top:25px; height:65px; padding-left:90px; font-size:0.8em;}
div#content #alpaca-list ul {float:left; margin-right:30px;}
div#content #alpaca-list ul li{background:url(../img/icons/arrows.gif) 0 5px no-repeat; padding-left:20px;}

div#content ul.plain {margin-bottom:20px;}
div#content ul.plain li{background:url(../img/icons/arrows.gif) 0 5px no-repeat; padding-left:20px; font-size:0.8em;}

div#content .products-scarves{float:left; margin-right:30px; width:450px;}
div#content .products-scarves.shawls{margin-right:0px;}
div#content .products-scarves img.big{float:left; margin-right:10px; margin-bottom:20px;}
div#content .products-scarves ul.colour-options{float:left;}
div#content .products-scarves ul.colour-options li{margin-bottom:5px; margin-right:10px;}



/*   TABLES    */



div#content table.form1{ margin-top:6px; position:relative; z-index:0; font-size:0.7em;}
div#content table.form1 td{padding:5px 8px; font-size:1.2em;} table.form1 td.s50{width:50px;}
div#content table.form1 td input, table.form1 td textarea{padding:2px; width:90%; }
div#content table.form1 td textarea{height:100px;}
div#content table.form1 td input.submit, table.form1 td input.button{width:auto; padding:2px 8px; cursor:pointer;}
div#content table.form1 td input.next-question{width:auto; padding:2px 8px; cursor:pointer;} *html table.form1 td input.next-question{padding:2px 0px; }
div#content table.form1 tr.alt td{background-color:#fcf6e6; border-bottom:1px solid #F4DEA2; border-top:1px solid #F4DEA2;}
div#content table.form1 td.s200{width:180px;} table.form1 td.s300{width:300px;}
div#content table.form1 input.check{width:20px; height:20px; border:none;}
div#content table.form1 input.formsend{background:url(../img/btn-submit.gif) no-repeat 0px 0px; width:110px; height:33px; border:0px; cursor:pointer; margin-bottom:10px; }








div#footer {
	margin-top:20px;
	margin: 0 auto;	padding-bottom: 10px;
	width: 976px;
}

div#footer ul {padding-top:9px; border-top:1px solid #ddd; clear:both; text-align:center; margin-top:20px;font-size:0.8em;}
div#footer ul li {margin-right:40px; display:inline; color:#fff; text-transform:uppercase;}
div#footer ul li a {color:#a7a6a6; text-decoration:none; }
div#footer ul li a:hover {color:#a7a6a6; }
div#footer ul li a.on {color:#a7a6a6; }