BODY {
	FONT-FAMILY: Arial,Verdana,Geneva,Helvetica,sans-serif;
	FONT-SIZE:  x-small;
	color : #bababa;
}

/*A:link {
	COLOR: #232377;
}

A:unknown {
	COLOR: #232377;
}

A:hover {
	COLOR: #6464FE;
	text-decoration:none;
}

A:visited{
	COLOR: #232377;
}*/

H1 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #585880;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #585880;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #585880;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #585880;
}

H5 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #585880;
    margin: 10px 0;
	font-size: 12px;
}

H6 {
	font-family: Arial, Helvetica, sans-serif;
	COLOR: #585880;
}

.theme_header {
	background-image :url( images/title-bg.gif );
}

.theme_footer {
	background-image :url( images/smokeandglass_fadeblue.gif );
}

.theme_highlighted {
	background-image :url( images/smokeandglass_blueandwhitef.gif );
}

.theme_fadeblue {
	background-image :url( images/smokeandglass_fadeblue.gif );
}

.center_menu {
    text-align:center;
}

/*********************************** New Css from Client placed on 17-08-2010************************************************************************************/
/* CSS Document */


body
{
	background-image:url(../Images/bg.jpg);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#header
{
	width:1002px;
	height:112px;
	margin: 0 auto;
}
#header #logo
{
	width:332px;
	height:112px;
	float:left;
}
#header #logo img
{
	float:left;
}
#header #main-right
{
	width:330px;
	height:auto;
	float:right;
	background-color: #EDEDED;
	padding: 0 0 2px 0;
}
#header #main-right2
{
	width:104px;
	height:auto;
	float:left;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	padding: 0 0 0 5px;
}
#header #main-right #colours
{
	width:330px;
	height:10px;
	float:left;
	font-size:14px;
	color:#FFF;
	font-weight: bold;
	background-color: #fcb54d;
	margin: 0 0 5px 0;
}
#navbar
{
	width:1002px;
	height:41px;
	margin: 0 auto;
	float:left;	
	background-image: url(../Images/image_09.jpg) repeat-x;
}
#navbar #top-left
{
	width:950px;
	height:41px;
	float:left;
}
#navbar #top-left em
{
	display:block;
	width:20px;
	float:left;
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	height:24px;
	text-align: center;
}
#navbar #top-right
{
	width:50px;
	height:29px;
	float:right;
	padding: 5px 0 0 0;
}
#navbar #top-right input
{
	float:left;
	margin:2px 0 0;
	padding:2px 0 0 2px;
	height: 18px;
	vertical-align: middle;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	width: 148px;
	color: #C7C8CA;
}
#navbar #top-right #go
{
	float:left;
	margin:0;
	padding:0 0 0 5px;
	width:26px;
	height: 29px;
	border: none;
}
#containertab
{
	width:1002px;
	height:auto;
	margin: 0 auto;
}
#containertab #contenttab
{
	width:1002px;
	height:auto;
	float:left;
	background-color: #E8E8E8;
	margin: auto 0px;
}
#container
{
	width:1002px;
	height:auto;
	margin: 0 auto;
}
#container #content
{
	width:1002px;
	height:auto;
	float:left;
}
#container #content #left
{
	width:580px;
	height:auto;
	float:left;
	font-size: 12px;
	overflow: hidden;
	padding: 5px 0 0 0;
	color: #666666;
}
#container #content #left #lefttext
{
	width:265px;
	height:auto;
	float:left;
	font-size: 14px;
	overflow: hidden;
	padding: 5px 15px 0 0;
	color: #666666;
}
#container #content #left #righttext
{
	width:270px;
	height:auto;
	float:left;
	font-size: 12px;
	overflow: hidden;
	padding: 5px 10px 0 10px;
}
#container #content #right
{
	width:422px;
	height:auto;
	float:right;
	padding: 5px 0 0 0;
}
#container #content #right .banners
{
	width:410px;
	height:auto;
	float:right;
	font-size: 12px;
	border: 1px solid #ccc;
	margin: 0px 0 0 0;
	padding: 0 10px 0 0;
}
#container .footer
{
	width:1002px;
	height:auto;
	float: left;
	margin: 10px 0 10px 0;
	font-size: 10px;
	padding: 5px 0 0 0;
	border-top: 1px solid #ccc;
}
#container .footer span
{
	float: right;
}
#container .footer div
{
	float: left;
	margin: 0 65px 0 0;
}
#rangebox
{
	width:340px;
	/*height:100%;*/
	visibility: hidden;
	float: left;
	position: absolute;
}
#rangebox ul.menu
{
	width:155px;
	height:auto;
	float:left;
	list-style:none;
	padding: 0 0 0 15px;
	margin:0;
	position:relative;
	background:#ededed;
	z-index: 10;
	border-top: 10px solid #fcb44a;
           /*	min-height:147px;*/
}
#rangebox ul.menu li ul{
	visibility:hidden;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	left:155px;
	top:-10px;
	z-index:100;
	border-top: 10px solid #fcb44a;
}
#rangebox ul.menu li:hover ul, #rangebox ul.menu li a:hover ul{
	visibility:visible;
	background: #ededed;
	width:155px;
	padding: 0 0 0 15px;
	margin: 0;
	/*	min-height:147px;*/
}
#rangebox ul.menu li:hover ul li, #rangebox ul.menu li a:hover ul li{
	width:155px;
	height: 20px;
	margin:0;
	padding:0;
}
#rangebox ul.menu li:hover ul li a, #rangebox ul.menu li a:hover ul li a{
	color:#000;
	display:block;
	height: 20px;
	width:155px;
	font:normal 12px/20px "Times New Roman", Times, serif;
	text-decoration:none;
	text-transform: uppercase;
}
#rangebox ul.menu li:hover ul li a:hover, #rangebox ul.menu li a:hover ul li a:hover{
	color:#fcb316;
	text-decoration:none;
}
#dancebox
{
	width:340px;
	/*height:100%;*/
	visibility: hidden;
	float: left;
	position: absolute;
}
#dancebox ul.menu
{
	width:175px;
	height:auto;
	float:left;
	list-style:none;
	padding: 0 0 0 15px;
	margin:0;
	position:relative;
	background:#ededed;
	z-index: 10;
	border-top: 10px solid #fcb44a;
	min-height:87px;
}
#mensbox
{
	width:340px;
	/*height:100%;*/
	visibility: hidden;
	float: left;
	position: absolute;
}
#mensbox ul.menu
{
	width:175px;
	height:auto;
	float:left;
	list-style:none;
	padding: 0 0 0 15px;
	margin:0;
	position:relative;
	background:#ededed;
	z-index: 10;
	border-top: 10px solid #fcb44a;
	min-height:46px;
}
#crystalbox
{
	width:340px;
	/*height:100%;*/
	visibility: hidden;
	float: left;
	position: absolute;
}
#crystalbox ul.menu
{
	width:175px;
	height:auto;
	float:left;
	list-style:none;
	padding: 0 0 0 15px;
	margin:0;
	position:relative;
	background:#ededed;
	z-index: 10;
	border-top: 10px solid #fcb44a;
	/*min-height:186px;*/
}
/* links */
.navlinks
{
	float:left;
	color:#000;
	font:normal 14px Times New Roman, Times, serif;
	text-decoration:none;
	display:block;
	width:70px;
	padding: 5px 0 0 0;
	height:24px;
	text-align:center;
}
.navlinks:hover
{
	color:#000;
	text-decoration:underline;
	display:block;
	background:#FFF;
	width:70px;
	padding: 5px 0 0 0;
	height:24px;
	
}
.navlinks1
{
	float:left;
	color:#FFF;
	font:normal 13px Times New Roman, Times, serif;
	text-decoration:none;
	background:none;
	display:block;
	width:110px;
	padding: 13px 0 0 0;
	height:28px;
	text-align: center;
		border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.navlinks1:hover
{
	color:#000;
	display:block;
	
	width:110px;
	padding: 13px 0 0 0;
	height:28px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.rangelinks
{
	color:#000;
	text-decoration:none;
	font:normal 12px/20px Times New Roman, Times, serif;
	margin:0;
	height:20px;
	display:block;
}
.rangelinks:hover
{
	color:#fcb316;
	text-decoration:none;
	font-size:12px;
	margin:0;
	height:20px;
	position:relative;
}
.rangelinks span
{
	position:absolute;
	visibility:visible;
	top:0;
	left:-99999px;
	width:150px;
	height:265px;
	border-left:1px solid #333;
	display:block;
	background: #FFF;
}
.rangelinks:hover span
{
	position:absolute;
	visibility:visible;
	width:150px;
	height:265px;
	padding:0;
	border-left:1px solid #333;
	display:block;
	text-align:left;
	background: #FFF;
}
.a:hover span{
	top:0;
	left:285px;
}
.b:hover span{
	top:0px;
	left:285px;
}
.rangelinks span img
{
	border:none;
	float: right;
}
.footerlinks
{
	color:#000;
	text-decoration:none;
	font-size:10px;
}
.footerlinks:hover
{
	color:#000;
	text-decoration:underline;
	font-size:10px;
}
.title
{
	font:"Times New Roman", Times, serif;
	font-size:18px;
	color: #333333;
}
.titlepink
{
	font:Times New Roman, Times, serif;
	font-size:18px;
	color: #ec008c;
}
.red
{
	color: #ff0000;
	text-decoration:none;
}
.orange
{
	color: #fba007;
	text-decoration:none;
	font-weight: bold;
}
/* divs */
img{
	border:none;
}

.arial15-gray
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#bababa;
}
.arial12gray
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.arial11gray
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
.searchgraybg
{
width:309px;
float:left;
background:#ededed;
margin-left:12px;
margin-top:8px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999a9c;
padding-left:7px;
padding-right:7px;
padding-top:8px;
padding-bottom:10px;
}
.arial12-gray
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#7c7d7f;
font-weight:bold;


}
.width390
{
width:309px;
float:left;
}
.selectbox
{
margin:0px;
padding:0px;
height:20px;
width:147px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#949596;
}
.searchpad
{
margin-top:12px;
padding-bottom:4px;
}
.arial15-yellow
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#f6bb53;
}
.arial15-yellow a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#f6bb53;
text-decoration:none;
}
.arial15-yellow a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#f6bb53;
text-decoration:none;
}
.martop15
{
margin-top:15px;
}
.martop11
{
margin-top:11px;
}
.floatleft
{
float:left;
}
.martop7
{
margin-top:7px;
}
.imgmar
{
margin-left:20px;
margin-right:19px;
}
.productdiv
{
width:1002px;
float:left;
}
.marleft8
{
margin-left:8px;
}
.width667
{width:667px; float:left; margin-top:28px;}
.padbottom
{
padding-bottom:25px;
}
.marleft50
{
margin-left:250px;
}

