/* mac hide\*/
html, body {height:100%}
/* end hide */
/* =================================================================== */
/* STRUCTURE */
body {
	padding:0px;
	margin:0px;
	text-align:center;
	min-width:1000px;/* for mozilla*/
	background-color: #000;
	background-image:url(images/flowerback.gif);
	color: #000000;
}

body p {
margin:0px;
padding:0px 0px 10px 0px;
}
#outer{
	height:100%;
	min-height:100%;
	width:1000px;
	color: #000000;
	text-align:left;
	margin:auto;
	padding:0px;
	position:relative;
	z-index:20;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:900px;
	margin:80px 0px 0px 0px;
	padding:0px;
display: inline;
height:500px;


	
}
#header{
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:80px;
	font-family:Arial;
	background-color:#000;
	text-align:left;
	margin:0px;
	padding:0px;
	clear:both;
}

#header img {
	margin: 31px 0px 0px 40px;
	
}

#subleft {
	position: absolute;
	top: 80px;
	left: 100px;
	width:150px;
	margin:0px;
    padding: 0px;
	color:#FFF;
	clear:both;
	z-index: 9;
}

.submenu {
	padding: 25px 0px 0px 0px;
}


.submenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	line-height:normal;
}

.submenu a:hover {
	text-decoration:none;
	color: #CF0;
}

.submenu li{
	text-decoration:none;
	list-style-type:none;
	padding: 5px 0px 0px 0px;
}

#left {
	position: absolute;
	top: 80px;
	left: 0px;
	width:100px;
	margin:0px;
    padding: 0px;
	background-color: #000;
	color:#FFF;
	clear:both;
}




.menu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	line-height:normal;
}

.menu a:hover {
	text-decoration:none;
	color: #CF0;
}

.menu li{
	text-decoration:none;
	list-style-type:none;
	padding: 5px 0px 0px 0px;
}



#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:3px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:100px;
	float:right;
	margin-top:0px;

}

#footer {
position:relative;
	width:900px;
	height:50px;

	background-color:#999999;

	text-align:left;
	margin:0px 0px 0px 5px;
	padding:0px;
	clear:both;

}

#topcross {
	background-image:url(images/topcross.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 115px;
	left: 200px;
	height:115px;
	width: 107px;
	z-index: 0;
}

#bottomcross {
	background-image:url(images/bottomcross.jpg);
	background-repeat:no-repeat;	
	position:absolute;
	top: 620px;
	left: 208px;
	width: 66px;
	height: 66px;
	z-index: 0;
}

#bottomcross_projects {
	background-image:url(images/bottomcross.jpg);
	background-repeat:no-repeat;	
	position:absolute;
	top: 700px;
	left: 208px;
	width: 66px;
	height: 66px;
	z-index: 0;
}

#bottomcross_contact {
	background-image:url(images/bottomcross.jpg);
	background-repeat:no-repeat;	
	position:absolute;
	top: 345px;
	left: 208px;
	width: 66px;
	height: 66px;
	z-index: 0;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	float:right;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {

padding: 0px;

	/*padding-bottom:32px; needed to make room for footer */
	margin:0px;

	color:#FFF;
	position:absolute;
	top: 175px;
	left: 260px;
	z-index: 10;
	


}

#project {
	padding: 0px;
	margin: 0px;
	
}

#in_centretop {

height:335px;
margin:0px;
width:700px;
padding:0px 0px 0px;


}

#in_centretop img{

margin:0px;
padding:0px;

}


#in_centrebottom {
display:block;
margin:0px;
width:690px;


padding:10px 0px 0px 10px;

}



#centretop {
display:block;
height:400px;
margin:0px;
width:700px;
/*padding-top:110px;*/
padding:5px 0px 0px 5px;
	/*width:700px;
	float:right;

	padding-bottom:32px;/* needed to make room for footer */
}

#centretop_ordering {
display:block;
margin:0px;
width:700px;
/*padding-top:110px;*/
padding:5px 0px 0px 5px;
	/*width:700px;
	float:right;

	padding-bottom:32px;/* needed to make room for footer */
}



#concentretop {
display:block;
height:420px;
margin:0px 0px 0px 5px;
width:700px;
padding:5px 0px 0px 0px;

}


#p_centretop {
position:relative;
float:left;
height:auto;
margin:0px;
width:700px;

/*padding-top:110px;*/
padding:5px 0px 0px 0px;

	/*width:700px;
	float:right;

	padding-bottom:32px;/* needed to make room for footer */
}
#centremiddle 
{
display:block;
margin:0px;
width:700px;
padding:0px;

	/*width:700px;
	float:right;
	padding-top:900px;
	padding-bottom:32px; needed to make room for footer */
}
#centrecontent p {}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

