
/* CHANGE THE MAIN BACKGROUND HERE */
body{
	background: #40546B url(/assets/images/c-bg.jpg) repeat-x;
	/*background: #D3CAB7;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #a3bac7;
}

/* popup site policy */
body#txt_sitepolicy{
	background: none;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

/************* HTML *************/
p,li,div,select,input{font-size: 11px; color: #F5F8FA;}
select,input{color: #314256;}
h1,h2,h3,p,li{margin: 0 0 11px 0;}
h1{font-family: "Trebuchet MS", Georgia, sans-serif; letter-spacing: 1px; font-size: 16px;}
h2{font-size: 14px;}
h3{font-size: 13px;}
h4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder;}
img{border: none; }
form{margin: 0; padding: 0;}
a{color: #314256;text-decoration: none;}
a:hover{color: #ffffff;}
fieldset{border: none; margin: 0; padding: 0;}
textarea{overflow:auto;}
input,select{border: 1px solid #314256; background: #ffffff;}

/*text popup site policy*/
#bm_logo{
	margin-bottom: 10px;
	text-align: right;
	background-color: #354f68;
}
h1, h3{
	text-align: center;
}
body#txt_sitepolicy h3{
	font-size: 12px;
}
body#txt_sitepolicy p, li, div{
	color: #000;
}
body#txt_sitepolicy p.acenter{
	text-align: center;
}
body#txt_sitepolicy ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
body#txt_sitepolicy ul li .abc_list{
	float: left;
	width: 20px;
}
body#txt_sitepolicy ul li .list_content{
	float: left;
	width: 400px;
}
body#txt_sitepolicy a:hover{
	color: #000;
	text-decoration: underline;
}

/************* CONTAINER *************/
#container{
	width: 800px;
	margin: 2px auto 2px auto;
	border: 2px solid #5A7088;
	min-height: 425px;
	background: #5A7088;
	position: relative;
}

/************* HEAD *************/
#head{
	background: #314256;
}

p#logo{
	margin: 0;
	background-color: #354f68;
	text-align: right;
	padding: 0 8px 2px 0;
	border-bottom: 1px solid #5a7088;
	position: relative;
	z-index: 100001;
	
}
body#catalogue p#logo{
	background: #354f68 url(/assets/images/quote.gif) no-repeat 10px 42px;	
}
ul#h-menu{
	margin: 0;
	padding: 7px 0;
	text-align: center;
}
ul#h-menu li{
	list-style: none;
	display: inline;
	background: url(/assets/images/i-box.gif) no-repeat 0 4px;
	padding-left: 3px;
}
ul#h-menu a{
	text-decoration: none;
	color: #ffffff;
	padding: 0 9px;
}
ul#h-menu a:hover{
	text-decoration: underline;
}

/* BODYBOX */
body #bodybox{
	z-index: 10;
	position: relative;
	min-height: 220px;
}

/************* CONTENT *************/
h1#maintitle{
	text-transform: capitalize;
	color: #661024;
}
#main-image{
	margin: 2px 1px 1px 1px;
	width: 798px;
	/*height: 205px;*/
	overflow: hidden;
}
body #content{
	padding: 0px 20px 20px 20px;
	min-height: 250px;
	text-align: justify;
}

body#catalogue #content{
	float: left;
	width: 520px;
	padding: 20px;
	min-height: 350px;
}


/* LINKS, COMMENTS */
#list-links dt{
	color: #F5F8FA;
	font-weight: bold;
	background: #354f68;
	padding: 3px 8px;
}
#list-links dd{
	background: #D3CAB7; /*#F5F8FA;*/
	color: #354f68;
	margin: 0;
	padding: 8px;
}
#list-links dd p{
	color: #354f68;
}
#list-links dt a{
	color: #F5F8FA;
	font-weight: bold;
}

/* PAST PROJECT */
.ld-data{
	background: #fff; /*#ffffff;*/
	margin: 0 0 10px 0;
}
#list-data h2{
	font-size: 12px;
}
.ld-data h2{
	background: #354f68;
	color: #ffffff;
	padding: 3px 8px;
	margin: 0;
}
.ld-data h3, .ld-data h4{
	margin: 10px 0 10px 10px;
	text-align: left;
	font-size: 12px;
}
.ld-img{
	float: left;
	width: 110px;
	overflow: hidden;
	padding: 8px;
}
.ld-img img{
	width: 100px;
}
.ld-excerpt{
	float: left;
	background: #fff; /*#ffffff;*/
	padding: 8px;
}
#past_project .ld-excerpt p{
	color: #000;
}
.ld-excerpt a{
	text-decoration: underline;
}
.ld-excerpt a:hover{
	color: #354f68;
}
.alphabet{
	text-align: center;
	text-transform: capitalize;
}
	.alphabet a{
		padding: 2px;
		color: #fff;
	}
	.alphabet a:hover,
	.alphabet a.active
	{
		background: #354F68;
		color: #fff;	
	}
	
	
