/* ----- Guanaco Sales ----- */

body{
	background:#C8BBA7 url(../_assets/img/site/bg_new_shadow_1010.jpg) repeat-y center top fixed;
	color:#999;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:150%;
	font-size:76%;
	margin:0;
	padding:0;
}

/* ----- tables ----- */

table, td, input, textarea, select, li{
	font:100% Verdana, Arial, Helvetica, sans-serif;
	color:#999;	
}
table.para-data{
	width:50% !important;
	margin:0 0 1em 0 !important;
	padding:0;
}
input, textarea, select{color: #CCC;}
th {
	border:1px solid #333;
	background:#333;
	padding:5px;
}
td {
	background:#222;
	border:1px solid #333;
	padding:5px;
	vertical-align:top;
	line-height: 150%;
}

/* ----- global links ----- */
a:link, a:visited, a:active {
	color:#888;
	text-decoration:none;
}

a:hover{color:#CCC;}

/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6 {
	margin:.6em 0 0 0;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

p {
	letter-spacing: normal;
}

p.desc a {
	margin: .6em 0 -2.4em 0;
	padding: 0;
	display: block;
}

p.desc a:link, p.desc a:visited {
	color: #D3A67D;
}

p.desc a:hover {
	color: #CCC;
}

h1 {
	font-size:140%;
}

h2 {
	font-size:100%;
	margin-bottom: 0em;
}

h3	{
	font-size:100%;
}

h3.deeper {
	margin: 1.5em 0 0 0;
	padding: 0;
}

h4, h5 {
	font-size:100%;
}

hr {
	display:none;
}

/* ----- global images ----- */
img {
	border:none;
}

/* ----- hidden items ----- */
#skip {
	display:none;
}
.spamChk,
.hidden {
	display:none;
}

/* ----- float left / right classes ----- */
.clear {
	clear: both;
}

.left {
	float:left;
	margin-right:.3em;
}

.fright {
	float: right;
	margin: 1.4em -13px .6em 18px;
}

.logorgt {
	margin: 1.1em 0 0 0;
}

p.frightimg span {
	font-weight: normal;
}

.right {
	float:right;
	margin-left:.3em;
	border:1px solid #333;
}

/* ----- company contact details ----- */

#frmContact {
	width: 380px;
	margin: 0 0 2em 0;
	padding: 0;
}

#address {
	position: absolute;
	left: 430px;
	top: 325px;
	margin: 1em 0;
	z-index: 0;
}

/* ----- container size & positioning ----- */
#container {
	margin:0 auto 10px auto;
	width: 1000px;
	text-align: left;
	background: #111;
	padding-top: 0;
	position: relative;
}

/* ----- header area ----- */
#header {
	background: #422F11 url(../_assets/img/site/header_mod.jpg) no-repeat center top;
	height:224px;	
	margin:0;
	border-top:7px solid #000;
}

/* ----- company logo & strapline ----- */
#logo {
	position:absolute;
	margin:0;
	padding:0;
	top:20px;
	left:30px;
	line-height:30px;
	font-size:180%;
	font-weight:normal;
	display: none;
}

#tagline {
	position:absolute;
	margin:0;
	padding:0;
	top:50px;
	left:30px;
	line-height:20px;
	display: none;
}

/* ----- shopping basket info ----- */
#info {
	background: transparent url(../_assets/img/site/cart.gif) no-repeat right -41px;
	position:absolute;	
	margin: -14px 0 0 0;
	padding: 0 45px 0 0;
	top:240px;
	height: 40px;
	right:5px;
	line-height: 40px;
	color: #D3A67D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:99999;
}

#info:hover {
	background: transparent url(../_assets/img/site/cart.gif) no-repeat right 0;
	color: #FFF;
	height: 40px;
}

/* ----- optional mid div (useful for more complex backgrounds) ----- */
#mid {
	background: transparent;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	margin: 35px 0 0 0;
	padding: 0 0 1em 0;
}

/* ----- breadcrumb trail ----- */
#breadcrumbs {
	position: absolute;
	top: 228px;
	left: 25px;
	display:inline;
	width:630px;
	z-index: 12;
	float: left;
	height: 1%;
	display: none;
}

