﻿/* flesh #E5C9BB;*/
p{margin:0 0 .5em 0;}
a img, img{border:none;}
#SkipLink{position:absolute;left:0;top:0;color:#E5C9BB}

body {
	background:#111111 url(../../images/background.jpg) repeat-x;
	color:#888276;
	font-family:Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:.95em;
}
form#aspnetForm{width:920px;margin:0 auto;}
div.header{
	background:#584535;
	height:200px;
	/*border-bottom:solid 8px #442E21;*/
	width:100%;
	padding:0;
	height:162px;
	color:#E5C9BB;
}
div.header div.topright{float:right;margin:0 20px;padding:20px;*margin-top:-160px;}
div.header div.facebook{float:right}
div.header div.facebook a img{margin:0;padding:0;}
div.header a:link, div.header a, div.header a:visited{text-decoration:none;color:#E5C9BB;}
div.header h1{width:auto;display:inline}
div.header a.newsletter{color:#fff;font-weight:bold;float:right;padding:10px 0;clear:both;*padding:0;*margin-top:-10px}

div.header div.basket{float:right;margin-top:20px;clear:both;}
div.header div.basket label{color:#fff;font-weight:bold;padding:1em;}
div.header div.basket a{padding:0 1em;}
div.header div.basket .action{padding-right:15px;background:url(../images/action.gif) no-repeat right center;}

div.PageMenu{position:relative;width:100%;z-index:10}
div.PageMenu ul {margin:0;}
div.PageMenu ul{line-height:26px;}
div.PageMenu ul li{display:inline-block;*zoom:1;*display:inline;line-height:26px;height:26px;width:auto;}
div.PageMenu ul li a{text-decoration:none;padding:3px 10px;color:#E5C9BB;line-height:26px;height:26px;width:100%;line-height:26px;white-space: nowrap;}
div.PageMenu li:hover{color:#fff}
div.PageMenu ul.root>li.selected{}

div.PageMenu ul ul,
div.PageMenu ul ul ul,
div.PageMenu ul ul ul ul
{display:none;position:absolute;width:auto;min-width:150px}
div.PageMenu ul ul li{display:block;width:100%;}
div.PageMenu ul li:hover>ul{display:block}
div.PageMenu ul li a:hover > ul {display:block;left:100%;position:absolute;} 

div.PageMenu ul li:hover ul ul,
div.PageMenu ul li:hover ul ul ul
{display:none;left:100%;margin-top:-28px}
div.PageMenu ul ul li:hover ul,
div.PageMenu ul ul li ul li:hover ul
{display:block}


div.PageMenu ul ul li:hover ul,
div.PageMenu ul ul ul li:hover ul,
div.PageMenu ul li:hover ul ul{display:none;left:100%;margin-top:-28px}
div.PageMenu ul ul li:hover ul{display:block}

div.header div.PageMenu{text-align:right;margin-top:-12px}
div.header div.PageMenu li a,
div.header div.PageMenu li a:visited{color:#E5C9BB;margin:0;padding:0 1em;}
div.header div.PageMenu ul ul{background:#584535;border:solid 1px #442E21;text-align:left}

div.header{
position:relative;
	-moz-box-shadow: 0px 8px 8px #888276; /* for Firefox 3.5+ */
	-webkit-box-shadow: 0px 8px 8px #888276; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#888276', Direction=180, Strength=8);
	}

#Content,#Features {background:#E6E4E5 url(../Images/ContentFill.png) repeat-x top left;overflow:hidden;}/* #F0EEEF */
#Content{padding:20px 40px;}
#Content h1{font-size:30px;color:#6C4E2C;margin-bottom:10px}
#Content img.MainImage{float:right;}
#Content a{color:#584535;font-weight:bold;background:url(/images/LinkIcon.gif) no-repeat right center;padding-right:25px;text-decoration:none;}
#Content a.button{background:#7E8F87 url(../images/LinkIcon2.gif) no-repeat right center;padding:0 25px 0 10px;color:#fff}


#footer{background:#fff;padding:10px 20px;width:880px;height:20px;color:#584535}
#footer a{color:#584535;text-decoration:none;}
#footer .copy{float:left;}
#footer .copy a{padding:0 1em;}
#footer .by{float:right;}
#footer .by a{text-decoration:underline;}
#footer ul{list-style-type:none;display:inline;}
#footer ul li{display:inline;padding:0px}


/* Home page styling */
body.Page_2 #Content{padding:0;background:#fff}
body.Page_2 #Content div.page_2{padding:60px 0 0 60px}
body.Page_2 #Content h1{font-size:30px;margin:0 0 10px 0}

#Features h2.features{background:#787266;line-height:28px;color:#fff;padding:0 20px;font-size:16px;font-weight:normal}
#Features {padding-bottom:10px}
#Features div.scrollWrapper{border:none}

#Content div.Images{float:left;width:300px;overflow:hidden;}
#Content div.Images img{border:solid 6px #fff}
#Content div.Description{float:left;padding:0 20px;width:450px}

div.scroll{
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    clear:both;
    float:left;clear:none;position:relative;
    margin:0;padding:0;
} 

div.scroll ul{ 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
    list-style-type:none;
    padding:0;
    margin:0;
    z-index:5;
} 
div.scroll ul li{
	float:left;
	text-align:center;
	z-index:10;
	border:solid 1px #fff
    }
/*#Sites,div.Apps,div.test {float:left;clear:none;position:relative}*/
div.scrollWrapper img.prevPage{float:left;margin:5px;width:auto!important;border:none!important;}
div.scrollWrapper img.nextPage{float:right;margin:5px;width:auto!important;border:none!important}
div.scrollWrapper img.next{float:right;}
div.scrollWrapper span.caption{line-height:1.6em;color:#666}
div.scrollWrapper img.prevPage.disabled, 
div.scrollWrapper img.nextPage.disabled, 
div.scrollWrapper img.next.disabled
div.scrollWrapper img.prev.disabled
{
	opacity:.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
}

div.scrollWrapper{
	border:solid 1px #ccc;
	overflow:hidden;
	clear:both;
	height:auto;
	z-index:1;
	}
div.scroll{}

div#Features div.scrollWrapper {padding:0 10px}
div#Features div.scrollWrapper img.prevPage,div#Features div.scrollWrapper img.nextPage{display:none;}
div#Features div.scrollWrapper span.caption{display:none;}
div#Features div.scrollWrapper ul li{margin:5px 3px}

/* Prodcut page */
#Content div.scroll ul li a {background:none;padding:0;}
#Content div.ProductView div.scrollWrapper{border:none;}
#Content div.ProductView div.Images div.scrollWrapper ul li a img{width:250px;}
#Content div.ProductView div.Images div.scrollWrapper span.caption{display:none;}
#Content div.Description div.scrollWrapper ul li a img{width:250px;}

#Content  div.Images div.scrollWrapper {border:none;}
#Content  div.Images div.scrollWrapper ul li a img{width:300px;}

body.FullPage #Content div.scrollWrapper ul li a img{height:300px;}

fieldset.form{line-height:1.5em}
fieldset.form ul{list-style-type:none;}
fieldset.form ul li label{display:inline-block;width:140px;font-weight:bold;}


.splash
{
    margin: 0 auto;
    width: 800px;
    color: #E5C9BB;
    font-size: 0.9em;
    text-align:center;
    border:solid 10px #fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    /*behavior: url(border-radius.htc);*/
    background:#D6D0D0;
	position:relative;
	min-height:500px;
}

.splash .content{
	background:#F2E7E1 url(/images/welcometextgradient.png) repeat-x;
	overflow:auto;
	position:absolute;
	bottom:80px;
	left:0;
	width:800px;
	background-color:rgba(230, 200, 200, .5);

}
.splash .inner a img{margin:0;}
.splash .content .text{width:500px;color:#2F2B2A;text-align:left;float:left;padding:20px}
.splash .content .image{float:right;padding:20px}
.splash .content .image img{position:relative}
.splash .content .text h1{font-weight:normal;font-size:18px;margin-top:0;}
.splash .inner{display:block;position:relative}

.splash ul
{
    padding: 0px;
    padding-top: 25px;
    margin: 0px;
    list-style-type: none;
	position:absolute;
	bottom:-40px;
	width:800px;
}

.splash li
{
    display: inline;
    padding-left: 6px;
    padding-right: 6px;
}


.splash a
{
    color: #E5C9BB;
    text-decoration: none;
}

.splashimg
{
    border: solid 7px #EDEDED;
    margin: 0 auto;
    margin-top: 30px;
}


.splashby a
{
    color: #c0c0c0;
}


/*
.wrapper
{
    text-align:left;
	margin: 0 auto;
	width:917px;
}



.header
{
    background-image: url(../images/headerbackground.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    width:917px;
    height:162px;
}

img
{
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    display: block;
}
*/
/*#Content div.Cart div.Images{float:left;width:200px;}
#Content div.Cart div.Images img{max-width:200px}*/
#Content div.Cart div.Description{float:left;width:800px;padding:0;margin-left:10px}
#Content div.Cart{margin:0px;line-height:40px;}

#Content div.Cart div.Description table tr td{vertical-align:top}
#Content div.Cart div.Description table tr td img{width:40px;vertical-align:top;margin:0 10px 10px 0}

#Content div.Cart table {text-align:left;width:100%;}
#Content div.Cart table thead tr,#Content div.Cart table thead tr td:first-child{background:#787266;color:#fff;font-weight:bold;text-transform:uppercase}
#Content div.Cart table tr td{padding:0 1em;}
#Content div.Cart table tr {background:#fff url(../images/GardFill.png) repeat-x left top;}
#Content div.Cart table tr td:first-child{font-weight:bold;color:#584535}
#Content div.Cart table tr td input{background:#7E8F87 url(../images/LinkIcon2.gif) no-repeat right center;padding:0 25px 0 10px;color:#fff;border:none;}#
#Content div.Cart table tr.summary{background:none;line-height:30px}
#Content div.Cart table tr.summary label{display:inline-block;width:135px;background:#7E8F87;padding:0 10px;color:#fff;border-bottom:solid 1px #fff;text-transform:uppercase;font-size:.8em;margin-right:-14px}
#Content div.Cart table tr.summary label.total{background:#797268;font-size:1em}
#Content div.Cart label{margin-left:20px;}
#Content div.Cart input#ctl00_Content_Cart2_Payment{margin-top:18px}

div.ProductBrowse{margin-top:10px}
div.ProductBrowse ul{list-style-type:none;}
div.ProductBrowse ul li{display:inline-block;width:auto;padding:0;text-align:right;margin-right:6px;*zoom:1;*display:inline;width:162px;vertical-align:top}
div.ProductBrowse ul li div.imgWrap{height:230px;overflow:hidden}
div.ProductBrowse a,a.back{font-weight:normal!important;background:none!important;padding:0!important;outline:none;}

div.ProductBrowse a.button{background:#7E8F87 url(/images/LinkIcon2.gif) no-repeat right center!important;padding:0 25px 0 10px!important;color:#fff!important}
#Content div.ProductBrowse h1{margin:0 0 10px 0}
div.ProductBrowse h3{display:block;margin:4px;text-align:left;}
div.ProductBrowse img{width:160px;display:block;margin:0;border:solid 3px #fff}

#Content div.ProductView{overflow:auto;padding:0;}
#Content div.ProductView div.Images{float:left;width:300px;overflow:hidden;padding:0;}
#Content div.ProductView div.Images img{border:solid 6px #fff;width:280px}
#Content div.ProductView div.Description{float:left;padding:0 20px;width:480px;}
#Content div.ProductView div.Description h1{font-size:1.4em;}
#Content div.ProductView div.Description p, #Content div.ProductView div.Description h1{padding:0;margin:0;color:#584535}
#Content div.ProductView div.Description h1{margin-bottom:10px;}
#Content div.ProductView div.Description fieldset{margin-top:20px}
#Content div.ProductView a{margin-top:10px;display:inline-block;}

div.enqform{padding:10px 0}
div.enqform ul{margin:10px 40px}
div.enqform table tr td{vertical-align:top;padding:5px 0}

#Content ul.list{margin:0;padding:0;list-style-type:none;}
#Content ul.list p{padding:1em 0;}
#Content ul.list li{margin:0;padding:1em;overflow:hidden;background:#F0EEEF url(../images/GardFill.png) repeat-x left bottom;width:500px}
#Content ul.list li a{float:right;}


#Content div.submenu {text-align:right;}
#Content div.submenu ul li {display:inline;}
#Content div.submenu ul li a, #Content div.submenu ul li a:visited{background:none;padding:0;text-transform:uppercase;color:#646464}

#nyroModalFull{z-index:300;position:absolute;}
#nyroModalWrapper {background:#666;padding:10px 10px 30px 10px;display:block;background:#fff;z-index:200}
#nyroModalWrapper div.wrapperImg{}
#nyroModalWrapper #closeBut{float:right;color:#646464}


div.links {float:left;clear:both;width:100%}
div.links a{float:left;padding:0 1em;}
div.links div {float:right;}
div.links div a{padding:0 0 0 5px!important;}


