/* SETUP */

body{
text-align: left;

margin: 0px;
padding: 0px;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
color: #616562;
text-decoration: none;
background-color: #FFF
}

	/* fix firefox scrollbar jump */
	/* Hide from IE mac \*/
	html     
	{
	min-height: 100%;
	margin-bottom: 1px;
	}
	/* End hiding from IE5 mac */


/* LAYOUT */

.div_sitewrap{
	margin: 0px auto;
	width: 760px
}
.header{
	height:90px;
	width:760px;
}
.maincontent{
	padding:0px;
	margin:0px;
}



.div_hp_banner_open
{
	height: 10px;
	background-image: url(images/hp_corners_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	margin: 0 0 0 20px
}

.div_hp_banner
{
	margin: 10px 0 0 30px;
	overflow: hidden
}

	.div_hp_banner .div_hp_left
	{
	float: left;
	width: 280px
	}
	
	.div_hp_banner .div_hp_right
	{
	float: right;
	width: 280px	
	}
	
.div_hp_banner_close
{
	height: 10px;
	background-image: url(images/hp_corners_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	margin: 0 0 15px 20px
}	


/* PRODUCT PAGE LAYOUT - LARGE IMAGE AND THUMBNAILS - SPEC*/
.div_prod{
	width:100%;
	padding: 0px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 24px
}
	.div_prod_spec{
		width:184px;
		float:right;
		font-size: 110%;
	}
		ul#spec{
			/*border-top: 1px solid #cccccc;*/
			list-style-type: none;
			margin: 0px 0px 4px 0px;
			padding: 0px;
			color: #616562;
		}
		#spec li{
			width:184px;
			padding:7px 0px 7px 0px;
			margin:0px;
			font-weight:bold;
		}
		#spec .underline {
			width:184px;
			padding:0px 0px 7px 0px;
			margin:0px;
			font-weight:normal;
			border-bottom-width: 1px;
			border-bottom-style: dotted;
			border-bottom-color: #cccccc;
		}
		#spec .last_item {
			width:184px;
			padding:0px 0px 7px 0px;
			margin:0px;
			font-weight:normal;
		}
	
	
	/* PRODUCT PAGE LAYOUT - LARGE IMAGE AND THUMBNAILS */
	.div_prod_imgs{
		width:370px;
		float:left;
		padding:0px;
		/*border-top: 1px solid #cccccc;*/
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		clear: left;
	}
	.div_prod_boxwrap{
		width:371px;
		height:371px;
		padding: 0px;
		margin-top: 14px;
		margin-right: 0px;
		margin-bottom: 14px;
		margin-left: 0px;
		background-image: url(images/prod_background.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
		.div_prod_image{
			margin: 5px;
			text-align: center
		}	
		
			.div_prod_image table{
			width:369px;
			height:369px;
			}	

			.div_prod_image img{

			}			
		
		.thum_container{
			padding:0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 14px;
			margin-left: 0px;
			overflow: hidden
		}
		

		.div_thum_prod_boxwrap_padding, .div_thum_prod_boxwrap{
			float:left;
			width:56px;
			height:56px;
			background-repeat: no-repeat;
			background-position: left top;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 22px;
			padding: 0px;
			background-image: url(images/thumbnail_background.jpg);
			}
		
		.div_thum_prod_boxwrap{
			margin: 0px 0px 0px 1px;
		}			
			
				.div_thum_prod_image{
					margin: 3px;
					text-align: center
				}
				
					.div_thum_prod_image table{
						width:50px;
						height:50px
					}				
				
				.div_thum_prod_image img{
					
				}				
						
		

/* CATEGORY IMAGES LAYOUT*/
.div_cat{
	float:right;
	width:616px;
	padding: 0px;
	margin-top: 26px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.div_cat_boxwrap{
	width:130px;
	height:150px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 23px 22px;
	float:left;
	background-image: url(images/cat_background.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
	.div_cat_box{	
		
		}



	.div_cat_image{
	margin: 3px;
	text-align: center
	}

		.div_cat_image table
		{
		width:124px;
		height:124px;
		}	

		.div_cat_image img
		{

		}	

	
	.div_cat_text{
		text-align:center;
		color:#616562;
		font-weight:bold;
		padding-top:5px;
	}




	
/* TOP NAVIGATION */
#nav_container{
	display:none
}
	





/* SHOP PRODUCT NAVIGATION - SIDE MENU */
.left_container{
	display: none
}
	
	
	
/* ENQUIRY BUTTON */
.enquiry{
	display: none
}
	

	
/* FOOTER */
.footer{
	clear:both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #000000;
	overflow: hidden;
}
		.calverly{
			margin:0px;
			padding:1px 0px 0px 0px;
			float:left;
		}
		.logo{
			margin:0px;
			padding:1px 0px 0px 0px;
			float:right;
		}	




/* TEXT */
h1{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #616562;
	font-size: 1.9em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: normal;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CCCCCC	
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #616562;

text-decoration: none;
text-align: left;

margin: 0px;
padding: 0px
}


.a_link, a.a_link, a.a_link:link, a.a_link:visited, a.a_link:active{
color: #616562;
text-decoration:underline
}

a.a_link:hover{
color: #000;
}




/* FORMS */

form{
margin: 0px;
padding: 0px
}




/* GENERAL COMMANDS */
.clear{
	overflow: hidden;	
}
.clearall{
	clear: both	
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
a{
	color:  #616562;
	text-decoration: none
}

a:hover{
	color:  #616562;
	text-decoration: none
}

a:link{
	color:  #616562;
	text-decoration: none
}

a:active{
	color:  #616562;
	text-decoration: none
}


a:visited{
	color:  #616562;
	text-decoration: none
}

img{
	border: 0px
}


/* BREADCRUMB */


#div_breadcrumb
{

}

	#div_breadcrumb h3
	{
		padding: 0 0 5px;
		font-size: 1.9em;
		color: #616562;
		margin: 0px 0px 10px 25px;
		font-weight: normal;
		border-bottom: 1px solid #CCCCCC
	}
	
	#div_breadcrumb a
	{
		color: #616562;
	}



/*  BASKET  */

#tb_basket
{
margin: 0 0 5px 0
}

	.tr_details
	{
	background-color: #EEE;
	}
	
		.tr_details td
		{
		padding: 4px;
		}	
		

	
	.tr_textarea td
	{
	}
	
		.tr_textarea td textarea
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em
		}
	
	.tr_buttons
	{
	
	}
		
		.tr_buttons td
		{
		padding: 4px 0px;
		border-bottom: 1px solid #999
		}	


		.img_delete
		{
		margin: 0 0 0 4px
		}




/* FORM */

form
{
margin: 0px;
padding: 0px
}

.div_field
{
text-align: left;
padding: 4px 0px 4px;
margin: 2px 0px;
background-color: #EEE
}

	.div_field p
	{
	padding: 4px 10px;
	font-weight: bold;
	float: left;
	text-align: right;
	width: 120px
	}

	
	.div_field input
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em
	}	
	
	.div_field textarea
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em
	}	

	fieldset
	{
	border: 0
	}


.div_validator
{
padding: 5px;
margin: 5px 0px;
border: 1px dotted #CC0000
}

	.div_validator P
	{
	color: #CC0000;
	font-weight: bold;
	text-align: center
	}



/* TRAIL POPUP */

#trailimageid {
	DISPLAY: none; 
	Z-INDEX: 200; 
	LEFT: 0px; 
	WIDTH: 400px; 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 0px;
}

#trailimageid img {
	BORDER: 1px solid #333333
}





