/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* layout */
html, body {height: 100%; background: #333 url(../img/fleur.gif); }
#wrapper { 
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -24px; 
	width: 950px; 
	background: transparent url(../img/background.png) repeat-y top center; 

}
#container { width: 800px; margin: 0 auto; background: #FFF;  }
#header { padding: 12px 6px; height: 34px;}
#content { padding: 6px 0 24px 0;  }
#footer, #push { height: 24px; }
#footer {  width: 800px; padding: 0 75px; margin: 0 auto; font-size: 0.9em; } 
#footer ul { border-top: 1px dotted #DDD; margin: 0 6px; }
#footer li { float: left; padding: 5px 10px 0 0; list-style-type: none; margin: 0; }
#footer li a:link { color: #666; text-decoration: none; }
#footer li a:visited { color: #666; text-decoration: none; }
#footer li a:hover { color: #333; text-decoration: none; }
#footer li a:active { color: #666; text-decoration: none; }
div.nobleed { padding: 0 12px 0 46px; }

/*Opera footer fix */
body:before {	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;/ }

/* typeography */
body { font-size: 75%; font-family: arial, sans-serif; color: #666; }
p { line-height: 1.5em; margin-bottom: 1.5em; }
h2 { font-size: 1.6em; color: #e94e63; text-transform: uppercase; margin-bottom: 1em; border-bottom: 1px dotted #e94e63; padding-bottom: 0.3em; }
h3 { font-size: 1.2em; color: #333; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; color: #333; font-weight: bold; margin-bottom: 0.5em; }

ul { padding-left: 1em; }
li { list-style-type: disc; margin-left: 1em; }
a { color: #4db6e7; text-decoration: none; }
a:hover { text-decoration: underline; }


/* utility classes */
.clear { clear: both; }

/* navigation */

#header li a { 
		display: block;		
		margin: 4px 0 0 0; 
		font-size: 1.2em; 
		color: #FFF; 
		font-weight: bold; 
		width: 100%; 
		background: #e94e63 url(../img/background_menu.gif) no-repeat;
		text-decoration: none;
		color: #FFF;
		line-height: 30px;
		text-transform: uppercase;
		padding: 0 6px;
		
}
#header ul {
	list-style: none;
	position: relative;
	margin: 0 0 0 12px;
	padding: 0;
}
#header li {
	list-style-type: none;
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	float: left;
	width: 137px;
	height: 34px;
	
}



/* store locator */
a.canada {
	display: block;
	width: 360px;
	height: 225px;
	overflow: hidden;
	background: transparent url('../img/canada.gif') no-repeat 0 0;
	
}
a.canada:hover {
	background-position: 0 -225px;
}

a.usa {
	display: block;
	width: 360px;
	height: 225px;
	overflow: hidden;
	background: transparent url('../img/usa.gif') no-repeat 0 0;
}
a.usa:hover {
	background-position: 0 -225px;
}

/* home */
.home .scrollable {
	position:relative;
	overflow:hidden;
	width: 800px;
	height:400px;


}
.home .scrollable .items {	
	width:20000em;
	position:absolute;
	clear:both;
}

.home .items div {
	float:left;
	width:800px;
}

.home .scrollable img {
	float:left;
	
	width:800px;
	height:400px;
	
}

.home .scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.home .scrollable {
	float:left;	
}

.home .navi {
	position: relative;
	width: 200px;
	margin: 0 0 0 370px;
	height:20px;

}


.home .navi a {
	width:8px;
	height:8px;
	float:left;
	margin: 12px 6px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}


.home .navi a:hover {
	background-position:0 -8px;      
}

.home .navi a.active {
	background-position:0 -16px;     
}

/* gallery */


.gallery .scrollable {
	position:relative;
	overflow:hidden;
	width: 800px;
	height:120px;
}

.gallery .scrollable .items {

	width:20000em;
	position:absolute;
	clear:both;
}

.gallery .items div {
	float:left;
	width: 800px;
}

.gallery .scrollable img {
	float:left;
	margin:20px 5px 20px 41px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.gallery .scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.gallery .scrollable {
	float:left;	
}

.gallery a.browse {
	background:url(../img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

.gallery a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
.gallery a.right:hover 		{ background-position:-30px -30px; }
.gallery a.right:active 	{ background-position:-60px -30px; } 


.gallery a.left				{ margin-left: 0px; } 
.gallery a.left:hover  		{ background-position:-30px 0; }
.gallery a.left:active  	{ background-position:-60px 0; }

.gallery a.disabled {
	visibility:hidden !important;		
} 	


.gallery #image_wrap {	
		width:800px;	
		text-align:center;
		margin: 0 0 12px 0;
	}