.container1 {
position:relative;
width:700px;
margin:0px;
padding:0px;

}

.container2 {
position:relative;
height:190px;
width:700px;
margin:0px;
padding:0px;
}

.product {
width:410px;
margin:0px;
padding:15px 0px -5px 0p;
}

.producttop {
position:relative;
width:410px;
height:15px;
display:block;
}

.p_producttopleft {
position:absolute;
left:5px;
font-family:Arial;
font-size:10px;
color:#FF0000;
margin:0px;
padding:0px;
height:15px;
}

.p_producttopright {
position:absolute;
right:0px;
font-family:Arial;
font-size:10px;
color:#FF0000;
margin:0px;
padding:0px;
height:15px;
}

.p_pleft {
position:relative;
float:left;
width:150px;
margin:0px;
padding:0px;
height:80px;
border:0px;
text-align:center;
}

.p_pleft a {
border:0px;
border:none;
text-decoration:none;
}


.p_pleft img {
position:relative;
display:inline-block;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
}

.centering {
text-align:center;
vertical-align:middle;
}

.p_pright {
vertical-align:bottom;
position:relative;
float:right;
width:250px;
margin:0px;
padding:0px;
}

/*.p_ptitlecontainer {
clear:both;
height:30px;
width:100%;
background-color:#999999;
font-family:Arial;
font-size:12px;
color:#000000;
display:table;
}

.p_ptitlecontainer a:hover {
background-color:#FF0000;
text-decoration:none;
font-family:Arial;
font-size:12px;
color:#000000;
}*/

.p_ptitlecontainer	{
clear:both;
position:relative;
font-family: arial, verdana;
background-image:url(images/productbar_over.gif);
background-repeat:no-repeat;
display: block;
width: 410px;
height: 35px;
margin: 0; 
margin-bottom:10px;
padding: 0;
color:#000000;
}
.p_ptitlecontainer a {
position:relative;
display:block;
font-size: 11px;
width: 410px;
height: 35px;
display: block;
float: left;
margin: 0;
padding: 0;
color: #000000; text-decoration: none; 
}
.p_ptitlecontainer i {
font-weight:lighter;
color: #ffffff; text-decoration: none; 
}
.p_ptitlecontainer img {width: 100%; height: 100%; border: 0; position:relative; }
* html a:hover {visibility:visible}
.p_ptitlecontainer a:hover img{visibility:hidden}
.p_ptitlecontainertitle {
	position:absolute;
	left:5px;
	top:3px;
	margin:0;
	cursor: pointer;
	color:#000000;
}
.p_ptitlecontainerprice {
	position:absolute;
	text-align:right;
	right:5px;
	top:3px;
	margin:0;
	cursor: pointer;
	color:#000000;
}
.p_ptitle {
position:relative;
height:30px;
width:100%;
display:inline;
}

.p_pname {
position:relative;
float:left;
margin:5px;
padding:0px;
}

.p_pprice {
position:relative;
float:right;
margin:5px;
padding:0px;
}


.breaker {

text-align:center;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
font-size:0px;
display:block;
}

#breadcrumb {
display:block;
height:20px;
margin:0px;
margin: 5px 0px 0px 10px;
width:650px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;

/*padding-top:110px;*/
padding:170px 0px 0px 0px;
	/*width:700px;
	float:right;

	padding-bottom:32px;/* needed to make room for footer */
}

#breadcrumb a:hover {
color:#000000;
text-decoration: underline;
}

#breadcrumb a {
color:#999999;
text-decoration: none;
}


/* END of STRUCTURE */
/* =================================================================== */
/* HEADER */

#col_topbar
{
position:absolute;
clear:both;
top:0px;
left:0px;
width:100%;
height:165px;
margin:0px;
padding:0px;
background-color:#666666;
border:0px;
font-size:0px;
filter:alpha(opacity=55);
-moz-opacity:.55;
opacity:.55;
z-index:1;
}

#topbar
{
background-color:#CCCCCC;
background-image:url(images/topshadow.gif);
background-repeat:repeat-x;
position:absolute;
top:0px;
left:0px;
width:100%;
height:22px;
z-index:10;
margin:0px;
padding:0px;
clear:both;
font-size:0px;
}

#topbar_con {
background-color:#CCCCCC;
background-image:url(images/topshadow.gif);
background-repeat:repeat-x;


position:absolute;
	top:0px;
	left:95px;
	width:720px;
	height:22px;
	font-family:Arial;
	background-color:#999999;
	color:#cc5500;
	font-size:0px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	clear:both;
	z-index:40;

}

