/* CSS Document */
html, body {}
	
	body {
	    margin: 0;
		padding: 0;
		font:12px/1.5 Arial, Helvetica, sans-serif;
		color: #333333;
		background-color: #ffffff;	
	}
	
	a {
		color: #bb1484;
		text-decoration: none;
	}
	
	h1 {
		float: right;
		font-size: 100%;
		color: #bb1484;
	}
	
	.plushhighlights {
		color: #bb1484;
		font-weight: bold;
		font-size: 100%;
		letter-spacing: 1px;
	}
	
	.plushhighlightsgeorgia {
		font-family: Georgia;
		color: #bb1484;
		font-weight: bold;
		font-size: 120%;
		letter-spacing: 1px;
		padding: 0 0 9px 0;
	}
    
		
	
	#container {
		position: absolute;
		left: 50%;
		width: 940px;
		padding: 5px 9px 0 9px; /*top right bottom left*/
		margin-left: -480px;
		border: 1px solid #ffffff;
		border-left-color: #cccccc;
		border-right-color: #cccccc;
	}
	
/* 
  -----------------------------------
header area bits and navigation
  -----------------------------------
*/	
	
	#header {
		width: 940px;
		height: 120px;
		background: url(images/plushheader.jpg) no-repeat top left;
		float: left;
	}
		
	#topnav {
		padding: 10px 5px 0 0;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		text-align: right;
		color: #bb1484;
		float: right;
		clear: both;
	}
	
	#topnav  a {
		text-decoration: none;
		color: #bb1484;
	}
	
	#navigation {
		float: right;
		text-align: right;
		height: 20px;
		padding: 5px 10px 0 5px; /*top right bottom left*/
		margin: 0 0 0 0; /*top right bottom left*/
        color: #ffffff;
		font-size: 14px;
		font-weight: bold;
		clear: both;
	}
	
	#shoppingbasket {
		float: right;
		padding: 0 5px 0 0 ; /*top right bottom left*/
		font-size: 100%;
		color: #bb1484;
		clear: both;
	}
	
/* 
  -----------------------------------
nav dropdown css - it's an adaptation of the Suckerfish!
  -----------------------------------
*/

#cssdropdown, #cssdropdown ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
z-index: 999;
overflow:visible;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
margin-left: 2em;
}

.mainitems a{
margin-left: 0;
margin-right: 2px;
text-align: left;
text-decoration: none;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
}

.subuls{
display: none;
width: 5em;
position: absolute;
text-align: left;
top: 1.3em;
left: 0;
background-color: #bb1484;
z-index: 1000;
}

.subuls li{
width: 100%;
border-bottom: 1px solid #cccccc;
}

.subuls li a{
text-decoration: none;
line-height: 1.5em;
font-weight: normal;
font-size: 12px;
margin-left: 3px;
color: #ffffff;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
	
/* 
  -----------------------------------
simples bottom navigation
  -----------------------------------
*/
	
	#bottomnav {
		width: 940px;
		padding: 0 0 10px 0;
		text-align: center;
		text-decoration: none;
		font-size: 90%;
        color: #333333;
		clear: both;
	}	
	

