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

/***************************************************************** shortcuts */

.fl   {float: left;}
.fr   {float: right;}
.fldb {float: left; display: block;}
.frdb {float: right; display: block;}
.fldi {float: left; display: inline;}
.frdi {float: right; display: inline;}
.clb  {clear: both;}
.tac  {text-align: center;}
.hideit {display: none;}



body {
	background-color: #e8e0d7;
	/*background-image:url(../images/bg-colour.jpg);
	background-repeat:repeat;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
	}

p {
	margin-top:10px;
	}

#wrapper {
	margin: 50px auto;
	width:970px;
	height:610px;
	background-image:url(../images/bg-100px.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#wrapper.collectionsPage {
	margin:68px auto;
	}

#wrapper.tc {
	height:1920px;
	background-color:#FFFFFF;
	}

#logo {
	width:970px;
	float:left;
	margin:20px 0 0 0;
	}
	
.homepagemenu {
	width: 200px;
	height: 200px;
	padding: 180px 0 0 90px;
}

.homepagemenu ul {
	margin: 35px 0 0 17px;
	padding: 0;
}

.homepagemenu li {
	list-style-type: none;
	margin-bottom: 2px;
}

.homepagemenu li a {
	text-decoration: none;
	color: #333;
}

.homepagemenu li a:hover {
	text-decoration: none;
	color: #999;
}

.fb {
	margin: 498px 0 0 120px;
}

#menu {
	margin:2px 0 0 0;
	/*border-bottom:1px solid #666666;*/ 
	float:left; 
	clear:both;
	width:970px;
	}

/* MENU BEGIN */
* {padding:0; margin:0}
.dropdown {float:left; padding-right:0px}
.dropdown dt {width:80px; border:0px; padding:8px; font-weight:normal; cursor:pointer; background-color:#FFFFFF; color:#999999;  border-bottom:1px solid #666666;}
.dropdown dt:hover {
	color:#ece8e2;
}
.dropdown dd {position:absolute; overflow:hidden; width:190px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:190px; border:0px; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	padding:5px 5px 5px 7px;
	color:#666666;
	text-decoration:none;
	background:#ece8e2;
	width:185px
}
.dropdown a:hover {
	background:#ece8e2;
	color:#666666;
	font-weight:bold;
	border-left:6px solid #ece8e2;
	width:179px;
}
.dropdown .underline {border-bottom:0px}

#uncategorized {
	width:90px; border:0px; padding:8px; font-weight:normal; cursor:pointer; background-color:#FFFFFF; color:#999999; float:left;  border-bottom:1px solid #666666;}

#uncategorized a:link {color: #999999; text-decoration:none;}
#uncategorized a:visited {color: #999999; text-decoration:none;}
#uncategorized a:hover {color: #ece8e2; text-decoration:none;}
#uncategorized a:active {color: #999999; text-decoration:none;}

#uncategorized.home {
	width:50px;
	margin-left:60px;
	padding-left: 190px; /* 223px */
}
#uncategorized.goatstory {
	width:70px;
}
/*#uncategorized.shop {width:50px;}*/
#uncategorized.publicity {width:70px;}
#uncategorized.contact {
	width:95px;
	padding-right: 140px; /* 190px */
}

#uncategorized.goat10 {
	width: 70px !important;
}

/* MENU END */


#contentWrappers {
	width:970px;
	height:420px;
	float:left;
	clear:both;
	}

#contentWrappers.home {
	height:572px;
	border-bottom:1px solid #666666;
	}

#contentWrappers.termscontent {
	height:auto;
	}

#termsText {
	width:400px;
	height:auto;
	float:left;
	margin:20px 20px 20px 290px;
	}

#footer {
	margin:0 0 0 60px;
	border-top:1px solid #666666;
	float:left;
	clear:both;
	width:850px;
	height:auto;
	padding:10px 0 0 0;
	}

#footer.homepage {
	border-top:0px;
	}

#newsletter {
	float:left;
	width:400px;
	height:auto;
	color:#999999;
	}

#copyright {
	float:right;
	width:auto;
	height:auto;
	color:#999999;
	}
#copyright a:link {color: #999999; text-decoration:none;}
#copyright a:visited {color: #999999; text-decoration:none;}
#copyright a:hover {color: #666666;	text-decoration:none;}
#copyright a:active {color: #999999; text-decoration:none;}

.newsletterinput {
	width:250px;
	border:0px;
	background-color:#FFFFFF;
	/*height:20px;*/
	color:#999999;
	padding: 2px 5px;
	}

