@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #333333;
}
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #333333; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 
#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #333333;
	background-image: url(../images/funky_interiors_header.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 1000px;
} 
#header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 470px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: lighter;

}
/*********** Horizontal Nav *************/

.TopImage
{
	float:right;
	margin-top:10px;
	margin-right:10px;
	height:auto;
}	
.topNav
 {
	margin: 0px;
	padding-top: 10px;
	list-style: none;
	float: left;
	width: 1000px;
	background-color: #333333;
	background-image: url(../images/header_nav.gif);
	border-bottom-color: #F0F0F0;
	background-repeat: no-repeat;
	background-position: top;
	height: 60px;
	font-size:12px;
	font-weight:normal;
	color:White;
	letter-spacing:0px;
    font-family:Tahoma;
	
}

.topNav a:link
{
	text-decoration:none;
}
.topNav a:visited
{
	text-decoration:none;
}
.topNav a:hover
{
	text-decoration:underline;
}
.WhiteHR
 {
	margin-left:0px; border-top:solid 1px white; margin:0px 0px 0px 0px; width:996px; 
 }
.bottomNav
 {
	margin-left:10px; margin-top:5px; text-transform:uppercase;
 }
.bottomNav a:link
{
	text-decoration:none;
}
.bottomNav a:visited
{
	text-decoration:none;
}
.bottomNav a:hover
{
	text-decoration:underline;
}

.RightSide {
	float: right; /* since this element is floated, a width must be given */
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	margin-top:2px;

}

.RightSideContent
{
	
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-image: url(../images/middle_red_sm.gif);
	background-repeat: repeat-y;
	margin-top:-3px;
	/*margin-bottom:-6px;*/
}
.RightSideContentGreen
{
	
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-image: url(../images/middle_green_sm.gif);
	background-repeat: repeat-y;
	margin-top:-3px;
	/*margin-bottom:-6px;*/
}
.RightAlignGreen
{
	margin-left:12px; width:207px; font-size:12px; text-transform:uppercase;
	padding-bottom:10px; 
	
}
.RightAlignGreen h4
{
	background-color:#0FEE04;font-weight:bold; font-size:12px; padding:2px; color:White;;margin-top:0px;
}
.RightAlignGreen p
{
	font-size:12px; margin-left:8px
}
.RightAlign
{
	margin-left:12px; width:207px;
	padding-bottom:10px; 
}
.RightAlign h4
{
	background-color:#8F8C8D;font-weight:bold; font-size:12px; padding:2px; color:White;;margin-top:0px;
}
.RightAlign p
{
	font-size:12px; margin-left:8px;
}
.RightSideContent
{
	font-size:10px; text-transform:uppercase;
}
.checkbox
{
	margin-left:-4px;
}
.box-top {
}

