body, html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #4C3A26  url(images/bgcenter.jpg) repeat-x center;
	font-family: verdana;
	font-size: 10px;
	color: #AB9A8B;
}
body#homepage {
	background: #4C3A26 url(images/bg.jpg) repeat-x center;
}
body#category {
background: #fff;
overflow: hidden;
}
body#productpage {
	background: #221910 url(images/productbg.jpg) repeat-x;
}
body#checkoutpage {
	background: #221910 url(images/checkout-loader.gif) no-repeat center center;
}
body#range {
	background: transparent url(images/rangebg.gif) repeat-x scroll 0 0;
}
body#standardpage {
	background: url(images/standardbg.jpg) no-repeat fixed;height: auto;
}
a {
	text-decoration: none;
}
img {
	border: 0px;
	margin: 0;
	padding: 0;
}
#container {
	width: 1014px;
}
#shadow_l {
	background: url(images/shadow_l.jpg) no-repeat 0px center;
	height: 100%;
	width: 100px;
	float: left;
	position: absolute;
	z-index: -1;
}
#shadow_r {
	background: url(images/shadow_r.jpg) no-repeat 0px center;
	height: 100%;
	width: 100px;
	float: right;
	z-index: -1;
	position:absolute;
	right: 0px;
}
#shadow_l_home {
	background: url(images/shadow_l.jpg) no-repeat 0px center;
	height: 100%;
	width: 100px;
	float: left;
	z-index: 0;
	position:absolute;
}
#shadow_r_home {
	background: url(images/shadow_r.jpg) no-repeat 0px center;
	height: 100%;
	width: 100px;
	float: right;
	z-index: 0;
}

#wrapper {
	width: 1014px;
	height: 414px;
	margin: 0px auto;
	height: 100%;
	background:  url(images/bgcenter.jpg) repeat-x center;
}

body#mainmenu {
	background: none;
}
body#homepage #mainnav {
background:transparent url(images/menubg.jpg) no-repeat scroll 0 0;
height:414px;
width:276px;
position: relative;
	text-align: center;
}
body#cataloguepage #mainnav {
background:transparent url(images/menubg.jpg) no-repeat scroll 0 0;
position:absolute;
height:414px;
margin-top:-207px;
top:50%;
width:276px;
left: 71px;
	text-align: center;
}
.homelink {
font-size:10px;
left:66px;
line-height:10px;
height: 42px;
width: 160px;
position:absolute;
top:48px;
z-index: 5;
background: transparent url(images/blank.gif) repeat scroll 0 0;
color:#271D13;
}
.layouttable {
	height: 100%;
/*	background: url(images/light.png) no-repeat center bottom;*/
}
body#cataloguepage .layouttable {
	margin-left: 276px;
}
.tableholder {
	padding: 0px 71px;
	height:100%;
	overflow:hidden;
}
body#homepage .layouttable {
	position:relative;
	left:71px;
/*	background: url(images/light.png) no-repeat center bottom;*/
}
#motiongallery .menuloader {
text-align: center;
}

#subnav {
	float: right;
	height: 414px;
	position: relative;
/* 	background: #3C3126 url(images/menu-loader.gif) no-repeat scroll 15px 380px;*/
}
#bagdetails {
bottom:40px;
font-size:10px;
line-height:13px;
margin-top:-230px;
position:absolute;
right:71px;
text-align:right;
top:50%;
width:100%;
height: 13px;
}
#bagdetails a {
	color: #c2ab92;
}
#bagdetails a span {
	color: #d9cbbb;
}
#bagdetails a:hover {
	text-decoration: underline;
}
body#homepage #bagdetails {
	right: 0px;
}
#show {
	height:414px;
	width: 100%;
}
.tester {
	background: #fff;
	height: 600px;
	position: relative;
	top: 0px;
	width: 40px;
	
}
#navlinks {
	position: relative;
	top: 175px;
	color: #fff;
	line-height: 21px;
	width: 276px;
}
.navs {
	position: absolute;
	top: 385px;
	left: 20px;
	z-index: 50;
}
.catname {
	color:#fff;
font-size:10px;
line-height: 27px;
position: absolute;
top:387px;
z-index:30;
width: 100%;
padding: 0px 0px 0px 55px;
background: #a2886c url(images/catnamebg.gif) repeat-x;
}
.catname span#itemsno {
	font-weight: bold;
}
.catname b {
	font-weight: normal;
	color: #FFE;
}

/*
 * Category Carousel
 */
.catalogueloader {
	position: absolute;
	top:  378px;
	left: 15px;
}

.categorycarousel {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 414px; /*Height should enough to fit largest content's height*/
/*background: url(images/cataloguebg.gif) repeat-x;*/
}

.categorycarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
height: 414px;
overflow: hidden;
}

.categorycarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 366px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	/*background: url(images/picbg.jpg);*/
}
.categorycarousel #standard a {
	width:366px;
	height: 414px;
}
.categorycarousel .panel a img {
	opacity:0.9999;
	filter:alpha(opacity=100);
	-moz-opacity:0.9999;
	zoom: 1;
}
.categorycarousel .panel a:hover img {
	opacity: 0.95;
filter:alpha(opacity=95);
	-moz-opacity:.95;
	zoom: 1;
}
.categorycarousel .panel a:active img {
	opacity: 0.65;
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	zoom: 1;
}
.categorycarousel .belt #standard {
	width: 366px;
	background: #332518;
}	
.categorycarousel .belt #thumbnail {
	width: 169px;
	background: #332518;
}
.categorycarousel .belt #thumbnail a {
	width: 168px;
	height: 190px;
}
.categorycarousel .belt #thumbnail a img {
	border-right: 1px solid #eee;
	float: left;
}

.categorycarousel .panel .options {
width: 336px;
left:0px;
position:absolute;
top:15px;
z-index:50;
padding: 0px 15px;
line-height: 17px;
}
body.ranges .categorycarousel .panel .options {
	text-align: center;
}
.rangename {
	font-weight: bold;
}
img.nav-left:active, img.nav-right:active {
	margin-top:1px;
}
.categorycarousel .panel .options .close {
	float: right;
}
.categorycarousel .panel .options .itemcode {
	float: left;
	color: #777;
}
.categorycarousel .panel .options .price {
	float: left;
	padding-left: 7px;
	color:#925D38;
}



/*
 * Range Carousel
 */
.rangeloader {
	position: relative;
	top: 190px;
	left: 32px;
}
.rangecarousel {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 168px; /*Width of Carousel Viewer itself*/
height: 285px; /*Height should enough to fit largest content's height*/
/*background:url(images/variationbg.gif);*/
height: 299px;
}

.rangecarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.rangecarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 84px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background: url(images/rangecarouselbg.gif) repeat-x;
line-height: 0px;
}
.rangecarousel .panel a{
	width:84px;
	height: 95px;
}
	
.rangecarousel .panel a img {
	padding-bottom: 7px;
	opacity: 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	zoom: 1;

}
.rangecarousel .panel a:hover img {
	opacity:0.9999;
	filter:alpha(opacity=100);
	-moz-opacity:0.9999;
	zoom: 1;

}
.rangecarousel .panel a:active img {
	opacity:0.6;
		filter:alpha(opacity=60);
	-moz-opacity:.6;
	zoom: 1;
}


/* Floatbox v3.24 */
/* December 01, 2008 */

#fbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* overlay color */
div.fbOverlay_white {background-color: #000; }

#fbBox {
	position: absolute;
	border-style: solid;
	border-width: 0;
	margin: 0;
	padding: 0;
}
div.fbBox_white {
	border-color: #a69488;
	border-color: #aaa;

	background: #221910 url(images/checkout-loader.gif) no-repeat scroll center center;
/* background: #221910 url(../../images/productbg.jpg) repeat-x scroll 0 0;*/
}

#fbBox div, #fbBox a, #fbBox img, #fbBox iframe {
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: none;
	-moz-outline: none;  /* for older Netscape, doesn't validate, remove if you like */
}
#fbBox a {
	background: url(images/blank.gif);
	zoom: 1;
}

#fbZoomDiv, a.fbPopup img, #fbBox #fbIndexLinks img {
	position: absolute;
	left: 0;
	top: -9999px;
	/* border-width is set in js code */
	border-style: solid;
	border-color: black;
	margin: 0;
	padding: 0;
}

#fbBox #fbLoader {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

/* animated 'loading' graphic */
#fbBox .fbLoader_white { background-image: url(floatbox/graphics/loading_white.gif); }

#fbBox #fbShadowTop, #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#fbBox #fbShadowTop { background-position: top left; }
#fbBox .fbShadowTop_halo24 { background-image: url(floatbox/graphics/shadowTop_halo24.png); }

#fbBox #fbShadowRight { background-position: top right; }
#fbBox .fbShadowRight_halo24 { background-image: url(floatbox/graphics/shadowRight_halo24.png); }

#fbBox #fbShadowBottom { background-position: bottom right; }  /* overridden in code for drop shadow */
#fbBox .fbShadowBottom_halo24 { background-image: url(floatbox/graphics/shadowBottom_halo24.png); }

#fbBox #fbShadowLeft { background-position: bottom left; }
#fbBox .fbShadowLeft_halo24 { background-image: url(floatbox/graphics/shadowLeft_halo24.png); }

