* {

	padding:0;
	margin:0;
}

body {

	font-size:76%;
	background:#000;
	font-family:arial;
	color:#FFF;

}

.clear {
	clear:both;
	}

a {

	color:#FFF;
	font-weight:bold;
	

}

p {

	font-size:1.1em;
	padding:0 0 10px 0;
	line-height:18px;

}

h2 {

	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#f6cf4f;
	padding-top:6px;

}

h2 span {

	font-weight:normal;

}

#container {

	width:978px;
	margin:10px auto;
	border:1px solid #FFF;
	background:#000 url("../img/conbg.jpg") bottom left no-repeat;

}

#header {

	width:978px;
	height:119px;
	background:#000 url("../img/logo.jpg") center 25px no-repeat;

}

#header p {

	padding:42px 29px 15px;
	line-height:19px;
	width:200px;
	display:block;
	float:left;
}

ul.nav {
	list-style:none;
	padding:0 14px;
	overflow:hidden;
	margin-bottom:20px;
	}
	
ul.nav li {
	margin:5px;
	float:left;
	}

ul.nav li a {
	display:inline-block;
	min-width:114px;
	height:24px;
	border:1px solid #fff;
	background:#313236;
	text-align:center;
	padding:9px 12px 0;
	text-decoration:none;
	font-weight:300;
	letter-spacing:1px;
	}
	
ul.nav li a:hover {
	background:url(../img/nav-hover.png) center center #313236;
	}
	
ul.nav li a span {
	font-size:18px;
	}

#main-content {

	width:670px;
	float:right;
	text-align:left;
	margin-right:32px;

}

#main-content p {
	line-height:18px;
	letter-spacing:0.5px;
	font-size:14px;
	font-family: verdana, arial, sans-serif;
	}

#main-content ul {

	list-style:none;
	margin-left:15px;

}

#main-content li {

	background:#000 url("../img/li_circle.jpg") center left no-repeat;
	margin:15px 0 15px 0;
	padding:0 0 0 10px;
}

#main-content a {


	color:#F3CC40;
	font-weight:bold;
	

}


#main-content a:hover {


	color:#FFF;
	

}


#testi-hold {

	width:281px;
	float:left;
	background:url("../img/testi_bg.png") top left no-repeat;
	margin-left:150px;
	padding:32px 25px 25px 255px;

}

#image-flick {

	width:217px;
	float:right;
	background:#FFF;
	margin:7px 32px 0 18px;

}

#image-flick p {

	color:#000;
	font-size:0.9em;
	width:196px;
	margin:0 auto;
	line-height:15px;
	padding:2px 0 0 0;
}

#image-flick p span {

	background:#CCC;
	padding:1px;

}

#image-flick a {

	text-decoration:none;
	color:#000;

}

#image-flick img {

	margin:8px auto 8px auto;
	width:195px;
	display:block;

}

#bottom-nav {

	clear:both;
	width:100%;
	padding-top:20px;
	text-align:right;

}


#top-nav {

	clear:both;
	width:100%;
	padding-top:10px 0 10px 0;
	text-align:right;
margin-bottom:10px;

}

#bottom-nav ul, #top-nav ul {

	list-style-type:none;
	padding:0 132px;

}

#bottom-nav li, #top-nav li {

	display:inline;
	font-size:1em;
	background:url("../img/li_divide.jpg") center right no-repeat;
	margin-right:10px;
	padding:20px 15px 20px 0;
}

#bottom-nav li.nobg {
	background:none;
}

#bottom-nav a, #top-nav a  {

	text-decoration:none;

}

#addressbar {

	margin-top:16px;
	font-size:0.9em;
	position:relative;
}

#addressbar img.SAIF {
	position:absolute;
	top:0;
	right:20px;
	}

#addressbar p {

	text-align:center;
	margin-left:15px;

}

#addressbar p span {

	color:#F3CC40;
	font-weight:bold;

}

#addressbar p span.tel {
	font-size:18px;
	font-weight:normal;
	}

#gall-hold {

	width:620px;
	background:#FFF;
	padding:15px 25px 15px 25px;

}

#gall-hold p {

	color:#000000;

}

#gall-hold img {

	margin-right:18px;

}

.prod_head {

	width:620px;
	height:39px;
	background:#FFF url("../img/prod_head_bg.jpg") top left no-repeat;

}

.prod_head h2 {

	font-size:1.4em;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#000;

}

.prod_det {

	width:620px;
	color:#000000;
	padding:5px 0 0 0;
	min-height:181px;
	margin-bottom:20px;
}

.prod_det td {

	text-align:center;
	border:1px solid #EEE;
	padding:5px;
	font-size:1.2em;
	background:#FFF;
}

ul#prod_det_list {

	width:204px;
	float:right;
	margin:3px 0 0 0;
	padding:0;
	background:#FFFFFF;
	clear:right;
		list-style:circle;

}

#prod_det_list li {

	width:204px;
	background:#FFF;
	color:#000000;
	font-size:0.8em;
	padding:0;
	margin:3px 0 3px 0;


}

input, textarea, select {
	-moz-border-radius: 4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background: url(../img/gradient.jpg) repeat-x #fff 0 0;
    border: 1px solid #ccc;
	margin-top:2px;
	}

.order-recap {
	margin-top:10px;
	float:left;
	border:1px solid #CCC;
	width:33%;
	-moz-border-radius: 4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:10px;
	}
	
hr {
	color:#eee;
	background:#eee;
	margin-bottom:7px;
	}

.break {

	padding-bottom:25px;
	padding-top:7px;
}

.notice {

	background:#e9d544;
	padding:5px;
	margin-bottom:5px;
}

.prod_sub {

	width:400px;
	margin:0 auto;
	float:right;
	border:1px solid #000;
	background:#e9d544;
	font-size:2.0em;
	color:#000;
	font-weight:bold;

}

#confirmorder INPUT, #confirmorder TEXTAREA {

	padding:5px;
	width:93%;
}

#confirmorder SELECT {
	width:97%;
	padding:5px;
}

#confirmorder INPUT, #confirmorder TEXTAREA {


	border:1px solid #CCC;

}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*tooltips....................................................*/
a.regions{position:relative;z-index:24; text-decoration:none;font-weight:bold;}
a.regions:hover{z-index:9999;}
a.regions span{display: none}
a.regions:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:1em;
    padding: 10px;
    border:2px solid #CCC;
    background-color:#000;
    text-align: justify;
    text-decoration:none;
    width:600px;
    font-size:0.9em;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1em;
left:-400px;
color:#CCC;
}
/*.........................................*/




#chat{
float:right;
padding:31px;
background:url(../img/chat-glow.png) no-repeat center center;
}