body {
	font-size: 62.5%;
	font-family: arial, 'trebuchet ms', sans-serif;
	margin:0;
	padding: 0;
	width: 100%;
	background: #fff url(../images/graphics/bg-diagonalstripes.gif) top left repeat-x;
	color: #0065a1;
	float: left;
} 

/*problems with margin:auto in IE6 in combination with floats and borders. Using this negative margin technique to center align*/
#cont-center {
	position: absolute;
	margin-top: 20px;
	margin-left: 50%;
	left: -359px;
	width: 812px;
} 

#cont-main{     
	float: left;
	width: 717px;
	background: #FFF; 
	border: 1px solid #b2b2b2;      
}   

img {
	border: 0; 
	margin:0;
	padding:0;
}  

/*IE6 hack to ensure there is always some padding at the bottom of the page*/
#cont-center .height-padding {    
	clear: both;
	height: 30px; 
	width: 1px;
}

/*global control over sans-serif styled fonts*/
.sans-serif {
	font-family: verdana, arial, 'trebuchet ms', sans-serif;   
}

.bold {
	font-weight: bold;
}

/*
-------------------------------------- background control by page #id --------------------------------------
*/
             

#cont-background{  
	float: left;    
	background: #fff url(../images/graphics/cont-bottomgrad.gif) bottom left repeat-x; 
	padding-bottom: 80px;
}    
      
/*deal with IE6 extra spacing on floats*/
#cont-background {
	_padding-bottom: 40px; 
}    

#home #cont-background{     
    padding-bottom: 40px; 
} 

#collections #cont-background{     
	background: #fff url(../images/largeimages/collectionshome3.jpg) top left no-repeat; 
	height: 556px;
	padding-bottom: 0px    
}  


/*
-------------------------------------- background control by page #id  --------------------------------------
*/
 
   
/*
-------------------------------------- begin navbar --------------------------------------
*/  
/*for pages where the background image overlaps with the navbar image. The blackground image will contain the navbar image as well*/
#collections #cont-navbar{
	background: none;
}
     
#cont-navbar {    
	width: 717px;
	background: #fff url(../images/graphics/cont-topcomplete.jpg) top left repeat-x;     
	height: 95px; 
	text-align: right;
	font-size: 1.15em;    
	margin-bottom: 40px;  
}     

#cont-navbar ul.navbar {
	padding: 40px 20px 0 0;
	margin: 0;
}      

/*the class .first .last on nav-bar list controls just the first and last list items. if needed.*/    
#cont-navbar li.navbar-list.first {       
}

#cont-navbar li.navbar-list.last {       
}

#cont-navbar li.navbar-list{    
	list-style: none;
	display: inline;    
	padding: 0;    
	color: #069;    
}
#cont-navbar li.navbar-list a{ 
	padding-bottom: 8px; 
	text-decoration: none;     
	color: #069;
} 
#cont-navbar li.navbar-list a:hover{      
	color: #010146; 
	text-decoration: none;
} 


#cont-navbar li.navbar-listAct{    
	list-style: none;
	display: inline;    
	padding: 0;    
	color: #069;    
}
#cont-navbar li.navbar-listAct a{ 
	padding-bottom: 8px; 
	text-decoration: none;     
	color: #010146;
	background: url(../images/graphics/navbar-arrow.gif) bottom center no-repeat; 
} 
#cont-navbar li.navbar-listAct a:hover{      
	color: #010146; 
	text-decoration: none;
} 

/*
-------------------------------------- end navbar --------------------------------------
*/ 

/*changes apropriate navbar style depending on page id*/


/*#home a.active-home, #aboutus a.active-aboutus, #collections a.active-collections, #collections-style  a.active-collections, #collections-details  a.active-collections, #stockists a.active-stockists, #press a.active-press, #contactus a.active-contactus {        
	color: #FFF;
	background: url(../images/graphics/navbar-arrow.gif) bottom center no-repeat; 
	text-decoration: none;
}     
*/

      


/*
-------------------------------------- begin footer --------------------------------------
*/ 
#footer {    
	clear: both;
	background: #e2ddc7;   
	border-top: #FFF 1px solid; 
	padding: 3px 5px;    
}