.imagebutton
{
	cursor:hand;
	cursor:pointer;

}
.MainContent
{
	width:700px;
	padding:1px 30px 30px 30px;
	margin-bottom:50px;

}
.box-middle-lgray {
	background-image: url(../images/middle_lgray.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-dgray {
	background-image: url(../images/middle_dgray.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-blue {
	background-image: url(../images/middle_blue.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-red {
	background-image: url(../images/middle_red.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-yellow {
	background-image: url(../images/middle_yellow.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-orange {
	background-image: url(../images/middle_orange.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-maroon {
	background-image: url(../images/middle_maroon.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-purple {
	background-image: url(../images/middle_purple.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-middle-green {
	background-image: url(../images/middle_green.gif);
	background-repeat: repeat-y;
	height:auto;
	margin-top:-5px;
	margin-bottom:-50px;
} 
.box-bottom {
}

.footer {
	background-color: #333333;
	background-image: url(../images/header_nav.gif);
	border-top-color: #F0F0F0;
	background-repeat: no-repeat;
	background-position:bottom;
	height:60px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0px 5px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
} 
.footer p {
	font-size:12px;
	font-weight:normal;
	color:White;
	letter-spacing:0.5px;
    font-family:Tahoma;

}
.footer a:link
{
	text-decoration:none;
}
.footer a:visited
{
	text-decoration:none;
}
.footer a:hover
{
	text-decoration:underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h2
{
	font-size:1.6em; margin:0px 0px 5px 0px;
}

.ProductsRepeater
{
	width:670px;
	height:auto;
}

.LeftProducts
{
	width:150px;
	float:left;
	height:auto;
	padding:5px; 
	
}
.LeftProductsSM
{
	width:100px;
	float:left;
	height:auto;
	padding:5px;
}

.RightProducts
{
	width:auto;
	float:right;	height:auto; margin-right:-30px;
}
.RightProductsSM
{
	width:auto;
	float:right;	height:auto;
}

.MiddleProducts
{
	width:auto;
	font-size:12px;margin:0px 0px 5px 0px;
	display:block;
	height:auto;
	padding-bottom:5px;margin-left:120px;
	margin-right:90px;
}
.Price
{
	font-size:1.4em;
	font-weight:bold;
	color:Blue;margin:0px 0px 0px 0px; font-style:italic;
}
p
{
	font-size:12px;margin:10px 0px 5px 0px;
}

.look
{
	background-image:url(../images/idealhead.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:745px;
	height:50px;
}
.lookleft
{	Height:190px;
	width:280px;
	float:left;
	margin-left:50px;
	padding:10px;border-right:solid 1px #565656;

}

.IdealPrice
{
	float:left; margin-left:60px; padding:10px;color:Green; font-weight:bold;
}

.GreatPrice
{
	float:right; margin-right:60px; padding:10px;;color:Green;; font-weight:bold;
}

.lookleftSingle
{
	width:600px;
	float:left;
	margin-left:75px;
	padding:10px;
}

.lookright
{	Height:190px;
	width:240px;
	float:left;
	margin-left:10px;padding:10px;
}
.PriceSM
{
	font-size:1em;
	color:#565656;
}
.Title
{
	font-size:14px;
	color:#565656;
}

.bottom
{
	background-image:url(../images/bottom_seperator.gif);
	background-repeat:no-repeat;
	height:10px;margin-left:55px;
	width:600px;
}
.designerName
{
padding:10px;
}
.designerImage
{
	float:left;width:240px; padding:10px;
}
.designerQuote
{

	font-size:14px; font-weight:normal; color:#666666;padding:10px;margin-bottom:100px;
}

.quoteText
{
	font-size:larger; font-weight:bolder;
}
a:link {text-decoration: none; color:Gray}
a:visited {text-decoration: none; color:Gray}
a:active {text-decoration: none; color:Gray}
a:hover {text-decoration: underline; color: red;}
p{color:#333333}

.tags
{
	margin-top:-25px;margin-left:70px; width:auto; font-size:12px;

}

h1 {color:#333333;	font-size:18px;}
h2 {color:#333333;	font-size:16px;}
h3 {color:#333333;	font-size:14px;}
h4 {color:#333333;	font-size:12px;}
h5 {color:#333333;	font-size:10px;}

.sortorder
{
	border:solid 1px Silver; 

	padding:0px; margin-bottom:10px;margin-top:10px;
}

.resultsnextprev {
color:#000000;
}

.resultsnextprev a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

.resultsnextprev a:hover {
color:#000000;
font-weight:bold;
text-decoration:underline;
}
a:visited
{
	font-weight:normal;color:#666666; text-decoration:none;
}

a:hover
{
	font-weight:normal;color:#666666; text-decoration:underline;
}

#poptags {
text-align:center;
width:196px !important;
width:277px;
width/**/:/**/196px;
height:auto;
padding:0px 0px 0px 10px;
color:#FFFFFF;
font-size:10px;
margin-top:-3px;
}

#poptags ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;	
	}

#poptags li {
 width:196px;
 height:20px;
 padding-right:10px;
 display:inline;
	}
	


.tagone {
font-size:8px;
}

.tagtwo {
font-size:10px;
}

.tagthree {
font-size:12px;
}

.tagfour {
font-size:14px;
}

.tagfive {
font-size:16px;
}
.RightSideContentPurple
{
	
	width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
	background-image: url(../images/middle_purple_sm.gif);
	background-repeat: repeat-y;
	margin-top:-3px;
	/*margin-bottom:-6px;*/
}
.RightAlignPurple
{
	margin-left:12px; width:207px; font-size:12px; text-transform:uppercase;
	padding-bottom:10px; 
}
.RightAlignPurple h4
{
	background-color:#D6006F;font-weight:bold; font-size:12px; padding:2px; color:White;;margin-top:0px;
}
.RightAlignPurple p
{
	font-size:12px; margin-left:8px;
}

.HPImageRight
{
	float:right; width:100px; border:solid 1px #333333; margin:5px;
	background-image: url(../images/funkybottom.gif);
	background-repeat: no-repeat;
	background-position:bottom;height:110px;
}

.HPImageLeft
{
	float:left; width:100px; border:solid 1px #333333; margin:5px;
	background-image: url(../images/funkybottom.gif);
	background-repeat: no-repeat;
	background-position:bottom;height:110px;
}
.footerscroll{
	width:auto;
	overflow: auto; height:150px; background-color:White; border:Solid 1px Gray;
	}
.footerscroll p {padding:10px}
.footerscroll h2 {padding:10px}