@charset "utf-8";
/* CSS Document */

*{
/* Block all browser default margins and padding */
  margin: 0;
  padding: 0;
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
  /*border: solid 1px #0ff; */
  
}

body{
	background: #454a55;
 text-align:center;
 color: #fff;
 	 
 }
 
 a {
 
 text-decoration: none;
 color: #099;
 }
  a:hover {
 
 text-decoration: underline;
 color: #f00;
 }

  a:active {
 text-decoration: underline;
 color: #008;
 }
 
  #internal_wrapper1{
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 position: relative;
 text-align:center;
 background: #454a55 url(images/ice_blue_bg.png)  bottom center ;
 /*border: solid 1px #00f;   */
 top: 1px;
z-index: 10;
}
 

 #wrapper1{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 position: absolute;
 text-align:center;
 background: #454a55 url(images/ice_blue_bg.png) top center;
/*  border: solid 1px #00f;  */
 top: 1px;
z-index: 10;
}

#wrapper2{
 width: 1024px;

	position: relative;
 /*border: solid 1px #f00; */
	top: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0px;
 margin-bottom: 0px;
z-index: 10;
}

/* inside pages */
#shelf{
position: absolute;
top: 0px;
left: 0px;
background: url(images/shelf1.jpg) repeat-x top left;
width: 100%;
height: 261px;
 
}

#brandingwrap{
margin: 0px auto;
position:relative;
height: 152px;
width: 1005px;
/* border: solid 1px #0f0;  */
 }

#branding1{
height: 152px;
left: 0px;
top: 0px;
text-align: center;
z-index: 3;
width: 40%;
position: relative; 
float: left;
 
}

#branding2{
height: 152px;
float: right;
right: 2px;
top: 0px;
text-align: center;
z-index: 3;
width: 60%;
position: absolute;
overflow: visible;
}



#nav_container{ 
text-align:center;
width: 925px;
margin: 0 auto;
z-index: 9
}

#nav_top{ 
 
text-align: center;
position:relative;
height: 26px;
width: 100%;
background: #1e1a16 url(images/top_nav_bg.jpg) center repeat-y;
}


 .borderleft{
 background: url(images/divider1.jpg) no-repeat 11px 2px; 
 height: 22px;
 margin-bottom: 15px;
 }
 
a .alt { display: none; }

a#link1 {
    display: block;
    width: 41px;
    height: 12px;
    background-image: url(images/1_41x25.gif);
    background-position: 0 0;
}

a#link1:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link1{
width: 41px;
}
a#link2 {
    display: block;
    width: 206px;
    height: 12px;
    background-image: url(images/2_206x25.gif);
    background-position: 0 0;
}

a#link2:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link2{
width: 206px;
}
a#link3 {
    display: block;
    width: 110px;
    height: 12px;
    background-image: url(images/3_110x25.gif);
    background-position: 0 0;
}

a#link3:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link3{
width: 197px;
}
a#link4 {
    display: block;
    width: 71px;
    height: 12px;
    background-image: url(images/4_71x25.gif);
    background-position: 0 0;
}

a#link4:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link4{
width: 144px;
}
a#link5 {
    display: block;
    width: 127px;
    height: 12px;
    background-image: url(images/5_127x25.gif);
    background-position: 0 0;
}

a#link5:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link5{
width: 127px;
}
a#link6 {
    display: block;
    width: 139px;
    height: 12px;
    background-image: url(images/6_139x25.gif);
    background-position: 0 0;
}

a#link6:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link6{
width: 139px;
}
a#link7 {
/* contact, store hours & locations link*/
    display: block;
    width: 77px;
    height: 12px;
    background-image: url(images/7_77x25.gif);
    background-position: 0 0;
}

a#link7:hover {
    background-position: 0 -87px;
 	height: 12px;
}
.link7{
width: 117px;
}

ul#nav_top{
list-style-type:none;
text-align: center;
 }
 
 ul#nav_top li{
padding-top: 7px;
padding-left: 22px;
 float: left;
 }
 
/* Level 2 (Dropdown) Nav */
  ul#nav_top li ul {
  text-align:left;
 	cursor:pointer;	
	display:none;	
	position:absolute;	
	top: 22px;
	z-index:100;
	color:#000;  
   list-style-type:none;
   list-style: none;
 margin-left: -7px; /*move the drop-downs a little to the left */ 
 border: solid 1px #5da2fc;
}
 ul#nav_top li:hover ul { display:block; color: #f00; }
  ul#nav_top li ul li {
	clear:left;
	cursor:pointer;
	display: block;
	border-top:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;	  
	background:#fff; 	
	vertical-align: middle;
	padding: 2px;

}
 
 
 ul#nav_top li a:hover,  ul#nav_top :hover > a {
		/*cursor:pointer; these do not apply to this drop-down menu because the bar is images.
	color:#f00;
	text-decoration:none;
	
background:#000;*/
}
 ul#nav_top li ul li a,  ul#nav_top li ul a:hover {
	color:#777; 
	background:#fff;
	border:none;
