@charset "utf-8";
/* CSS Document */

@import url(grid.css);
@import url(reset.css);


div.spacer { height:1em;}


#top-line {
	background:url(../images/top-line.gif) repeat-x;
	width:100%;
	height:10px;
	margin:0; padding:0;
}


#white-body {
	background:#FFFFFF;
	width:100%;
	margin:0;
}


/********************************************************************************************
*** START Top-Menu Style
*********************************************************************************************/
#menu {
	float:right;	
	padding:43px 15px 0 0;
}
#menu li {
	float:left;
	list-style:none;
	margin:0; 
	padding:0 1px;
}
#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {
	color:#666;
	text-decoration:none;
	display:block;
	padding:6px 12px;
	text-transform:uppercase;
}

#menu li a:hover {
	color:#999900;
	display:block;
	padding:6px 12px;
}

#home-page #home, #furniture-page #furniture, #wallpaper-page #wallpaper,
#specials-page #specials, #catalogues-page #catalogues, #about-page #about, #contact-page #contact {
	color:#FFFFFF;
	background:#000000;
	display:block;
	padding:6px 10px;
}

/*** END Top-Menu Style **********************************************************************/


div.line-green {
	border:1px #cccc00 solid; margin:0; width:100%;
}

#home-video {
	background:url(../images/home-video.jpg) top no-repeat;
	width:460px;
	margin:0;
	padding:0;
	float:left;
	min-height:250px;
}

#home-special {
	background:url(../images/home-special.jpg) top no-repeat;
	width:880px;
	margin:0 auto;
	padding:0;
	min-height:200px;
}
#home-video p, #home-special p { padding:10px;}



#gray-body {
	background:#EEEEEE;
	width:100%;
	margin:0;
}
#gray-body #others-catalog {
	background:url(../images/others-catalog.jpg) no-repeat;
	width:260px;
	height:240px;
	float:left;
	margin:10px 20px;
}
#gray-body #others-wp {
	background:url(../images/others-wp.jpg) no-repeat;
	width:260px;
	height:240px;
	margin:10px 40px;
}
#gray-body #others-contact {
	background:url(../images/others-contact.jpg) no-repeat;
	width:260px;
	height:240px;
	float:right;
	margin:10px 20px;
}


#bar {
	background:url(../images/bar.jpg) no-repeat;
	width:940px;
	height:36px;
	line-height:36px;
	margin:0;
	padding:0;
}

#bar p {
	float:left;
	padding:10px 0 0 15px;
	margin:0;
}

div.list-top {
	/*background:url(../images/bar-700.jpg) no-repeat;*/
	border-bottom:1px dashed #DDD;
	width:680px;
	height:28px;
	margin:0;
	padding:0;
	line-height:28px;
}

form#sortby {
	margin:0;
	padding:2px 15px;
	float:right;
	line-height:28px;
}
form#sortby select {
	color:#333333;
	width:70px;
}

div#heading {
	border-bottom:1px solid #ccc;
	margin:0 auto;
}

p#headline { 
	font-size:13px; 
	width:180px; line-height:35px; 
	border-right:1px solid #ccc; 
	margin:0; padding:0;
}

img.icons {
	float:left;
	vertical-align:bottom; 
	padding:10px;
}

#body460 {
	border:1px solid #CCCCCC;
	-moz-border-radius:4px;
	min-height:350px;
}


a.btn, a.btn:link, a.btn:active, a.btn:visited { 
	line-height:24px;
	display:block;
	color:#666666;
	text-align:right;
	margin:5px;
	padding:0 10px 0 0;
}
a.btn:hover {
	color:#333333;
}
/*******************************************************************************************************************************
** Side-menu
*******************************************************************************************************************************/
div.side-top {
	background:url(../images/icons/folder.png) no-repeat left center;
	border-bottom:1px dashed #0088cc;
	width:200px;
	display:block;
	margin:0 auto;
	padding:0;
}

#side-menu {
	width:200px;
	margin:0 auto; 
	padding:0;
	float:left;
	/*border:1px #DEDEDE solid;*/
}
#cat1 {
	/*background:url(../images/cat1.jpg) no-repeat;
	background:#F9F9F9;*/
	border-bottom:1px dashed #AAAA00;  
	width:200px;
	height:26px;
	line-height:25px;
	margin:0; padding:0;
}