#shadow {
	position:absolute;
	top:0px;
	background-color:#565656;
	overflow:hidden;
	color: #000000;
	width:740px;
	height:105px;
	left:0px;
	padding:0px 0px 0px 0px;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;
	}

.search {
position:absolute;
	top:2px;
left:592px;
	color:#b2b2b2;
margin:0px 0px 0px 0px;
padding:0px;
width:120px;
height: 16px;

background-image:url(images/search.gif);
background-repeat:no-repeat;

z-index:40;
}


.search input
{

	color: #000000;
	border: 0px;
	padding: 0px;
font-size:9px;
line-height:10px;
margin:0px;
height:16px; 
width:100px; 
padding:2px 0px 0px 5px; 
margin:0px 0px 0px 5px; 
position:absolute: 
top:0px; 
left:0px;
background-color:transparent;


}

.search form
{
background-color:transparent;
}

.search img {
position:absolute;
top:0px;
left:100px;
margin:0px;
padding:0px;

}

.search a{
text-decoration:none;
padding:0px;
margin:0px;
}


.cssnav	{
position:relative;
font-family: arial, verdana;
background-image:url(images/in_con_over.gif);
background-repeat: no-repeat;
display: block;
height:150px;
width:183px;
margin: 0; 
margin-bottom:0px;
padding: 0; 
}
.cssnav a {
display:block;
font-size: 11px;
height:150px;
width:183px;
display: block;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none; 
}
.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
	position:absolute;
	left:5px;
	top:3px;
	margin:0;
	cursor: pointer;
}

.contemporary_button {
position:absolute;
left:0px;
top:0px;
margin-bottom:0px;
background-image:url(images/in_con_over.gif);
background-repeat:no-repeat;
display:block;
height:150px;
width:183px;
margin:0px;
padding:0px 0px 0px 0px;
font-size:0px;
}

.contemporary_button a {
position:relative;
display:block;
font-size: 0px;
width: 183px;
height: 150px;
float:left;
margin: 0;
padding: 0px 0px 0px 0px;
color: black; text-decoration: none; 
}
.contemporary_button img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.contemporary_button a:hover img{visibility:hidden}
.contemporary_button span {
	position:absolute;
	left:5px;
	top:3px;
	margin:0;
	cursor: pointer;
	}

.bauhaus_button {
position:absolute;
top:0px;
left:183px;
margin-bottom:0px;
background-image:url(images/in_bauhaus_over.gif);
background-repeat:no-repeat;
display:block;
height:150px;
width:183px;
margin:0px;
padding:0px;
font-size:0px;
}

.bauhaus_button a {
position:relative;
float:left;
display:block;
font-size: 0px;
width: 183px;
height: 150px;
margin: 0;
padding: 0;
color: black; text-decoration: none; 
}
.bauhaus_button img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.bauhaus_button a:hover img{visibility:hidden}
.bauhaus_button span {
	position:absolute;
	left:5px;
	top:3px;
	margin:0;
	cursor: pointer;
	}
	
.contract_button {
position:absolute;
top:0px;
left:366px;
margin-bottom:0px;
background-image:url(images/in_contract_over.gif);
background-repeat:no-repeat;
display:block;
height:150px;
width:183px;
margin:0px;
padding:0px;
font-size:0px;
}

.contract_button a {
position:relative;
display:block;
font-size: 0px;
width: 183px;
height: 150px;
float:left;
margin: 0;
padding: 0;
color: black; text-decoration: none; 
}
.contract_button img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.contract_button a:hover img{visibility:hidden}
.contract_button span {
	position:absolute;
	left:5px;
	top:3px;
	margin:0;
	cursor: pointer;
	}
	
.designlogo {
position:absolute;
top:0px;
left:549px;
margin-bottom:0px;
background-repeat:no-repeat;
display:block;
height:150px;
width:151px;
margin:0px;
padding:0px;
font-size:0px;
}

.designlogo a {
position:relative;
display:block;
font-size: 0px;
width: 151px;
height: 150px;
float:left;
margin: 0;
padding: 0;
color: black; text-decoration: none; 
}
.designlogo img {width: 100%; height: 100%; border: 0; }




/* TOP MENU */
#topnavbar {
margin:0px;
padding:0px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
}

#topnavbar a {
margin:0px;
padding:0px;
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
text-decoration:none;
}

#topnavbar a:hover {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#topnavbar ul {
padding:0px;
margin:0px;
width:700px;
list-style-position:inside;
}

#topnavbar ul li {
display:inline;
padding:0px;
margin:0px;
}

#topnavbar #topnavbar1
{
top:0px;
left: 0px;
}

#topnavbar #topnavbar2
{
margin-left: 60px;

}

