/* reset */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td {
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top;
}
embed {
	vertical-align:top;
}
@font-face {
    font-family: 'devinne_txt_btregular';
    src: url('../index.html');
    src: url('../index.html?#iefix') format('embedded-opentype'),
         url('../index.html') format('woff'),
         url('../index.html') format('truetype'),
         url('../index.html#devinne_txt_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* reset end */

h4{
	padding-bottom: 5px;	
}

body{background:#a2d2ef url(../images/bg.jpg) top center no-repeat; background-attachment:fixed; font-size:12px;}
body.p{background:#a2d2ef url(../images/pbg.jpg) top center no-repeat; background-attachment:fixed; font-size:12px}
.wrapper{width:906px; margin:0 auto; position:relative;}
.left{float:left;}
.right{float:right;}
.container {width:720px; left: 280px; top: 90px; position:absolute;}
.container1 {width:720px; padding:15px 0px 44px 0;}

.navigation{width:590px; background:url(../images/brand_bg.png) repeat; padding:10px 0;z-index:1}
.navigation li{display:block; float:left;}
.navigation a{text-decoration:none; font-family: 'devinne_txt_btregular'; color:#185c7c; font-size:16px; padding:0 17px; }
.navigation a:hover{color:#f58220;}
.navigation a.current{color:#f58220;}

.navigation .sub {display:none; float:left;}
.navigation .sub a{text-decoration:none; font-family: 'devinne_txt_btregular'; color:#185c7c; font-size:13px; padding:0px 17px; }
.navigation li:hover ul{display: block;position: absolute;float:none;}
.navigation li:hover ul li{display: block;float:none; text-transform:uppercase;padding: 10px 0px 0px 0px;}
.navigation li:hover ul li a:hover{color:#F60;}

.products{width:585px;padding-top:15px; position:absolute; top:203px; left: 280px;}

.products li{display:block; height:149px; width:164px; float:left; text-align:center; padding-top:15px; margin:0 7px 7px 0; position:relative; z-index:100; overflow:hidden; }
.products li:nth-child(4),(8){margin:0px;}
.products li.probgone{background:url(../images/pro_up.png) no-repeat;}
.products li.probgtwo{background:url(../images/pro_dwn.png) no-repeat;}
.capction{width:100%; background:url(../images/brand_bg.png) repeat; padding:5px 0; bottom:-50px; text-align:center; font-family: 'devinne_txt_btregular'; color:#185c7c; font-size:13px; position:absolute; z-index:200;}
/*.copyright{width:636px; font-family: 'devinne_txt_btregular'; font-size:13px; color:#a2a2a2; float:right; background:url(images/brand_bg.png) repeat; padding:7px 20px; margin-right:45px;}
.copyright a{ color:#185c7c; text-decoration:none;}
.copyright a:hover{ color:#f58220;}*/
.clr{
	clear:both;
}
.marright{
	margin:0px;
}
.products-head {
	width:650px;
	float:right; background:url(../images/brand_bg.png) repeat;
	font-size:16px;
	color:#323641;
	padding:6px 0 6px 30px;
	margin-bottom:31px;
	float:left;
}

.products-head1 {
	position:absolute;
	width:565px;
	font-size:16px;
	color:#323641;
	padding:6px 0 6px 20px;
	height:20px;
	line-height:20px;
	background-color:#FFF;
	border-bottom: solid 1px #CCC;
	top: 170px; left: 280px;
}
.designed {
	width:180px;
	padding-top:10px;
	float:right;
	color:#a8a9a9;
}
.designed a {
	text-decoration:none;
	color:#151f2c;
	font-weight:bold;
}
.doarrow {
	font-size:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	line-height:20px;
}
.higprod {
	color:#ee9215;
}
/* Tooltip */
.thumbnail-item {
	position: relative;
	float: left;
	background-color:#fff;
	margin: 10px;
}
.thumbnail-item a {
	display: block;
}
.thumbnail-item img.thumbnail {
	border:1px solid #ccc;
}
.tooltip {
	display: none;
	position: absolute;
}
.tooltip span.overlay {
	border:1px solid #ccc;
	box-shadow:0px 0px 5px #ccc;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 400px;
	height: 400px;
}
.thumbnail-item .nameh {
	width:135px;
	display:block;
	float:left;
	padding:5px;
	text-align:center;
}
.tebhead {
	font-size:20px;
	padding-left:0px;
}
.tab-bod {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:5px;
}
.tab-bodred {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:5px;
	color:#F00;
}
.tab-bodbt {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
}
.tab-bodls {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
}
.tab-bodall {
	border:1px solid #ccc;
	padding:5px;
}
.pro-link {
color:#323641;
	text-decoration:none;
}
.page-nav {
	
	float:right;
}
.page-nav a {
	width:auto;
	padding:1px 5px 1px 5px;
	font-size:10px;
	background-color:#b3b3b3;
	text-decoration:none;
	color:#000;float:right;
	margin:0 0 0 4px;

}
.page-nav a:hover {
	color:#fff;
}

.page-nav a#activ {
	color:#fff;
}

.padding0{
	padding:0px;
}
.margtop5{
	margin-top:5px;
}
.margtop10{
	margin-top:10px;
}.margtop15{
	margin-top:15px;
}.margtop20{
	margin-top:20px;
}
.margbott5{
	border-bottom:5px;
}
.margbott10{
	border-bottom:10px;
}.margbott15{
	border-bottom:15px;
}.margbott20{
	border-bottom:20px;
}
.margleft5{
	margin-left:5px;
}
.margleft10{
	margin-left:10px;
}.margleft15{
	margin-left:15px;
}.margleft20{
	margin-left:20px;
}
.margright5{
	margin-right:5px;
}
.margright10{
	margin-right:10px;
}.margright15{
	margin-right:15px;
}.margright20{
	margin-right:20px;
}
.paddtop5{
	padding-top:5px;
}
.paddtop10{
	padding-top:10px;
}.paddtop15{
	padding-top:15px;
}.paddtop20{
	padding-top:20px;
}
.paddbott5{
	padding-bottom:5px;
}
.paddbott10{
	padding-bottom:10px;
}.paddbott15{
	padding-bottom:15px;
}.paddbott20{
	padding-bottom:20px;
}
.paddleft5{
	padding-left:5px;
}
.paddleft10{
	padding-left:10px;
}.paddleft15{
	padding-left:15px;
}.paddleft20{
	padding-left:20px;
}
.paddright5{
	padding-right:5px;
}
.paddright10{
	padding-right:10px;
}.paddright15{
	padding-right:15px;
}.paddright20{
	padding-right:20px;
}

/*devinne_txt_btregular*/
.sub-text{
	font: 15px/17px 'devinne_txt_btregular';
	padding:5px 10px 10px 10px;
	color:#444;
	text-align:justify;
}
.sub-text p{
	padding:0px 0px 18px 0px;
}

#productGrid{
	list-style: none;
	float: none;
	padding: 0px;
	margin: 0px;
	}
	
#productGrid li{
	padding:0px;
	margin: 5px 10px 4px 0px;
	float: left;
	display:block;
	height: 100px;
	width: 100px;
	background: url(../images/tiny_grid.png) repeat;
	border: 1px solid #ccc;
	}
	
#productGrid li p{
	position: absolute;
	margin-top: -25px;
	width: 100px;
	padding-top: 4px;
	height: 0px;
	font: 9px Verdana, Geneva, sans-serif;
	color: #000;
	display:none;
	background:#ccc;
	opacity: 10;
}
	
#productGrid li:hover p{
	position: absolute;
	margin-top: -22px;
	width: 100px;
	padding-top: 4px;
	height: 0px;
	font: 9px Verdana, Geneva, sans-serif;
	color: #000;
	background:#ccc;
	opacity: 0.8;
	display:block;
}
	
#productGrid li img{
	padding: 0px;
	margin: 0px;
	height: 100px;
	width: 100px;
	}
	
#category{
	background:url(../images/cbgwh.png) repeat;
	position:absolute;
	top: 202px;
	left: 125px;
	width: 148px;
	height: 357px;
}

#category ul li{
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color:#333;
	padding:2px 0px 3px 15px;
}

#category ul li:hover{
	background:url(../images/cbgwh.png) repeat;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color:#333;
	padding:2px 0px 3px 15px;
}

#category ul li.itemselected{
	background:url(../images/selectbg.png) no-repeat;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	padding:2px 0px 3px 15px;
}

