/* CSS Document */

@import url("tinymce.css");

/***********************************************************************************/
/* GENERAL
/***********************************************************************************/

body {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	color:#5f5b5c;
	font-size:12px;
	background:#FFFFFF;
}

#list_tree ul {
	list-style-image:url(../images/list_line.gif);
}
.left { float:left; }
.right { float:right; }
.fs-12 { font-size:12px; }
.pink, .pink:hover { color:#F050B0; }

/***********************************************************************************/
/* CONTAINERS
/***********************************************************************************/

#content_container {
	clear:both;
	margin:0px auto;
	width:957px;
	padding:4px;
}

/***********************************************************************************/
/* CONTENT
/***********************************************************************************/

#content {
	clear:both;
	margin:0px auto;
	width:955px;
	height:514px;
	padding:0px 1px 0px 1px;
	overflow:hidden;
	background:url(../images/content_bg.gif) bottom repeat-x;
	border-top:#f9fafa solid 1px;
}
#flash {
	clear:both;
	margin:0px auto;
	width:955px;
	height:514px;
	background:url(../images/flash_alt.jpg) no-repeat;
}
#content_left {
	float:left;
	width:375px;
	height:514px;
	overflow:hidden;
}
#content_right {
	float:right;
	padding:74px 67px 0px 54px;
	width:459px;
	height:440px;
	background:#FFFFFF url(../images/logo.gif) top right no-repeat;
	overflow:hidden;
}

/***********************************************************************************/
/* GALLERY
/***********************************************************************************/

#logo {
	z-index:1000;
	position:absolute;
	margin:12px 0px 0px 791px;
	width:144px;
	height:56px;
	background:url(../images/logo_home.gif) no-repeat;
}
#text-overlay {
	z-index:1000;
	position:absolute;
	margin:12px 0px 0px 690px;
	padding:5px;
	width:232px;
	height:12px;
	line-height:12px;
	font-size:12px;
	color:#333333;
	text-align:center;
	background:#FFFFFF;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity:0.8;

}
#loading {
	z-index:1000;
	position:absolute;
	margin:241px 0px 0px 461px;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) no-repeat;
}
.gallery {
	clear:both;
	margin:0px auto;
	width:955px;
	height:514px;
	overflow:hidden;
}
.gallery img {
	/*min-width:955px;
	min-height:514px;*/
	border:none;
}
.swGallery {
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
	padding-top: 0px;
}
.swGallery .slideElement {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	margin: 0px !important;
	background-position: top center !important;
}

/***********************************************************************************/
/* PRODUCTS
/***********************************************************************************/

#collection_back {
	position:absolute;
	margin-top:-75px;
}
#collection_back a {
	color:#888586;
	text-decoration:none;
}
#collection_back a:hover { color:#459A9F; text-decoration:none; }
#collection_nav {
	float:right;
	margin:-50px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:9px;
	color:#888586;
	letter-spacing:0px;
}
#collection_nav a, #collection_nav .on {
	padding:0px 4px 0px 4px;
	color:#888586;
	text-decoration:none;
}
#collection_nav a:hover, #collection_nav .on {
	color:#888586;
	text-decoration:underline;
}

#products {
	clear:both;
	margin:-10px 0px 0px 0px;
}
#product_tab {
	display:block;
	float:left;
	padding:0px 19px 12px 19px;
	width:114px;
	height:180px;
	font-size:11px;
	color:#5f5b5c;
	line-height:24px;
	text-align:center;
	overflow-y:hidden;
	overflow-x:visible;
}
#product_tab img {
	display:block;
}
#product_nav {
	margin:10px 0px 40px 0px;
	padding:0px 0px 3px 0px;
	font-size:9px;
	color:#888586;
	letter-spacing:0px;
	border-bottom:#e4ebec solid 1px;
}
#product_nav a {
	color:#888586;
	text-decoration:none;
}
#product_nav a:hover {
	color:#888586;
	text-decoration:underline;
}
#product_nav-left { float:left; width:80px; text-align:left; }
#product_nav-mid { float:left; width:299px; text-align:center; }
#product_nav-right { float:right; width:80px; text-align:right; }

#zoom_case {
	position:absolute;
	width:375px;
}
#zoom_btn {
	display:block;
	float:right;
	margin:420px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	font-size:10px;
	color:#FFFFFF;
	letter-spacing:0px;
	line-height:20px;
	background:#9cadab;
}
#zoom_btn:hover {
	background:#7c8a88;
}