#topnavbar #topnavbar3
{
margin-left: 137px;
}
/* BOTTOM MENU */
#navbarposition
{
position:absolute;
top:550px;
}

#bottomnavbar {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
}

#bottomnavbar a {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
text-decoration:none;
}

#bottomnavbar a:hover {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#bottomnavbar ul {
padding:0px;
margin:20px 0px 0px 0px;
list-style-position:inside;
}

#bottomnavbar ul li {
display:inline;
padding:0px;
margin:0px;
}

#bottomnavbar1 a {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#bottomnavbar1 a:hover {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
text-decoration:none;
}

#bottomnavbar #bottomnavbar1
{
top:0px;
margin-left: 170px;
}

#bottomnavbar #bottomnavbar2
{
margin-left: 33px;

}

#bottomnavbar #bottomnavbar3
{
margin-left: 22px;
}

#bottomnavbar #bottomnavbar4
{
margin-left: 22px;
}

#bottomnavbar #bottomnavbar5
{
margin-left: 22px;
}

#bottomnavbar #bottomnavbar6
{
font-size:11px;
width:100px;
margin-left: 45px;
}

/* COLLECTION BOTTOM NAV BAR */

#col_bottomnavbar {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
}

#col_bottomnavbar a {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#cc5500;
text-decoration:none;
}

#col_bottomnavbar a:hover {
font-family:Arial;
font-size:11px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

#col_bottomnavbar ul {
padding:0px;
margin:20px 0px 0px 0px;
list-style-position:inside;
}

#col_bottomnavbar ul li {
display:inline;
padding:0px;
margin:0px;
}

#col_bottomnavbar #col_bottomnavbar1 /* for bauhaus collection */
{
top:0px;
margin-left: 270px;
}

#col_bottomnavbar #col_bottomnavbar2 /* for bauhaus collection */
{
margin-left: 25px;
}

#col_bottomnavbar #col_bottomnavbar3 /* for contemporary collection */
{
top:0px;
margin-left: 270px;
}

#col_bottomnavbar #col_bottomnavbar4 /* for contemporary collection */
{
margin-left: 25px;
}

#col_bottomnavbar #col_bottomnavbar5 /* for contract collection */
{
top:0px;
margin-left: 270px;
}

#col_bottomnavbar #col_bottomnavbar6 /* for contract collection */
{
margin-left: 95px;
}

#upholstery {
position:absolute;
top:15px;
left:660px;
margin:0px;
padding:0px;
}

#leftofdesignlogo
{
float:left;
margin:0px;
padding:0px;
}

#titleandicon
{
margin:0px;
padding:0px;
font-size:0px;
}

#title
{
font-family:Arial;
position:relative;
float:left;
color:#333333;
font-size:13px;
font-weight:bold;
margin-top:5px;
margin-left:10px;
}

.title h1
{
font-family:Arial;
color: #CCC;
font-size:16px;
font-weight:bold;
float:right;
margin:0px;
padding:0px;
}

#title h2
{
font-family:Arial;
color:#333333;
font-size:15px;
font-weight:bold;
float:left;
margin:0px;
padding:0px;
display:inline;
}

/* END of HEADER */
/* =================================================================== */
/* INDEX page */

.in_c {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:255px;
	margin:0px;
	padding:5px 0px 0px 5px;
	
	}

.in_c a {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}
	