/* THESE STYLES ARE FOR THE CONTENT AREA / HTML EDITOR - THEY NEED TO BE SET IN THE designmode.css AS THE EQUIVALENT STYLES FOR THE HTML EDITOR */

.div_marketing {
	
}

	.div_marketing h3 {
		font-family: verdana, helvetica, arial, sans-serif; 
		color: #616562;
		font-weight: bold; 
		font-size: 1.1em;
		background-color: #ffffff;
		margin: 0px 0px 10px 0px;
		padding: 0px
	}

.div_description {
	width:184px;
	float:right;	
}

	.div_description h3 {
		font-family: verdana, helvetica, arial, sans-serif; 
		color: #616562;
		font-weight: bold; 
		font-size: 1em;
		background-color: #ffffff;
		margin: 0px 0px 10px 0px
	}
	

.div_htmleditor_padding {
	margin: 0 0 20px 24px;
}

.div_htmleditor {
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
padding: 0px;
margin: 0px;
border: 0px;
}

.div_htmleditor table {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor P {
font-family: verdana, helvetica, arial, sans-serif;
padding: 0px 0px 10px 0px;
margin: 0px;
}

	.div_htmleditor td P {
	font-family: verdana, helvetica, arial, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

.div_htmleditor DIV {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor A {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor td {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor ul {
font-family: verdana, helvetica, arial, sans-serif;
margin: 0px 0px 10px 40px
}

.div_htmleditor ol {
font-family: verdana, helvetica, arial, sans-serif;
margin: 0px 0px 10px 40px
}


.div_htmleditor li {
font-family: verdana, helvetica, arial, sans-serif;
}


	.div_htmleditor a, .div_htmleditor a:link, .div_htmleditor a:visited, .div_htmleditor a:active, .div_htmleditor a:hover
	{
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #83E319;
	text-decoration: underline; 
	}
	
	/* H2 TITLE */
	.div_htmleditor h1, .div_htmleditor h2
	{ 
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #616562;
	font-weight: normal; 
	font-size: 1.9em;
	background-color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0;

	}

	
	
	/* H3 TITLE */
	.div_htmleditor h3, .div_htmleditor h4
	{ 
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #83E319;
	font-weight: normal; 
	font-size: 1.9em;
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px
	}	
	
	/* H3 TITLE */
	.div_htmleditor h5, .div_htmleditor h6
	{ 
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #616562;
	font-weight: bold; 
	font-size: 1.2em;
	background-color: #ffffff;
	margin: 20px 0px 10px 0px;
	padding: 0px
	}		
	
	
	
	
/*///////// MYCOLLECTION VIEW /////////*/

#div_emailcollections
{
margin: 10px 0 0 0;
padding: 3px;
background-color: #EEE;
text-align: right
}

#div_findcollections
{
margin: 10px 0 0 0;
padding: 3px;
background-color: #EEE;
text-align: right
}

	#div_emailcollections .textfield, #div_findcollections .textfield{
		margin: 2px 0 0 0;
		border: 1px solid #cdcdcd;
	}	

	#div_emailcollections .button, #div_findcollections .button{
		margin:0px;
		padding:0px;
		font-size: 1em;
		color:#FFFFFF;
		height:20px;
		background-color: #83E319;
		border: 1px solid #cdcdcd;
	}	
	#div_emailcollections .button:hover, #div_findcollections .button:hover {
		background-color: #616562;
		border: 1px solid #cdcdcd;
	}
	
	
	
	
	
	
/*///////// PRINT /////////*/	
	
#div_print	
{
display: none
}