padding-bottom: 5px;
padding-top: 2px;
 display: block; 
  padding-right: 2px; 
 padding-left: 15px;
}
 
 ul#nav_top li ul li a:link {  }
 ul#nav_top li ul li a:hover  {
 	color:#f00;
	text-decoration:none;
  background:#eee; 
  padding-right: 2px;  padding-left: 15px;
 
}
 ul#nav_top li ul :hover > a { background:#eee;  color: #f00;	 
   padding-right: 2px;   padding-left: 15px;  }

/* end of top nav links  -------------------------------------------*/

#leftlinks{
float: left;
width: 144px;
position:relative;
margin-right: 20px;
margin-top: 5px;
text-align:center;
margin-left: auto;
margin-right: auto;
}

ul#leftlinks{
list-style-type:none;
}



#nav_top{z-index: 9;
text-align: center;
position:relative;
height: 26px;
width: 100%;
background: #1e1a16 url(images/top_nav_bg.jpg) center repeat-y top;
}


ul#leftlinks li{
height: 37px;
width: 114px;
background: url(images/but_off.jpg) no-repeat left top;
display:block;
text-align:center;
}

ul#leftlinks li a{
text-align:center;
}

ul#leftlinks li a:hover{
background: url(images/but_on2.jpg) no-repeat left top;
height: 37px;
width: 114px;
display:block;
text-align:center;
}


/* end of left link buttons --------------------------------------- */

#contbg{
 /* total width is 995px */
margin: 0 auto;
width: 935px; /* 25 padding added for the left and 35 padding added for the right for a total of 995 px in total width */
height: 547px;
background-color: #fff;
position: relative;
color: #555;
text-align: left;
padding-right: 35px; 
padding-left: 25px;
line-height: 1.5em;
}

#contbg_customer{
 /* total width is 995px */
margin: 0 auto;
width: 935px; /* 25 padding added for the left and 35 padding added for the right for a total of 995 px in total width */
height: auto;
background-color: #fff;
position: relative;
color: #555;
text-align: left;
padding-right: 35px; 
padding-left: 25px;
line-height: 1.5em;
}

#contbg_jewellery{
 /* total width is 995px */
margin: 0 auto;
width: 935px; /* 25 padding added for the left and 35 padding added for the right for a total of 995 px in total width */
height: auto;
background: #625350  url(images/chocolatebg.jpg) top center repeat-y;
position: relative;
color: #fff;
text-align: left;
padding-right: 35px; 
padding-left: 25px;
line-height: 1.5em;
padding-bottom: 15px;
}

#contbg_tacori{
 /* total width is 995px */
margin: 0 auto;
width: 935px; /* 25 padding added for the left and 35 padding added for the right for a total of 995 px in total width */
height: 780px;
background-color: #fff;
position: relative;
color: #555;
text-align: left;
padding-right: 35px; 
padding-left: 25px;
line-height: 1.5em;
}

#top_contbg{
z-index: 1;
width: 995px;
height: 11px;
background:url(images/cont_tp.png) no-repeat top center;
position: relative;
margin: 0 auto;
margin-top: 5px;

}

#top_contbg_dark{
z-index: 1;
width: 995px;
height: 11px;
background:url(images/cont_tp_dark.png) no-repeat top center;
position: relative;
margin: 0 auto;
margin-top: 5px;
}
#bot_contbg_dark
{z-index: 1;
width: 995px;
height: 6px;
background:url(images/cont_bt_dark.png) no-repeat bottom center;
position: relative;
margin: 0 auto;
}

#bot_contbg{z-index: 1;
width: 995px;
height: 11px;
background:url(images/cont_bt.png) no-repeat bottom center;
position: relative;
margin: 0 auto;
}


/* end of content and content backgrounds -----------------------*/


#bottombarwrapper{
height: 130px;
width: 100%;
position: relative;
text-align: center;
z-index: 3;
top: 5px;
background: #0a0806;
}

#bottombar{
margin-left: auto;
margin-right: auto;
top: 0px;
height: 130px;
width: 1005px;
text-align: center;
z-index: 10;
background: none;
position: relative;
}

/* had to put the left & right separate to maintain opacity in the flash menu navigation ----*/
#bottombar_left{
width: auto;
left: 0px;
top: 0px;
position: relative;
height: 130px;
float: left;
background-color: #0a0806;
}
#bottombar_right{
width: auto;
right: 0px;
top: 0px;
position: relative;
height: 130px;
float: right;
background-color: #0a0806;
}
/* end of bottom bars ----------------------------------------------------------*/

/* classes -----------------------------------------------*/
.rightspace {
padding-right: 35px;
}

.tacoribg{
background: url(images/tacoribg.gif) no-repeat right top;
}

.largefont{
font-size: 17pt;
color: #535d77;
font-family:"Times New Roman", Times, serif;
font-weight: bold;
line-height: 1.0em;
}
.aligntoright{
float: right;
margin-bottom:-15px;
}