/* 
  -----------------------------------
top of homepage and designer pages lt hand text and 618px pic
  -----------------------------------
*/	

    #topplaceholder {
		width: 940px;
	}
        
	
	#lfthandtxt {
		float: left;
		width: 320px;
	}
	
	#lfthandtxtheader {
		font-size: 150%;
		font-weight: bold;
		font-family: Georgia;
		float: left;
		width: 300px;
		margin: 0 0 5px 0 ;
		padding: 5px 0 5px 5px; /*top right bottom left*/
		}
	
	#lfthandtxttext {
		float: left;
		width: 300px;
		margin: 0 0 0 0; /*top right bottom left*/
		padding: 10px 0 10px 5px;
		border-top: 1px solid #D9E0E6;
		font-size: 100%;
		}
		
 /* 
  -----------------------------------
large right image
  -----------------------------------
*/

	#rightside {
		float: right;
		width: 620px;
		}
		
 /* 
  -----------------------------------
alternative images
  -----------------------------------
*/

  	   #alternativeimages {
		float: right;
		padding: 10px 0 0 0; /*top right bottom left*/
		clear: both;
		}
		
		#clicktoenlarge {
		 float:right;
		 padding: 10px 0 0 0;
		 clear: both;
		}
		
 /* 
  -----------------------------------
put a border on images
  -----------------------------------
*/

  	    img.floatRight {
		float: right;
        clear: left;
		border: 1px solid #D9E0E6;
		border-bottom-color: #C8CDD2;
		border-right-color: #C8CDD2;
		} 
		
 /* 
 
 /* 
  -----------------------------------
right image small products
  -----------------------------------
*/

  	    img.floatRightProducts {
		float: right;
		margin: 0 0 0 20px ;
		border: 1px solid #D9E0E6;
		border-bottom-color: #C8CDD2;
		border-right-color: #C8CDD2;
		} 
		
 /* 
 
  -----------------------------------
left image large
  -----------------------------------
*/

  	    img.floatLeft {
		float: left;
        clear: right;
		border: 1px solid #D9E0E6;
		border-bottom-color: #C8CDD2;
		border-right-color: #C8CDD2;
		}  
		
 
	
/* 
  -----------------------------------
for putting spacers between sections css
  -----------------------------------
*/	

	.smallspacer {
		height: 10px;
		clear: both;
        z-index: -3;
	}
	
	.blankspacer {
		height: 20px;
		clear: both;
        z-index: -1;
	}
	
	.spacer {
		width: 940px;
		clear: both;
		height: 9px;
		padding: 0 0 0 0; /*top right bottom left*/
		border-bottom: 1px solid #cccccc;
		margin: 0 0 10px 0; /*top right bottom left*/
        z-index: -2;

	}
    
/* 
  -----------------------------------
imagegallery css
  -----------------------------------
*/	
	#imagesarea {
		width: 940px;
		margin: 0 0 0 0; /*top right bottom left*/
		border: 0 0 0 0; /*top right bottom left*/
		clear: left;
		overflow: auto;
	}
	
	.product {
		float: left;
		display: inline-block;
		background-color: #f0f0f0;
		width: 220px;
		height: 265px;
		height:auto !important;
		margin: 0 20px 0 0; /*top right bottom left*/
		padding: 0 0 0 0;
		overflow: none;
	}
	
	.productfour {
		float: left;
		display: inline-block;
		background-color: #f0f0f0;
		width: 220px;
		height: 265px;
		height:auto !important;
		margin: 0 0 0 0; /*top right bottom left*/
		padding: 0 0 0 0;
		overflow: none;
	}
	
	.imagebg {
		border: 1px solid #D9E0E6;
		border-bottom-color: #C8CDD2;
		border-right-color: #C8CDD2;
	}
	
	.producttext {
		float: left;
		line-height: 1.2em;
		font-size: 90%;
		text-align: left;
		color: #000000;
		padding: 0 0 0 5px;	
	}
		
/* 
  -----------------------------------
shopping cart css
  -----------------------------------
*/

	#cardaccepted {
        float: right;
		height: 36px;
		padding: 5px 5px 10px 5px;
		clear: both;
	}
    
    #emptybasket {
        border: 0;
        text-align: center;
		font-size: 150%;
		font-weight: bold;
		letter-spacing: 1px;
		color: #bb1484;
		height: 200px;
        padding: 40px 0 40px 0; /*top right bottom left*/
		clear: both;
    }
    
    #shoppingcart {
        width: 740px;
	}
    
    table {clear: none;}
    
	TABLE.OUTER
	{
		border : 1px solid #cccccc;
		bgcolor : #FFFFFF;
	}