#fbBox #fbShadowCorner { background-position: bottom right; }

#fbBox #fbCanvas {
	position: relative;  /* won't fade in ie6 if absolute */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#fbBox #fbMainDiv, #fbBox #fbInfoPanel, #fbBox #fbControlPanel {
	position: absolute;
	border-style: solid;
	overflow: hidden;
}
#fbBox #fbMainDiv {
}

/* innerBorder color */
#fbBox .fbMainDiv_white { border-color: #000; /* outline: 8px solid #a69488;*/}

#fbBox #fbResizer {
	position: absolute;
	width: 25px;  /* = dimensions of the resize button (see note below) */
	height: 25px;
	left: 0;
	top: 0;
}


/* Standard Page */

.writeup .viewbyname a {
	width:100px;
	float:left;
	line-height: 17px;
	text-decoration: none;	
}

.writeup .viewbyrange a {
	display: block;
	line-height: 17px;
	text-decoration: none;
}
.writeup .viewbyrange a:hover, .viewbyname a:hover {
}
.viewbyname select {
	font-size: 10px;
	font-family: verdana;
	border: 0px solid #777;
	width: 200px;
	padding: 2px;
	line-height: 15px;
}


/* Product Lightbox */
#fbOverlay {
  /* background: url(images/black.png)  repeat-x center;*/
	 background: url(images/blank.gif);
}
.thumbnailv, .standardv {
position: absolute;
right: 55px;
top: 0px;
width: 140px;
}
a.viewthumbnail, a.viewstandard {
	color: #000;
	display: block;
	background: #c6b6a4;
	text-indent: 15px;
}
a.viewthumbnail {
	background: url(images/thumbnailview.gif) no-repeat center top;
}
a:hover.viewthumbnail {
	background: url(images/thumbnailview.gif) no-repeat center center;
}
a:active.viewthumbnail {
}
a.viewstandard {
	background: url(images/standardview.gif) no-repeat center top;
}
a:hover.viewstandard {
	background: url(images/standardview.gif) no-repeat center center;
}
a:active.viewstandard {
}
#checkoutnow {
padding-left: 8px;
}
.catname span#checkoutnow a {
	background: transparent url(images/checkoutnow.gif) no-repeat scroll center top;
	padding: 5px 19px 6px;
	color: #fff;
}
.catname span#checkoutnow a:hover {
	background: transparent url(images/checkoutnow.gif) no-repeat scroll center center;	
}
.catname span#checkoutnow a:active {
	background: transparent url(images/checkoutnow.gif) no-repeat scroll center bottom;	
}


/*

#gif {
	background: url(images/ajax-loading2.gif) no-repeat center center;
}

*/.selectedproduct {
	float: left;
}
.variationsholder {
	width: 168px;
	float: right;
	height: 414px;
	line-height: 0px;
	font-size: 0px;	
	padding: 0px 10px;
	position: relative;
	background: url(images/menu-loader.gif) no-repeat scroll center center;
}
.variations {
	width:100px;
	float:right;
/*	background: url(images/variationbg.jpg); 
 */
	background: #f0f0f0;
	height: 414px;
	line-height: 0px;
	font-size: 0px;
}
.variations a {

	width:100px;
	height: 113px;
	opacity:0.9999;
	filter:alpha(opacity=100);
	-moz-opacity:0.9999;
	zoom: 1;
}
.variations a:hover {
	opacity: 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	zoom: 1;

}
.variations img:active {
	opacity:0.8;
		filter:alpha(opacity=80);
	-moz-opacity:.8;
	zoom: 1;
}
.currentviewoption {
	font-size: 10px;
	font-weight: bold;
	line-height:13px;
	color: #AF9D8E;
	padding: 25px 0 15px;
}
.viewalso {
	color: #ccc;
}
.viewoptions {
	font-size: 10px;
	line-height: 15px;
	color: #888;
	text-align: right;

}
.viewoptions a {
	color: #fa5;
}
.viewoptions a:hover {
	color:#fff;
	text-decoration: underline;
}
.shadows {
	background:url(images/shadows.gif);
	height:5px;
}


