@import url("../css/layout.css");
@import url("../css/navigation.css");
@import url("../css/sidebar.css");
/*#######################################
ALL FONTS FAMILY CSS
#######################################*/
.elink,
.pagepath, 
.maillistform input,
#footer,
.gridlistbtn a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
body,
.link,
.cmstxt,
.points li {
	font-family:Arial, Helvetica, sans-serif;
	}
h2, 
.pageheader h1  {
	font-family:"trebuchet MS";
	}
/*##################################
COMMON CSS
##################################*/

/* COMMON RESET CSS
----------------------------------*/
dl, dt, dd, ol, ul, li  
	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
a {
	text-decoration:none;
	}
/*
H1-pageheader, 
H2-common sub-title in page, 
H3-common sub-title in page, 
H4-sidebar product name, Headers in forms
H5-sidebar title
H6-not define yet*/
h1, h2, h3, h4, h6 { 
	margin:0px;
	padding:0px;
	}
h2 {
	margin-bottom:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	color:#E20018;
	font-size:100%;
	border-bottom:1px solid #5D3735;
	}
p {
	margin:0 0 15px 0;
	}
.link, 
.elink {
	text-decoration:none;
	color:#b0b0b0;
	}
.link:hover,
.elink:hover {
	color:#CC0000;
	}
.imgborder, .imgleft, imgright {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	text-align:center;
	}
.imgborder:hover, .imgleft:hover, imgright:hover {
	border:1px solid #000000;
	}
.imgborder, .imgleft, .imgright {
	padding:2px;
	}
.imgleft {
	float:left;
	margin:0 10px 10px 0;
	}
.imgright {
	float:right;
	margin:0 0px 10px 10px;
	}
.cmstxt {
	margin:0 0 0px 0;
	font-size:80%;
	color:#B0B0B0;
	line-height:1.4;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.textboxborder {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #A9C2A5;
	font-size:100%;
	color:#666666;
	background-color:#FFFFFF;
	padding:2px;
	}
.handcur {
	cursor:pointer;
	}
/* IMAGE ALIGN CSS
-----------------------------------*/
.imgborder, 
.imgleft,
.imgright {
	text-align:center;
	display:block;
	}
.imgborder img.spacer,
.imgleft img.spacer,
.imgright img.spacer {
	width:0px;
	}
.imgborder img,
.imgleft img,
.imgright img{
	vertical-align:middle;
	}
/*==================================
POPUP CSS
==================================*/
#white {
	background-color:#FFFFFF;
	padding:15px;
	font-size:80%;
	}
#white .btnbar {
	text-align:center;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	padding:10px 0;
	margin-top:20px;
	}
#white #topbar {
	height:70px;
	border-top:none;
	}
#white #topbar .close {
	position:absolute;
	right:15px;
	top:15px;
	}
#white .formcss .btnbar {
	padding:0;
	}
/* POPIMAGE CSS
----------------------------------*/
#white .image #topbar {
	margin-bottom:15px;
	}
#white .image h2 {
	margin:0px;
	}

/*==================================
COMMON POINTS CSS
==================================*/
.points {
	list-style-type:none;
	margin:0px 0 15px 5px;
	padding:0px;
	}
.points li {
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	color:#B0B0B0;
	background-image:url(../images/arrow.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
	line-height:110%;
	}
.points li a{
	color:#B0B0B0;
	}
.points li a:hover{
	color:#B08268;
	}
.points li .points{
	margin-top:15px;
	}
.text_content{
	margin:15px 0 25px 0;
	}
/*=======================================
HOR LINE & CLEAR CSS
========================================*/
.hor_line{
	height:20px;	
	margin-bottom:20px;
	border-bottom:1px solid #dfdfdf;
	}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
/*	display:block;
*/	margin:0;
	padding:0;
	}

/*##################################
CONTENT-BOX STRUCTURE CSS
THIS CSS USED IN FAQ, TESTIMONIALS AND LINKS PAGES
##################################*/
.contentbox1 {
	background-color:#0A0101;
	padding:15px;
	margin:0 0 20px 0;
	min-height:1px;
	}
.contentbox1 dt {
	background-color:#000000;
	font-family:"Trebuchet MS";
	font-weight:bold;
	margin:-15px -15px 15px -15px;
	padding:10px 15px;
	color:#B08268;
	font-size:100%;
	}
.contentbox1 dt a{
	color:#B08268;
	}
.contentbox1 .heading{
	text-transform:none;
	position:relative;
	min-height:1px;
	}
.contentbox1 dt a:hover{
	color:#ffffff;
	}
.contentbox1 .contentboxdata {
	margin:0px;
	}
.contentbox1 .imgleft td{
	height:94px;
	width:164px;
	}
.contentbox1 .linkbox {
	background-color:#E8E8E8;
	display:block;
	margin:15px -15px -15px -15px;
	height:35px;
	min-height:1px;
	font-weight:bold;
	position:relative;
	}
.contentbox1 .linkbox a {
	position:absolute;
	right:10px;
	top:9px;
	}
.contentbox1 .hdr-arrow-up .ico-arrow-up {

	background:url(../images/up_arrow.gif) no-repeat 0px 3px;

	}