#category ul li.itemselected a{
	color:#1a6da0;
}

#category ul li a{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	width: 148px;
	display:block;
	color:#333;
	text-decoration: none;
}

#category ul li a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	width: 148px;
	display:block;
	color:#1a6da0;
	text-decoration: none;
}

#category ul li[name="first"]{
	list-style: none;
	background:#ffa659;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color:#fff;
	padding:3px 0px 3px 15px;
}

#productGrid .box{
	float: left;
	width: 125px;
	height: 155px;
	margin-left: 10px;
	margin-top: 12px;
	}

#productGrid .box img{
	background:#fff;
	border: #CCC solid 1px;
	height: 122px;
	width: 124px;
}

#productGrid .box p{
	font-family: "Arial";
	font-size: 9px;
	font-weight: bold;
	text-align:left;
}

.formtable tr td{
	background:url(../images/cbgwh.png);
}

input[name="fullname"]{
	width: 145px;
	height: 20px;
	background:#fff;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:3px;
	background:url(../images/formbg.png) 0px 0px no-repeat;
	margin: 0px 9px 9px 0px;
	color:#666;
}

input{
	width: 145px;
	height: 20px;
	background:#fff;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:3px;
	background:url(../images/formbg.png) 0px 0px no-repeat;
	margin: 0px 9px 9px 0px;
	color:#666;	
}