.newsletterbutton {
	background-color:transparent;
	border:0px;
	width:30px;
	/*height:20px;*/
	cursor:pointer;
	}

#collectionMenu {
	margin-top:25px;
	width: 970px;
	float: left;
	}

a.collectionoff:link {color: #999999; text-decoration:none; margin-right:20px;}
a.collectionoff:visited {color: #999999; text-decoration:none; margin-right:20px;}
a.collectionoff:hover {color: #666666;	text-decoration:none; margin-right:20px;}
a.collectionoff:active {color: #999999; text-decoration:none; margin-right:20px;}

a.collectionon:link {color: #333333; text-decoration:none; margin-right:20px;}
a.collectionon:visited {color: #333333; text-decoration:none; margin-right:20px;}
a.collectionon:hover {color: #666666;	text-decoration:none; margin-right:20px;}
a.collectionon:active {color: #333333; text-decoration:none; margin-right:20px;}


/* CMOTION BEGIN */

#motioncontainer a img{ /*image border color*/
    border: 1px solid #ccc;
    }

    #motioncontainer a:hover img{
    /*image border hover color*/
    border: 1px solid navy;
    }

    #motioncontainer a:hover{
    /* Dummy definition to overcome IE bug */
    color: red;
    }
	
/* CMOTION END */

#collectiongallery {
	margin-top:25px;
	float:left;
	width:970px;
	height:auto;
	}
	
#goatstoryLeft {
	float:left;
	margin: 20px 0 0 75px;
	}

#goatstoryRight {
	float:left;
	margin:20px 0 0 20px;
	width: 400px;
	}
	
.holder {
	float:left;
	margin:20px 0 0 20px;
	width: 400px;
	height: 374px;
	}

#shopHeader, #publicityHeader {
	float:left;
	width:970px;
	height:auto;
	margin: 20px 0;
	font-size:12px;
	text-align:center;
	}

#shopProduct {
	float:left;
	width:153px;
	height:auto;
	margin:0 10px 0 0;
	text-align:center;
	}
	
#shopProduct.left {
	margin-left:160px;
	}
	
#shopProduct a:link {color: #999999; text-decoration:none;}
#shopProduct a:visited {color: #999999; text-decoration:none;}
#shopProduct a:hover {color: #666666;	text-decoration:none;}
#shopProduct a:active {color: #999999; text-decoration:none;}

#publicity {
	float:left;
	width:152px;
	height:auto;
	margin:0 10px 0 0;
	text-align:center;
	}
	
#publicity.left {
	margin-left:4px;
	}

#publicity.right {
	margin-right:0;
	}
	
#publicity2 {
	float:left;
	width:120px;
	height:auto;
	margin:0 10px 0 0;
	text-align:center;
	}
	
#publicity2.left {
	margin-left:33px;
	}

#publicity2.right {
	margin-right:0;
	}
	
#publicity2 a:link {color: #333333; text-decoration:none;}
#publicity2 a:visited {color: #333333; text-decoration:none;}
#publicity2 a:hover {color: #666666;	text-decoration:none;}
#publicity2 a:active {color: #333333; text-decoration:none;}

#publicity a:link {color: #333333; text-decoration:none;}
#publicity a:visited {color: #333333; text-decoration:none;}
#publicity a:hover {color: #666666;	text-decoration:none;}
#publicity a:active {color: #333333; text-decoration:none;}

#contactLeft {
	width: 485px;
	height:420px;
	margin:0;
	float:left;
	}

#contactRight {
	width: auto;
	height:auto;
	margin:30px;
	float:left;
	}

#contactRight a:link {color: #333333; text-decoration:none;}
#contactRight a:visited {color: #333333; text-decoration:none;}
#contactRight a:hover {color: #666666;	text-decoration:none;}
#contactRight a:active {color: #333333; text-decoration:none;}

#productMenu {
	padding: 8px 70px 2px 70px;
	width: 830px;
	float: left;
	}