.contentbox1 .hdr-arrow-down .ico-arrow-up {

	background:url(../images/down_arrow.gif) no-repeat 0px 3px;

	}

.contentbox1 dt b{ position:absolute;
	 right:5px;
	 top:7px; 
	 margin:0 0 0 20px;
	 padding:0 0 0 20px;
	 }


/*##################################
TOPBAR CSS
##################################*/
#topbar {
	position:relative;
	margin:0 auto;
	}
#topbar h1{	
	margin:0px;
	padding:0px;
	}
#topbar h1 .logo{
	width:114px;
	height:43px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:20px;
	top:35px;
	text-indent:-9999px;
	overflow:hidden;/*NEVER FORGOT THIS WHEN YOU USE TEXT-INDENT*/
	outline:none;
	}
/*==================================
TOPBAR NENU CSS
==================================*/
.topbar_menubar {
	position:absolute;
	top:50px;
	left:159px;
	font-size:100%;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 10px 5px 10px;
	font-weight:bold;
	}
.topbar_menubar ul li{
	float:left;
	}
.topbar_menubar a {
	color:#cccccc;
	}
.topbar_menubar a:hover {
	color:#E2000E;
	}
.topbar_menubar span {
	color:#E2000E;
	margin:0 9px 0 10px;
	}
/*==================================
MORE BUTTON LINK CSS
==================================*/
.gal_lnk,
.nav_itm1,
.nav_itm2,
.nav_itm3,
.nav_itm4,
.nav_itm5,
.viewmorebtn{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0;
	}
.gal_lnk{
	background-image:url(../images/gallery_font.gif);
	width:71px;
	height:12px;
	}
.gal_lnk:hover{
	background-position:0 -14px;
	}
	
.nav_itm1{
	background-image:url(../images/nav_fnt1.gif);
	width:45px;
	height:13px;
	}
.nav_itm1:hover{
	background-position:0 -15px;
	}
.nav_itm2{
	background-image:url(../images/nav_fnt2.gif);
	width:123px;
	height:13px;
	}
.nav_itm2:hover{
	background-position:0 -15px;
	}
.nav_itm3{
	background-image:url(../images/nav_fnt3.gif);
	width:71px;
	height:13px;
	}
.nav_itm3:hover{
	background-position:0 -15px;
	}
.nav_itm4{
	background-image:url(../images/nav_fnt4.gif);
	width:72px;
	height:13px;
	}
.nav_itm4:hover{
	background-position:0 -15px;
	}
.nav_itm5{
	background-image:url(../images/nav_fnt5.gif);
	width:76px;
	height:13px;
	}
.nav_itm5:hover{
	background-position:0 -15px;
	}

.viewmorebtn{
	background-image:url(../images/viewmorebtn.gif);
	width:114px;
	height:28px;
	}

.viewmorebtn:hover {
	background-position:0 -28px;
	}
/*#################################### 
PAGEHEADER AND PAGE PATH CSS
####################################*/
.pageheader {
	padding:12px 0 11px 0;
	position:absolute;
	left:0px;
	top:30px;
	background-color:#050505;
	width:445px;
	text-align:right;
	}
.pageheader h1 {
	margin:0px;
	color:#FFFFFF;
	font-size:135%;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 0px 2px;
	}

/*##################################
NAVIGATION CSS
##################################*/
#navigation {
	}
/*#################################### 
MIDBAR CSS
####################################*/
.midbar {
	background-image:url(../images/midbar_index.jpg);
	background-repeat:no-repeat;
	background-position:right top;
/*	margin-bottom:15px;
*/	}

/*INNER PAGE CSS */

.details{
	width:495px;
	height:400px;
/*	background-image:url(../images/midbar_bg.png);
	background-repeat:repeat;*/
	background-color:#050505;
	float:right;
	padding:15px;
	}
	
.details2{
	height:400px;
	background-color:#050505;
	padding:15px;
	}
.text_container{
	position:relative;
	min-height:1px;
	padding:0px;
	margin:0px;
	}
a.ht-link{
	position:absolute;
	right:0px;
	top:2px;
	margin:0;
	outline:none;
	}
a.ht-link img{
	margin:0;
	
	}	
/*##################################
FOOTER CSS
##################################*/
.footerbg{
	background-color:#000000;
	}
#footer {
	font-size:65%;
	height:85px;
	margin:0 auto;
	width:968px;
	}

#footer .copyright,
#footer .links {
	position:absolute;
	top:22px;
	} 
#footer .copyright {
	left:20px;
	color:#999999;
	}
#footer .links {
	right:20px;
	color:#999999;
	}
#footer .links a {
	color:#999999;
	}
#footer .links a:hover {
	color:#8C7F5C;
	}
#footer .links span {
	margin:0 5px;
	}
#footer .web_dsgn{
	position:absolute;
	left:22px;
	top:40px;
	color:#B08268;
	}
#footer .web_dsgn .link{
	font-weight:normal;
	outline:none;
	color:#CC0000;
	}
#footer .web_dsgn .link:hover{
	color:#999999;
	}
#footer .web_dsgn .link strong{
	font-weight:normal;
	}

