
/* CSS Document */

/*************** Holds All Content everything  *********************/

body { 

	background-image:url(../img2/index/bg-gradient.gif);
	background-repeat: repeat-x; 
  background-color: #000000;
/*  overflow:hidden; */
  font:8pt Verdana, Arial, Helvetica}

* {padding:0; margin:0}
.droparea {position:absolute; margin-top:0px;left:0px; width:892px; height:75px; background-color:#000000; z-index:2000; margin-left:190px; }
.dropdown {float:left; position:relative; left:-4px;}
.dropdown dt {padding: 8px 0px 0px 0px; font-weight:bold; cursor:pointer; background:url(images/header.gif)}
.dropdown dt:hover {background:url(images/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:150px; display:none; background:#000000; z-index:200; opacity:0; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; font-style:normal;}
.dropdown ul {width:150px; border:2px solid #000000; list-style:none; border-bottom:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:2px; color:#999999; text-decoration:none; background:#000000; width:130px}
.dropdown a:hover {display: block; border:1px solid #333333; color:#eeeeee}
.dropdown .underline { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; font-style:normal; border-bottom:1px solid #000000;}



SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
 color: #FF6600;
}
#mainbox {
	display: block;
	margin-left: auto;
	margin-right:auto;
	width: 885px;
	overflow-x:hidden;
	overflow-y:hidden;
	height: 445px;
	border: 0px solid #666666;
	padding: 5px;
	z-index: 1;
	text-align: left;
	vertical-align: bottom;
} 

 /******** BEGIN Custom Scroll Bar Areas *********/
 
 .fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 375px;
position: relative;
color: black;
padding: 1px;
}

.fixedwidth2 {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 375px;
position: relative;
color: black;
padding: 1px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 400px;
height: 235px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 8px;
}

.product_discription {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 150px;
position: relative;
padding: 1px;
color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
		line-height: 14px
}

#product_discription_sroll {
/* Typical fixed height and fixed width example */
width: 380px;
height: 190px;
display:block;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 2px;
margin-bottom:5px;
}

#mycustomscroll3 {
/* Typical fixed height and fixed width example */
width: 400px;
height: 200px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 8px;
border-bottom: 1px #333333 inset;
}

.prodwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 475px;
position: relative;
color: black;
padding: 1px;
}

#mycustomscroll4 {
/* Typical fixed height and fixed width example */
width: 520px;
height: 50px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 1px auto;
padding: 3px;

}

.account_his {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 840px; 
position: relative;
color: black;
padding: 1px;
}

#account_his_scroll{
/* Typical fixed height and fixed width example */
width: 866px;
height: 330px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 1px auto;
padding: 3px;

}

.comments_area {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 300px;
position: relative;
color: black;
padding: 1px;
}

#mycustomscroll5 {
/* Typical fixed height and fixed width example */
width: 332px;
height: 30px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 2px;
}

.address_book_entries {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 375px;
position: relative;
color: black;
padding: 1px;
}

#address_B {
/* Typical fixed height and fixed width example */
width: 450px;
height: 255px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 8px;
border-bottom: 1px #333333 inset;
}

.rma_additional_comments {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 355px;
position: relative;
color: black;
padding: 1px;
}

#rma_additional_comments_scroll {
/* Typical fixed height and fixed width example */
width: 400px;
height: 75px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 8px;
border-bottom: 1px #333333 inset;
}

.account_prev_o {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 470px;
position: relative;
color: black;
padding: 1px;
}

#mycustomscroll6 {
/* Typical fixed height and fixed width example */
width: 522px;
height: 120px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 1px;
border-bottom:1px #333333 groove;
}

.privacypolicy {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	line-height: 11pt;
width: 830px;
position: relative;
padding: 1px;
}

#privacypolicy_scroll {
/* Typical fixed height and fixed width example */
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #ffffff;
line-height: 11pt;
width: 855px;
height: 348px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 1px;
}

.giftvoucher {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 328px;
position: relative;
color: black;
padding: 1px;
}

#giftvoucher_scroll {
/* Typical fixed height and fixed width example */
width: 336px;
height: 20px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 1px;
}


.account_hisinfo {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 290px;
position: relative;
color: black;  
padding: 1px;
}

#account_hisinfo_scroll {
/* Typical fixed height and fixed width example */ 
width: 300px;
height: 150px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 1px;
border-bottom: 1px #666 solid;

}

.shopping_cart_info {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 290px;
position: relative; 
color: black;
padding: 1px;
}