a.productoff:link {color: #999999; text-decoration:none;}
a.productoff:visited {color: #999999; text-decoration:none;}
a.productoff:hover {color: #666666;	text-decoration:none;}
a.productoff:active {color: #999999; text-decoration:none;}

a.producton:link {color: #333333; text-decoration:none;}
a.producton:visited {color: #333333; text-decoration:none;}
a.producton:hover {color: #666666;	text-decoration:none;}
a.producton:active {color: #333333; text-decoration:none;}

.shopname {
	font-weight:bold;
	margin-right:20px;
	}

#productMainImg {
	float:left;
	width:240px;
	height:auto;
	margin:10px 10px 0 70px;
	}

#productThmbs {
	float:left;
	width:220px;
	height:363px;
	margin:10px 10px 0 10px;
	}

#thmb1 {
	float:left;
	width:96px;
	height:auto;
	margin:0 10px 20px 0;
	}

#productDescription {
	float:left;
	width:130px;
	height:363px;
	margin:10px 10px 0 0;
	line-height:15px;
	}

#productForm {
	float:left;
	width:194px;
	height:382px;
	margin:10px 0 0 0;
	border-left:1px solid #666666;
	padding-left: 15px;
	}

.productInput {
	width:150px;
	padding:1px;
	background-color: #FFFFCC;
	border: 1px solid #000000;
	}

.formalign {
	margin:0 0 0 0;
}

.labelinput3 {
	display: block;
	width: 120px;
	margin-bottom: 5px;
	background-color: #f2efeb;
	border: 1px solid #CCCCCC;
	padding: 0px;
}

.labeltickbox {
	display: block;
	margin-bottom: 5px;
	background-color: #f2efeb;
	border: 1px solid #CCCCCC;
	padding: 1px;
}

.label3 {
	width: 60px;
	float: left;
	margin-right: 5px;
	display: block
}
.submitbtn2 {
	background-color:transparent;
	border:none;
	width:100px;
	height:20px;
	font-size:12px;
	margin: 0 0 0 35px;
	color:#666666;
}

#theBackground {
height:100%;
left:0;
overflow:hidden;
position:fixed;
top:0;
width:100%;
z-index:1;
}


/* SCROLL PANE */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane {
	width: 400px;
	height: 370px;
	overflow: auto;
	float: left;
	padding-right:10px;
}


/* SCROLL PANE */

#GoatText {
	height: 400px;
	left: -30000px;
	position: absolute;
	top: 0px;
	width: 400px;
}

a.feature:link {color: #999999; text-decoration:none;}
a.feature:visited {color: #999999; text-decoration:none;}
a.feature:hover {color: #666666; text-decoration:none;}
a.feature:active {color: #999999; text-decoration:none;}


/************************* press container **/
span.page-head {
	width: 785px;
	padding: 20px 0;
	margin-left: 90px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	display: block;
}
#press-container{
	width: 847px; /* 790px */
	height: 360px;
	margin-left: 60px; /* 90px */
	padding: 0px 0 20px 0;
	position: relative;
	float: left;
	display: block;
	z-index: 10;
}

/************************* press navigation**/

#press-nav{
	width: 98px; /* 90px */
	float: left;
	display: inline;
	border-right: 1px solid #222;
	padding-left: 44px;
}
#press-nav ul {
	width: 98px;
}
#press-nav ul li {
	width: 98px;
	position: relative;
	cursor: pointer;
	list-style-type: none;
	margin-bottom: 2px;
}
#press-nav ul li ul.sub-menu {
	display: none;
	width: 120px;
	background: #E8E0D7;
	border-left: 1px solid #000;
	left: 98px;
	top: 0px;
	z-index: 99999;
	position: absolute;
	padding: 10px 0;
}
ul.sub-menu li.date {
	width: 100px;
	padding: 2px 0 2px 15px;
	color: #555;
}
ul.sub-menu li.date:hover {
	font-weight: bold;
	padding-left: 20px;
}

#press-nav a {color: #333; text-decoration: none;}
/************************* press loading **/

#loading{
	width: 500px;
	position: absolute;
	z-index: 9999;
	left: 250px;
	text-align: center;
	visibility: hidden;
}

/************************* press content **/

#press-content{
	width: 670px;
	float: right;
	display: inline;
}
#press-content #wrap a img {
	display: none;
}
/************************* cloud zoom lens clr**/

.cloud-zoom-lens {
	background-color:#fff;	
	cursor:move;		
}

/************************* cloud window **/

.cloud-zoom-big {
	overflow:hidden;
}

/************************* cloud loading **/

.cloud-zoom-loading {
	color:white;	
	background:#222;
}


/************************* Goat 10 **/
#goat10container {
	float: left;
}

#goat10txt {
	float: left;
	width: 400px;
	margin: 0 0 20px 60px;
	color: #999999;
	line-height: 15px !important;
}

#goat10txt a {
	color: #999;
	text-decoration: none;
}

#goat10txt a:hover {
	color: #333;
	text-decoration: none;
}

.goat10landing {
	margin-top: 100px;
	float: left;
	cursor: pointer;
}