﻿body
{
    FONT-family: Trebuchet MS,Verdana, Arial, sans-serif;
	background-color:#000000;
	margin: 0px; 
	padding: 0px; 
	height: 100%;
	text-align:center;
	font-size:12px;
	COLOR: #333333;
}
html { padding:0px; margin:0px; height: 100%;}

img
{
    border:0px;
    padding:0px;
}

td
{
    COLOR: #ffffff;
}

P
{
    COLOR: #ffffff;
}

.wrapper {
	margin:0 auto;
	width:960px;
}

#content 
{  
	margin: 0 auto; 
	padding: 0; 
	text-align:left;
	/*width: 778px; pre - procreate*/
	width:960px;
}

#content_alt 
{  
	margin: 0 auto; 
	padding: 0; 
	text-align:left;
	width: 100%;
	height: 100%;
}

div#MainBody
{ 
    /*background-image:url(images/main_bg.jpg);*/
	background-image:url(images/main_bg2.jpg);
    background-repeat:no-repeat;
	margin: 0 auto; 
	padding: 0; 
	text-align:left;
	/*width: 778px;*/
	width: 960px;
}

div#MainBody A
{
    COLOR: #ffcc33;
}
div#MainBody A:hover
{
    COLOR: #ffcc00;
    text-decoration: underline;
}

div#MainBody A:visited
{
    COLOR: #ffcc00;
}

/*******/
div#MainBody_alt
{ 
    background-image:url(images/main_bg.jpg);
    background-repeat:no-repeat;
	/*margin: 0 auto; */
	padding: 0; 
	text-align:center;
	width: 100%;
	
}

div#MainBody_alt A
{
    COLOR: #ffcc33;
}
div#MainBody_alt A:hover
{
    COLOR: #ffcc00;
    text-decoration: underline;
}

div#MainBody_alt A:visited
{
    COLOR: #ffcc00;
}



#TopBar
{
    /*background-image:url(images/top_bg.jpg);*/
	background-image:url(images/top-bg.gif);
	margin-top:0px;
	/*width: 778px;*/
	width: 960px;
	height: 79px;
    COLOR: #333333;
}

#TopBar_alt
{
    background: #000;
	top: 0;
	position: absolute;
	width: 100%;
	height: 80px;
    COLOR: #333333;
	border-bottom: 1px solid #9A9A9A;
	
}


H1
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:1.3em;
	font-weight: bold;
    COLOR: #ffcc00;
}
H2
{
	margin: 0px 0px 20px 0px;
	font-size:1.2em;
	font-weight: normal;
    COLOR: #ffffff;
}

img#logo
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;      
}

img#heart
{
	float:left;
	margin-top:2px;
	margin-bottom:0px;
	padding:0px;
}
div.clear
{
	width:100%;
	overflow:hidden;
}	

div#MainMenu
{
	margin: 35px 0px 0px 30px;
	line-height:14px;
	width: 500px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
	float:left;
}
div#Watchlogos
{
	margin: 0px 0px 0px 30px;
	width: 500px;
    TEXT-DECORATION: none;
	float:left;
}
div#MainMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#MainMenu A
{
	font-weight:bold;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
div#MainMenu A:hover
{
    COLOR: #ffcc00;
	font-weight:bold;
    TEXT-DECORATION: none;
}
div#MainMenu ul li {
	width: auto;
	float: left;
	padding-right:8px;
	padding-left:8px;
	border-right: 1px solid #666666;
}

div#MainMenu ul li.end {
	border-right: none;
}
div#TopMenu
{
	margin: 5px 0px 0px 5px;
	font-size:0.8em;
	line-height:14px;
	width: 500px; 
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    text-align:right;
	float:left;
}
div#TopMenu A
{
    COLOR: #ffcc00;
    TEXT-DECORATION: none;
}
div#TopMenu A:hover
{
    COLOR: #ffcc00;
    TEXT-DECORATION: underline;
}

