/*  Main CSS file for MyOlivier 2007, All rights reserved.

    The Styles category present in this css....
	 1. Body, Layout styles
	 2. HTML Tags
	 3. Navigation Menu
	 4. Content Styles                 */

	 
/*  1. Body, Layout styles  */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #9A9A9A;
	font: normal 12px Arial, Helvetica, sans-serif;
}
h1 {
	text-transform:uppercase;	
	font: bold 29px Helvetica, Arial, sans-serif;
	margin: 2px 0px 5px 0px;
}
h1.smalltitle {
    text-transform:uppercase;	
	font: bold 11px Helvetica, Arial, sans-serif;
	margin: 2px 0px 5px 0px;
}
h1.big {
	text-transform:uppercase;	
	font: bold 16px Helvetica, Arial, sans-serif;
	color: #9B9B9B;
	margin: 0px 0px 0px 2px;
}
.title {
	text-transform:uppercase;	
	font: bold 33px Arial, Helvetica, sans-serif;
	color: black;
	margin: 0px 0px 0px 2px;
}
h2 {
	color: #5B5B5B;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
.prod-det {
	color: #616161;
	margin: 0px 150px 0px 315px;
}
.prod-det a {
	color: #616161;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 10px verdana, Helvetica,Arial,  sans-serif;
	line-height: 150%;
}
.prod-det a:hover {
	text-decoration: underline;
}
.grtxt {
	color: #9B9B9B;
}
.grtxt a {
	color: #9B9B9B;
	text-decoration: none;
}
.grtxt a:hover {
	color: Black;
}
.blktxt {
	color: Black;
	letter-spacing: 1px;
}
.pge {
	width: 750px;	
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	clear: both;
}
#logo {
	float: left;
}
#top-rt {
	padding: 10px 0px 0px 0px;
	text-align: right;
	margin-bottom: 0px;
}
#top-menu {
	font: normal 9px Arial, Verdana, Helvetica, sans-serif;
	padding: 1px 0px 1px 1px;
	text-indent:4px;	
	text-decoration:none;	
	line-height:20px;
	text-transform:uppercase;	
	color:#666666;
	background-color:#ffffff;
	z-index:0;
	float: right;
}
#top-menu a {
	font: bold 9px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
#top-menu a:hover {
	text-decoration: none;
}
#menu {
	font: normal 9px Arial, Verdana, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
}

#menu a {
	font: normal 9px Arial, Verdana, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	margin: 0px 0px 5px 8px;
}/*
#pg-ltcol {
	width: 126px;
	padding: 0px 0px 0px 5px;
	text-align: left;
	color: black;
}*/
#pg-ltcol {
	width: 120px;
	/*float: left;*/
	padding: 0px 0px 0px 5px;
	text-align: left;
	color: black;
}
#pg-ltcol p {
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
}
#lt-menu {
	text-transform:uppercase;	
	font: normal 10px Arial, Verdana, Helvetica, sans-serif;
	line-height: 170%;
}
#lt-menu a {
	color: Black;
	text-decoration: none;
}
#lt-menu a:hover {
	text-decoration: underline;
}
#ltcol {
	width: 135px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: White;
}

#ltcol p {
	margin: 5px 0px 5px 0px;
}
.blkbox {	
	background-color: #040404;
	padding: 5px;
	margin-bottom: 2px;
	height: 68px;
}
.grybox {	
	background-color: #443E3E;
	padding: 5px;
}
.ltbox {	
	margin-bottom: 2px;
}

.blkbox a, .grybox a {
	color: White;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.blkbox a:hover, .grybox a:hover {
	text-decoration: underline;
}
#cont {
	border-top: 1px solid black;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#shop-cont {
	border-top: 1px solid black;
	clear: both;
	padding: 0px 20px 0px 20px;
	margin: 0px;
	color: Black;
}

#pgcont {
	border: 1px solid black;
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 397px;
}
#pg-rtcol {
	/*width: 612px;
	float: right;*/
}
#rtcol {
	width: 610px;
	float: right;
	border: 1px solid black;
	border-top: 0;
}
#footer {
	padding: 5px;
	clear: both;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: center;
}
#footer a {
	font-weight: bold;
	color: #9A9A9A;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a.f_link {
	text-decoration: none;
  letter-spacing: 1px;  
}
.link {
	clear: both;
	margin: 0px;
	padding: 0px;
	float: right;
}
.link a {
	color: Black;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.link a:hover {
	text-decoration: none;
}
#dropmenudiv{
position:absolute;
border:1px solid #999;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:21px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
/*border-bottom: 1px solid black;*/
padding: 1px 0;
text-decoration: none;
color: #666;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #666;
color: #fff;
}

.botlink {
	color: Black;
	font: bold 9px Arial, Helvetica, sans-serif;
}
.botlink a {	
	text-decoration: underline;color: Black;
	font: bold 9px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.botlink a:hover {
	text-decoration: none;
}
.navtextbox
{
    BORDER-RIGHT: #888888 1px solid;
    BORDER-TOP: #888888 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #888888 1px solid;
    WIDTH: 73px;
    height: 12px;
    BORDER-BOTTOM: #888888 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
input, textarea, select {
	BORDER: #888888 1px solid;
}
input.img {
	border: none;
}
form {
	margin: 0px 0px 0px 0px;
}

.lt {
	float: left;
	width: 150px;
	text-align: center;
}
.rt {
	float: right;
	color: Black;
}
.rt a, .lt a {
	color: Black;
	text-decoration: none;
	font-size: 10px;
}
.rt a:hover, .lt a:hover {
	text-decoration: underline;
}
#prod-img {
	border: 1px solid #CECECE;
	text-align: center;
}
#prod {
	width: 293px;
	height: 300px;
	float: left;
	margin-right: 20px;
	line-height: 150%;
}
#prod a {
	color: #666666;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
}
#prod a:hover {
	text-decoration: underline;
}
ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
ul li {
	list-style: none url(images/bullet.gif);
	margin: 0px 0px 0px 18px;
}
#other-img {
	float: right;
}
.bord {
	background: url(images/hr-line.gif) no-repeat bottom;
}
.rtbord {
	border-right: 1px solid #E0E0E0;
}
a.win {
	text-transform: uppercase;
	color: #666666;
	text-decoration: none;
}
a.win:hover {
	text-decoration: underline;
}
.box {
	border: 1px solid #73727A;
	margin-bottom: 3px;
}
.box a {
	color: Black;
	text-decoration: underline;
}
.box a:hover {
	text-decoration: none;
}
.shop-tit {
	color: #141414;
	font: normal bold 12px Arial, Helvetica, sans-serif;
}
a.shop {
	color: Black;
	text-decoration: underline;
}
a.shop:hover {
	text-decoration: none;
}
.grntxt {
	color: #0F7B0E;
	font-weight: bold;
}
.blkcont {
	color: Black;
}
#pagecontent {
        width: 530px;
        margin: 0 auto;
        text-align: justify;
}