#footer a {
	color: #666;
	text-decoration:none;
}
#footer a:hover{
	color: #999;
	text-decoration:none;
}

#footer .footer-left {
	 float: left;
}   

#footer .footer-right {
	 text-align: right;
}
/*
-------------------------------------- end footer --------------------------------------
*/

/*
-------------------------------------- begin content --------------------------------------
*/
.content {
	margin: 0 16px;   
}

/* ------------------- home ------------------- */
#home .content {      
	position: relative;
	left: 0px; 
	margin: 0;
	/*to counter the usual +40px margin navbar property*/margin-top: -40px; 
}

/*ensures the home image does not go over the width needed to fit in the template*/
#home .content img {          
/*	max-width: 717px;
	/*for IE 6width:expression(document.body.clientWidth > 717? "717px": "auto" );*/
}

#home .content .sub-1 {    
 
}           

/* ------------------- about us ------------------- */    
#aboutus .content {
	font-size: 1.3em;  
	text-align: justify;
	line-height: 1.3em;   
}   

#aboutus .content h3{     
	font-size: 1.1em;  
	margin: 0 0;     
	padding: 0;
}
#aboutus .content h3 a{
	text-decoration:none; 
	color: #c93;
	
}
#aboutus .content h3 a:hover{
	text-decoration: none;
	color: #c93; 
	
}

#aboutus .content .col-1{
	width: 300px;
	float: left;
}

#aboutus .content .col-2{
	float: right;
} 

/* ------------------- stockists ------------------- */    
#stockists .content {
	font-size: 1.3em;  
	line-height: 1.3em;  
	float: left; 
}  

#stockists .content h3{     
	font-size: 1.1em;  
	margin: 0;     
	padding: 0;
}

#stockists .content h3 a{
	text-decoration: none;
	color: #c93;     
	
}
#stockists .content h3 a:hover{
	text-decoration: none;
	color: #c93;     
	
}
#stockists .content .SubTitle{  
	color: #c93;
}

#stockists .content p a{
	text-decoration: none;
	color: #c93;     
	
}
#stockists .content p a:hover{
	text-decoration: none;
	color: #c93;     
	
}

#stockists .content .col-1{
	width: 215px;
	float: left;
}

#stockists .content .col-2{
	width: 215px;
	float: left;
}     

#stockists .content .col-3{
	width: 215px;
	float: left;
}    

#stockists p.spacer {
	margin-top: 30px;
}

/* ------------------- contact us ------------------- */    
#contactus .content {
	font-size: 1.3em;  
	line-height: 1.3em;   
}   

#contactus .content h3{     
	font-size: 1.1 em;  
	margin: 0 0;     
	padding: 0;
}
#contactus .content h3 a{
	text-decoration: none;
	color: #c93;  
	
}
#contactus .content h3 a:hover{
	text-decoration: none;
	color: #c93;  
	
}
#contactus .content .SubTitle{  
	color: #c93;
}

#contactus .content p a{
	text-decoration: none;
	color: #c93;  
	
}
#contactus .content p a:hover{
	text-decoration: none;
	color: #c93;  
	
}

#contactus .content .col-1{
	width: 230px;
	float: left;
}

#contactus .content .col-2{
	float: right; 
	margin: -20px 30px 0px 0;
}  

/* ------------------- press ------------------- */    
#press .content {
	font-size: 1.3em;  
	line-height: 1.3em;   
}   

#press .content h3{     
	font-size: 1.1em;  
	margin: 0 0;     
	padding: 0;
}


#press .content h3 a{
	text-decoration: none;
	color: #c93;  
	
}
#press .content h3 a:hover{
	text-decoration: none;
	color: #c93;  
	
}

#press .content .row-1-left{
	float: left;
}

#press .content .row-1-right{  
   	margin-top: 20px;
	float: right;  
	font-weight: bold;
}

#press .content .row-1-right a{ 
	 text-decoration: none;
	color: #c93; 
   	
}

#press .content .row-1-right a:hover{  
   text-decoration: none;
	color: #c93; 
}
    