/* ----- search box ----- */
#search {
	position: relative;
	margin:-10px -10px 0 0;
	padding:0 0 0 3px;
	float: right;
	font-size: 95%;
}
#search #searchKeyword {
	background: #422F11;
	color: #D3A67D;
	border: #776000 1px solid;
	height: 1.3em;
	padding:2px 0 2px 3px;
	width:180px;
}
#search #searchSubmit {
	background: #5D4218;
	color: #D3A67D;
	border: #776000 1px solid;
	margin-top: 1px;
	width: 2em;
	height: 1.64em;
	vertical-align: top;
}
#search #searchSubmit:hover{cursor:pointer;}
#search label {
	background: transparent;
	color: #D3A67D;
	display: none;
}

/* ----- side navigation ----- */
#navDept, #navDept li {
	margin:0;
	padding:0;
	list-style:none;
}

#navDept {
	margin-bottom:1em;
}

#navDept li {
	margin-bottom:1px;
}

#navDept li a {
	display:block;
	width:100%;
	background:#f2f2f2;
	color:#555;
}

#navDept li a:hover {
	background:#ddd;
}

#navDept li a span {
	display:block;
	padding:3px 20px;
}

/* ----- subdepartment navigation ----- */

#navSubDept {
	margin:1em 2em 1em 0;
	padding:5px 0 8px 0;
	background:#222;
	border:1px solid #333;
	color:#999;
	float: left;
	list-style:none;
}

#navSubDept li {
	margin: .5em 13px .5em 0;
	line-height:150%;
	padding: 3px 0 0 15px;
}

#navSubDept li a {
	color:#999;
}

#navSubDept li a span {
	padding: 0;
	margin: 0;
}

#navSubDept li a:hover {
	color:#CCC;
	text-decoration:none;
	border-bottom: #999 1px dashed;
}

/* ----- customer tool list ----- */
#navTools, #navTools li {
	margin:0;
	padding:0;
	list-style:none;
}

#navTools{
	margin-bottom:1em;
}

#navTools li {
	margin-bottom:1px;
}

#navTools li a {
	display:block;
	width:100%;	
	background:#f2f2f2;
	color:#555;
}

#navTools li a:hover {
	background:#ddd;
}

#navTools li a span {
	display:block;
	padding:3px 20px;
}

/* ----- nav static menu items ----- */
.navStatic, .navStatic li{
	margin:0;
	padding:0;
	list-style:none;
}

.navStatic {
	margin-bottom:1em;
}

.navStatic li {
	margin-bottom:1px;
}

.navStatic li a {
	display:block;
	width:100%;	
	background:#f2f2f2;
	color:#555;
}

.navStatic li a:hover {
	background:#ddd;
}

.navStatic li a span {
	display:block;
	padding:3px 20px;
}

#navToolsTitle, #navDeptTitle, .navStaticTitle {
	margin:0;
	padding:3px 20px;
	margin-bottom:1px;
	background:#ddd;
	font-size:100%;
}

/* ----- side navigation column ----- */
#side {
	position: absolute;
	margin: 0;
	top: 207px;
	right: 25px;
	display: inline;
}

/* ----- main content area ----- */
#main {
	margin: 0 10px;
	padding: 0 15px;
}

#main h2 {
	padding:0;
	color:#D3A67D;
	font-size:120%;
	margin-bottom: -.2em;
}

#main h2#pageTitle {
	padding:0;
	margin:.8em 0 -.2em 0;
	color:#D3A67D;
	font-size:120%;
}

.note {
	font-size:110%;
}

.highlight {
	font-size:140%;
}

.module1 {
	float:left;
	width:250px;
}

.module2 {
	float:right;
	width:250px;
}

/* ----- footer area ----- */
#footer{
	background: #30220D;
	padding: .8em 1.2em .5em 1.4em;
	font-size: .9em;
	clear: both;
}

#footer p {
	margin:0;
}

#footer ul, #footer li {
	margin:0;
	padding:0;
	list-style:none;
}

#footer li {
	display:inline;
	margin-right:.5em;
}
#footer a:link {
	background: transparent;
	color: #D3A67D;
}

#footer a:visited {
	background: transparent;
	color: #D3A67D;
}

#footer a:hover {
	background: transparent;
	color: #CCC;
	border-bottom: #C58952 1px dashed;
}

#footer #credits {
	color: #D3A67D;
	float:right;
	margin-top:-1.5em;
}

/* ----- pagination (page 1/2 etc.) ----- */
#pagination {
	margin: 0;
	visibility: hidden;
}

#pagination li {
	margin:0;
	height:16px;
	line-height:16px;
	float:left;
}

#pagination a {
	display:block;
	float:left;
	width:9px;
	height:9px;
	margin-right:10px;
	margin-top:3px;
	text-indent:-8000px;
	overflow:hidden;
}

