@charset "utf-8";
/* CSS Document */


<style type="text/css">
	
	
	body {
		text-align:center;
		}
	
	#frame {
		width:760px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		}
			
	#contentleft {
		width:150px;
		padding:30px;
		float:left;
		background:#fff;
		}
		
	#contentcenter {
		width:300px;
		padding-top:30px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:30px;
		float:left;
		background:#fff;
		}
	
	#contentright {
		width:190px;
		padding-top:30px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		float:left;
		background:#fff;
		}
	#blogcontentright {
		width:190px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		float:left;
		background:#fff;
	}

	#contentfooter {
		width:300px;
		padding-top:0px;
		padding-left:230px;
		padding-right:230px;
		padding-bottom:0px;
		float:left;
		background:#fff;
		font-size: 0.8em;
		font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
		line-height: 1.5em;
		font-weight: lighter;
		color: #153236
		}
	
	#contentheader {    
		background:#fff
		}	

	/*positioning for the betatank_beta symbol in the menu*/

	#beta {
		width:100px;
		position: relative;
		left:571px;
		top: 22px;
		z-index: 10;
		}

		
	/*positioning for the abouttab symbol in the menu*/

	#abouttab {
		width:40px;
		position: absolute;
		left:750px;
		top: 230px;
		z-index: 10;
		}
		

	/*positioning for the blogtab symbol in the menu*/

	#blogtab {
		width:40px;
		position: absolute;
		left:750px;
		top: 280px;
		z-index: 10;
		}
		
	/*positioning for the shoptab symbol in the menu*/

	#shoptab {
		width:40px;
		position: absolute;
		left:750px;
		top: 330px;
		z-index: 10;
		}
		
	/*positioning for the backgroundimage link on the home page*/

	#backgroundimagelink {
		position: relative;
		width: 550px;
		}

	#homelink {
		width:550px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 20;
		}
		
	/*positioning for the whatsnew symbols on the home page*/

	#whatsnewandtabcontainer {
		position: relative;
		width: 760px;
		}

	#whatsnew {
		width:200px;
		position: absolute;
		left:20px;
		top: 20px;
		z-index: 30;
		}
		
	#whatsnewtoo {
		width:200px;
		position: absolute;
		left:60px;
		top: 140px;
		z-index: 30;
		}
		
	/*positioning for the milan links on the home page*/

	#milanlinkscontainer {
		position: relative;
		width: 760px;
		}

	#vertigo {
		width:300px;
		position: absolute;
		left:20px;
		top: 120px;
		z-index: 30;
		}
		
	#lambretto {
		width:300px;
		position: absolute;
		left:300px;
		top: 10px;
		z-index: 30;
		}
		
	/*menu position and bullet removal*/
	#menu {
		width:200px;
		position: relative;
		left: 285px;
		top: 30px;
		z-index: 5;
		list-style-type: none;
		}
	
	p,h1,h2,pre, blockquote {
		margin:20px 0px 20px 0px;
		font-size: 0.9em;
		font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
		line-height: 1.5em;
		font-weight: lighter;
		color: #153236;
		}

	blockquote {
    	margin: 0.75em 0 0.75em 1.5em;
    	padding: 0;
    	font-style: italic;
	}

		
	h1 {
		margin:0px;
		font-size: 1.8em;
		line-height: 1.2em;
		font-weight: lighter;
		color: #153236;	
		}
		
	h2 {
		margin:0px;
		font-size: 1.7em;
		line-height: 1.2em;
		font-weight: lighter;
		color: #74695f;
		}
		
	h3 {
		margin:0px;
		font-size: 1.5em;
		line-height: 1.2em;
		font-weight: lighter;
		color: #153236;
		}
	
	fieldset
	{
		
		border:none; 
		margin-left:0;
		padding-left:0;
		}
	
	A:link {text-decoration: none; color: #74695f;}
    A:visited {text-decoration: none; color: #74695f;}
	
	/*links stay as one colour*/
	.class1 :link {text-decoration: none; color: #74695f;}
	.class1 :visited {text-decoration: none; color: #74695f;}
	.class2 :hover {text-decoration: none; color: #153236;}

	/*links change colour*/
	.class2 :link {text-decoration: none; color: #74695f;}
	.class2 :visited {text-decoration: none; color:#74695f;}
	.class2 :hover {text-decoration: none; color: #153236;}
	
	/*links in menu*/
	.class3 :link {text-decoration: none; color: #74695f;}
	.class3 :visited {text-decoration: none; color: #74695f;}
	.class3 :hover {text-decoration: none; color: #153236;}
	
	/*Rollover images for links in side tabs*/
	a.abouttab {
	display: block;
	width: 40px;
	height: 45px;
	background-image: url(/assets/images/navigation/abouttab.png);
	background-repeat: no-repeat;
	}
	
	a.abouttab:hover {
	z-index: 22;
	background-image: url(/assets/images/navigation/abouttab_over.png);
	}
	
	a.blogtab {
	display: block;
	width: 40px;
	height: 45px;
	background-image: url(/assets/images/navigation/blogtab.png);
	background-repeat: no-repeat;
	}
	
	a.blogtab:hover {
	background-image: url(/assets/images/navigation/blogtab_over.png);
	}
	
	a.shoptab {
	display: block;
	width: 40px;
	height: 45px;
	background-image: url(/assets/images/navigation/shoptab.png);
	background-repeat: no-repeat;
	}
	
	a.shoptab:hover {
	background-image: url(/assets/images/navigation/shoptab_over.png);
	}
		
	/*Blog title tab rollover*/
	
	a.blogtitletab {
	display: block;
	width: 80px;
	height: 120px;
	background-image: url(/assets/images/navigation/bloglong.png);
	background-repeat: no-repeat;
	}
	
	a.blogtitletab:hover {
	background-image: url(/assets/images/navigation/bloglong_over.png);
	}
	
		
	/*changes the style of your location in the menu*/
	.you-are-here :link {text-decoration: none; color: #153236;}
	.you-are-here :visited {text-decoration: none; color: #153236;}
	.you-are-here :hover {text-decoration: none; color: #153236;}
    
	/*blog titles - that are also links*/
	.ditto_pageTitle :link {text-decoration: none; color: #153236;}
	.ditto_pageTitle :visited {text-decoration: none; color: #153236;}
	.ditto_pageTitle :hover {text-decoration: none; color: #153236;}
	
	/*removes borders from images*/
	a img {border-style: none;}	
	
	ul, il {
		list-style-type: none;
		margin-top:30px;
		margin-left: 0;
		padding-left: 0;
		}
	
	
	#ajaxSearch_form {
		color: #444;
	    width: 260px;
	    }
	
	#ajaxSearch_input {
	    width: 183px;
	    display: inline;
	    height: 1.2em;
	    border: 1px solid #ddd;
	    border-left-color: #c3c3c3;
	    border-top-color: #7c7c7c;
	    background: #fff url(images/input-bg.gif) repeat-x top left;
	    margin: 0px 0px 7px 0px;
	    padding: 3px 3px 3px 3px;
	    vertical-align: top;
	    }
	    
	#ajaxSearch_submit {
	    display: inline;
	    height: 22px;
	    line-height: 22px;
	    }
	    
	#ajaxSearch_output {
	    border: none;
	    padding: 25px 0px 0px;
	    background: #fff;
	    display: block;
	    height: 6px;
	    vertical-align: top;
	    }
	    
	.ajaxSearch_paging {

	    }
	
	.AS_ajax_result {
	    color: #444;
	    margin: 0px 0px 0px 0px;
	    }


	
	.ajaxSearch_highlight :link {text-decoration: none; color: #153236;}
	.ajaxSearch_highlight :visited {text-decoration: none; color: #153236;}
	.ajaxSearch_highlight :hover {text-decoration: none; color: #153236;}

	.ajaxSearch_highlight1 :link {text-decoration: none; color: #153236;}
	.ajaxSearch_highlight1 :visited {text-decoration: none; color: #153236;}
	.ajaxSearch_highlight1 :hover {text-decoration: none; color: #153236;}


	.AS_ajax_hightlight1 :link {text-decoration: none; color: #153236;}
	.AS_ajax_hightlight1 :visited {text-decoration: none; color: #153236;}
	.AS_ajax_hightlight1 :hover {text-decoration: none; color: #153236;}   
		    
	.AS_ajax_hightlight2 :link {text-decoration: none; color: #153236;}
	.AS_ajax_hightlight2 :visited {text-decoration: none; color: #153236;}
	.AS_ajax_hightlight2 :hover {text-decoration: none; color: #153236;}    
	    
	    
	.AS_ajax_resultDescription{
	    color: #153236;
	    }
	    
	.AS_ajax_more {
	    color: #153236;
	    }
	
	/*Lightbox 2.0 styles copied from lightbox.css START*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/images/images_lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/images_lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

	/*Lightbox 2.0 styles copied from lightbox.css END*/