#press .content .row-2-all { 
	margin: 10px 0 60px 0;   
	float: left;
	width: 685px;
}  


#press .content .row-2-left img{   
	float: left;   
}

#press .content .row-2-right img{
	float: right; 
} 

/* ------------------- collections ------------------- */    
#collections .content { 
	font-size: 1.3em;     
	position: relative;
	margin-top: 40px;  
}

#collections .content h3{     
	font-size: 1.1em;  
	margin: 0 0 10px 0;     
	padding: 0;
}     


#collections .content h3 a{
	text-decoration: none;
	color: #c93;  
	
}
#collections .content h3 a:hover{
	text-decoration: none;
	color: #c93;  
	
}


#collections  .sub-1 {    
	line-height: 1.3em;
}

#collections  .sub-1 a{    
	text-decoration: none;
	color: #999999;
}
#collections  .sub-1 a:hover{    
	text-decoration: none;
	color: #333333;
}


/* ------------------- collections - style and details page ------------------- */    
#collections-style .content, #collections-details .content {
	font-size: 1.3em;  
	line-height: 1.3em;   
}   

#collections-style .content h3, #collections-details .content h3 {     
	font-size: 1.1em;  
	margin: 0 0 10px 0;     
	padding: 0;
}

#collections-style .content .col-1, #collections-details .content .col-1{
	width: 120px;
	float: left;
} 

#collections-style .content .col-1 ul, #collections-details .content .col-1 ul{
	margin:0;
	padding-left:12px;  
	margin-bottom: 5px;
} 

#collections-style .content .col-1 ul li, #collections-details .content .col-1 ul li {
	line-height: 1.5em;
	list-style: none;   
} 

#collections-style .content .col-1 ul.sub-menu li, #collections-details .content .col-1 ul.sub-menu li {
	line-height: 1.4em;    
	font-size: 0.9em;
}  

#collections-style .content .col-1 ul li a, #collections-details .content .col-1 ul li a {
	text-decoration:none;
	color: #666;
}

#collections-style .content .col-1 ul li a:hover, #collections-details .content .col-1 ul li a:hover {
	text-decoration:none;
	color: #0065A1;
} 

/*control which link appears 'active i.e. orange by assigning it the class 'active' in the html file*/   
#collections-style .content .col-1 ul li a.active, #collections-details .content .col-1 ul li a.active {
	color: #0065A1;
}

/* ------------------- collections - style page ------------------- */   
#collections-style .content .col-2{
	float: left; 
	width:560px;
}     

#collections-style .content .col-2 .pages {
	text-align: right;    
	margin: 15px 10px 10px 0;  
	font-weight: bold;
}
#collections-style .content .col-2 .pages a{
	text-decoration:none;
	color: #c93;
}
#collections-style .content .col-2 .pages a:hover{
	text-decoration:none;
	color: #c93;
}

#collections-style .content .col-2 a.list-bagimg {
	width: 140px;
	height: 180px;
	float: left;  
	text-align: center;    
	color: #999;
	text-decoration:none;
} 

#collections-style .content .col-2 a:hover.list-bagimg {
	text-decoration:none;
	color: #0065A1;
}  

#collections-style .content .col-2 a.list-bagimg .title-bagimg {
	text-decoration:none;
	margin-top: -15px;
} 
    
/* ------------------- collections - details page ------------------- */    
#collections-details .content .col-2 {
	float: left; 
	width:290px;
	margin-top: 50px;
}

/*expression for IE6 since max-width does not work*/

#collections-details .content .col-2 img {
/*	max-width:290px; 
	width:expression(document.body.clientWidth > 290? "290px": "auto" ); */     
}    

#collections-details .content .col-3 {
	float: right;
	width: 240px;
	margin-left: 15px;
	color: #666;
} 

#collections-details .content .col-3 h1{
	font-size: 1.4em;
	line-height: 1em;
	color: #0065A1;
	margin:0;
	padding:0;
} 

#collections-details .content .col-3 p a{
	text-decoration:none;
	color: #0065A1;
} 


#collections-details .content .col-3 .imageThum{
	border:none;
}