/* FORM REGISTER & UPDATE ACCOUNT */
#c-page #xform{
	margin-left: 30%;
}
#account-update #xform{
	margin-left: 0;
}


/* PRODUCT CATALOGUE */
body#catalogue #content .c-data{
	margin: -20px 0 0 -20px;
}

body#catalogue .cd-info{
	margin: 30px 0px 20px 0px;
	padding: 0 0 0 20px;
	z-index: 100;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px 35%;
}
body#catalogue .cd-info img{
	margin-left: 20px;
}
body#catalogue .cd-info #product-image{
	text-align: center;
	margin: 20px 0 0 0;
	width: 520px;
	overflow: hidden;
}
body#catalogue .cd-info h2, body#catalogue .cd-info h3, body#catalogue .cd-info p{
	margin: 0px;
}
body#catalogue .cd-info h2{
	font-size: 15px;
	color: #8d9cb0;
}
body#catalogue .cd-info h3{
	font-size: 19px;
	color: #a3bac7;
	font-weight: normal;
}
body#catalogue .cd-info h3 span{
	color: #ffffff;
	font-weight: normal;
}
body#catalogue .cd-info p{
	font-size: 12px;
	color: #ffffff;
}

body#catalogue .list-img{
	margin: 30px 0px 0px 0px;
	padding-left: 35px;
	z-index: 1010;
	position: relative;
	width: 496px;
	min-height: 270px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px middle;
}
.new_products{
	margin: 10px 0;
	background: url(/assets/images/i-new.gif) no-repeat 0 0;
	padding-left: 18px;
	color: #661024;
}
.new_products a{
	font-weight: bold;
}

/* TABLE */
table.table-data{
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.table-data td, table.table-data th{
	border: 1px solid #314256;
	border-left: none;
	border-right: none;
	padding: 3px 8px;
}
table.table-data th.thhead{
	background: #314256;
	padding: 4px 8px;
}
table.table-data th.thfoot{
	border-bottom: none;
	text-align: right;
	font-weight: normal;
}
div.table-button{
	text-align: center;
}

/* CATALOGUE */
table#catalogue tr.thead td{
	background: #354f68;
	padding: 5px 5px;
	border-top: 5px solid #5a7088;
}
td.title{
	text-transform: uppercase;
	font-weight: bold;
}

/* PRINT CATALOGUE */
.data-product{
	border: 1px solid #5a7088;
	background: #ffffff;
	color: #354f68;
	margin: 0;
	padding: 8px;
	min-height: 112px;
}
.dp-img{
	float: left;
	width: 75px;
}
.dp-img img{
	border: 1px solid #354f68;
}
.dp-info{
	margin-left: 75px;
}
.dp-info h2{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #354f68;
}
.dp-info p.null{
	margin: 0;
}
.dp-info p{
	margin: 10px 0px;
	color: #354f68;
	
}
#catalogue-detail .c-data{
	border: 1px solid #354f68;
	margin: 8px 0px;
	padding: 8px;
}
#catalogue-detail .c-data h2{
	margin-bottom: 0px;
	font-size: 13px;
}
#catalogue-price div,#catalogue-price p,#catalogue-price h2{
	color: #354f68;
}
#catalogue-price table#cart td{
	background: #ffffff;
	color: #354f68;
}

/* CART */
table#cart{
	margin: 0px 0 15px 0px;
	border: 1px solid #5a7088;
	border-collapse: collapse;
}

table#cart td{
	border: none;
	padding: 4px 4px;
	border-bottom: 1px solid #354f68;
	border-top: 1px solid #354f68;
}
table#cart th, table#cart tr.tdtitle td{
	border: 1px solid #5a7088;
	padding: 4px 4px;
	background: #314256;
	text-align: center;
}
table#cart tr#tfoot th, table#cart tr#tfoot td{
	background: #8d9cb0;
	text-align: right;
	font-weight: bold;
	border: none;
	color: #314256;
}
table#cart h2{
	font-size: 13px;
}