#pagination a#firstPage {
	background:url(../_assets/img/site/ico_first.gif)no-repeat 0 0;
}

#pagination a#prevPage {
	background:url(../_assets/img/site/ico_prev.gif) no-repeat 0 0;
}

#pagination a#nextPage {
	background:url(../_assets/img/site/ico_next.gif) no-repeat 0 0;
}

#pagination a#lastPage {
	background:url(../_assets/img/site/ico_last.gif) no-repeat 0 0;
}

/* ----- product thumbnail list ----- */
.products {
	margin: 1em 0 2em 0;
}

.products ul, .products li {
	margin:0;
	padding:0;
	list-style:none;
}

.products li {
	margin-bottom:1em;
	padding:.5em 30em 0 10px;
	background:#222;
	border:1px solid #444;
	color:#999;
	line-height: 170%;
}

.products li:hover {
	background:#111;
	border:1px solid #444;
}

.products li h3 {
	margin:.8em 0 1em .4em;
	padding:0;
	background:none;
}

.products li h3 a {
	color:#D3A67D;
}

.products li h3 a:hover {
	color:#CCC;
}

.products .image {
	float:left;
	margin:0;
	margin-right:20px;
	margin-bottom:10px;
}

.products .image a img {
	border:1px solid #444;
	padding:3px;
	background:#000;
}

.products .image a:hover img {
	border:1px solid #000;
	padding:3px;
	background:#222;
}

.products .price {
	clear:both;
	margin:2em 0 1em .4em;
	text-align:left;
	line-height:180%;
	color:#FFF;
	font-size:90%;
}

.products .quantity {
	clear:both;
	margin:1em 0;
	text-align:right;
	line-height:180%;
}

/* ----- individual products ----- */
#product {
	color: #999;	
	margin: 1em 0;
	float:left;
	display:block;
	width:390px;
	padding:0;
}

#productDetails{
	float:right;
	width:555px;
	display: block;
}

#product h2 {
	padding: 0 0 .8em .1em;
	font-size: 1.1em;
}
#product h2.emph {
	color: #C58952;
	padding: 0 0 .8em .1em;
	font-size: 1.1em;
}
#product h3 {
	color: #D3A67D !important;
	padding: .5em 0 0 .1em;
	font-size: 1.1em;
}
#productDisplay {
	float:right;
	width:170px;
	margin:0;
	padding:0;
	display:block;
}
#productDisplay label, #productDisplay h3{color:#999;}
#product .image{float:left;margin:0;padding:0;}
#product .image p{margin:0 0 .5em 0;padding:0;width:180px;}
#product .image img{
	border:1px solid #444;
	margin:0 0 .5em 0;
}

#product .info {
	margin:0;
}

#product .price {
	color:#D3A67D;
	font-weight:bold;
}
#product .info p{
	margin:0;
	margin-bottom:.2em;
}
#product .info h3{
	margin:0;
	margin-bottom:.2em;
}
#product .actions{
	border-top:1px solid #e1e1e1;
}
#product #addBasket, #product #selectedcolour{
	padding:0;
	margin:.4em 0 0 0;
}
#product #addBasket .formButton{
	height:1.5em;
	vertical-align:text-bottom;
	margin:1em 0;
}
#addWishlist{margin:0;}
#product #addWishlist a {}

/* ----- featured articles ----- */

#articles {}

#articles ul, #articles li {
	margin:0;
	padding:0;
	list-style:none;
}

#articles ul {
	margin:1em 0;
	padding:3px 10px;
	background:#222;
	border:1px solid #444;
	color:#999;
}

#articles ul li {
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
	background:url(../_assets/img/site/arrow3.gif) no-repeat 0 .6em;
}

#articles  ul li a {
	color:#999;
}

#articles  ul li a:hover {
	color:#CCC;
	text-decoration:none;
	border-bottom: #999 1px dashed;
}

/* ----- customer reviews ----- */
#reviews {
}

#reviews ul, #reviews li {
	margin:0;
	padding:0;
	list-style:none;
}

#reviews ul {
	margin:1em 0;
	padding:3px 10px;
	background:#222;
	border:1px solid #444;
	color:#999;
}

#reviews ul li {
	margin:.5em 0;
	line-height:150%;
	padding:0;
	padding-left:15px;
	list-style:none;
}

#reviews  ul li a {
	color:#999;
}

#reviews  ul li a:hover {
	color:#CCC;
	text-decoration:none;
	border-bottom: #999 1px dashed;
}