.in_c a:hover {
	font-family:Arial;
	color:#ff0000;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	}


.in_c h1 {
	font-family:Arial;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 5px 0px 0px;
	display:inline;
	}	
	
.in_cb {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}

.in_cb h1 {
	font-family:Arial;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 5px 0px 0px;
	display:inline;
	}	

.in_cleft {
	position:relative;
	float:left;
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:310px;
	margin:00px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	vertical-align:top;
	
	}
	
.in_cleft h1 {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
	display:inline;
	}	

.in_cleft b {
color: #000000;
}
	
.in_cleft a {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}
	
.in_cleft a:hover {
	font-family:Arial;
	color:#cc5500;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	}


.in_cleft a:visited {
	font-family:Arial;
	color:#00000;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}
	
.in_cleftpic {
margin: 0px;
padding: 0px 0px 10px 0px;
width: 320px;
text-align:left;
float:left;
	}
	
#in_conblock {
display:inline;
margin:30px 0px 30px 0px;
padding: 0px 0px 0px 0px;
v-align:bottom;
max-height: 310px;

}
	
.in_cright {

	float:right;
	width:370px;
	margin:0px 0px 0px 0px;
	padding:0px;

	
	}
	
	.in_crightxt {


	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	float:right;
	width: 370px;
	max-height: 310px;
overflow: hidden;
	}
	
		.in_crightxt a {
		text-decoration:none;
		color:#666666;

	}
	
			.in_crightxt a:hover {
		text-decoration:none;
		color:#FF0000;

	}
	
.in_cright a {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}
	
.in_cright a:hover {
	font-family:Arial;
	color:#ff0000;
	font-size:11px;
	text-align:justify;;
	text-decoration:none;
	font-weight:bold;
	}
	
.in_cright h2 {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	
	}
	
	
.p_left {
	position:relative;
	float:left;
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:267px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	border:0px;
	
	}
	
.p_left h1 {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height: 12px;
	display:inline;
	}	

.p_left h2 {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 5px 0px 0px;
	display:inline;
	}	

.p_left h3 {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
	display:inline;
	}	
	
.p_left a {
	font-family:Arial;
	color:#FFFFFF;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}
	
.p_left a:hover {
	font-family:Arial;
	color:#cc5500;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	}
	
.p_right {
	position:relative;
	float:right;
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:410px;
	margin:0px 0px 0px 0px;
	padding-left:5px;
	border-left:solid;
	border-left-width:2px;
	border-left-color:#666666;
	
	}
	
.p_right a {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;	
	}
	
.p_right a:hover {
	font-family:Arial;
	color:#ff0000;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	}
	
.p_right h2 {
	font-family:Arial;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	
	}
	
.in_ctwothirds {
	position:relative;
	float:left;
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:455px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	}
	
.in_ctwothirds a {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	margin:0px;
	padding:0px;
	}
	
.in_ctwothirds a:hover {
	font-family:Arial;
	color:#ff0000;
	font-size:11px;
	text-align:justify;
	text-decoration:none;
	font-weight:bold;
	}

.in_cbtwothirds h1 {
	font-family:Arial;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px 5px 0px 0px;
	display:inline;
	}
	
	
.in_pic {
	background-color:#cccccc;
	font-family:Arial;
	font-size:10px;
	text-align: left;
	text-decoration:none;
	color:#666666;
	vertical-align: middle;
	width:430px;
	height:400px;
	position:absolute;
	top: 200px;
	right:300px;
	overflow:auto;
	margin-left:0px;
	margin-right:5px;
	padding:5px 0px 0px 5px;
	}	
	
.in_pic_noscroll {
	background-color:#cccccc;
	font-family:Arial;
	font-size:10px;
	text-align: right;
	text-decoration:none;
	color:#666666;
	vertical-align: middle;
	width:430px;
	height:400px;
	position:absolute;
	top: 200px;
	right:300px;
	margin:0px;
	margin-right:5px;
	padding:0px;
	}
	
.in_piconethirds {
	width:230px;
	height:430px;
	position:absolute;
	top: 200px;
	left: 575px;
	margin:0px;
	padding:0px;
	}
	
#in_nopic {
position:absolute;
top:200px;
left:105px;
font-size:11px;
font-family:Arial;
color:#666666;
width:695px; 
height:400px; 
overflow:auto; 
z-index:12; 
padding:0px 0px 0px 5px;
margin:0px;
}

#in_nopic a {
font-weight:bold;
text-decoration:none;
color:#000000;

}

#in_nopic a:hover {
color:#ff0000;

}

.con_main {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:275px;
	height:430px;
	margin:0px;
	padding:0px 0px 0px 5px;
	}

.con_main ul {
	text-align:left;
	list-style-type:none;
	font-size:10px;
	padding:0px;
	margin:0px;
	}
	
.con_main li {
	text-align:left;
	list-style-type:none;
	font-size:10px;
	padding:0px;
	margin:0px;
	}
	
.con_main a {
	font-family:Arial;
	color:#ff0000;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:justify;
	width:255px;
	}
	
.con_main a:hover {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	text-align:justify;
	width:255px;
	}
	
.con_title {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:0px 5px 0px 5px;
	}
	

.con_title h1 {
	font-family:Arial;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	display:inline;
	line-height: 13px;
	margin:0px;
	padding:0px;

	}
	
.con_title b {
	font-family:Arial;
	color:#000000;
	}		

.con_title i {
	font-family:Arial;
	color:#000000;
	font-size:11px;
	}
	
.con_prices {
	padding:5px;
	color:#FFFFFF;
	background-color:#999999;
	}
	
.con_prices li {
	font-size:12px;
	font-weight:bold;
	}
	
.con_prices b {
	color:#000000;
	}
	
.con_prices h2{
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	line-height:12px;
	}
	
	
.con_size {
	padding-top:10px;
	color:#666666;
	}
	
.con_size h2 {
	padding:0px 0px 0px 0px;
	color:#666666;
	margin:0px;
	line-height:12px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	}

.price
{
font-family:Arial;
color:red;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;
}

.vat
{
font-family:Arial;
color:#000;
font-size:10px;
font-weight:bold;
margin:0px;
padding:0px;
}


#swatchbrg {
background-image:url(../images/flowerback.gif); background-repeat:repeat; margin:0px; z-index:50; width:100%; height:150px;
}

#swatchcontainer {
width:100%;
align:left;
	text-align:left;
	font-family:Arial;
	color:#000000;
	font-size:11px;
padding:0px 0px

}