#shopping_cart_scroll {
/* Typical fixed height and fixed width example */
width: 650px;
height: 300px;
overflow-x: auto;
overflow-y: hidden;
border-bottom: 1px #6c6455 solid;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 1px;
}

.agathe_text{
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 250px;
position: relative;
color: black;
padding: 1px;
padding: 8px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size: 8pt;
line-height: 16px;
}

#agath_scroll {
/* Typical fixed height and fixed width example */
width: 300px;
height: 380px;
overflow-x: auto;
overflow-y: hidden;	
opacity: .70;
	*filter: alpha(opacity="70");
background-image:url(../img2/index/leftside_wide.gif);
/* IE overflow fix, position must be relative or absolute*/
position:absolute;
padding:5px;
z-index: 3;
margin: 30px;


}

.store_locator_text{
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 320px;
position: relative;
color: black;
padding: 1px;
padding: 8px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#333333;
font-size: 8pt;
line-height: 14px;
}

#store_locator_scroll {
/* Typical fixed height and fixed width example */
width: 370px;
height: 366px;
overflow-x: scroll;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 2px auto;
padding: 1px;
color:#333333;
border-bottom: 1px #333333 inset;


}

/******** END Custom Scroll Bar Areas ************/

.agatheBox {
	display: block;
	width: 250px;
	height: 350px;
	opacity: .70;
	*filter: alpha(opacity="70");
	position:absolute;
	background-image:url(../img2/index/leftside_wide.gif);
	z-index: 301;
font-size: 8pt;
	line-height: 14px;
	padding:20px;
	margin: 30px;
	text-align: left;
	}
.search_adv {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 850px;
position: relative;
color: black;

}

#search_adv_scroll {
/* Typical fixed height and fixed width example */
width: 870px;
height: 350px;
overflow-x: scroll;
overflow-y: scroll;
/* IE overflow fix, position must be relative or absolute*/
position: relative;background-color: #666666;

}

TD.smallerText, SPAN.smallerText, P.smallerText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  color:#cccccc;
}

.smallerText a {color:#cccccc;
	}
	
.smallerText a:hover {color:#ffffff;
	}
	

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color:#eeeeee;
}

.smallText a {color:#eeeeee;
	}
	
.smallText a:hover {color:#ffffff;
	}
	
	
TD.smallText2, SPAN.smallText2 P.smallText2{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #999999;
}

.smallText2 a { color:#eeeeee;
	}
	
.smallText2 a:hover {color:#ffffff;
	}	
 	
 
/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #edbd87; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #edbd87; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #edbd87; }

 div.c18 {padding-top:3px;}
 div.c17 {display:block; width:895px; height:5px;}
 span.c16 {padding-left:15px;}
 span.c15 {padding-left:17px;}
 span.c14 { padding-left:15px;}
 div.c13 {background-color:#000000; background-image: url(img2/agathe/agathe1.gif)}
 div.c12 {z-index:1;}
 div.c11 { float:left;}
 div.c10 {text-align: left}
 div.c9 {TOP: 571px; WIDTH: 225px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 50px; margin-left: 575px; padding: 5px; padding-top: 3px; position: absolute; text-align: left; z-index: 1000}
 div.c8 {TOP: 561px; WIDTH: 225px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 60px; margin-left: 405px; padding: 5px; padding-top: 3px; position: absolute; text-align: left; z-index: 1000}
 div.c7 {float: right; text-align: left}
 div.c6 {float:left}
 span.c5 {font-size:11px; font-weight:bold;}
 div.c4 {TOP: 525px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 95px; margin-left: 325px; padding: 5px; position: absolute; text-align: left; z-index: 1000}
 div.c3 {TOP: 549px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; height: 70px; margin-left: 170px; padding: 5px; position: absolute; text-align: left; z-index: 1000}
 div.c2 {TOP: 529px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; height: 95px; margin-left: 70px; padding: 5px; position: absolute; text-align: left; z-index: 2000}
 div.c1 {TOP: 571px; WIDTH: 170px; background: #171616; border: 1px solid #000000; display: none; float: left; height: 48px; padding: 5px; position: absolute; text-align: left; z-index: 1000}

h1 {font-size:14px; margin:0 0 15px 0}
h2 {font-size:14px; margin:15px 0}
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.contentslider { 
	overflow:hidden; 
	margin-bottom:20px;
	display: block;
	width: 890px;
	height: 440px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#999999;
	padding: 5px;
	position:absolute;}
.slidercontent {position:relative}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}

#holder {
	margin-left: auto;
	margin-right:auto;
	/*width: 895px;*/
	width:1075px;
	height: 600px;
	position: relative;	
    margin-top: 75px; /* half of the height */
    /*margin-left: -447.5px; /* half of the width */

} 

