html, body {
	height: 100%;
	width: 100%;
	background-image:url(/assets/visual/bg.gif);
	background-color:#CECECE;
	text-align:center;
}

html, body form { height: 100%; }

/* ************** Main Structure ************** */

#site-container
{
	width:1000px;
	margin: 0px auto;
	background-color:#FFFFFF;
	border-top: 4px solid #FF8800;
}

#site-side
{
	width:205px;
	margin-left: 25px;
	margin-right: 14px;
	float:left;
	text-align:left;
}

#site-main
{
	margin-left:245px;
	margin-right:25px;
	text-align:left;
	/*float: right;
    width: 720px;
    margin-right:25px;
	text-align:left;*/
}

/* //////////////// Main Structure //////////////// */


/* **************** Site Header ***************** */

#site-header 
{
	height:95px;
	margin-left: 25px;
	margin-right: 25px;
	position:relative;
}

#site-header a {float:left; margin-top:25px;}
#site-header .tag {position:relative; top:47px; right:140px}

/*** Basket Layout ***/

#site-basket 
{
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	height:32px;
    text-align:right
}

#site-basket-inner
{
	background-image:url(/assets/visual/basket.gif);
	width:225px;
	height:32px;
    position:relative;
    left:75px;
}

#site-basket-contents
{
    background-color: #999; 
    width: 225px; 
    position: absolute;
    top: 29px; 
    left: 75px;
    z-index: 10000;
    display: none;
}

#site-basket-inner #basket-icon { position: absolute; top: 6px; left: 6px }
#site-basket-inner #toggle-basket { position: absolute; top: 5px; right: 6px }

#site-basket-inner span { position: absolute; top: 9px; left: 30px; color: #fff; font-size: .8em; font-weight: bold }

#site-basket-contents ul {margin: 10px; text-align: left; margin-left: 20px; margin-bottom: 0px}

#site-basket-contents ul li { clear:both; color: #fff; padding-bottom: 5px; height: 15px; color: #f89828;}