#swatchcontainer h1{
	text-align:left;
	font-family:Arial;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	display:inline;
	line-height: 13px;
	margin:0px;
	padding:5px 0px;
}



#swatchbox {
margin: 0px;
border:0;
padding: 0px;
text-align: left; /* IE 5.x center */
width:100%px;

}

#swatchbox li {
display: inline;
list-style:none;
list-style-type:none;
width: 150px;

}


.swatchitem {
margin: 8px;
border:0;
font-family:Arial;
color:#666666;
font-size:11px;

display: -moz-inline-box; /* For FF<3 */
-moz-box-orient: vertical; /* For FF<3 */
display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */
width: 150px; /* now optional */
vertical-align: middle; /* explicitly declare your preference as Moz inline-box auto aligns to top */

text-align: left; /* to left align text within divs when container has been set to center */
}

.box p {margin: 0.5em;}

.swatchbox img{
width: 150px;
height:150px;
margin:0px;
padding:0px;
}


.con_swatch {

	padding-top:10px;
	color:#666666;
	
}	

.con_swatch a {
text-decoration:none;
	
}

.con_swatch h2 {
	padding:0px 0px 0px 0px;
	color:#666666;
	margin:0px;
	line-height:12px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	}

#con_icon {
	text-align: right;
	text-decoration:none;
	color:#666666;
	vertical-align: middle;
	width:100px;
	height:100px;
	position:absolute;
	top: 48px;
	right:0px;
	margin:0px;
	margin-right:0px;
	padding:0px;
	}


.con_pic {
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:10px;
	text-align: right;
	text-decoration:none;
	color:#666666;
	vertical-align: middle;
	width:413px;
	height:420px;
	position:absolute;
	top: 200px;
	right:300px;
	margin:0px 5px 0px 0px;
	padding:0px;
	}
	
.con_pic a {
	font-family:Arial;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	color:#666666;
	margin:0px;
	padding:0px;
}

.con_pic a:hover {
	font-family:Arial;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	color:#cc5500;
}

.con_thumbnails {
height:48px;
text-align:right;
margin:0px 5px 0px 0px;
padding:0px;

}

#relatedproducts {
font-family:Arial, Helvetica, sans-serif;
font-size:12;
margin: 0px;
border:0;
padding: 10px 0px 0px 10px;
width:700px;

}

#relatedproducts  h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
margin:0px;
padding:0px 10px 0px 0px;
line-height:10px;


}

#relatedproducts_sub2 {
float: left;
margin: 0px 0px 0px 15px;
border:0;
font-family:Arial;
color:#333333;
font-size:11px;
width: 150px;
padding:0px 0px 15px 0px;
vertical-align : top;
}

#relatedproducts_sub2 a {

color: #333333;
text-decoration:none;

}

#relatedproducts_sub2 a:hover {
color: #000000;
text-decoration:underline;

}



/*
#con_des1 {
width:695px;
font-family:Arial;
text-align:justify;
color:#666666;
font-size:11px;
margin:0px 0px 0px 5px;;
padding:0px 5px 0px 0px;
}
*/
/* Bo's CODE*/