/* FORM MAIN LOGIN */
form#clientlogin{
	margin: 0;
	float: left;
	width: 45%;
	padding: 12px 8px 8px 8px;
	/*background: #8e9faf url(/assets/images/form-bg.gif) repeat-x 0 0;*/
	background: #D3CAB7; /*#354f68;*/
	border: 1px solid #40546b;
	height: 130px;
	color: #314256;
}
form#clientlogin label, form#clientlogin p{
	color: #314256;
}
form#clientlogin a{
	color: #314256;
	text-decoration: underline;
}
form h2{
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	
}
form fieldset{
	border: none;
	margin: 0 0 3px 0;
	padding: 0;
}
.formwrapp label{
	float: left;
	width: 110px;
	font-weight: bold;
}
.formwrapp label.find{
	float: none;
	display: block;
	width: 100%;
}
select#select_find, input#details{
	margin-left: 110px;
}

form .formwrapp{
	margin: 3px 0px;
}
form .formbutton{
	margin: 5px 0 0 110px;
}

/* BOX FOR NEW CUSTOMER */	
#boxinfo{
	float: right;
	width: 45%;
	padding: 12px 8px 8px 8px;
	/*background: #8e9faf url(/assets/images/form-bg.gif) repeat-x 0 0;*/
	background: #D3CAB7;
	border: 1px solid #40546b;
	height: 130px;
	color: #314256;
}
#boxinfo p{
	color: #314256;
}
#boxinfo a{
	color: #ffffff;
	text-decoration: underline;
	color: #314256;
}
#boxinfo h2{
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #314256;
}


/************ RIGHT ************/
body#catalogue #right{
	float: right;
	width: 229px;
	margin-right: 10px;
}


body#catalogue ul#data-list{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

body#catalogue ul#data-list li{
	list-style: none;
	float: left;
	margin: 0px 1px 1px 0px;
}

body#catalogue ul#data-list a{
	display: block;
	width: 56px;
	height: 56px;
	overflow: hidden;
}
body#catalogue ul#data-list img{
	border: 3px solid #314256;
}


/* LIST OF ACCESSORIES IMAGE */
body#catalogue ul#asc-list{
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

body#catalogue ul#asc-list li{
	list-style: none;
	float: left;
	margin: 0px 1px 1px 0px;
}

body#catalogue ul#asc-list a{
	display: block;
	width: 56px;
	height: 56px;
	margin: 10px 20px 10px 20px;
	overflow: hidden;
}
body#catalogue ul#asc-list  p{
	margin:-10px 0px 10px 0px;
	padding:0px;
	text-align:center;
}
body#catalogue ul#asc-list img{
	border: 3px solid #314256;
}

/* menu for subpages */
ul#subpages{
	margin: 20px 0 20px 0;
	padding: 0;
	text-align:right;
}
ul#subpages li{
	list-style: none;
	display: inline;
}
ul#subpages li.last{
	border-right: none;
}
ul#subpages li a{
	font-weight: bold;
	margin: 0 7px;
	color:#FFFFFF;
	/*background: url(/assets/images/icon.gif) no-repeat 0 5px;
	padding-left: 13px;*/
}
ul#subpages li a:hover{
	color: #354f68;
}

/* FOR print catalogue menu */
ul#psf{
	margin: 20px 0 20px 0;
	padding: 0;
}
ul#psf li{
	list-style: none;
}
ul#psf li.last{
	border-right: none;
}
ul#psf li a{
	font-weight: bold;
	margin: 0 7px;
	color:#FFFFFF;
	/*background: url(/assets/images/icon.gif) no-repeat 0 5px;
	padding-left: 13px;*/
}
ul#psf li a:hover{
	color: #354f68;
}

a.printc{
	background: url(/assets/images/i-print.gif) no-repeat;
	padding-left: 19px;
}
a.price{
	background: url(/assets/images/i-price.gif) no-repeat;
	padding-left: 19px;
}
a.view_catalogue{
	background: url(/assets/images/i-view-catalogue.gif) no-repeat;
	padding-left: 19px;
}

/* right search */
body#catalogue #r-menu{
	margin: 20px 0 10px 0;
	background: #8e9faf;
	border: 1px dotted #354f68;
	padding: 7px 0px 15px 8px;
	/*background: #8e9faf url(/assets/images/form-bg.gif) repeat-x;*/
	background: #677B91;
}
body#catalogue #r-menu h2{
	background: url(/assets/images/i-catalogue.gif) no-repeat 0 0px;
	padding-left: 24px;
	font-size: 11px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
body#catalogue #r-menu fieldset{
	border: none;
	margin: 0 0 3px 0;
	padding: 0;
}
body#catalogue #r-menu select{
	width: 160px;
}
body#catalogue #r-menu label{
	display: block;
}


/* form login */
form#loginbox{
	margin: 10px 0;
	background: #8e9faf url(/assets/images/form-bg.gif) repeat-x;
	border: 1px solid #40546b;
	padding: 15px 8px 8px 8px;
}
#loginbox h2{
	background: url(/assets/images/i-login.gif) no-repeat 0 0px;
	padding-left: 20px;
	font-size: 11px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#loginbox .formwrapp{
	margin-bottom: 3px;
}
#loginbox label{
	float: left;
	width: 75px;
}
#loginbox .formbutton{
	margin-left: 75px;
}
.forminfo{
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	text-align: center;
}

