html, body {overflow: hidden; padding: 0; margin:0; border:0;}
body {
	background: #000 url('../../imgPG/bgCD.gif') fixed repeat;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #666;
}
div p:first-child {margin-top: 0; padding-top:0;}

form {padding: 0; margin: 0; display: inline; position: fixed; right: 10px; bottom: 10px;}
input[type="text"]	{
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	color: #999;
	height: 18px;
	width: 40px; 
	background: #000;
	border: 1px solid #444;
	display: block;
	margin-bottom: 1px;
}

input[type="submit"] {
	height: 22px;
	width: 46px; 
	border: 1px #444 solid; 
	background: url('../../imgPG/grad50WT40.png') left bottom repeat-x; 
	color: #999;
	font-size: 18px;
	line-height: 80%;
	padding-bottom: 4px;
	font-weight: bold;
	border-radius: 0;
}
input[type="submit"]:hover {
	background: url('../../imgPG/grad50TW40.png') left top repeat-x; 
	border: 1px #666 solid; 
	color: #06d;
}

a {color: #c00; text-decoration: none;}
a:hover {color: #06d;}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1, h2, h3, h4 {
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica;
	color: #c00;
	margin-bottom: 8px;
}
h1 {font-size: 17px;}
h2 {font-size: 15px;}
h3 {font-size: 13px; color: #06b;}
h4 {
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 6px;
	color: #06b;
}

/* ===================================================================
	TOP STRUCTURE
====================================================================== */
#head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 20px;
	overflow: hidden;
	background: #000 url('../../imgPG/grad50WT60.png') left bottom repeat-x;
}
#head .left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	overflow: hidden;
	padding: 2px 0 0 10px;
}
#head .right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	overflow: hidden;
	text-align: right;
	padding: 2px 10px 0 0;
}

#head a {color: #999; font-weight: bold;}
#head a:hover {color: #ddd;}

/* ===================================================================
	MAIN STRUCTURE
====================================================================== */
#mainFrame {
	position: fixed;
	top: 20px;
	bottom: 125px;
	left: 0;
	right: 0;
	overflow: hidden;
	background: url('../../imgPG/bgGradien.png') left top repeat-x;
	border-top: 1px solid #333;
}
#mainBG {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('../../images/bgLogoCD.png') left 98% no-repeat fixed;
}
#main {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('../../images/bgLogoFLF.png') 99% 99% no-repeat fixed;
}

/* Main Left
***************************/
#main .left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 80%;
	overflow-x: hidden;
	overflow-y: auto;
	direction:rtl;
}
#main .left .bg {
	padding: 5px 2px 0 10px;
	text-align: left;
	direction:ltr;
	}
#main .left .text{
	text-align: left;
	font-family: "Book Antiqua", Calibri, Georgia, "Times New Roman", arial, Times, Palatino, serif;
	font-size: 11pt;
	line-height: 1.2;
	padding-left: 10px;
	}

/* Main Middle
***************************/
#main .middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20%;
	right: 20%;
	overflow: hidden;
}
#main .middle .bg {
	padding-top: 0;
	text-align: center;
}
#photoBG {
	position: absolute;
	top: 5px;
	bottom: 30px;
	left: 30px;
	right: 30px;
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
}

#moreImages {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-align: left;
	z-index: 1000;
	background: #666;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: pointer;
}
#moreImages:hover {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
}

/* Main Right
***************************/
#main .right {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 80%;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
#main .right .bg{
	padding: 5px 0 0 0;
	text-align: left;
}

/* ===================================================================
	FOOTER STRUCTURE
====================================================================== */
#footerBG {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 124px;
	overflow: hidden;
	background: #000 url('../../imgPG/grad240WT40.png') left bottom repeat-x;
	color: #999;
	border-top: 1px solid #333;
}
#footer {
	position: absolute;
	top: 1px;
	bottom: 4px;
	left: 4px;
	right: 4px;
	overflow: hidden;
	background: #000;
	border: 1px solid #222;
}

/* Footer Left
***************************/
#footer .left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: auto;
	z-index: 1000;
}
#footer .left .bg {
	text-align: left;
	padding: 8px 0 0 8px;
	}

/* Footer Middle
***************************/
#footer .middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
}
#footer .middle .bg {
	padding: 0;
}

/* Footer Right
***************************/
#footer .right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto;
	z-index: 1000;
}
#footer .right .bg {
	text-align: right;
	padding: 8px;
}


/* Footer Menu
***************************/
#footer .middle ul {
	margin-top: 6px; 
	opacity: 0.4;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}
#footer .middle:hover ul {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	text-align: center;
}
#footer .middle ul li {
	display: inline;
	margin: 0 -2px;
}
#footer .middle ul li img {
	height: 66px;
	border: 1px solid #666;
	cursor: pointer;
}