/* ----- site map ----- */
#sitemap, #sitemap ul, #sitemap li {
	margin:0;
	padding:0;
	list-style:none;		
} 

#sitemap {
	margin:1em 0;
}

#sitemap li {
	margin:.5em 0;
}

#sitemap li h3 {
	margin:.2em 0;
}

#sitemap ul {
	padding-left:20px;
}

/* ----- tables and forms ----- */

.global-form {
	width: 385px;
}

fieldset {
	border:none;
	padding:0;
	margin:1em 0;
}

legend {
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;
	display: none;
}

fieldset h3, fieldset h3 {
	margin:1em 0 0 0;
}

#alt #content h2 {
	clear: left;
	}

#content p {
	font-size: 105%;
	line-height: 180%;
}

#content p.drop {
	text-align: justify;
	width: 277px;
}

#content p.drop:first-letter {
	color: #666;
	font-size: 2.5em;
	float:left;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	vertical-align: super;
	margin: 0 .2em 0 0;
	padding: .24em 0 0 0;
	line-height: 110%;;
}

#content a {
	border-bottom: #666 1px dashed;
}

#content table {
	width:100%;
	margin:.5em 0;
	border-collapse:collapse;
	line-height:150%;
}

.formField, .formSelect {
	background:#333 !important;
	color: #D3A67D;
	border:1px solid #000;
	width:214px;
}

select.formField {
	width:216px;
}

.formFieldShort, .formFieldMedium{
	background:#000  !important;
	color: #D3A67D;
	border:1px solid #444;
	width:20px;
	margin-right:5px;
	font-weight:bold;
	text-align: right;
}

.formFieldMedium {
	width:96px;
}

table .price {
	color:#D3A67D;
	font-size:110%;
	font-weight:bold;
}

.formFieldProduct {
	background: #FFFFFF !important;
	color: #D3A67D;
	margin: 0 0 .4em 0;
	width:160px;
	/*display: none;*/
}

#optimage {
	float: left;
	display: block;
	width: 75px;
	margin: 0;
	padding: 0;
	min-height: 90px;
}

#optimage .noborder {
	border: none;
}

#optimage img {
	border: #444 1px solid;
}

#optimage li {
	list-style: none;
	padding: 0 0 1em 0;
}

#optimage li a {
	border: none;
}

#optimage li a:hover img {
	border: #CCC 1px solid;
}

.formRadio {
	vertical-align:middle;
}

.formButton {
	background:#5C4017;
	color:#DDD;
	border:none;
	padding-top:2px;
	padding-bottom:2px;
	height: 1.8em;
}

label {
	white-space: nowrap;
}

label span {
	color:#D3A67D;
	font-size:110%;
	font-weight:bold;
}

input.formField:focus, formFieldShort:focus, formFieldMedium:focus, textarea:focus, #quantity:focus {
	background: #555 !important;
	border: 1px solid #AAA;
	color: #D3A67D;
}

input.formField {
	width: 100%;
}

/* ----- shopping cart ----- */
#total {
	margin:1em 0;
	padding:0;
	width: 500px;
	font-size:110%;
}

#total dt {
	width:280px !important;
	float:left;
	margin: 0 0 .2em 0;
}

#total dd {
	background: #000;
	color: #D3A67D;
	margin: -1.45em 0 .2em 15.6em;
	padding: 0;
	border: #444 1px solid;
	text-align:right;
	font-weight:bold;
	float:right;
	width: 200px;
}

.actions {
	clear:both;
	margin:0;
	padding:.5em 0;
}

/* ----- first table data style ----- */
td.first {
	width:40%;
}

/* ---------------------- float fix ----------------------------- */
.inner:after, 	s:after, .products li:after, #pagination:after, #total:after, .modules:after, #pageTitle:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.inner, .products, .products li, #pagination, #total, .modules, #pageTitle {
	display:block;
}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules, #pageTitle {
	min-height:1%;
}

* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules, * html #pageTitle {
	height:1%;
}

* html #content p.drop:first-letter {
	line-height: 110%;
}

* html #frmContact {
}

* html #photos ul a {
	margin: 1px 13px 1px 1px;
}

* html select.formField {
	width:216px;
	margin-left: 1px;
}

 /*  */
/* ----- end float fix ----- */


/* Kill Menus */
#navToolsTitle, #navDeptTitle, .navStaticTitle, #navDept, #navTools {
	display: none;
}