/* my account info */
#myaccount{
	margin: 30px 0 15px 0;
	padding: 12px 8px 8px 8px;
	/*background: #8e9faf url(/assets/images/form-bg.gif) repeat-x 0 1px;*/
	background: #677b91;
	border: 1px dotted #40546b;
}
#myaccount h2{
	background: url(/assets/images/i-account.gif) no-repeat 0 0px;
	padding-left: 24px;
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 1
}
#myaccount ul{
	margin: 0;
	padding: 0;
}
#myaccount ul li{
	list-style: none;
}
#myaccount li a{
	font-weight: bold;
	text-transform:capitalize;
	background: url(/assets/images/i-menuoff.gif) no-repeat 0 3px;
	padding-left: 10px;
}
#myaccount li a:hover{
	background: url(/assets/images/i-menuon.gif) no-repeat 0 3px;
}	
		

/* form buy */
form#form-buy{
	margin-left: 40px;
}

/* page nav */
body#catalogue ul#page-nav{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: right;
}
body#catalogue ul#page-nav li{
	list-style: none;
	display: inline;
}
body#catalogue ul#page-nav a{
	color: #a3bac7;
	text-decoration: none;
}
body#catalogue ul#page-nav a:hover{
	text-decoration: underline;
	color: #ffffff;
}


/************* FOOT *************/
#site_policy{
	width: 780px;
	margin: 2px auto 10px auto;
	padding-right: 20px;
	text-align: right;
	background: url(/assets/images/i-sitepolicy.gif) no-repeat right top;
}
	#site_policy a{
		color: #8ea0b3;
	}
	#site_policy a:hover{
		color: #fff;
	}
	
p.back{
	text-align: right;
	margin: 20px 0px;
}
p.back a{
	background: url(/assets/images/i-back.jpg) no-repeat;
	padding-left: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#foot{
	margin: 0;
	padding: 8px 0;
	background: #314256;
	text-align: center;

}
#f-menu{
	margin: 0;
	padding: 0;
	text-align: center;
}
#f-menu li{
	list-style: none;
	display: inline;
	padding: 0 7px;
}
#foot a{
	text-decoration: none;
	color: #ffffff;
}
#foot a:hover{
	text-decoration: underline;
}
#f-info{
	margin: 0px auto;
	width: 800px;
	text-align: center;
}
#f-info a{
	color: #a3bac7;
}

/************* FUNCTION *************/
tr.breakrow{
	display: none;
}
tr.breakrow td. tr.breakrow th{
	display: none;
}
p a.back{
	background: url(/assets/images/i-back.gif) no-repeat 0px 0px;
	text-decoration: none;
	padding-left: 20px;
}

.warnbox{
	margin: 0;
	padding: 5px 0;
	text-align:center;
	background-color: #86a0b9;
	border: 1px solid #314256;
}
.warn{
	color: #9a2130;
}
.centerwarn{
	color: #9a2130;
	text-align:center;
}
.centerwarn span{
	background: url(/assets/images/i-warn.gif) no-repeat 0 1px;
	padding-left: 18px;
}
.nobrdr{
	border: none;
	background: transparent;
}
.checkbox, .radio{
	border: none;
	background: transparent;
}
.bts{
	border: none;
	background: transparent;
	margin-left: 5px;
}
.btc{
	background: #314256;
	border: 1px solid #ffffff;
	color: #ffffff;
}
.email{
	background: url(/assets/images/cfemail.gif) no-repeat 0px 3px;
	padding-left:17px;		
}
.print{
	background: url(/assets/images/cfprint.gif) no-repeat 10px -2px; 
	padding-left:30px;
}
.phone{
	background:url(/assets/images/phone.gif) no-repeat 0px -3px ;
	padding:0px 15px 0px 22px;
}
.fax{
	background:url(/assets/images/fax.gif) no-repeat 0px -1px;
	padding:0px 15px 0px 25px;
}
.email1{
	background:url(/assets/images/cfemail.gif) no-repeat 0px 2px;
	padding:0px 15px 0px 21px;
}
.home{
	background: url(/assets/images/i-home.gif) no-repeat 0px 1px; 
	padding-left:14px;
}


.small{
	font-size: 10px;
}
.xsmall{
	font-size: 9px;
}
.pcenter{
	text-align: center;
}
.pright{
	text-align: right;
}
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}
.clear {display: block;}

	/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
	/* End hide from IE-mac *