/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

de-construct.com

File:  anna.css

Descripxion:
Style sheet for annadove.co.uk

Modification History:
15-Sep-2006:  File created (BEP)

|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/


/*
*******************************************************************************************
 \/  \/  \/  \/  \/  \/  \/   GENERAL PAGE FORMATTING  \/  \/  \/  \/  \/  \/  \/  \/  \/
*******************************************************************************************
*/
		body 
		{
			padding:0px;
			margin: 0px;
			border: 0px;
			font-family: myriad, tahoma, arial, verdana, sans-serif; 
			background-color:#ffffff;
			color: #000000;
			font-size: 11px;
		}

		#bgimage
		{
			background-image:url('/images/backgrounds/background1.jpg');
			background-repeat:no-repeat;
			height:640px;
		}
		
		#page      /*wrapper for whole page */
		{
			width: 950px;
			text-align: left;
			padding-top:65px;
			padding-bottom:65px;
			padding-left:0px;
			padding-right:0px;
		}

		#common_left
		{
			float:left;
			width:345px;
			height:510px;
		}

		#signature
		{
			padding-left:100px;
			width:245px;
			padding-top: 15px;
			padding-bottom:20px;
		}

		#allnav
		{
			padding-left:100px;
			width:245px;
			height:410px;
		}
			
			
		#navigation
		{
			float:left;
			padding-top: 0px;
			padding-left:0px;
			padding-bottom: 100px;
			padding-right: 0px;
			line-height: 20px;  
			height:
		}
		
		#subnav
		{
			padding-top: 0px;
			padding-bottom: 20px;
			padding-left: 115px;
			padding-right: 0px;
			line-height: 20px;  
		}		

		  #pagecontent
		  {
		  	float:left;
		  	/*height:510px;*/
		  }
		
		
		td
		{
			padding:0px;
			margin:0px
		}

		
		a
		{
			color: #000000;
		}

		.hideblock a:link, .hideblock a:visited, .hideblock a:active,
		#allnav a:link, #allnav a:visited, #allnav a:active,
		#signature a:link, a:visited, a:active
		{
			text-decoration: none;
		}
		
		.hideblock a:hover,
		#allnav a:hover,
		#signature a:hover,
		a:hover, a:link, a:visited, a:active
		{
			text-decoration: underline;
		}		

		img
		{
			border:0px;
		}

		.canvas
		{
			margin-left:0px;
			padding-left:2px;
		}		

		div.canvascontrols
		{
			width:230px;
			padding-top:0px;
			padding-bottom:10px;
			background-color:white;
			padding-left:5px;
			padding-right:5px;
		}

/*
*******************************************************************************************
 /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\
*******************************************************************************************
*/


/*
*******************************************************************************************
 \/  \/  \/  \/  \/  \/  \/   SEMANTIC FORMATTING  \/  \/  \/  \/  \/  \/  \/  \/  \/
*******************************************************************************************
*/		


		/*
		------------------------------------------------------------------
							TEXT COLUMN
		------------------------------------------------------------------
		*/
		.textcolumn
		{
			width:230px;
			padding-top:0px;
			padding-bottom:10px;
		}
		
		.widecolumn
		{
			width:450px;
		}
		
		.fullcolumn
		{
			width:590px;
		}		
		
/*		td.textcolumn
		{
			padding-left:2px;
		}
*/		
		div.textcolumn
		{
			background-color:white;
			padding-left:5px;
			padding-right:5px;
		}

		.textcolumn .title
		{
		}
		
		.textcolumn .text
		{
			padding-bottom:5px;
		}
		
		.textcolumn .picture
		{
		}

		
		div.textcolumn.header
		{
			height:100px;
			padding-top: 0px;
			padding-left:5px;
			padding-right:5px;
			padding-bottom:0px;
		}
	
		.textblock
		{
			padding-bottom: 10px;
		}
		
		div.hideblock
		{
			padding-top: 20px;
		}
		
		.press_cover
		{
			float: left;
			width: 100px;
			height: 150px;
			display: block;
		}
		
		.press
		{
			clear:left;
		}
		
		.press_cover img
		{
			display:block;
		}
		
		.press_text
		{
			float: left;
			width: 320px;
			padding-left: 10px;
		}
		
		.pressblock
		{
			padding-bottom: 130px;
		}
		
		/*
		------------------------------------------------------------------
							PICTURE BOX
		------------------------------------------------------------------
		*/
		.picturebox
		{
			width:230px;
			padding-top:0px;
			padding-bottom:10px;
		}

		td.picturebox
		{
			padding-left:2px;
		}		

		div.picturebox
		{
			background-color:white;
			padding-left:5px;
			padding-right:5px;
		}

		
		div.picturebox .header
		{
			padding-top:100px;
			padding-left:5px;
			padding-right:5px;
			padding-bottom:0px;
		}
		
		.picturebox.picture
		{
			font-size:32px;
		}
		

		/*
		------------------------------------------------------------------
							GALLERY
		------------------------------------------------------------------
		*/
		
		
		.collection
		{
			width:170px;
			height:510px;
		}
		
		.collection .pic
		{
		}
		
		.collection .pic img
		{
			height:460px;
		}
		
		.collection .title
		{
			height: 50px;
			background-color: white;
		}



		
		.collectionProduct
		{
			width:150px;
		}
		
		.collectionProduct .pic img
		{
			width: 150px;
		}
		
		.collectionProduct .title
		{
			background-color:white;
			height:20px;
		}