.enlarge {
	margin-left: auto;
	margin-right:auto;
	overflow:hidden;
	width: 895px;
	height: 500px;	

} 

#logo_holder {
	width:895px;
	height:100px;
	display: block;

	margin-left: auto;
	margin-right:auto;
	}
	
#account-info {
	margin-top: 60px;
	widows: 300px;	
	}
	
.panel {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;;
	color:#CCCCCC;
	}
#bar-container {
	width:100%;
	height: 14px;
	display: block;
	padding: 2px;
	margin-left: auto;
	margin-right:auto;
}

.bar{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#999999;
	line-height: 8pt;
	text-decoration: none;
}

.bar a {
	color:#999999;
	text-decoration: none;
	}

.bar a:hover {
	color:#FFFFFF;
	text-decoration: none;
	}

.breadcrumb{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
	line-height: 12pt;
	text-decoration: none;
}

.breadcrumb a {
	color:#666666;
	text-decoration: none;
	}

.breadcrumb a:hover {
	color:#FFFFFF;
	text-decoration: none;
	}

.headererror {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	line-height: 12pt;
	text-decoration: none;
	}

.headerInfo {
		font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF9900;
	line-height: 12pt;
	text-decoration: none;
	}

.full_holder {
	width: 885px;
	height:545px;	
	}

.colored_link {
	color:#f5ead6;	
	text-decoration: underline;}

.colored_link a {
	color:#f5ead6;	
	text-decoration: underline;}

.colored_link a:hover {
	color:#f5ead6;
	text-decoration: underline;
	}
	
/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 675px;
height: 200px;
overflow-x: auto;
overflow-y: hidden;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
float:right;
}




/*** Main Main Content Holder with Border ***/
#mainbox {
	display: block;
	margin-left: auto;
	margin-right:auto;
	/*width: 885px;*/
	width:1075px;
	overflow-x:hidden;
	overflow-y:hidden;
	height: 445px;
	border: 0px solid #666666;
	padding: 5px;
	z-index: 1;
	text-align: left;
	vertical-align: bottom;
} 

#prodbox {
	display: block;
	border:0px solid #666666;
	margin-left: auto;
	margin-right:auto;
	/*width: 885px; */
	width:1075px;
	overflow:hidden;
	height: 445px;
	padding: 5px;
	padding-bottom: 5px;
	z-index: 1;
	text-align: left; 
} 

#box {
	display: block;
	width: 885px;
	overflow:hidden;
	height: 445px;
	z-index: 1;
	text-align: left; 
} 

#boxEngrave {
	display: block;
	width: 885px;
	overflow:hidden;
	height: 445px;
	z-index: 1;
	text-align: left; 
	background-image:url(../img2/index/bgbrown_engraved.jpg); 
	background-attachment: fixed;
	background-position:center;
} 

#mainimg {
	display: block;
	width: 885px;
	overflow:hidden;
	height: 445px;
	z-index: 1;
	text-align: left; 
	background-image:url(../shop/images/womanback.jpg); 
	background-attachment: fixed;
	background-position:center;
} 


#boxbackground {
	display: block;
	width: 885px;
	overflow:hidden;
	height: 445px;
	z-index: 1;
	text-align: left; 
	background-image:url(../img2/index/bgbrown.jpg); 
	background-attachment: fixed;
	background-position:center;
} 
 
#prodbox2 {
	display: block;
	border:0px solid #666666;
	margin-left: auto;
	margin-right:auto;
	width: 870px; 
	overflow:hidden;
	height: 445px;
	padding: 5px;
	padding-bottom: 5px;
	z-index: 1;
	text-align: left; 
} 

#boxbackground2 {
	display: block; 
	width: 885px;
	overflow:hidden;
	height: 405px;
	z-index: 1;
	text-align: left; 
	background-image:url(../img2/index/bgbrown.jpg); 
	background-attachment: fixed;
	background-position:center;
} 
 

#shopbox {
	display: block;
	border:0px solid #666666;
	background-image:url(../img2/index/bgbrown.jpg); 
	background-attachment: fixed;
	background-position:center;
	margin-left: auto;
	margin-right:auto;
	width: 885px;
	overflow:hidden;
	height: 445px;
	border: 1px solid #CCCCCC;
	padding: 5px;
	z-index: 1;
	text-align: left;
	vertical-align: bottom;
	} 