/* Dropdown Menu */
#menubar {
	background: transparent url(../_assets/img/site/menu_bg.gif) repeat-y left top;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0 10px 0 10px;
	font-size: 1em;
	line-height: 100%;
	width: 750px;
	position: relative;
	z-index: 99;
	left: 0;
	top: 18px;
	float: left;
}

ul#nav span {
	background: #603E20;
	color: #CCC;
	margin: 0;
	padding: .2em 1em .2em .8em;
	display: block;
	width: 13.3em;
}

#nav a,#nav a:link,#nav a:visited {
	font-size: 1em;
	color: #CCC;
	background: transparent;
	border-bottom: none;
}
/* Added by PRG-211106 */
#nav a.new_link, #nav a.new_link:visited {
	font-size: 1em;
	color: #CCC;
	background: transparent;
	border-bottom: none;
	width: 13.4em;
	margin: 0 -1.4em 0 -.8em;
	display: block;
	padding: .1em .8em;
}
/* Added by PRG-211106 */

#nav, #nav ul {
	color: #CCC;
	background-color: #614C22;
	padding: 0;
	margin: 0;	
	list-style: none;
	margin: 0 auto;
} 

#nav li ul {
	display:block;
	position: absolute;
	background: #603E20;
	color: #CCC;
	left: -999em;
	border: 1px solid #222;
	border-top: #614C22 .2em solid;
	padding-bottom: .3em;
	margin-left: -.1em;
	margin-top: 0;
	z-index:99;
	opacity:0.9;
}

#nav li {
	float: left;
	display:inline
}

#nav li a {
	display: block;
	padding: .2em .6em;
	text-decoration: none;
	white-space: nowrap;
}

#nav li a:hover,#nav li a:active,#nav li a:focus {
	background: #D3A67D;
	color: #111;
}

#nav li ul li a {
	width: 13.4em;
	background: none;
	margin:0;
}

#nav li ul li {
	clear: left;
}

#nav li:hover ul,#nav li.msie ul {
	width: 15em;
	left: auto;
	color: #C58952;
	padding-top: .2em;
	padding-bottom: .2em;
}
/* Added by PRG-211106 */
#nav li span a:hover {
	color: #000 !important;
	background-color: #D3A67D;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
	color: #000;
	background-color: #D3A67D !important;
}
a.selected{cursor:default;}
#nav span a.selected {
	cursor:default;
	margin: 0;
	padding: 0;
	width: auto;
}

/* Added by PRG-211106 */

#nav li ul li hr {
	width: 13em;
	height: 1px;
	background-color: silver;
	border-style: none;
	margin-left: 1em;
}

/* Images */

#midimg {
	border:#333 1px solid;
	margin:0 0 1em 0;
	padding:0;
}
#photos{margin:.4em 0 0 0;}
#photos ul{
	margin:.4em 0 .8em 0;
	padding:0;
}
#photos ul img {
	border: #333 1px solid;
	width: 148px;
	height: 69px;
	vertical-align: top;
	opacity:0.8;
}

#photos ul a {
	color: #999;
	margin: 1px 14px 1px 1px;
	border: none;
}

#photos ul a:hover, #photos ul a:focus, #photos ul a:focus img {
	color: #C58952;
	padding-bottom: 0;
	opacity:0.9999;
}

#photos ul a:hover img {
	border: #000 1px solid;
	opacity:0.9999;
}
#photos ul li{display:inline;}
#photos ul li a{
	width:148px;
	float:left;
	text-align:center;
}
.fleftimg{
	float: left;
	margin: 1.2em 2em 1em 0;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.fleftimg img {
	border: #333 1px solid;
}

.frightimg, .fheadimg, #vheadimg, #colimg {
	float: right;
	margin: 1.2em 0 1em 2em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#colimg {
	float: right;
	margin: 0 -50px 0 0;
	padding: 0;
}

#colimg img {
	padding: 2em 25px 0 0;
	margin: 0;
}
.fheadimg{margin:1em 0 1em -2em;}
#vheadimg {
	margin: 1em 0 0 -2em;
	padding: 0;
}
.frightimg im {border: #333 1px solid;}
.fheadimg img, #vheadimg img{border: #333 1px solid;}
#mainprodimg{
	float:right;
	margin-top:-1em;
	margin-left:.5em;
}
p.coltop {
	width: 160px;
	margin: .6em 0 0 0;
	font-weight: bold;
	height: 8em;
}
table#narrow {
	width: 510px;
	text-align: left;
	margin: 2em 0;
}

#collection {
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 1px;
}

ol li {
	line-height: 160%;
}

#logoimage {
	position: absolute;
	left: 600px;
	top: 500px;
}