.basket-item-name { width: 130px; float: left; color: #fff}

.basket-item-price {width: 42px; float: right;  font-weight: bold; text-align: right}

.basket-total{width: 182px; float: left; border-top: solid 1px #ddd; height: 20px; text-align: right; margin: 10px 10px 10px 10px; color: #fff; padding-top: 10px; font-weight: bold}

.EmptyBasket {color: #fff; font-weight: bold}

/*** basket End ***/

#site-nav 
{
	height:30px;
	margin-left: 25px;
	margin-right: 25px;
	background-image:url(/assets/visual/nav/bg.gif);
}

#site-search
{
	background-image:url(/assets/visual/nav/right.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:217px;
	height:30px;
	float:right;
}

#site-crumb
{
	height:30px;
	margin-left: 25px;
	margin-right: 25px;
	font-size:90%;
	line-height:30px;
	text-align:left;
}

#site-crumb a {color:#FF8800}

/* //////////////// Site Header //////////////// */


/* **************** Site Footer ***************** */

#site-footer
{
	clear:both;
	margin:25px;
	font-size:90%;
}

#site-footer-links 
{
	background-color:#FF8800;
	background-image:url(/assets/visual/footer/bg.gif);
	height:27px;
	color:#FFFFFF;
}

#site-footer-links-left 
{
	background-image:url(/assets/visual/footer/left.gif);
	background-repeat:no-repeat;
	background-position:left;
	float:left;
	height:27px;
	padding-left:10px;
	line-height:26px;
}

#site-footer-links-right 
{
	background-image:url(/assets/visual/footer/right.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	height:27px;
	padding-right:10px;
	line-height:26px;
}

#site-footer-links-right a {color:#FFFFFF}

#site-footer-products
{
	padding-top:10px;
	padding-bottom:25px;
	color:#979797;
}
#site-footer-products a {color:#979797}

/* //////////////// Site Footer //////////////// */


/* **************** Site Side ***************** */

#menu {border-left:2px solid #879A91; margin-bottom:25px;}

#menu ul {margin:0;}
#menu ul li {list-style-type:none; display: block; height:28px; border-bottom:1px solid #E8E8E8; }
#menu ul li a {color:#8A9B93; line-height:28px; display:block; margin-left:10px; font-size:100%; font-weight:bold;}
#menu ul li a:hover {color:#FF8700; text-decoration:none;}
#menu ul li a.select {color:#FF8700; text-decoration:none; background-image:url(/assets/visual/side/arrow.gif); background-repeat:no-repeat; background-position:right;}
#menu ul li a:hover .eye {display:block;}
#menu ul li a.select:hover .eye {display:none;}
.eye {display:none;float:right;margin-top:5px;margin-right:2px;z-index:11;}

#offers {border-left:2px solid #FF9105; margin-bottom:25px;}
#offers div {margin:5px; font-size:90%;}
#offers .search {width:140px;}

.subscribe-offers {border-left:2px solid #FF9105; margin-bottom:25px;}
.subscribe-offers div {margin:5px; font-size:90%;}
.subscribe-offers .search {width:140px;}

#news {border-left:2px solid #879A91; margin-bottom:25px;}
#news_scroll div {margin:3px 0 5px 0;}
#news_scroll {margin:5px;height:170px; overflow:hidden;}
.divNews {height:170px;}

/* //////////////// Site Side ///////////////// */


/* **************** Site Nav ***************** */

#site-nav ul { width: 732px; height:30px; position:relative; margin:0px;}
#site-nav ul li {list-style-type:none; display: block; float:left;}
#site-nav ul li a { height:30px; display:block; text-indent:-9999999px; outline:none; background:url(/assets/visual/nav/sprite.jpg);}

li#navHome a 						{ background-position:0 -0px; width:89px;}
li#navHome a:hover					{ background-position:0 -30px }
li#navHome a.select					{ background-position:0 -30px }
body li#navHome a 			        { background-position:0 -0px }

li#navShop a 					    { background-position:-89px -0px; width:91px;}
li#navShop a:hover				    { background-position:-89px -30px }
li#navShop a.select					{ background-position:-89px -30px }
body li#navShop a 		            { background-position:-89px -0px }

li#navFAQ a 					    { background-position:-182px -0px; width:91px;}
li#navFAQ a:hover				    { background-position:-182px -30px }
li#navFAQ a.select					{ background-position:-182px -30px }
body li#navFAQ a 	                { background-position:-182px -0px }

li#navNews a 						{ background-position:-276px -0px; width:93px;}
li#navNews a:hover					{ background-position:-276px -30px }
li#navNews a.select					{ background-position:-276px -30px }
body li#navNews a 		    	    { background-position:-276px -0px }

li#navSamples a 					{ background-position:-371px -0px; width:145px;}
li#navSamples a:hover				{ background-position:-371px -30px }
li#navSamples a.select				{ background-position:-371px -30px }
body li#navSamples a 			    { background-position:-371px -0px }

li#navTestimonials a 				{ background-position:-516px -0px; width:103px;}
li#navTestimonials a:hover			{ background-position:-516px -30px }
li#navTestimonials a.select			{ background-position:-516px -30px }
body li#navTestimonials a 		    { background-position:-516px -0px }

li#navContact a 			        { background-position:-619px -0px; width:113px;}
li#navContact a:hover		        { background-position:-619px -30px }
li#navContact a.select		        { background-position:-619px -30px }
body li#navContact a 		        { background-position:-619px -0px }

/* //////////////// Site Nav ///////////////// */


/**************************************/
/*             SCROLL PANE            */
/**************************************/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#index.inner .side .jScrollPaneContainer { margin: 10px 10px 50px; }
#site-main .inner .side .jScrollPaneContainer .content, 
	#site-main .inner .main .jScrollPaneContainer .content,
	#site-main #content.inner .main.brown.casestudies-container .jScrollPaneContainer .content.casestudies
	{ margin: 0px; }
#site-main #content.inner .main.brown.casestudies-container .jScrollPaneContainer { margin: 10px; }

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #DDDDDD;
}
.jScrollPaneDrag {
	position: absolute;
	background: #F69021;
	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;*/
}