/* ===================================================================
	NAVIGATOR STYLES
====================================================================== */
/* Left-Right arrows to navigate between pages
****************************************/
#navigator {
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	text-align: center;
	padding-bottom: 5px;
}
#navigator span {font-size: 15px; color: #666;}
#navigator a {color: #999; font-size: 15px;}
#navigator span.text {font-size: 11px !important;}

/* Left-Right arrows and product information to change by jquery
****************************************/
#arrowPhotoNav {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: 4px;
	text-align: center;
	padding: 4px;
	cursor: pointer;
}
.navArrows {}
.navArrows:hover {color: #eee}

#productIDs {
	position: absolute;
	left: 0;
	bottom: 3px;
	font-size: 11px;
	}
#photoPrice{
	position: absolute;
	right: 30px;
	bottom: 3px;
	font-size: 11px;
	}
#wishes{
	position: absolute;
	right: 0;
	bottom: 0;
}
#wishes a {
	display: inline-block;
	background: url('../imgPG/sx_sybWishesB1.png') center center no-repeat;
	padding: 2px 0;
}

/*	========================================================================
	1-4 LEVELS VERTICAL ACCORDION MENU - NO IMAGES FOR THIS DESIGN
	======================================================================== */

/*	===================================================== 
0.	GENERAL STRUCTURE - Change if neccassary
	===================================================== */
/*	The ID for jQuery					|--> DON'T CHANGE
********************************************************* */
#sxMenuAccordion {}

/*	The Menu BG and Menu Headers		|--> CAN BE CHANGED
********************************************************* */
.sxMenuBG {
	clear: both;
	line-height: 100%;
	padding: 0;
	margin: 1px 0 25px 0;
}

.sxMenuBG h1 {
	line-height: 100%;
	padding: 8px 0;
	margin: 0;
	color: #c00; 
}

/*	===================================================== 
1.	BASIC STRUCTURE - Don't CHANGE these styles 
	===================================================== */
/*	General Menu styles					|--> DON'T CHANGE
********************************************************* */
.sxMenuBG ul {padding: 0; margin: 0; list-style: none;}
.sxMenuBG div {clear: both; cursor: pointer;}

.sxMenuBG a, 
.sxMenuBG div, 
.sxMenuBG span {line-height: 100%;}

/*	Basic style for all li/a			|--> DON'T CHANGE
********************************************************* */
.sxMenuBG li {vertical-align: top !important;}
.sxMenuBG ul li a {display:block;}

/*	=====================================================
2. Define Minimum height of Lists: Change Padding for span within div's and a's 
	===================================================== */
.sxMenuBG ul li span {display: block; padding: 4px 0;}
.sxMenuBG ul li ul li span {padding: 3px 0;}
.sxMenuBG ul li ul li ul li span {padding: 2px 0;}

/*	=====================================================
3. Common Font Styles for All clickable Menu Levels: As and DIVs
	===================================================== */
.sxMenuBG a,
.sxMenuBG div {font-weight: normal; color: #06d;}
.sxMenuBG a:hover,
.sxMenuBG div:hover,
.sxMenuBG .open {color: #c00;}

.sxMenuBG li > a,
.sxMenuBG li > div {font-size: 10pt;}
.sxMenuBG li li > a,
.sxMenuBG li li > div {font-size: 9pt;}
.sxMenuBG li li li > a,
.sxMenuBG li li li > div {font-size: 8pt;}
.sxMenuBG li li li li > a {}

/*	=====================================================
4.	Common Backgrounds for all clickable Menu Levels: As and DIVs
	===================================================== */
/*
	Levels that not contain sublevels (Links A)
***************************************************** */
.sxMenuBG li a {
	padding: 0 0 0 14px;
	background: url('../../imgPG/sx_dotArR1.png') left center no-repeat;
}
.sxMenuBG li a:hover {background: url('../../imgPG/sx_dotArR4.png') left center no-repeat;}

/*
	Levels that contain sublevels (Tags DIV)
***************************************************** */
.sxMenuBG div {
	font-weight: bold;
	padding: 0 0 0 16px;
	background: url('../../imgPG/sx_dotPlus1.png') left center no-repeat;
}

.sxMenuBG div:hover {background: url('../../imgPG/sx_dotPlus4.png') left center no-repeat;}
.sxMenuBG .open {background: url('../../imgPG/sx_dotMinus4.png') left center no-repeat;}

/*	=====================================================
5.	Left Margins for all List Levels bellow Groups
	===================================================== */
.sxMenuBG ul ul {margin: 0 0 0 16px;}

/*	End
========= */