#engravedbox {
	display: block;
	background-image:url(../img2/index/bgbrown_engraved.jpg); 
	background-attachment: fixed;
	background-position:center;
	margin-left: auto;
	margin-right:auto;
	width: 885px;
	overflow:hidden;
	height: 445px;
	padding: 5px;
	z-index: 1;
	text-align: left;
	vertical-align: bottom;
} 


/*** Content Area ****/
.main_content {
	margin: 0px;
	}

.prodtitle {
	color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	} 

.proddisc {
	color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
		line-height: 14px;

	} 


.proddisc a{
	color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
		line-height: 14px;

	} 
	

.proddisc a:hover {
	color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
		line-height: 14px;

	} 

.prodprice {
	color: #FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 13px;
		font-weight:bold;
	} 
		
.menuLinks {
	display: block;
	height: 25px;
	width: 150px;
	padding: 2px;
	}
.menuLinks a {
	display: block;
	border: 1px #eeeeee solid;
	}
.menuLinks a:hover {
	display: block;
	background-color: #CC6600;
	width:100%;
	}
	
/******************* forms*******************/

input, textarea, select {
    background-color: #f5ead6;
    border: 1px solid #6c6455;
    font-family: verdana;
    font-size: 8pt;
    color: #333333;
} 
/******** right column *********/

.rt_column_holder {
	display: block;
	width: 150px;
	height: 445px;
	opacity: .80;
	*filter: alpha(opacity="80");
	overflow: hidden;
	position:absolute;
	background-image:url(../img2/index/leftside_sq.gif);
	z-index: 300;
	float:right;
	}

.rt_column_content {
	display: block;
	width: 150px;
	height: 400px;
	position:absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#999999;
	padding: 5px;
	z-index: 500;
	}

/******** Left Side of Main Area ******/



.displayBox {
	display: block;
	width: 180px;
	/*height: 445px;*/
	height:595px;
	opacity: 1;
	*filter: alpha(opacity="100");
	overflow: hidden;
	position:absolute;
	/*background-image:url(../img2/index/leftside_sq_shipping.gif);*/
	background:#333333 url(../img2/index/leftside_sq_shipping.gif) left top no-repeat;
	}
	
.menuarea {
	display: block;
	width: 886px;
	height: 50px;
	border:1px solid #00FF00;
	overflow: hidden;
	position:absolute;
	z-index:80000;

	}
	
.displayBoxRt {
	display: block;
	width: 180px;
	height: 445px;
	opacity: .80;
	*filter: alpha(opacity="80");
	overflow: hidden;
	position:absolute;
	margin-left:885px;
	float:right;
	background-image:url(../img2/index/leftside_sq.gif);

	}.contentbox {
	width:200px
	}
#nav {
	z-index: 300;
	display:block;
	width:885px;
	height: 77px;
	position:absolute; 
	top:500px;
	}

.nav {
	z-index: 300;
	display:block;
	width:885px;
	height: 77px;
	position:absolute; 
	top:500px;
	}

.navboxes {
	background-color:000000;
	width:169px;
	display:none;
	}
	
.rightBox {
	display: block;
	width: 169px;
	height: 445px;
	opacity: .80;
	*filter: alpha(opacity="80");
	overflow: hidden;
	background-image:url(../img2/index/leftside_sq.gif);

	}

.rightBox a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#FFCC00;
	}
.rightBox a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#FFCC00;

	}
	
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  color: #9a9a9a;
}



.displayBox_text_prod {
	display: block;
	width: 220px;
	height: 440px;
	position:absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#999999;
	padding: 5px;
	z-index: 600; 
	}

.displayBox_text_prod a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#cccccc;
	}
.displayBox_text_prod a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#ffffff;

	} 
	
.displayBox_text {
	display: block;
	width: 220px;
	height: 250px;
	position:absolute;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#999999;
	padding: 5px;
	z-index: 500;
	}

.displayBox_text a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#cccccc;
	}
.displayBox_text a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#ffffff;

	}

	
.displayBox_textRt {
	display: block;
	width: 180px;
	height: 250px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#999999;
	padding-left:10px;
	}

.displayBox_textRt a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#cccccc;
	}
.displayBox_textRt a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#ffffff;

	}


.displayBox_text2 {
	display: block;
	width: 220px;
	height: 200px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#999999;
	margin-top:400px;
	margin-left:10px;
	padding: 5px;
	z-index: 500;
	text-decoration:none;
	}

.displayBox_text2 a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#cccccc;
	text-decoration:none;
	}
.displayBox_text2 a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#ffffff;
	text-decoration:none;
	}
	
.brn_text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	line-height: 11pt;
	}

