/* CSS Document */
/* Set defaults */
*{margin:0px}
p{margin-bottom:15px}
p.nomargin{margin-bottom:0}
table{margin-bottom:15px;}

body{
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	margin:0px;
	background-image:    url("images/Common/background.gif");
	background-repeat: repeat;
	background-position:left 600px;/* takes the dark gradient down below the header*/
	font-size: medium;
	}

/*Common styling */

a, a:link, a:visited {color: #000000;}

h1, h2, h3{font-weight:bold;margin-top:0;margin-bottom:15px;font-size:large}

img.left {float:left;clear:left;margin:0px 15px 15px 0px}
img.right {float:right;margin:0px 0px 15px 15px;clear:right}
.centre{text-align:center}
img.centre{margin:0 auto 15px}

.clearboth {clear:both}

/* Layout Divs */
#wrap {
	width: 900px;
	margin: 0px auto;
	overflow: auto;
	border-top:none;
	border-bottom:none;
	border-left:1px solid #A7A669;
	border-right: 1px solid #A7A669;
}

/*Header styling*/
#header{padding: 10px 0px 0px 0px;background-color:#868554;height:213px;}

	#logo{float:left;margin-bottom:10px;}
	#awHeader{float:left;margin:5px 0px 0px 5px;display:inline}
	#strap {float:left;margin-left:400px;display:inline}

/* Menu styling */
#menu {clear:both;width:100%}

	#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
	#menu li{float:left;background:transparent url("images/Common/tab_right_green.gif") no-repeat right top;margin-right:1px}
	#menu li.contact{margin-right:0}/* last one*/

	body.home #menu li.home,
	body.undyed #menu li.undyed,
	body.dyed #menu li.dyed,
	body.plant #menu li.plant,
	body.luxury #menu li.luxury,
	body.order #menu li.order,
	body.gallery #menu li.gallery,
	body.breeds #menu li.breeds,
	body.contact #menu li.contact
	{background:transparent url("images/Common/tab_right_white.gif") no-repeat right top;}

	#menu a{
		text-decoration: none;
		display:block;
		text-align:	center;
		line-height:18px;
		font-size:12pt;
		color:black;
		border-bottom:none;
		background:transparent url("images/Common/tab_left_green.gif") no-repeat left top;
		height:36px;
		padding:4px 18px 4px 18px;
		float:left
	}

	#menu .home a, #menu .order a, #menu .gallery a{line-height:36px;padding-left:17px}/* single line tabs*/
	#menu .plant a{padding-left:17px}/*required to get the menu to fit precisely*/

	body.home #menu .home a,
	body.undyed #menu .undyed a,
	body.dyed #menu .dyed a,
	body.plant #menu .plant a,
	body.luxury #menu .luxury a,
	body.order #menu .order a,
	body.gallery #menu .gallery a,
	body.breeds #menu .breeds a,
	body.contact #menu .contact a
	{cursor:default;background:transparent url("images/Common/tab_left_white.gif") no-repeat left top;color:black}


#maintext {clear:both;padding:15px;padding-bottom:0;background-color:white;height:1%}/*IE7*/
	#maintext img{border:1px solid #a7a669;display:block}

#footer{
	border-top: 1px solid #a7a669;
	background-color:#868554;
	color:white;
	overflow:auto;
	/*clear:both;*/
	height:1%;
	padding:0px 15px;
}

	#footer p {margin-top:15px;padding-bottom:15px;float:left}
	#footer span {margin-top:15px;padding-bottom:15px;float:right;text-align:right;width:400px}
	#footer a{color:white}


/*Home page specific styling*/
#homeleft{float:left;width:680px}
#homeleft p{line-height:19px}/*just to ensure the lines break correctly around the images*/

img#ian{float:left;margin:3px 15px 15px 0px}
img#home_merino {float:right;margin:5px 15px 15px 15px;display:inline}


/*Newsflash styling - Homepage*/
.newsflash {height:45px;padding:9px 0;background:transparent url("images/Common/newsflash.gif") no-repeat top left}
.newsflash h2{text-align:center;margin-bottom:0;}

/*Highlight styling - Home and Ordering*/
.highlight{float:right;clear:right;width:190px;border-right:0px;margin:0 -15px 20px 10px;text-align:center;background:transparent url("images/Common/highlight_purple_bottom.gif") no-repeat bottom left;display:inline}
.highlight_inner{background:transparent url("images/Common/highlight_purple_top.gif") no-repeat top left;padding:5px 5px 10px 5px}
.highlight_inner h2{margin-bottom:5px}

/*Listing styling - all Fibres, Gallery and Sheep Breeds*/

.item{border-top:2px solid #a7a669;padding:15px 0px 0px;height:1%}
.first{border-top:none;padding-top:0}
#maintext .item img{float:left;clear:left;margin:0px 0px 15px 15px;display:inline}
#maintext .item img#danielle{clear:none;margin-left:35px}
.item p, .item h2{margin-left:305px;margin-right:15px}

.item:after, .clearfix:after, #maintext:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*Contact page styling*/

#contact_top{margin-bottom:15px;height:1%}
.address{float:left;width:246px;padding-left:15px;margin-top:20px}

/*Ordering page styling*/
#order_divider{margin-bottom:15px}
#postage{float:right;width:325px;padding:45px 30px 0px 0px;display:inline}

/*Merino colours*/
/*#dyedmerino h2, #dyedmerino p{margin:0 0 15px 0}
#merino_colours{margin:0 15px;height:1%;padding-bottom:15px}
.colour{position:relative;width:126px;height:110px;float:left;margin:0 6px 15px 6px;display:inline;border:1px solid #A7A669}
#maintext .item .colour img{margin:0;float:none;border:none}
#dyedmerino .colour p{position:absolute;left:0;bottom:0;width:126px;text-align:center;margin:0;background-color:white;padding-bottom:2px}
#dyedmerino .colour p span{color:red;font-size:24pt}*/