/*

Flash page styles (eg. hotspot)

*/
html
{
	width: 100%;
	height: 100%;
}

a:focus, object:focus
{
	outline: none;
	-moz-outline-style: none;
}

#flashBody
{
	background-color: #FFFFFF;
	color: #FFFFFF;
	font: 62.5%/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

#flashBody .fullPage
{
	width: 100%;
	min-width: 980px;
    width: expression(document.body.clientWidth < 990 ? "980px": "100%" );

	height: 100%;
	min-height: 550px;
    height: expression(document.body.clientHeight < 560 ? "550px": "100%" );

	margin: 0px 0px 0px 0px;
	background: #ffffff;
	color: #000000;
}

.accessibility {
     position: absolute;
     top: 0em;
     left: -999em;
	 padding: 0px;
	 margin: 0px;
	 border: 0px;
	 font-size: 1px;
	 line-height: 1px;
	 height: 1px;
	 width: 1px;
}


a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}
div#wrapper {
	margin: 20px;
	width: 650px;
	font-size: 1.2em;
	line-height: 1.3em;
}

div#wrapper p{
	width: 31em;
}

div.gallery_items div.item {
	width: 7em;
	height: 7em;
	float: left;
}

div#wrapper div.gallery_items div.item p{
	width: auto;
}
div#fullPage div.flashmessage {
	background: #EEEEEE;
	color: #000000;
	
}
div#fullPage div.flashmessage p{
	padding: 3px;
	margin: 0px;
	font-size: 0.9em;
}
div.flashmessage a {
	color: #000000;
	text-decoration: underline;
}
ul#navigation {
    position: relative;
	border-left: 1px solid #000;
	display: block;
	margin: 0px;
	padding: 10px 1em;
	width: 10em;
	height: 8em;
	list-style: none inside;
}

ul#navigation ul{
    position: absolute;
	top: 0px;
	left: 12em;
	border-left: 1px solid #000;
	margin: 0px;
	padding: 10px 1em;
	width: 10em;
	height: 8em;
	list-style: none inside;	
}

ul#navigation ul ul{
	overflow: auto;
	width: 24em;
}
ul#navigation ul ul ul{
	overflow: auto;
	width: 10em;
}

ul#navigation li a.active{
	font-weight: bold;
	text-decoration: underline;
}

ul#navigation li a.breadcrumb{
	text-decoration: underline;
	font-style: italic;
}

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */

body, form, div, p, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

h1,h2,h3 {
	line-height: 1.1em;
}

h1 {
	font-size: 1.9em;
	font-weight: normal;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
}
img {
	margin: 0px 0px 5px 0px;
}

div.add, 
div.subtract {
	border: 1px solid black;
	margin: 1px;
	float: left;
	display: inline;
	width: 1.3em;
	text-align: center;
}

div.add a,
div.subtract a{
	padding: 1px 0;
	display: block;
	background: #fff;
	color: #000;
}

div.add a:hover,
div.subtract a:hover{
	display: block;
	background: #000;
	color: #fff;
}

p.total {
	font-weight: bold;
	border-top: 1px solid black;
	border-bottom: 3px double black;
	margin: 5px 0;
	padding: 2px;
}
body#checkout {
	font: 0.8em/1.2 Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 40px 40px 0 40px;
}
form div,
form p.shipping_info,
 {
		height: 50px;
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}
form#overview div {
    height: auto;
    padding: 1px;
}
	form div label{
		display: block;
		margin: 0px;
		padding: 0px;
	}
	form#overview div p.label,
	form#overview div p.input{
		float: left;
		display: inline;
		margin: 0px;
		padding: 0px;
	}
	
	form div input, form div textarea, form div div.image, div p.value, div p.label{
		display: block;
		margin: 0px;
		padding: 0px;
		width: 150px;
	}
	form#overview div p.value{
		margin: 0px;
		padding: 0px;
		float: left;
		display: block;
	}
	form fieldset,
	form#overview fieldset#personal_info {
		width: 200px;
		border: 0px;
		float: left;
		margin: 180px 0 100px 0;
		position: relative;
		padding: 100px 0 0px 8px;
		/* fake border, thanks IE6 */
		background: #fff url(../images/checkout_border_bg.gif) repeat-y;
	}
	
	form#overview fieldset#personal_info {
		margin: 180px 0 50px 0;
	}
	body#checkout div.borderleft{
	    margin: 180px 0 50px 0;
		padding: 0px 0 0px 8px;
		background: #fff url(../images/checkout_border_bg.gif) repeat-y;
	}
	form#overview fieldset#personal_info {
	    float: none;
	    width: auto;
	}
	form#overview fieldset {
		width: 360px;
		float: none;
		margin: 0px 0px 0px 0px;
		padding: 20px 0 0px 8px;
		float: none;
	}
	form div#sidebar{
		position: absolute;
		padding: 0 0 0 50px;
		margin: 0px;
		width: 85px;
		height: 640px;
		right: 55px;
		top: 40px;
		border: 0px;
		background: #fff url(../images/checkout_sidebar_bg.gif) no-repeat;
	}
	form div#sidebar a{
		margin: 280px 1px 0 0;
		padding: 0px;
		display: inline;
		float: left;
	}
	div#top{
		position: absolute;
	}

	form fieldset legend {
		border: 0px;
	}
	form#overview fieldset legend span{
		top: -20px;
		text-indent: 0px;
		height: auto;
		left: 0px;
		font-weight: bold;
	}
	form fieldset legend span,
	form#overview fieldset#personal_info legend span{
		position: absolute;
		top: -100px;
		left: 8px;
		display: block;
		text-indent: -9999px;
		height: 43px;
		width: 180px;
		background: #fff;
	}
	* html form fieldset legend span{
		top: 0px;
	}
	form fieldset legend#personal_info span{
		background: #fff url(../images/checkout_personal_info.gif) no-repeat;
	}
	form fieldset legend#billing_info span{
		background: #fff url(../images/checkout_billing_info.gif) no-repeat;
	}
	form fieldset legend#billing_address span{
		background: #fff url(../images/checkout_billing_address.gif) no-repeat;
	}
	form fieldset legend#delivery span{
		background: #fff url(../images/checkout_delivery.gif) no-repeat;
	}
	form#overview fieldset#personal_info legend span{
	    top: -100px;
	    left: 0px;
	    height: auto;
	    padding-top:70px;
	    text-indent: 0px;
		background: #fff url(../images/checkout_overview.gif) no-repeat;
	}
	
	form fieldset input#submit{
		position: absolute;
		bottom: -70px;
		left: -8px;
	}
	
	div.borderleft h2#confirmation {
		text-indent: -9999px;
		background: #fff url(../images/checkout_confirmation.gif) no-repeat;
		padding-bottom: 100px;
	}
	form label.error {
		color: #dd0000;
		font-weight: bold;
	}
	
	div.vcard div.tel{
		padding-top: 10px;
	}