.warn_text {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000000;
	}

.warning_text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fc2805;
	color:#FF0000
	text-decoration:underline;
	font-style:oblique;
	font-weight: bold;
	}
	
.account {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	line-height: 11pt;
	text-decoration: none;
	}

	
.main {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	line-height: 11pt;
	text-decoration: none;
	}

.main a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	text-decoration: none;
	}

.main a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #eeeeee;
	text-decoration: underline;
	}
	
.note_text {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #f5ead6;
	}
.note_text a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	}
.note_text a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	}

.shopping_text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	}

.shopping_text a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#cccccc;
	}
.shopping_text a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: left;
	color:#ffffff;

	}

.price_text {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	}	

.header_text {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	}	

.subtotal {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #cccccc;
	}	


.warning_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #e2d5bf;
	}
	
.search-shop{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #e2d5bf;
	}	

.search-shop a{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #e2d5bf;
	}	

.search-shop a:hover{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #ffffff;
	}	

.payment-select{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #e2d5bf;
	}	

.payment-shop{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #bda888;
	}	

.payment-shop a{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #bda888;
	}	

.payment-shop a:hover{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #e2d5bf;
	}	
	
.header-shop{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #e2d5bf;
	}	

.header-shop a{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #e2d5bf;
	}	

.header-shop a:hover{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	}	

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #cccccc;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;;
  color: #000000;
}
.boxText { 
	font-family: Verdana, Arial, sans-serif; font-size: 8pt;
	color: #CCCCCC;
	 }

.displayBox_categories {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
	color:#00FF00;
	padding: 5px;
	}
#flashmovie {
	width: 885px;
	height: 445px;
	position: absolute;
	z-index:0;
	}
	
.displayBox_text a {
font-family: Arial, Helvetica, sans-serif;
	size: 8pt;
	color:#cccccc;
	text-decoration: none;
	line-height:12pt;
	}
	
.displayBox_text a:hover {
font-family: Arial, Helvetica, sans-serif;
	size: 8pt;
	color:#ffffff;
	text-decoration: none;
	line-height:12pt;
	}

.displayBox_text_r  {
	font-family: Arial, Helvetica, sans-serif;
	size: 8pt;
	color:#cccccc;
	text-decoration: none;
	line-height:12pt;
	margin-top:250px;
	padding-left:2px;
	}

.displayBox_text_r a {
font-family: Arial, Helvetica, sans-serif;
	size: 8pt;
	color:#cccccc;
	text-decoration: none;
	line-height:12pt;
	margin-top:250px;
	padding-left:2px;
	}
	
.displayBox_text_r a:hover {
font-family: Arial, Helvetica, sans-serif;
	size: 8pt;
	color:#ffffff;
	text-decoration: none;
	line-height:12pt;
	padding-top:250px;
	padding-left:2px;
	}


.locator_text {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #EEEEEE;
	}

.navLinks {
	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	display: block;
	width: 161px;
	height: 15px;
	background-color: #000000;
	text-decoration: none;
}

.navLinks a {
	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	display: block;
	width: 161px;
	height: 15px;
	background-color: #000000;
	text-decoration: none;
	padding: 3px 0 0 7px;
	vertical-align: middle;
}
	
.navLinks a:hover{
	color:#cccccc;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #333333;
	display: block;
	width: 160px;
	height: 14px;
	background-color: #000000;
	text-decoration: none;
}

#randm, #randm img {
width:886px;
height:445px;
z-index:1;
}

.framedArea {
width:890px;
height:460px;
z-index:1;
border: 0px;
}

/****************** Left Side Slider ************************/