/*************/

div#TopMenu_alt
{
	margin: 5px 0px 0px 65px;
	font-size:0.8em;
	line-height:14px;
	width: 200px;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
    text-align:right;
	float:right;
	
}
div#TopMenu_alt A
{
    COLOR: #ffcc00;
    TEXT-DECORATION: none;
}
div#TopMenu_alt A:hover
{
    COLOR: #ffcc00;
    TEXT-DECORATION: underline;
}



#Footer
{
    /*background-image:url(images/bottom_bg.jpg);
	background-repeat: repeat-x;*/
	background:url(images/border-bg.gif) left top no-repeat; 
	height:34px; 
    width:100%;
	margin:10px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font-size:0.8em;
    COLOR: #666666;
	float:left;
	text-align:center;
}
div#Footer A
{
    margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
    COLOR: #999999;
    TEXT-DECORATION: none;
}
div#Footer A:hover
{
    margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	COLOR: #cccccc;
	font-weight:bold;
    TEXT-DECORATION: none;
}

#Footer .container { 
    position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
    width:960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    margin: 0 auto 0 50px; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}   
    
#Footer .container .header { 
    height: 1px; 
	} 
	
#Footer .container .sidebar1 {
	margin: 0 20px 0 0;
    position: absolute;
    top: 0px; 
    left: 0;
    width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    }
#Footer .container .sidebar2 {
    position: absolute;
    top: 0px;
    right: 0; 
    width: 30%; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    }
#Footer .container .mainContent { 
    margin: 0 300px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
    padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 30%;
}

#Footer .container .baseContent { 
color:#666666;
}
#Footer .container .baseContent a { 
color:#666666;
}
#Footer .container .baseContent a:hover { 
text-decoration: underline
}

 

/********/
#Footer_alt
{
	background: #000; 	
   	border-top: 1px solid #9A9A9A;
    height:34px;
    width:100%;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:0.8em;
    COLOR: #666666;
	float:left;
	text-align:center;
}
div#Footer_alt A
{
    margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
    COLOR: #999999;
    TEXT-DECORATION: none;
}
div#Footer_alt A:hover
{
    margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	COLOR: #cccccc;
	font-weight:bold;
    TEXT-DECORATION: none;
}
span#copy
{
    margin-left:5px; 
}

span#address
{
    margin-left:68px;
}
span#tel
{
    margin-left:68px;
}
span#email
{
    margin-left:68px;
}
span#finisco
{
    margin-left:68px;
}
span#finisco img
{
    margin-top:5px;
}

/*End of master page styles*/

div#flash
{
    float:left;
    width:416px;
    overflow:hidden;
}
div#flash p {
	
}

div#flash a {
	background: #000 url(images/low-price-diamond-rings.gif) bottom;
	height: 38px;
	width: 152px;
	position: absolute;
	*position: relative;
	float:right; 
	margin: -100px 0 0 250px;
}

div#flash a:hover {
	background: #000 url(images/low-price-diamond-rings.gif) top;
	height: 38px;
	width: 152px;
	position: absolute;
	*position: relative;
	float:right; 
	margin: -100px 0 0 250px;
}


div#pagepic
{
    float:left;
    width:416px;
}
div#intro
{
    margin:0 auto;  
    font-size:1em;
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    color: #cccccc;
    width:860px; 
    
}
div#nextLevelText
{
    margin: 0px 0px 0px 25px; 
    font-size:1em;  
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    color: #cccccc;
    width:415px; 
    float:left;
}
div#nextLevelText2
{
	background: none;
    margin: 0px 0px 0px 100px; 
    font-size:1em;  
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    color: #cccccc;
    width:415px; 
    float:left;
}

div#nextLevelText3
{
    margin: 0px 0px 0px 0px; 
    font-size:1em;  
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    color: #cccccc;
    width:415px; 
    float:left;
}