/***********************************************************************************/
/* STOCKISTS
/***********************************************************************************/

#stockists {
	margin:-10px 0px 0px 10px;
}
#stockists ul, #stockists li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#stockists ul {
	margin:0px 0px 0px 6px;
	font-size:12px;
}
#stockists li {
	padding:0px 0px 5px 0px;
	font-size:14px;
}
#stockists ul ul {
	margin:3px 0px 10px 12px;
}
#stockists ul ul li {
	margin:0px 0px 0px 12px;
	padding:0px 0px 0px 0px;
	list-style-image:url(../images/list_line.gif);
	font-size:12px;
}
.table {
	position:absolute;
	margin:50px 0px 0px 180px;
	padding:5px 10px 5px 5px;
	width:600px;
	font-size:11px;
	background:#FFFFFF;
	border:#e4ebec solid 2px;
}
.table_scroll {
	width:600px;
	max-height:340px;
	overflow-y:auto;
}
#tables table {
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	border-top:#e4ebec solid 1px;
	border-right:#e4ebec solid 1px;
}
#tables th {
	padding:3px;
	font-size:11px;
	border-left:#e4ebec solid 1px;
	border-bottom:#e4ebec solid 1px;
}
#tables td {
	padding:3px;
	font-size:11px;
	line-height:11px;
	border-left:#e4ebec solid 1px;
	border-bottom:#e4ebec solid 1px;
}


/***********************************************************************************/
/* NAV
/***********************************************************************************/

#nav {
	clear:both;
	margin:0px auto;
	width:957px;	
	height:29px;
	font-family:Helvetica, Arial, sans-serif;
	background:#e4ebec;
}
#nav a {
	font-size:12px;
	color:#474848;
	line-height:29px;
	letter-spacing:0px;
	text-align:center;
	text-decoration:none;
	background:#e4ebec;
}
#nav a:hover {
	background:#c4d0d2;
}
#nav ul {
	margin:0px;
	padding:0px;
	height:29px;
	}
#nav li {
	float:left;
	width:159px;
	height:29px;
	list-style:none;
	}
#nav .bord-top {
	border-top:#e0e2e1 solid 1px;
}
#nav li a {
	display:block;
	text-decoration:none;
	height:29px
	}

#nav ul li ul {
	z-index:1000;
	padding:0px;
	margin:0px 0px 0px 0px; 
	position:relative;
	width:199px;
	vertical-align:bottom;
	display:none;
	filter: alpha(opacity=99);
	-moz-opacity: .99;
	opacity: .99;
	}
#nav ul li:hover ul {
	position:relative;
	display:block;
	}

#nav ul li ul li {
	position:relative;
	height:27px;
	width:197px;
	border:#e0e2e1 solid 1px;
	border-top:none;
	}
#nav ul li ul li a, #nav ul li ul li .sub {
	height:27px;
	width:187px;
	padding-left:10px;
	display:block;
	text-align:left;
	letter-spacing:0px;
	background:#FFFFFF;
	}
#nav ul li ul li .sub {
	background:#FFFFFF url(../images/nav_arrow.png) right no-repeat;
}
#nav ul li ul li .pink, #nav ul li ul li .pink:hover {
	color:#FFFFFF;
	background:#F050B0 url(../images/nav_arrow-white.png) right no-repeat;
}
#nav ul li ul li a:hover {
	background:#ecf3f4;
}
#nav ul li ul li .sub:hover {
	background:#ecf3f4 url(../images/nav_arrow.png) right no-repeat;
}
#nav ul li ul li ul, #nav ul li:hover ul li ul {
	display:none;
	margin:0px 0px 0px 197px;
	width:199px;
}
#nav ul li ul li:hover ul {
	position:relative;
	display:block;
}
	
/***********************************************************************************/
/* FOOTER
/***********************************************************************************/

#footer {
	clear:both;
	margin:0px auto;
	width:951px;
	height:20px;
	padding:0px 3px 0px 3px;
	font-size:9px;
	color:#c1c4c3;
	line-height:20px;
	letter-spacing:0px;
}
#footer a {
	color:#c1c4c3;
	text-decoration:none;
}
#footer a:hover {
	color:#c1c4c3;
	text-decoration:underline;
}
#footer_left {
	float:left;
	padding-left:5px;
	padding-top:5px;
}
#footer_right {
	float:right;
	padding-top:5px;
	padding-right:5px;
}