.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 50px 0; /* determines how far from the top*/
		position: relative;
		width: 100%;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		 /* Insert border here if wanted ...this is the border. should have the same value for the links */
		margin: auto;
		width: 220px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 432px;
		clear: both;
		background: #1e1e1e;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 300;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 885px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 3px;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
	}
	
	.stripNav ul { /* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { /* The nav links */
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #c6e3ff;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav li.tab1 a { background: #60f }
	.stripNav li.tab2 a { background: #60c }
	.stripNav li.tab3 a { background: #63f }
	.stripNav li.tab4 a { background: #63c }
	.stripNav li.tab5 a { background: #00e }
	
	.stripNav li a:hover {
		background: #333;
	}
	
	.stripNav li a.current {
		background: #000;
		color: #fff;
	}
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 20px;
		width: 20px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
	
		right: 0;
	}
	
	.stripNavL {
		background: url("../images/lf_arrow.gif") no-repeat center;
	}
	
	.stripNavR {
		background: url("../images/rt-arrow.gif") no-repeat center;
	}
	
.style1 {color: #FFFFFF};

.titlearea p {
	font-size: 8pt;
	} 

.mouse {
	display:block;
	width:14px;
	background-color:#333333;
	}
	
.mouse a {
display:block;
	width:14px;
	background-color:#333333;
	}
.mouse a:hover {
display:block;
width:14px;
	background-color:#666;
	}
/******* TPJZOOM Drop Shaddow *****/

.out {
  display:block; 
  background:#bbb; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;} /* change to suit */
h4 {font-weight:bold; color:#000;}

/******** End Drop Shaddow *********/


/********* BEGIN LOCATOR STYLES *********/

/* This encompasses the ENTIRE results window */
div.phpGoogleStoreLocator_body
{

	display: block;
	background-image:url(../../img2/index/bgbrown.jpg); 
	background-attachment: fixed;
	background-position:center;
	margin-left: auto;
	margin-right:auto;
	width: 885px;
	overflow:hidden;
	height: 445px;
	padding: 5px;
	z-index: 1;
	text-align: left;
	vertical-align: bottom;
   /* This is here for seeing the borders of the application when embedded in your site. */
/*     border:solid; */

/* Original background color */
    /* background-color:#fff; */
    
   /* Uh.  You can hide the whole app with this, but what would be the point? lol */
   /* display:none;*/
}

/* This is the width/height of the map that is displayed on the results page.  This can also be used to hide the map.*/
div.phpGoogleStoreLocator_map
{
 
 /*border:solid;*/
/* width:445px;*/
padding-top:5px;
width:450px;
 height:385px;
   /* Hide the map */
   /* display:none; */
   
   /* Put a border around the map */
   /* border:solid;*/
}

/* This is the header that goes above the results list */
div.phpGoogleStoreLocator_results_header
{
   /* border:solid;*/
   /* display:none;*/
   padding:10px;
   margin:2px;
   background-color:cccccc;
   width: 100%;
}

div.phpGoogleStoreLocator_results_header_anchor
{
   float:left;
   padding-right:20px; 
}

div.phpGoogleStoreLocator_results_header_distance
{
 float:left;
 padding-right:40px;
}

div.phpGoogleStoreLocator_results_header_information
{
 float:left;
}

/* This is the block that displays the Store Locations near: 80439 message*/
div.phpGoogleStoreLocator_results_store_locations_near
{

	width:360px;
	padding:3px;
   /* Hide the store locations near message */
   /* display:none; */

   /* Put a border around the message */
   /*border:solid;*/
}

/* This is the block that displays the list of categories that the results came from */
div.phpGoogleStoreLocator_results_categories_list
{
   /* Hide the categories list */
   /* display:none; */

   /* Put a border around the list */
   /* border:solid;*/
}


div.phpGoogleStoreLocator_results_block
{

/*  border-color:red; */
 /* display:none; */
}

/* This is used to style each individual result */
div.phpGoogleStoreLocator_result
{

   /* Hide the categories result.  Uh, why would u want to do this? lol*/
   /* display:none; */

   /* Put a border around the result.  This puts a border around each result.  Each result comprises of multiple divs as well, this puts a border
      around all of those divs that make up each result */

/*     border-color:green; */
     padding:10px;  
     margin:10px;  

}

/* This is the number of the result in the results it has an anchor tag on it that takes you to that location on the map */
div.phpGoogleStoreLocator_result_location_anchor_number
{
/*   border:solid;  */
 /* display:none; */
    /* For some reason, height 100% will not actually set the height to 100% of the phpGoogleStoreLocator_result container div, I dont know why. */
    /* But in anycase, this height simulates a table column cell that stretches down to the bottom of the container */
    float:left;
     padding-right:40px; 
}

/* Use this to display/hide the distance */
div.phpGoogleStoreLocator_result_location_distance
{
/*   border:solid;  */
 /* display:none; */

 float:left;
  padding-right:10px; 


}

/* This is the image that is associated with a location. */
img.phpGoogleStoreLocator_result_location_image
{
 width:103px;
 height:124px;
      border:0px;
}

/* This is the contain for the image that is associated with a location. */
div.phpGoogleStoreLocator_result_location_image
{

 float:left;
  padding-right:10px; 
/*  border:solid; */
/*  border-color:purple; */
}

/*  Start Data set div, this aligns everything to the left when there is no image available */
div.phpGoogleStoreLocator_result_location_data
{
/*   border:solid;  */
  float:left; 
/*  border-color:yellow; */

}


/* Use this to display/hide the storename */
div.phpGoogleStoreLocator_result_location_storename
{
/*   border:solid;  */
 /* display:none; */

}

/* Use this to display/hide the address */
div.phpGoogleStoreLocator_result_location_address
{
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the city */
div.phpGoogleStoreLocator_result_location_city
{
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the state */
div.phpGoogleStoreLocator_result_location_state
{
/*   border:solid;  */
 /* display:none; */
   float:left;
   padding-right:10px; 
}

/* Use this to display/hide the zip */
div.phpGoogleStoreLocator_result_location_zip
{
/*   border:solid;  */
 /* display:none; */
  float:left;
  padding-right:10px;
}

/* Use this to display/hide the country */
div.phpGoogleStoreLocator_result_location_country
{
/*   border:solid;  */
 /* display:none; */


}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_phone
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
 
}

/* Use this to display/hide the comments AND ratings stars*/
div.phpGoogleStoreLocator_result_location_comments
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
 
}

/* Use this to display/hide the map and directions info*/
div.phpGoogleStoreLocator_result_location_map_and_directions
{
     padding:10px;
/*   border:solid;  */
 /* display:none; */
}

.phpGoogleStoreLocator_result_location_map_and_directions a
{
     padding:10px;
	 color:#cccccc;
/*   border:solid;  */
 /* display:none; */
}

.phpGoogleStoreLocator_result_location_map_and_directions a:hover
{
     padding:10px;
	 color:#ffffff;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the hours*/
div.phpGoogleStoreLocator_result_location_hours
{
     padding:10px;  
     margin-bottom:-15px;
/*   border:solid;  */
 /* display:none; */
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_result_location_notes
{
     padding:10px;
     margin-bottom:-10px;
/*   border:solid; */
 /* display:none; */
 }

/* Use this to display/hide the powered by msg*/
div.phpGoogleStoreLocator_powered_by
{
 /* border:solid; */
  display:none;
 text-align:center;
}

/* Use this to display/hide the notes*/
div.phpGoogleStoreLocator_execution_time
{
 /* border:solid; */
 /* display:none; */
 text-align:center;
}

/* This is for the white balloon that pops up on the map when you click on a location icon on the map.  */
div.phpGoogleStoreLocator_map_balloon_body
{
/*  white-space:nowrap;  */
 font-size:12px;
}


/* Google tool tip marker, this is for the tooltip that shows when you hover over an icon on the map. */
div.markerToolTip 
{
   text-align: center;
    white-space: nowrap;
    margin: 0;
    padding: 2px 0.5ex;
    border: 1px solid #555;
    font-weight: bold;
    background: #fff;
        opacity: .80;
        -moz-opacity: .80;
        filter: alpha(opacity=80);
}

/***** This is critical to layout design to line things up, dont change it.  ******/
.clearboth {
clear:both;
}

/*********************** Small Product Image  Display **********************/



#smallproducts  { 
	width:288px; 
	height:210px; 
	overflow: hidden; 
margin-left: auto;
margin-right: auto;

	}


	
 .imgclass {
  	padding-left:50%; /* effectively centers left side of image */
    margin-left:-200px;
 /* (negative 1/2 of image width) */
        /* the margin-left will make the center of the image centered
           instead of the left edge */
 } 
 
#largeproducts  { 
	width:886x; 
	height:445px; 
	overflow: hidden; 
	margin-left: auto;
	margin-right: auto;
	z-index:1;

	}

 .imgclass2 {
  	padding-left:50%; /* effectively centers left side of image */
    margin-left:-200px;
 /* (negative 1/2 of image width) */
        /* the margin-left will make the center of the image centered
           instead of the left edge */
 } 

/********** END LOCATOR STYLES ************/
	
.fademeclass {
	z-index: 50;
  /* for IE */
  filter: alpha(opacity=01);
  /* CSS3 standard */
  opacity:0;
}

.nodisplay {
	display: none;
}

#displaySide {
	z-index: 100;
}

#displaySidert {
	z-index: 100;
}

/**************** NEW PAGING CODE OF PRODUCT LIST ***************/
.prev_arrow
{
position:absolute;
width:100px;
height:380px;
top:120px;
left:0px;

}

.next_arrow
{
position:absolute;
width:100px;
height:380px;
top:120px;
left:785px;
}

.prev_arrow a, .next_arrow a
{
display:block;
width:100px;
height:380px;
}
.next_arrow a:hover
{
display:block;
background-image:url(../shop/img/next.gif);
background-repeat:no-repeat;
background-position:35px;

}

.prev_arrow a:hover
{
display:block;
background-image: url(../shop/img/previous.gif);
background-repeat:no-repeat;
background-position:35px;
}

/**************** END OF NEW PAGING CODE OF PRODUCT LIST ***************/	

/**************************** image gallery display on product details page ************/
	#galleryContainer
	{
		height:72px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 72px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/70px;	/* Other browsers */
		height: /**/70px;
		margin-top:15px;
	}
	
	*html #galleryContainer
	{
		height:72px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 72px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/70px;	/* Other browsers */
		height: /**/70px;
		margin-top:0px;
	}


	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;

		padding:1px 1px 1px 0px;		
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;

		padding:1px 0px 1px 1px;		
	}
	
	*html #arrow_right{
		position:absolute;
		right:-1px;
		z-index:10;
		padding:1px 0px 1px 1px;
		background-color:#2E2D2B;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
/**************************** end of image gallery display on product details page ************/
	
	
/****************************************************************************************
	* 	LAYOUT CSS FOR THE left MENU
****************************************************************************************/
	
	ul#dhtmlgoodies_listMenu
	{
	margin: 10px 0px 0px 0px;
	}
	#dhtmlgoodies_listMenu a{	/* Main menu items */
		color:#ccc;
		text-decoration:none;


	}
	#dhtmlgoodies_listMenu ul li a{	/* Sub menu */
		color: #ccc;
		font-weight:normal;
	}
	#dhtmlgoodies_listMenu ul li ul li a{	/* Sub Sub menu */
		color: #ccc;
		font-style:italic;
		font-size:0.9em;
		font-weight:normal;		
	}
	
	#dhtmlgoodies_listMenu .activeMenuLink{	/* Styling of active menu item */
		color:#fff;
	}
	
	
	#dhtmlgoodies_listMenu a:hover{	/* Main menu items */
		color:#fff;
		text-decoration:none;


	}
	#dhtmlgoodies_listMenu ul li a:hover{	/* Sub menu */
		color: #fff;
		font-weight:normal;
	}
	#dhtmlgoodies_listMenu ul li ul li a:hover{	/* Sub Sub menu */
		color: #fff;
		font-style:italic;
		font-size:0.9em;
		font-weight:normal;		
	}
	
	
	/*
	No bullets
	*/	
	#dhtmlgoodies_listMenu li{
		list-style-type:none;	
	}
	
	/*
	No margin and padding
	*/
	#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
		margin:0px;
		padding:0px;
	}

	/* Margin of sub menu items */
	#dhtmlgoodies_listMenu ul{
		display:none;
		margin-left:10px;
	}
	