div#products
{	
	margin: 0 0 0 50px; 
    float:left;
    width:352px;
    overflow:hidden;
}
div#watchlogos
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float:left;
    width:353px;
}
div#jewellerylogos
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float:left;
    width:353px;
}
div#diamonds
{
    margin: 25px 0px 5px 36px;
    background-image:url(images/diamond_box.gif);
    font-size:1em;
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    width:314px;
    height:117px;
    float:left;
    display:inline;  
}
div#jewellery
{
    margin: 20px 0px 5px 109px;
    background-image:url(images/jewellery_box.gif);
    font-size:1em;
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    width:241px;
    height:117px;
    float:left;
    display:inline;
}
div#watches
{
    margin: 20px 0px 0px 109px;
    background-image:url(images/watch_box.gif);
    font-size:1em;
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    width:241px;
    height:117px;
    float:left;
    display:inline;
}
div#diamonds a {
	margin: 90px 0px 0px 151px;
	padding: 0px 0px 0px 0px;
	display:block;
    COLOR: #ffcc00;
    TEXT-DECORATION: none;
}
div#diamonds A:hover
{
    COLOR: #ffcc00;
    TEXT-DECORATION: underline;
}
div#jewellery a {
	margin: 10px 0px 0px 166px;
	padding: 0px 0px 0px 0px;
	display:block;
    COLOR: #ffcc00;
    TEXT-DECORATION: none;
}
div#jewellery A:hover
{
    COLOR: #ffcc00;
    TEXT-DECORATION: underline;
}
div#watches a {
	margin: 10px 0px 0px 166px;
	padding: 0px 0px 0px 0px;
	display:block;
    COLOR: #ffcc00;
    TEXT-DECORATION: none;
}
div#watches A:hover
{
    COLOR: #ffcc00;
    TEXT-DECORATION: underline;
}
div#productcontainer
{
    margin: 10px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    float:left;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

div#productcontainer ul
{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	}
	
div#productcontainer ul li
{
	display: inline;
	position: relative;
	padding: 2px 6px;
	}
	
div#productcontainer ul li a
{
	
	}
	
	
.products
{
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size:1em;
    FONT-FAMILY: Trebuchet MS,Verdana, Arial, sans-serif;
    color: #666666;
    line-height:1.5em;
    text-align:  center;
    float:left;
    width:110px;
    display:inline;
}
.products A
{
    COLOR: #ffcc00;
    font-weight:bold;
    TEXT-DECORATION: none;
}
.products A:hover
{
    COLOR: #ffcc00;
    font-weight:bold;
    TEXT-DECORATION: underline;
}
a.productpic img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 4px solid #ffcc00 !important;
}
div#homeContainer
{
    width:860px;
    overflow:hidden;
	/*procreate*/
	margin:0 auto;
}
 
#bottom_menu_slider_all{ }
#bottom_menu_slider_all .txt { font-size:1.2em; margin:0; padding:0; }
#bottom_menu_slider_all .copytxt { text-align:right; font-size:10px; margin:5px 5px 0 0; padding:0; }
#bottom_menu_slider_all .tel { color:#FFCC00; font-size:1.2em; font-weight:bold; margin:0; padding:0; }
#bottom_menu_slider_all a { color:#FFCC00; font-size:1.2em; margin:0; padding:0; text-decoration: none;  }
#bottom_menu_slider_all a:hover { color:#FFCC00; font-size:1.2em; margin:0; padding:0; text-decoration: underline;  }

#bottom_menu_slider_back {background-color: #1B1B1B; border-top: 1px solid #FFFFFF; bottom: 0; height: 60px; left: 0; opacity: 0.9; filter:alpha(opacity=90); position: fixed; width: 100%; z-index: 68; }
		
#bottom_menu_slider { bottom: 0; height: 60px; left: 0; position: fixed; text-align: center; width: 100%; z-index: 69; color: #ffffff; }