#side-menu ul {
	margin:0;
	padding:0;
}
#side-menu ul li {
	width:200px;
	height:26px;
	line-height:26px;
	float:left;
	list-style:none;
	margin:0; 
	padding:0;
	/*background:url(../images/icons/arrow_sidemenu.png) 10px center no-repeat;*/
}

#side-menu ul li a, #side-menu ul li a:link, #side-menu ul li a:visited, #side-menu ul li a:active {
	display:block;
	text-decoration:none;
	width:200px;
	height:26px;
	line-height:26px;
	border-bottom:1px #CCCCCC dashed;
	margin:0;
	padding:0;
	color:#333333;
}


#side-menu ul li a:hover {
	color:#AAAA00;
}

#current a, #side-menu ul li#current a {
	/*background:url(../images/icons/arrow_current.png) 10px center no-repeat;*/
	color:#0088cc;
}

/*******************************************************************************************************************************
** Product List
*******************************************************************************************************************************/

div.pdName {
	margin:0 auto; 
	padding-left:25px;
	text-transform:capitalize;
	font-size:18px;
	font-weight:normal;
}

div.product-list {
	border:1px solid #CCC;
	width:304px;
	height:240px;
	margin:2px auto 10px auto;
	padding:3px; 
	text-align:center;
}
table.product-list {
	border:1px solid #CCC;
	margin:3px auto 10px auto;
	padding:3px; 
	text-align:center;
	height:250px;
}
div.pd-icons {
	text-align:right; 
	padding-right:10px;
}


table.products p { padding:10px;}

p#out {
	color:#CC0000;
	float:left;
	background:url(../images/icons/out.png) no-repeat;
	margin:0 0 0 16px;
	padding:0 0 5px 20px;
}
p#out-list {
	color:#CC0000;
	float:left;
	background:url(../images/icons/out.png) no-repeat;
	margin:0;
	padding:0 0 5px 20px;
}
p#stock-list {
	float:left;
	margin:0;
	padding:0 0 5px 2px;
}

.special {
	color:#CC0000;
}

/* span in Detail page */
.out {
	color:#CC0000;
}

/*******************************************************************************************************************************
** Buttons' STYLES
*******************************************************************************************************************************/
/*
a.product-detail {
	background:url(../images/icons/product-detail.png) no-repeat 3px center;
	padding:6px 6px 6px 26px;
	line-height:25px;
	color:#666666;
}
*/
a.normal, a.normal:link, a.normal:active, a.normal:visited,
a.footer-links, a.footer-links:link, a.footer-links:active, a.footer-links:visited,
a.group, a.group:link, a.group:active, a.group:visited,
a.product-detail, a.product-detail:link, a.product-detail:active, a.product-detail:visited {
	color:#666;
	text-decoration:none;
}

a.normal:hover, a.product-detail:hover, a.group:hover, a.footer-links:hover {
	color:#888800;
	text-decoration:underline;
}

button.btn-input {
	background:url(../images/btn-input.jpg) repeat-x;
	border:1px solid #CCCCCC;
	height:24px;
	padding:0 6px;
	color:#333333;
}
button.btn-input:hover {
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#0088CC;
}




table.product_listview {}
table.product_listview tr td { 
	padding:5px 0;
}

p a, p a:link, p a:visited, p a:active { color:#0088CC; text-decoration:none; }
p a:hover { color:#888800; text-decoration:underline;}

/* ------------------- START Pagination Link Style------------------------------ */

span.current { border:#CCCCCC 1px solid; background:#FFFFFF; color:#888800; padding:2px 5px;}
a.paging, a.paging:link, a.paging:visited, a.paging:hover { color:#0088CC; padding:2px 5px; text-decoration:underline; }
a.paging:hover { border:#CCCCCC 1px solid; background:#FFFFFF; color:#888800; padding:2px 5px; text-decoration:underline; }

/* ------------------- END Pagination Link Style------------------------------ */


/*******************************************************************************************************************************
** FOOTER
*******************************************************************************************************************************/
#footer {
	margin:0;
	float:right;
	padding:25px 5px;
	color:#999999;
}