/* paging slider css */
.slider_track
{
	width:200px; 
	float:left; 
	height:16px; 
	margin-top:3px;  
	margin-left:10px; 
	margin-right:10px;
	padding:0px;
	line-height:0px;
	position:absolute;
	top:0px;
	left:65px;
	background:url(../shop/images/slider/slider.jpg) left top repeat-x; 
}

*html .slider_track
{
height:16px;
line-height:0px;
font-size:0px;
margin-top:5px;
}
.slider_handle
{
	height:16px; 
	cursor:move;
	margin-left:0px;
	line-height:0px;
	background-image:url(../shop/images/slider/white.jpg);
	background-repeat:no-repeat;
	width:7px;
	position:absolute;
	top:0px;
	left:0px;
	background-position:right;
}

*html .slider_handle
{
height:16px;
line-height:0px;
font-size:0px;
position:absolute;
top:0px;
left:0px;
}

.slider_paging_left_arr a
{
position: absolute; 
top:0px; 
left:25px;
font-weight:bold;
text-decoration:none;
}
.slider_paging_right_arr a
{
position: absolute; 
top:0px; 
left:315px; 
font-weight:bold;
text-decoration:none;
}

/* z SLIDER */

div.slider {
	width: 200px;
	height: 16px;
	background: #eee;
	position:relative;
}
div.slider div.knob {
	background: #000;
	width: 16px;
	height: 16px;
	position:absolute;
}
div.advanced {
	width: 420px;
	margin: 5px 0;
	background: url(../shop/images/slider/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}
div#white div.knob {
	background-image: url(../shop/images/slider/white.jpg);
}

/* z DOP */
#div_dop_frames {width:890px; height:122px; overflow:hidden; text-align:center; padding-left:190px}
.div_frame {float:left; overflow:hidden; height:122px; background:#666}
#div_frame1 {width:458px;}
#div_frame2 {width:210px; margin-left:4px}
#div_frame3 {width:210px; margin-left:4px}
