/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#2f719f url(images/body-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.table-center {
	margin-right: auto;
	margin-left: auto;
}

.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.167em;
		color:#6e6f6f;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#39afd5;}
a:hover{text-decoration:none;}
p {
	padding-top:14px;
}
span {color:#39afd5;}

/* ============================= main layout ====================== */

.top-tail {background:url(images/top-tail2.gif) top repeat-x; width:50%; right:0; position:absolute; height:850px;}

.link {background:#44a0c6 url(images/link-right-bg.gif) top right no-repeat; display:block; float:left; font-size:0.833em; text-transform:uppercase; text-decoration:none; margin-top:17px;}
.link span {background:url(images/link-left-bg.gif) top left no-repeat; display:block; padding:4px 17px 5px 15px; color:#fff;}
.link:hover {background:#74b5d0  url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}
.col-3 .link {float:right;}

li a {line-height:1.5em;}

.imgindent {margin:0 17px 0 0; float:left;}
.title {margin-bottom:24px; position:relative; margin-right:-10px;}
.title2 {margin-bottom:20px;}
.title3 {margin-bottom:16px;}

/* ============================= header ====================== */

.logo {margin:40px 0 0 80px;}

.menu {width:100%;}
.menu li {float:left; margin-right:10px;}
.menu li a {display:block; text-transform:uppercase; text-decoration:none; font-size:0.917em; padding:14px 25px 13px 18px; color:#fff;}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #0066CC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 15px;
}

h2 {
	font-size: 130%;
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
.image-align-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.latest-product-sub-section {
	margin-left: 140px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #FFFFCC;
	padding: 10px;
	border: 1px solid #FFCC66;
}

.menu .m1 a:hover, .menu .m1 .active { background:url(images/m1-bg.jpg) top left no-repeat;}
.menu .m2 a:hover, .menu .m2 .active { background:url(images/m2-bg.jpg) top left no-repeat;}
.menu .m3 a:hover, .menu .m3 .active { background:url(images/m3-bg.jpg) top left no-repeat;}
.menu .m4 a:hover, .menu .m4 .active { background:url(images/m4-bg.jpg) top left no-repeat;}

/* ============================= content ====================== */

#content {padding:0 39px 0 36px; background:url(images/content-left-bg.gif) top left no-repeat;} 

.box1 {background:#3888b2 url(images/box1-corner-top-left.gif) top left no-repeat; width:100%;}
.box1 .corner-top-right {background:url(images/box1-corner-top-right.gif) top right no-repeat; width:100%;}
.box1 .corner-bottom-left {background:url(images/box1-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box1 .corner-bottom-right {background:url(images/box1-corner-bottom-right.gif) bottom right no-repeat; width:100%;}
.box1 .indent {
	padding:10px 16px 16px 16px;
}

.box2 {background:#dcdcdc url(images/box2-tail-bg.gif) top repeat-x; width:100%;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat; width:100%;}
.box2 .indent {
	padding:0px 10px 46px 15px;
}

.box3 {background:url(images/box3-tail-bg.gif) top repeat-x #e6e6e6; width:100%;}
.box3 .corner-top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat; width:100%;}
.box3 .corner-bottom-right {background:url(images/box3-corner-bottom-right.gif) bottom right no-repeat; width:100%;}
.box3 .indent {
	padding:30px 28px 29px 32px;
}
.box3 .indent2 {padding:34px 23px 46px 32px;}
.box3 .indent3 {padding:46px 36px 45px 32px;}

.margin1 {margin-top:46px;}
.margin2 {margin-top:28px;}
.margin3 {margin-top:9px;}
.padding1 {padding-top:20px;}
.padding2 {padding-bottom:10px !important;}
.padding3 {padding-bottom:37px !important;}

.line {border-bottom:1px solid #e8e8e8;}
.gallery img {margin:0 9px 10px 0;}
.gallery2 {padding:0 0 0 32px;}
.gallery2 img {margin:0 9px 2px 0;}
.gallery2 a {color:#6e6f6f;}
.gallery2 .col-2 {line-height:1.75em;}
.phone {color:#6e6f6f; float:right; margin-right:108px;}
.text2 {color:#6e6f6f;}

/* ============================= footer ====================== */

#footer {text-transform:uppercase; font-size:0.833em; color:#fff; padding:19px 0 0 58px}
#footer a {text-decoration:none; color:#49cefa;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm { font-size:0.917em; padding:15px 0 0 0;}
#ContactForm .rowi {height:46px;}
#ContactForm .link {float:right; margin:14px 0 0 10px;}

.input {width:166px; height:19px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:253px; height:110px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.category-main {
	height: 130px;
}
.category-main    img  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 3px;
}
.category-main   a:hover  img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #0099CC;
	border-left-color: #FFFFFF;
	padding-bottom: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	padding-top: 0px;
}
.category-main-big {
	height: 200px;
}
.category-main-big    img  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding-bottom: 3px;
	padding-top: 3px;
}
.category-main-big   a:hover  img {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #0099CC;
	border-left-color: #FFFFFF;
	padding-bottom: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	padding-top: 0px;
}
.menu2 {
	padding-left: 20px;
}
.menu2 a {
	text-decoration: none;
	line-height: 20px;
	padding: 5px;
	color: #3176A3;
}
.menu2  a:hover {
	background-color: #0099CC;
	color: #FFFFFF;
}
.note {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #FFFFCC;
	padding: 10px;
	border: 1px solid #FFCC66;
	background-image: url(images/general/bg-corner.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.list1  {
	list-style-type: none;
}
.list1 li {
	background-image: url(images/general/icon-list-01.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-left: 20px;
}