/*
*******************************************************************************************
 /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\
*******************************************************************************************
*/


/*
*******************************************************************************************
 \/  \/  \/  \/  \/  \/  \/   VISUAL FORMATTING  \/  \/  \/  \/  \/  \/  \/  \/  \/
*******************************************************************************************
*/		
		/*
		------------------------------------------------------------------
							BACKGROUND COLORS (with default font and link colors)
		------------------------------------------------------------------
		*/
		.whitebg
		{
			background-color:#ffffff;
			color:#000000;
		}
		.whitebg a
		{
			color:#000000;
		}


		.blackbg
		{
			background-color:#000000;
			color:#ffffff;
		}
		.blackbg a
		{
			color:#ffffff;
		}


		.greybg
		{
			background-color:#5d5d5d;
			color:#ffffff;
		}
		.greybg a
		{
			color:#ffffff;
		}


		.lightgreybg
		{
			background-color:#cccccc;
			color:#000000;
		}
		.lightgreybg a
		{
			color:#000000;
		}


		.redbg
		{
			background-color: #cc0000;
			color:#ffffff;
		}	
		.redbg a
		{
			color:#ffffff;
		}


		.purplebg
		{
			background-color:#330066;
			color:#ffffff;
		}
		.purplebg a
		{
			color:#ffffff;
		}


		.bluebg
		{
			background-color:#003366;
			color:#ffffff;
		}
		.bluebg a
		{
			color:#ffffff;
		}

		/* the next two are used to put contrasting colors in tables / rows */
		.alternatingrowbg_light
		{
			background-color:#ffffff;
			color:#000000;
		}

		.alternatingrowbg_dark
		{
			background-color:#f5f5f5;
			color:#000000;
		}


		/*
		------------------------------------------------------------------
							FONT COLORS
		------------------------------------------------------------------
		*/
		.white,
		.whitelink a:link, .whitelink a:visited, .whitelink a:active, .whitelink a:hover
		{
			color: #ffffff;
		}


		.black, 
		.blacklink a:link, .blacklink a:visited, .blacklink a:active, .blacklink a:hover
		{
			color: #000000;
		}


		.grey,
		.greylink a:link, .greylink a:visited, .greylink a:active, .greylink a:hover
		{
			color: #5d5d5d;
		}

		.lightgrey,
		.lightgreylink a:link, .lightgreylink a:visited, .lightgreylink a:active, .lightgreylink a:hover
		{
			color: #dde0e5;
		}

		.red,
		.redlink a:link, .redlink a:visited, .redlink a:active, .redlink a:hover
		{
			color: #cc0047;
		}

		.orange,
		.orangelink a:link, .orangelink a:visited, .orangelink a:active, .orangelink a:hover
		{
			color: #ff5900;
		}

		.blue,
		.bluelink a:link, .bluelink a:visited, .bluelink a:active, .bluelink a:hover
		{
			color: #1385b6;
		}

		.purple,
		.purplelink a:link, .purplelink a:visited, .purplelink a:active, .purplelink a:hover
		{
			color: #9f00a0;
		}

		.indigo,
		.indigolink a:link, .indigolink a:visited, .indigolink a:active, .indigolink a:hover
		{
			color: #3c1b54;
		}
			
		/*
		------------------------------------------------------------------
							POSITIONING
		------------------------------------------------------------------
		*/
		.contentleft
		{	
			clear:none;
			float:left;
			display:inline;
		}

		.clearleft
		{
			clear:left;
		}

		.contentmiddle
		{
			clear:none;
			float:left;
		}

		.contentright
		{	
			clear:none;
			float:right;
		}				



		/*
		------------------------------------------------------------------
							FORM ELEMENTS
		------------------------------------------------------------------
		*/
		input.button
		{
			padding-top: 3px;
			padding-bottom: 3px;
			margin-top: 3px;
			margin-right: 5px;
			margin-bottom: 5px;
			font-weight: bold;
			border: 1px solid #5d5d5d;
			font-size:10px;
			background-color:#222222;
			color:#ffffff;	   		
		}

		textarea.text,
		input.text
		{
			font-family: arial, verdana, sans-serif; 
			width: 200px;
			font-size: 11px;
			margin-bottom: 5px;
		}

		select.select
		{
			font-family: arial, verdana, sans-serif; 
			font-size:10px;
			margin-bottom: 5px;
		}

		input.radio
		{
			font-family: arial, verdana, sans-serif; 
			font-size:10px;
			margin-bottom: 5px;
		}