select{
	width: 145px;
	height: 20px;
	background:#fff;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../images/formbg.png) 0px 0px no-repeat;
	margin: 0px 9px 9px 0px;	
	color:#666;
	padding-top:1px;
}

option{
	height: 20px;
	background:#fff;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:3px;
	color:#666;
}

input[name="street"],input[name="interest"]{
	width: 300px;
	height: 20px;
	background:#fff;	
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:3px;
	background:url(../images/inputa.png) 0px 0px no-repeat;
	margin: 0px 9px 9px 0px;	
	color:#666;
}

textarea[name="requirements"]{
	resize: none;
	width: 300px;
	height: 90px;
	background:#fff;	
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:3px;
	background:url(../images/inputa.jpg) 0px 0px no-repeat;
	margin: 0px 9px 6px 0px;
	color:#666;
	padding-top:3px;
}

input[type="button"]{
	border: 3px double #fff;cursor: pointer;color:#333;float:right;margin-right:9px;font-size:11px;font-weight:bold; background:#999;height:auto;width:auto;padding: 0px 15px 0px 15px;}

#mytable{
	font-family: calibri;
	font-size: 13px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #fff;
	width:368px;
	}
	
#mytable tr.a{
	height:50px;
	width:368px;
	background: #d8d8d8;
	font-family:"Times New Roman", Times, serif;
	}

#mytable tr.c{
	background: #f79647;
	color: #f2f1d5;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	}
	
#mytable tr.b{
	background: #E8E8E8;
	}
	
#mytable td{
	vertical-align:middle;
	height:20px;
	padding-left:5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

#mytable td.a{
	width: 60px;	
}

#mytable td.b{
	width: 60px;	
	text-align:center;
}

#mytable td.c{
	width: 90px;	
	text-align:center;	
}

#mytable td.d{
	width: 70px;
	text-align:center;
	
}