.FillInBox {width:220px; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FFFFFF;}
.FillInArea {width:220px; height:80px; font-family:Arial; font-size:11px; background-color:#FFFFFF;}
.TdLabel {font-family:Arial; font-size:11px; vertical-align:top; font-weight:bold;}

.online_form {
	font-family:Arial;
	color:#666666;
	font-size:11px;
	margin:0px;
	padding:0px 5px 0px 5px;
	}
.online_form h4{
	font-family:Arial;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	}

.con_des1 {
	width:695px;
	font-family:Arial;
	text-align:justify;
	color:#666666;
	font-size:11px;
	margin:0px 0px 0px 5px;
	padding:0px 5px 0px 0px;
}
.con_des1 h3 {
	background: #666666 url(images/arrow-square.gif) no-repeat right -51px;
	padding:7px 0px 0px 5px;
	margin: 0;
	border-bottom: solid 1px #CCCCCC;
	cursor: pointer;
	font-family:Arial;
	color: #FFFFFF;
	font-size:11px;
	font-weight:bolder;
	width:695px;
	height: 20px;
}
.con_des1 h3:hover {
	background-color:#999999;
}
.con_des1 h3.active {
	background-position: right 5px;
}
.con_des1 div {
	font-family:Arial;
	color: #666666;
	font-size:11px;
	margin-right:5px;
	padding:10px 0px 10px 5px;
	background-color:#FFFFFF;
	border-bottom: solid 1px #CCCCCC;
	width:695px;
}
/* ordering page*/
.item_des {
	width:700px;
	font-family:Arial;
	text-align:justify;
	color:#666666;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.item_des h3 {
	background: #666666 url(images/arrow-square.gif) no-repeat right -51px;
	padding:7px 0px 0px 5px;
	margin: 0;
	border-bottom: solid 1px #CCCCCC;
	cursor: pointer;
	font-family:Arial;
	color: #FFFFFF;
	font-size:11px;
	font-weight:bolder;
	width:695px;
	height: 20px;
}
.item_des h3:hover {
	background-color:#999999;
}
.item_des h3.active {
	background-position: right 5px;
}
.item_des div {
	font-family:Arial;
	color: #666666;
	font-size:11px;
	margin:0px;
	padding:10px 0px 0px 5px;
	background-color:#FFFFFF;
	width:690px;
	overflow:scroll-y;
}

/* Bo's CODE*/

.con_des2 {
font-family:Arial;
color: #FFFFFF;
font-size:11px;
font-weight:bolder;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
background-color: #666666;
width:695px;
height: 30px;
}

.con_des2 a {
text-decoration:none;
}

.con_des2 h3 {
font-family:Arial;
color:#FFFFFF;
font-size:11px;
font-weight:bolder;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 0px;
width:695px;
line-height:11px;
}

.con_des3 {
font-family:Arial;
color: #666666;
font-size:11px;
margin:0px 0px 0px 0px;
padding:10px 5px 10px 5px;
background-color: #CCCCCC;
width:690px;
}


.phone {	
	color:#ff0000;
	font-size:15px;
	font-weight:bold;
	text-align:left;

	z-index:40;
	}
.phone A:link {
	color:#000000;
	text-decoration:none;
	}
.phone A:visited {
	color:#000000;
	text-decoration:none;
	}
.phone A:active {
	color:#000000;
	text-decoration:none;
	}
.phone A:hover {
	color:#ff0000;
	text-decoration:underline;
	}
	

	
.bfphone {
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	width:220px;
	margin-top:10px;
	padding:0px;
	}
.bfphone A:link {
	color:#FFFFFF;
	text-decoration:none;
	}
.bfphone A:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
.bfphone A:active {
	color:#FFFFFF;
	text-decoration:none;
	}
.bfphone A:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	

	
#swatch {
position:absolute;
top:480px;
left:490px;
width:100px;
height:40px;
text-align:right;
font:Arial;
color:#cc5500;
font-size:10px;

}

/*
.con_swatch {
width:500px;
text-align:left;
font:Arial;
background-color:#FFFFFF;
color:#333333;
font-size:11px;

}

.con_swatch h1 {
font-weight:bolder;
font-size:12px;
margin:0px 0px 0px 15px;
padding:15px 0px 0px 0px;
line-height:12px;

}

.con_swatch p {
margin:0px 0px 0px 15px;
padding:0px;

}


.con_swatch h2 {
font-weight:bolder;
font-size:12px;
margin:0px 0px 0px 15px;
padding:0px;

}
	*/
#menusml {
font-family:Arial;
font-size:10px;
color:#cc5500;
margin-left: 0px;
padding-left: 5px;
padding-top: 0px;
margin-top: -7px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#menusml li {
list-style-type:none;
margin: 0px;
padding: 0px;
line-height:1.3em;
}

#menusml a {
font-weight:bold;
font-size:10px;
color:#cc5500;
text-decoration:none;
margin:0px;
padding:0px;
}

#menusml a:hover {
font-weight:bold;
font-size:10px;
color:#cc5500;
text-decoration:underline;
margin:0px;
padding:0px;
}
	
/* END of INDEX page */
/* =================================================================== */
/* FOOTER */

#col_bottombar.col_bottombar
{
width:700px;
height:10px;
background-color:#cc5500;
position:absolute;
top:550px;
margin:0px;
left:95px;
border:0px;
font-size:0px;
}

#col_bar
{
width:700px;
height:10px;
background-color:#cc5500;
margin:0px;
padding:0px;
border:0px;
font-size:0px;
}

#otherproducts
{
width:700px;
height:150px;
}

#footerlinks {
text-align:center;
color:#999999;
font-family:Arial;
font-size:10px;
}