/*
*******************************************************************************************
 /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\
*******************************************************************************************
*/


/*
*******************************************************************************************
 \/  \/  \/  \/  \/  \/  \/   CMS FORMATTING  \/  \/  \/  \/  \/  \/  \/  \/  \/
*******************************************************************************************
*/		
		.login
		{
			width:500px;
		}
		.cms_page
		{
			border: 4px solid black;
		}
		
		.cms_module
		{
			margin: 1px;
			border: 1px solid black;
			padding: 1px;
		}
		
		#ifrmEditor
		{
			position:absolute; 
			top:50px; 
			left:50px;  
			width:800px; 
			height:400px; 
			z-index:99; 
			background-color:white;
			visibility:hidden;
			font-size: 12px;
			padding:15px;
			border:2px solid #000000;
		}
		
		#ifrmEditor td
		{
			padding-top: 10px;
			padding-bottom: 10px;
			padding-right: 5px;
			padding-left: 10px;
		}
		#cntrlsEditor
		{
			position:absolute; 
			top:28px; 
			left:50px;
			height:20px;
			z-index:96;
			visibility:hidden;
		}
		
		#cntrlsEditor .button
		{
			border:0px;
		}

		.cms_editor
		{
			font-size: 12px;
			background-color:white;
		}
	
		.cms_header, .cms_footer
		{
			padding:10px;
		}
		
		.cms_header, .cms_header .contentright, .cms_header .contentleft, 
		.cms_footer, .cms_footer .contentright, .cms_footer .contentleft
		{
			font-size: 16px;
			margin-bottom: 40px;
		}
		

		.cms_header .title
		{
			font-size: 16px;
			margin-bottom: 12px;
		}

		.cms_footer .credit
		{
			font-size: 11px;
			float:right;
		}

/*
*******************************************************************************************
 /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\
*******************************************************************************************
*/



	
			
		


				.swatch
				{
					width:150px;
				}
				
				.swatch .pic img
				{
					width: 150px;
				}
				
				.swatchtitle
				{
					background-color:white;
					height:20px;
				}
		
				------------------------------------------------------------------
									PICTURE BOX
				------------------------------------------------------------------
				*/
				.picturebox
				{
					width:230px;
					padding-top:0px;
					padding-bottom:10px;
				}
		
				td.picturebox
				{
					padding-left:2px;
				}		
		
				div.picturebox
				{
					background-color:white;
					padding-left:5px;
					padding-right:5px;
				}
		
				
				div.picturebox .header
				{
					padding-top:100px;
					padding-left:5px;
					padding-right:5px;
					padding-bottom:0px;
				}
				
				.picturebox.picture
				{
					font-size:32px;
				}
				
		
				/*
				------------------------------------------------------------------
									GALLERY
				------------------------------------------------------------------
				*/
				#gallery
				{
				}
				
				
				td.gallery
				{
					width:170px;
				}
				
				.galleryfooter
				{
					background-color:white;
					width:170px;	
					height:50px;
					
				}		
		
				.galleryname
				{
				}
		
		
				#gallerytext
				{
					float:left;
					background-color: white;
					height: 510px;
					width: 280px;
				}
				
				#gallerytextnarrow
				{
					float:left;
					background-color: white;
					height: 510px;
					width: 100px;
				}
								
		
				p.gallerytext
				{
					margin-top:15px;
					padding-right: 20px;
				}
				
				#gallerypic
				{
					float:left;
					height: 510px;
				}
				
					#gallery
						{
						}
						
						
						td.gallery
						{
							width:170px;
				}
				
		








		#gallerytext
		{
			float:left;
			background-color: white;
			height: 510px;
			width: 280px;
		}

		p.gallerytext
		{
			margin-top:15px;
			padding-right: 20px;
		}
		
		#gallerypic
		{
			float:left;
			height: 510px;
		}
		
		td.gallery
		{
			width:170px;
		}

		#detailspic
		{
		}

		#detailspic .text
		{
			background-color:white;
			width:170px;	
			height:50px;
		}		

		#detailspic .pic
		{
		}


		#detailstext
		{
			float:left;
			background-color: white;
			height: 510px;
			width: 280px;
		}

		#detailstext .text
		{
			padding-left:20px;
			margin-top:15px;
		}

		#detailstext .pic
		{
			float:left;
			height: 510px;
		}


		#stockists-map
		{
			padding: 5px;
		}

		#stockists-details,
		#stockists-details ul
		{
			width: 100%;
			list-style: none;
			padding-left: 0;
		}

		#stockists-details li.column
		{
			float: left;
			width: 181px;
			margin-right: 15px;
		}
		
		#stockists-details li.country
		{
			padding-bottom: 10px;
		}
		
		#stockists-details li.country div.note
		{
			padding-bottom: 10px;
		}
		
		
		#stockists-details div.country
		{
			font-weight: bold;
		}

		#stockists-details li.stockist
		{
			padding-bottom: 10px;
		}