/* CSS Document */

/*#login {display:none;}
*/
/******************************************
				Html Elements
******************************************/
BODY { margin:0 auto;background: url(../images/bg-body.gif) repeat-x;}

BODY, HTML {height: 100%; }

.left{float:left !important}
.right{ float:right !important}

#LeftCol h1 {font-family:Georgia, 'Times New Roman', Times, serif; border-bottom:1px dotted; font-style:italic; padding-bottom: 20px; font-size:30px; color:#931d39; margin: 35px 0px 15px; font-weight:normal;}
#LeftCol h1 SPAN{color:#d1bb69}

#LeftCol A {color:#931D3A;}

H2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color: #931d3a; text-decoration:none; font-style:italic; margin:30px 0 0; padding-bottom:12px}
H3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color: #5f541b; text-decoration:none; margin-bottom: 10px; font-style:italic;}
h4{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color: #931d39; text-decoration:none; font-style:italic; padding:20px 20px; margin:0; font-weight:normal; background:url(../images/featured-detail-bg.gif) repeat-x;}
h4 a {color: #931d39; text-decoration:none; }
	
	
.divider{background:url(../images/divider.gif) no-repeat left; height:10px; margin: 10px 0px; }

UL.bullet-list {list-style-type:disc;}
UL.bullet-list li {margin:5px 10px}




/******************************************
			Basic Structure
******************************************/
/*
* {border:1px solid #ff0000;}
DIV {border:1px solid green;}
*/

#Wrapper{margin:0px auto 0px auto; width:100%; min-height: 100%;margin-bottom: -116px;position: relative;}
#MastHead{width:100%; background: url(../images/bg-masthead.jpg) no-repeat center top; height:110px; }
#MastHead .inner {width:780px;margin:0px auto;}
#MastHead .search {}
#MastHead .logo {float:left; height:70px; margin-top:20px;}

#Header{width:772px; height: 72px; background:url(../images/img-headerGeneric.gif) no-repeat;}

#nav { width:100%; background:url(../images/nav-bg.gif) top repeat-x; border-top: 1px solid #f3efdc; border-bottom: 2px solid #d1bd5f; height:40px;}
#menu {font-family:Arial, Helvetica, sans-serif; font-size:14px; width: 780px; margin:0 auto  }
#menu UL{ }
#menu LI.sep{ background:url(../images/menu-sep.gif) no-repeat; width:2px; height: 40px;}
#menu SPAN{ }
#menu LI A {background:url(../images/nav-bg.gif) top right; padding:12px 13px; display:block; color:#4f4307; text-decoration:none}
#menu A:hover { background-position: 0 -40px;} 
#menu A.selected {background-position: 0 -80px; color:#f5f1df;}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu li {position:relative; float:left; margin-right:2px; z-index:300}
ul.menu ul {position:absolute; top:40px; left:0; display:none; opacity:0; list-style:none; -moz-border-radius:3px; z-index:1000}
ul.menu ul li {position:relative; width:148px; margin:0; font-size:13px; border-bottom:1px solid #ebe3be; z-index:1000}
ul.menu ul li A {background:#e1d59f !important; padding:6px 13px !important;}
ul.menu ul li A:hover {background:#ebe3be !important;}
ul.menu ul li A.selected { font-weight:bold; color:#4f4307 !important; background-color:#cdba61 !important;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 7px 7px;}
ul.menu .sub {}
ul.menu .topline {}
#tabs A {color:#656149;}



#Container{ background:#FFF url(../images/bg-container.gif) repeat-x; width:100%; padding:20px 0px 0; overflow:hidden; margin-bottom:50px;}
#Container .inner{ width:780px; margin:0 auto; }

#LeftCol {float:left; width:560px; color:#656149; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px;}
/*#LeftCol .inner{background:#0000FF}*/
#LeftCol UL{}
#LeftCol LI{}

#RightCol{float:right; width:207px; position:relative;}
#RightCol .inner{}


.clearfooter { clear:both; height:116px;}

#Footer{width:100%; position: relative;height:116px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; clear:both;}
#Footer .footer-details {font-size:11px; background:url(../images/bg-footerGradient.gif) repeat-x top left;  color:#ffffff; line-height:15px; height:79px; overflow:hidden;}
#Footer .footer-details .inner { margin: 20px auto 0px auto; width:772px; color:#545035;}
#Footer A{ text-decoration:none; font-size:11px; color:#545035}

#Contact{clear:both; width:772px; margin: 0px auto;}
#Contact IMG{margin-right: 25px}

#BreadCrumbs{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#545035; margin-bottom: 35px}
#BreadCrumbs A{ text-decoration:none; color:#545035 }
#BreadCrumbs SPAN{color:#cbcac2}

/************************************
		Forms
************************************/

/*#form { padding:20px; border:1px solid #efe9c8; background-color: #fcfbf5;}*/
legend { font-size:14px; color:#931d39; margin:0; font-family:Georgia, "Times New Roman", Times, serif;} 
#form li {margin:8px 0;}

#form input, #form textarea {border: 1px solid #efe9c8; padding:5px; font:11px Verdana, Arial, Helvetica, sans-serif;}


fieldset { background: #FCFBF5; border: solid 1px #EFE9C8; padding: 0 20px 14px 20px; margin: 5px 0px 10px 0px; font-size: 1.0em; }
fieldset H2 { border-bottom:1px solid #EFE9C8; padding-bottom:5px; margin-bottom:15px; margin-top:20px; color:#931D39;}
/*
legend { font-weight: bold; font-size: 1em; margin-left: -10px; padding: 3px; margin-bottom: 10px; color: #dc3f95;}*/
legend span { font-weight: normal; }
fieldset p { margin: 0.6em 0; width: 100%; display: block; clear:both; }
fieldset label { float:left; width: 180px; display: block; padding-right: 4%; text-align: left; }
fieldset label span { color: #666; font-size: 0.85em; color: #787878; }
fieldset .fieldBox, fieldset .commentBox, fieldset .code { width: 300px; border: solid 1px #EFE9C8; padding: 4px; }
fieldset .code { width: 70px; float: left; margin: 1px 0px 0px 10px; }

fieldset .submit {border: 1px solid #efe9c8; padding:5px;}

fieldset .top { margin: 1.4em 0 0.6em 0; }
fieldset input:focus, fieldset textarea:focus { background: #EFE9C8; }

input[disabled='disabled'] {
  background: #efefef; }
}

fieldset .disabled { background: #efefef; }

.fieldBoxsm { width: 60px; border: solid 1px #EFE9C8; padding: 4px; }

.required { font-size: 1.3em; font-weight: bold; color: #931d39; }

.order-item input.text { width:54px;}



/************************************
		Image Listing
************************************/

.thumb-listing {list-style: none !important; margin:20px 0px !important; list-style-type:none !important; padding:0px; }

.thumb-listing LI {
	background-image:none !IMPORTANT;
	height: 1%; background-color:#999933 !IMPORTANT;
}

.thumb-listing .description {
	width: 355px;
	float: right;
	margin: 0 20px 0 0;
	padding-bottom:20px;
	margin-bottom:20px;
	
	border-bottom: 2px dotted #cecfd0;
}

.thumb-listing .thumb {
	width: 90px;
	float: left;
	margin-top:10px;
	margin-right: 10px; clear:both
}

.seperator {display:block; width:470px; height:18px; background:url(../images/sep-top.gif) no-repeat right; position:relative; right:0px; margin: 40px 0px;}

/**********************************
			Homepage
***********************************/

.Featured { overflow:hidden; position:relative; background: #f1edd8 url(../images/image-featured-top.jpg) no-repeat top; margin-bottom:10px; width:560px;}
.Featured .bottom {background: url(../images/bg-featured.gif) bottom; height: 5px;}
.Featured IMG { width: 544px; height:auto;}


#HomePanels { width:560px; margin: 0; overflow:hidden;}
#HomePanels A{size:18px; color: #545035; font-family:Georgia, 'Times New Roman', Times, serif; text-decoration:none; margin:0}
#HomePanels LI{display:block; width:183px; float:left; margin: 0px 5px 4px 0px; position:relative;}
#HomePanels LI.lastitem{margin-right:0px !IMPORTANT  }
#HomePanels LI IMG { background:#F1EDD8; padding:3px; -moz-border-radius:3px; webkit-border-radius:3px; }

#PromoBox {width:200px; margin: 10px 0px 0px 3px}

#Search{ width:207px; margin-bottom:13px; overflow:hidden;background:url(../images/bg-search.gif) no-repeat;}
#Search .txtSearch{  font-size: 12px; background:none; font-family: Arial, Helvetica, sans-serif;color:#551019; width:121px; border:none; outline:none; padding: 8px 0px 5px 10px; }
#Search .option{ float:left; cursor: pointer; background:url(../images/btn-options.gif) no-repeat; width:50px; height: 29px ; border:none; padding: 0px 0px 0px 0px;}
#Search .go{ background:url(../images/btn-search.gif) no-repeat; width:26px; height: 29px ; border:none; padding: 0px 0px 0px 1px; margin-left:1px; display:block; float:right;}
#Search .search-small {margin-bottom:1px; overflow:hidden;}


#search-advanced { display:none; width: 207px; background:#e1d8ac url(../images/option-gradient.gif) no-repeat center top; -moz-border-radius:3px; -webkit-border-radius:3px; clear:both; overflow:hidden;}
#search-advanced P {color:#551019; font:11px Verdana, Arial, Helvetica, sans-serif; margin:10px 0;}
#search-advanced .search-inner {margin:14px;}
#search-advanced LI {margin:5px 0;}
#search-advanced INPUT, SELECT { width:176px;}


/**********************************
		Product Listing
***********************************/

.AccordionPanel INPUT.text {width:50px;}

#ProductListing{ margin: 30px 0 40px; background:url(../images/listing-border-bg.gif) repeat-y; width: 560px;}
.special {color:#9c1d3b; font-weight:bold;}
.old-price { font-style:italic; text-decoration:line-through;}


.head {margin-bottom:10px; background-image:url(../images/listing-header-bg.gif); color:#4f4307; font-weight:bold; font-family:Arial, Helvetica, sans-serif; overflow:hidden;line-height:35px; padding:0 12px; height:35px;}
.head .button,.foot .button {margin: 5px 0px 5px 5px !important}

/* Filter functionality */
.head .head-inner {font-size:13px; color:#961d3a; margin:5px 15px 5px; clear:both; overflow:hidden;}
.head .filter-container { background:url(../images/filter-bg.gif) no-repeat; border:1px solid #941d39; -moz-border-radius:2px; overflow:hidden; margin:5px 0;}
.head #filter-subcats {float:right; width:415px;margin:3px 0;}

.head #filter-subcats li {padding:0; margin:0; display:block;  margin:3px 0 0 6px}
li label.prettyCheckbox { text-align:center; background: transparent url(/images/btn-toggle-a.gif) no-repeat scroll top right; display:block; float:left; height:25px; margin-right:6px; padding-right:12px; width:118px; }

label.prettyCheckbox span {
background: transparent url(/images/btn-toggle-span.gif) no-repeat; 
display: block;
line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0 0 0 13px;
}

label.prettyCheckbox:hover {background: transparent url(/images/btn-toggle-a.gif) right -26px;} 
label.prettyCheckbox:hover span {background: transparent url(/images/btn-toggle-span.gif) no-repeat left -26px;}

label.checked {background: transparent url(/images/btn-toggle-a.gif) no-repeat scroll bottom right !important;}
label.checked span {background: transparent url(/images/btn-toggle-span.gif) no-repeat scroll bottom left !important; color:#FFF; !important}



.head #filter-options { margin:0; padding:0; float:left; width:110px; margin:3px 0;}
.head #filter-options li { padding:0; margin:0; display:block; overflow:hidden; margin:3px 6px;}
.head #filter-options li label.checkbox {width:85px;}

a.red-button {color:#FFF;}


.button {
		display: block;
		float: left;
		height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
		padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
		text-decoration: none;
		color:#FFFFFF !important;
}



.button span {
background: transparent url(/images/btn-magenta-span.gif) no-repeat; 
display: block;
line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0 4px 0 13px;
height:25px;
font-weight:normal;
}

.button:hover {background-position: right -26px}
.button:hover span { background-position: left -26px}

.btn-red {background: transparent url(/images/btn-magenta-a.gif) no-repeat scroll top right; }
.btn-red SPAN {background: transparent url(/images/btn-magenta-span.gif) no-repeat;}

.btn-gold {background: transparent url(/images/btn-gold-right.gif) no-repeat scroll top right; color:#4f4307 !important; }
.btn-gold SPAN {background: transparent url(/images/btn-gold-left.gif) no-repeat;}



		input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}

button { 
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /*red removes extra side padding in IE */
	font-size:13px;
	margin:0 !important;
	font-family:Arial, Helvetica, sans-serif;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	display: block; 
	white-space: nowrap;	
}




.foot {margin:10px 0 0px; background:url(../images/listing-footer-bg.gif) no-repeat; color:#4f4307; font-weight:bold; font-family:Arial, Helvetica, sans-serif; overflow:hidden; line-height:35px; height:35px; padding:0 12px;}


.foot .btn-next,.header .btn-next{ background:url(../images/btn-next.gif) no-repeat; width:50px; height: 21px ; border:none; padding: 0px 0px 0px 0px; margin:3px 0 !important; }
.foot .btn-previous,.header .btn-previous{ background:url(../images/btn-previous.gif) no-repeat; width: 75px; height: 21px ; border:none; padding: 0px 0px 0px 0px; margin:3px 0 !important; margin-right: 5px !important;}

#ProductListing .head A{ color:#ffbcc3}

.product-model { float:left; font-size:14px; vertical-align:middle; width:290px;}
 /*.product-model DIV.innertext { vertical-align:middle; display:table-cell; height:160px;} */
.product-model SPAN {color:#DCD08C; font-size:13px;}

.prod-thumb {float:left; margin-right:25px;}
.prod-thumb a {display:block;}
.img-zoom {width:161px; height:161px; display:block; position:absolute; top:0; left:0; background: url(../images/icon-zoom.gif) bottom right no-repeat; z-index:50; cursor:-moz-zoom-in}

.ListingControls{ background:#ffffff; padding: 8px;clear:both; overflow:hidden;}
.ListingControls .btn-order{ background:url(../images/btn-order.gif) no-repeat; width:55px; height: 25px ; border:none; padding: 0px 0px 0px 0px; margin-top: 8px }
.ListingControls .btn-enquire{background:url(../images/btn-enquire.gif) no-repeat; width:61px; height: 25px ; border:none; padding: 0px 0px 0px 0px; margin-top: 8px  }

/**********************************
		Overlay Style
***********************************/

div.overlay { 
     
    /* growing background image */ 
   background:#FFF;
   background-image:none;
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/**********************************
		Checkout
***********************************/

#sbasket { width:100%; border:3px solid #931d3a; font-size:inherit; color:inherit}
#sbasket TH {background:#931d3a; padding:7px 10px; color:#FFF;}
#sbasket TD { padding:7px 10px;}
#sbasket TD A {color:#931d3a;}
#sbasket tfoot { padding:7px 10px;; background:url(../images/table-tfoot-bg.gif) repeat-x; border-top: 1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
#sbasket .totalT {color:#931d3a; font-weight:bold;}


#checkoutform { float: left; width: 100%; padding: 0 0 10px 0; }

.shiftPL { float: left; width: 110px; background: #f6f1dd; border-bottom: solid 1px #EFE9C8; padding: 2px 0 2px 10px; }
.shiftPR { float: left; width: 380px; padding: 2px 0 2px 10px; border-bottom: solid 1px #EFE9C8;}

/**********************************
		Panels
***********************************/
.panel {width:207px; background:#f1edd8; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; color:#5f541b; font-size:12px;}
.panel-top { background:url(../images/panel-top.gif) no-repeat; height: 4px;font-size:1px;}
.panel-bottom { background:url(../images/panel-btm.gif) no-repeat; height: 4px; font-size:1px;}

.panel h1 { display:block; font-size: 16px; color:#931d39; font-family: Arial, Helvetica, sans-serif; padding:0 12px 0; background:url(../images/panel-title-bg.gif) no-repeat; margin:0 4px; font-weight:bold; height:42px; line-height:42px;}

#minicart {position:relative;}
#minicart h1 { padding-left: 55px !important; padding-right:10px;}

.panel .panel-body {margin:5px 4px 0; background:url(../images/panel-body-bg.gif) no-repeat top; overflow:hidden;}
.panel FORM { margin:10px; overflow:hidden; display:block;}
.panel FORM A { color:#931d3a;}
.panel FORM LI {margin: 3px 0;position:relative}
.panel FORM LI.action { overflow:hidden; margin:10px 0;}

.panel form li {  }
.panel label  { position:absolute; top:5px; left:10px}

.panel INPUT.text { background:url(../images/panel-input-bg.gif) no-repeat; border:0; padding:6px 11px; width:159px; font-size:12px;}

.panel .panel-links {clear:both; padding:8px 10px; margin:0 4px; overflow:hidden; background:url(../images/panel-btnbar-bg.gif) repeat-x; font-size:11px;}
.panel .panel-links a {color:#5f541b;}
.panel .panel-links UL { float:left; overflow:hidden;}
.panel .panel-links li {float:left;} 
.panel .panel-links li.sep {width:1px; height:11px; background:url(../images/btn-sep.gif); margin:0 5px;}

.panel .cart-count { width:55px; height:57px; position:absolute; top: -4px; left:-4px; background:url(../images/items-cart.png) no-repeat;}
.panel .cart-count SPAN { color:#FFF; font-size:22px; font-weight:bold; display:block; margin:15px 10px; text-align:center;}

.panel-wire {width:207px; position:relative; border:1px solid #f1edd8; -moz-border-radius: 5px; -webkit-border-radius:5px; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px; margin-top:5px; color:#5f541b; font-size:12px;}
.panel-wire .title {text-transform: uppercase; font-size: 11px; font-family:Georgia, "Times New Roman", Times, serif; color: #d1bd5f; position:absolute; top:-10px; left:13px; background:#FFF; padding:3px;}
.panel-wire A {text-decoration:none; color:#931d3a; margin:20px 15px; display:block;}
.panel-wire h1 { font-size:23px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px; font-style:italic;}

#subnav { overflow:hidden;}
#subnav { margin:0 5px}
#subnav LI {display:block;}




/**********************************
		Navigation
***********************************/

.button-bar {float:right}
.button-bar li {float:left; margin-left:5px;}

#subnav a {
	background: transparent url(/images/subnav-bg.gif) repeat-x top left; 
	display: block;
	font-size:12px;
	font-weight:bold;
	color:#551019 !important;
	text-decoration: none;
	padding: 6px 15px 7px;
	margin:1px 0;
}




#subnav a:hover {background-position: left -28px}
#subnav a.selected { background-position: left -56px; color:#FFF !important;}


.ui-tabs .ui-tabs-hide {
     display: none;
}
	
.ui-tabs-panel a {color: #84816d; font:13px Arial, Helvetica, sans-serif; text-decoration:none;}
.ui-tabs-panel li { display:block; width:183px; float:left; margin: 0px 3px 20px 0px; position:relative;}
.ui-tabs-panel li IMG { padding:1px; border:1px solid #E0D38F; background:#FFF; -moz-border-radius:3px; }
.img-zoom-cat {display:block; position:absolute; background: url(../images/icon-zoom.gif) bottom right no-repeat; left:155px; top:105px; width:25px; height:22px;cursor:-moz-zoom-in}


/**********************************
		Gallery
***********************************/

.gallery-thumbs { overflow:hidden; background: #f1edd8 url(../images/image-featured-top.jpg) no-repeat top; margin-bottom:10px; width:560px;}
.gallery-thumbs .bottom {background: url(../images/bg-featured.gif) bottom; height: 5px;}

.caption{font-style:italic;color:#931d39; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:21px; padding:7px 10px; display:block;}
.demo{position:relative;margin-top:2em;}
.Featured:hover .arrow{ display:block;}
.gallery_demo{width:560px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #f1edd8;margin: 2px;background:#f1edd8;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:8px;}
#main_image img{margin-bottom:5px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

.demo .arrow { display:none;  height: 25px; width: 26px; background: url(../images/arrows-big.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 155px; cursor: pointer; z-index:50;}
.demo A.forward { background-position: right 0; right: 15px; }
.demo A.back { background-position: left 0; left: 15px; }

.demo .forward:hover          { background-position:right bottom;}
.demo .back:hover             { background-position:left bottom;}


/**********************************
		Scrollable
***********************************/


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 207px;
	height:243px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable a {
	float:left;
	width:173px;
	height:206px;
	
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}