.productrange, .product {
	height:414px; 
	font-size: 10px;
	line-height: 13px;
	width: 872px;

}
.productrange {
	width: 760px;
}
.pic {
	width: 366px;
	height: 416px;
	float: left;
	margin-top: 0px;
	background: #fff;
}
.productdescholder {
	width:318px; 
	float: left; 
	line-height: normal;
}
.productdesc {
	color: #fff;
	padding: 0px 0px;
	height: 414px;
	background: url(images/waiting.gif) no-repeat center -50px;
}
.qtyinput {
	float:left;
	line-height: 23px;
 background:transparent url(images/qtybg.gif) no-repeat scroll 28px 0;
 color: #aaa;
}
input.qty {
background: transparent;
border:0px solid #DDDDDD;
font-family:arial;
font-size:11px;
margin:0;
/*padding: 4px 2px 2px;*/
/*padding-top: 4px;*/
text-align:center;
width:32px;
color: #fff;

}
.blocks, .endblock {
		padding: 10px 15px 10px 25px;
}
.endblock {
	padding: 15px 15px 15px 25px;	
}
.blocks {
	border-bottom: 1px solid #5a4f45;
}
.blocks form {
	margin: 0px;
}
.topblock {
	padding: 25px 15px 15px 25px;
	border-bottom: 1px solid #5a4f45;	
}
.name {
font-weight:bold;
padding-right: 1px;
float: left;
}
.item {
	color:#ddd;
	line-height: 15px;
}
.description {
border-bottom:1px solid #5a4f45;
color:#988;
height:183px;
overflow-x:hidden;
overflow-y:auto;
text-transform:lowercase;
text-align: justify;
}
.descriptiontxt {
padding:15px 20px;	
}
.dimensions {
	
}
.pricencode {
	float: right;
	text-align: right;
	line-height: 15px;
}
.price {

}

.range {
	color:#DF7A37;
	text-align: right;
	text-transform: lowercase;
}
.code {

	text-transform: uppercase;
	color: #aaa;
}

.category {
	
}
.addtobag {
	width: 148px;
	height: 23px;
	background: url(images/addtobag.gif) no-repeat center;
	text-align: center;
	line-height: 22px;
	float: right;
	color: #ccc;
}
.addtobag a {
	color: #fff;
	padding: 5px 15px;
}
.addtobag:hover {
	background: url(images/addtobag.gif) no-repeat top;
}
.addtobag:active {
	background: url(images/addtobag.gif) no-repeat bottom;
}
.productdesc select {
	font-family: verdana;
	font-size: 10px;
}
.waiting {
left:40px;
position:relative;
top:4px;
}


/*
 * Step Carousel
 */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 366px; /*Width of Carousel Viewer itself*/
height: 414px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 366px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.nav-left, .nav-right {
	padding: 2px;
}

.viewsstatus {
bottom:14px;
color:#888888;
font-family:arial;
font-size:10px;
left:15px;
position:absolute;
z-index:50;
}

.flashzoomer {
height: 414px;
width:366px;
	cursor: pointer;
	z-index: 1;
	overflow: hidden;
}
.return {
left: 631px;
position: absolute;
top:379px;
text-transform: none;
}
body#checkoutpage .return {
left:50%;
margin-left:345px;
position:absolute;
top: 379px;
}

.return a {
	color: #999;
}
.return a:hover {
	color: #fff;
}
.return img {
	position: relative;
	top: 1px;
}
.return a span {
	color: #CEB7AE;
}

#categorydivcontainer {
	width: 100%;
	height: 414px;
	/*background:#f0f0f0 url(images/cataloguebg.gif) repeat-x scroll 0 0;*/
	background: transparent url(images/standardbg.jpg) no-repeat fixed 0 0;
}
#cataloguepage #categorydivcontainer {
	background: #fff;
}

/*
 * Range Selector
 */
#countrydivcontainer {
	width: 660px;
	height:414px;
/*	background:  transparent url(images/ajax-loading2.gif) no-repeat 15px 380px; */
}
.loadingproduct {
	padding: 200px 320px 0;
}

/* Standardpage */
.writeup {
	color: #dca;
	padding: 20px 25px;
}
.writeup a {
	color: #7DBDEC;
	text-decoration: underline;
}
.writeup a:hover {
	color: #A8D2F2;
}
.writeup h2 {
	color:#CFA681;
	font-family:georgia;
	font-size:19px;
	font-style:italic;
	font-weight:normal;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.writeup h3 {
	margin: 0px;
	padding: 0px;
}
.writeup h4 {
	margin: 0px;
	padding: 0px;
}
.termsindent {
	padding-left: 22px;
}
.terms2 {
	text-indent: -22px;
	padding-left: 22px;
}

/* Payment Complete */
.redirection {
	font-family: verdana;
	font-size: 10px;
	color: #AB9A8B;
}
#checkoutdone {
	padding: 8px 15px;
}
.page-head h3 {
	color:#CFA681;
	font-family:georgia;
	font-size:19px;
	font-style:italic;
	font-weight:normal;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}
#checkoutdone a {
	color: #7DBDEC;
	text-decoration: underline;
}
#checkoutdone a:hover {
	color: #A8D2F2;
}