#footerlinks a {
text-align:center;
text-decoration:none;
color:#999999;
font-family:Arial;
font-size:10px;
}

#sitemap {
text-align:right;
position:relative;
float:right;
font-family:Arial;
color:#cccccc;
font-size:10px;
margin:5px 5px 0px 0px;
padding:0px;
}

#sitemap a {
font-family:Arial;
color:#cccccc;
font-size:10px;
text-decoration:none;
}

#sitemap a:hover {
font-family:Arial;
color:#ff0000;
font-size:10px;
text-decoration:none;
}

#copywrite {
text-align:right;
position:absolute;
float:right;
font-family:Arial;
color:#cccccc;
font-size:10px;
}

#mytse {
text-align:right;
position:relative;
float:right;
font-family:Arial;
color:#666;
font-size:9px;
margin:2px 0px 0px 0px;
padding:0px;
}

#mytse a {
font-family:Arial;
color:#666;
font-size:9px;
text-decoration:none;
}

#mytse a:hover {
font-family:Arial;
color:#ff0000;
font-size:9px;
text-decoration:none;
}


/* END of FOOTER */
/* =================================================================== */
/* RIGHT SIDE MENU */

.sidemenulrg {
font-family:Arial;
font-size:14px;
font-weight:bolder;
color:#000000;
margin-left: 5px;
padding-left: 5px;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
}

.sidemenulrg li {
list-style-type:none;
margin: 0px;
padding: 0px;
line-height:1.6em;
}

.sidemenulrg a {
font-weight:bolder;
font-size:14px;
color:#000000;
text-decoration:none;
margin: 0px;
padding: 0px;
}

.sidemenulrg a:hover {
font-weight:bolder;
font-size:14px;
color:#FF0000;
text-decoration:none;
margin: 0px;
padding: 0px;
}

#sidemenusml {
font-family:Arial;
font-size:10px;
color:#000000;
margin-left: 5px;
padding-left: 5px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#sidemenusubtitle {
font-family:Arial;
font-size:11px;
color:#CCCCCC;
margin-left: 5px;
padding-left: 5px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#sidemenusml li {
list-style-type:none;
margin: 0px 0px 0px 20px;
padding: 0px;
line-height:1.6em;
}

#sidemenusml a {
font-weight:bold;
font-size:11px;
color:#000000;
text-decoration:none;
margin:0px;
padding:0px;
}

#sidemenusml a:hover {
font-weight:bold;
font-size:11px;
color:#ff0000;
text-decoration:none;
margin:0px;
padding:0px;
}

#sidemenusml a:active {
font-weight:bold;
font-size:10px;
color:#cc5500;
text-decoration:underline;
margin:0px;
padding:0px;
}

#in_sidemenusml {
font-family:Arial;
font-size:11px;
color:#000000;
margin-left: 5px;
padding-left: 5px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#in_sidemenusml li {
list-style-image:url(images/arrow.gif);
margin: 0px 0px 0px 20px;
padding: 0px;
line-height:1.6em;
}

#in_sidemenusml a {
font-weight:bold;
color:#000000;
text-decoration:none;
margin:0px;
padding:0px;
}

#in_sidemenusml a:hover {
font-weight:bold;
color:#FF0000;
text-decoration:none;
margin:0px;
padding:0px;
}

/* END of RIGHT SIDE MENU */
/* =================================================================== */
/* LEFT SIDE MENU */

.leftmenu a {
	font-family:Arial;
	color:#cc5500;
	font-size:10px;
	text-align:right;
	text-decoration:none;
}

.leftphone {
	font-family:Arial;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	margin-right:10px;
	}
.leftphone A:link {
	color:#FFFFFF;
	text-decoration:none;
	}
.leftphone A:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
.leftphone A:active {
	color:#FFFFFF;
	text-decoration:none;
	}
.leftphone A:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
#paymentcards {
position:relative;
float:left;
margin:5px;
padding:0px;
}

#leftfooter {
	font-family:Arial;
	color:#cc5500;
	font-size:10px;
	text-align:right;
	margin-right:10px;
	padding:0px;
}

#leftfooter a {
	font-family:Arial;
	color:#cc5500;
	font-size:10px;
	text-align:right;
	text-decoration:none;
}
/* END of LEFT SIDE MENU */
/* ONLINE ORDER FORM */

#formleft {
	position:absolute;
	top:230px;
	left:110px;
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:315px;
}

#formright {
	position:absolute;
	top:230px;
	left:470px;
	font-family:Arial;
	color:#666666;
	font-size:11px;
	text-align:justify;
	width:315px;
}

/* END of ONLINE ORDER FORM */