/* CSS Document */


body {
	margin:0px;
	background:url(images/bg.jpg) #d4dcf3 top repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#3d475c;
	font-size:12px;
}

td {
	text-align:left;
}

a {
	text-decoration:none;
	color:#0066FF;
}

.roman li {
	list-style:lower-roman;
}
	
li {
	margin-top:8px;
	margin-bottom:8px;
}	
	
p {
	text-align:left;
}

img {
	border:none;
}
	
.clearer {
	clear:both;
}

h1 {
	color:#62970f;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	background:url(images/h1.jpg) no-repeat top left;
	height:29px;
	padding-left:34px;
	padding-top:5px;
	
}

h2 {
	color:#CC3300;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

h3 {
	color:#CC3300;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	background:url(images/h1.jpg) no-repeat top left;
	height:29px;
	padding-left:34px;
	padding-top:5px;
}

h4 {
	margin-bottom:-8px;
	color:#51a2e6;
}

.note {
	background:#E1E7F4;
	padding:8px;
}

.note2 {
	background:#FFE8E8;
	padding:8px;
	margin-top:-9px;
}

#container {
	width:970px;
	margin:auto;
	background:url(images/bg-cont.jpg) repeat-y top;
}

#header {
	width:970px;
	height:201px;
	background:url(images/head.jpg) no-repeat top;
}

#linksss {
	width:970px;
	height:32px;
	background:url(images/linksss-b.jpg) no-repeat top;
}

#body {
	width:970px;
	min-height:300px;
	background:url(images/body.jpg) no-repeat top;
	text-align:center;
}

#content-cont {
	width:880px;
	margin:auto;
	padding-top:30px;
	text-align:left;
}

#right-div {
	float:right;
	width:495px;
	min-height:150px;
	text-align:left;
}

#bottom {
	width:970px;
	height:35px;
	background:url(images/footer.jpg) no-repeat top;
}

#footer {
	width:970px;
	margin:auto;
	text-align:center;
	font-size:12px;
}

#logos {
	float:left;
	padding:5px;
}

#prods {
	float:left;
	padding:5px;
	font-size:11px;
	margin-bottom:5px;
	min-height:100px;
}

#prods2 {
	width:250px;
	float:left;
	padding:5px;
	font-size:11px;
}

#divider {
	width:488px;
	height:20px;
	background:url(images/divider.jpg) no-repeat top;
}

#readmore {
	width:478px;
	text-align:right;
}

/* ============= links ============== */

.home a {
	float:left;
	display: block;
	width: 87px;
	height: 32px;
	background: transparent url(images/linksss/home.jpg) no-repeat;
	margin-left:132px;
	
}

.home a:hover {
	background-position: -87px 0;
}

.home2 {
	float:left;
	display: block;
	width: 87px;
	height: 32px;
	background: transparent url(images/linksss/home.jpg) no-repeat;
	background-position: -87px 0;
	margin-left:132px;
	
}


.about a {
	float:left;
	display: block;
	width: 86px;
	height: 32px;
	background: transparent url(images/linksss/about.jpg) no-repeat;
	margin-left:3px;
	
}

.about a:hover {
	background-position: -86px 0;
}

.about2 {
	float:left;
	display: block;
	width: 86px;
	height: 32px;
	background: transparent url(images/linksss/about.jpg) no-repeat;
	background-position: -86px 0;
	margin-left:3px;
	
}


.products a {
	float:left;
	display: block;
	width: 79px;
	height: 32px;
	background: transparent url(images/linksss/products.jpg) no-repeat;
	margin-left:3px;
	
}

.products a:hover {
	background-position: -79px 0;
}

.products2 {
	float:left;
	display: block;
	width: 79px;
	height: 32px;
	background: transparent url(images/linksss/products.jpg) no-repeat;
	background-position: -79px 0;
	margin-left:3px;
	
}

.new-customer a {
	float:left;
	display: block;
	width: 117px;
	height: 32px;
	background: transparent url(images/linksss/new-customer.jpg) no-repeat;
	margin-left:3px;
	
}

.new-customer a:hover {
	background-position: -117px 0;
}

.new-customer2 {
	float:left;
	display: block;
	width: 117px;
	height: 32px;
	background: transparent url(images/linksss/new-customer.jpg) no-repeat;
	background-position: -117px 0;
	margin-left:3px;
	
}


.order a {
	float:left;
	display: block;
	width: 102px;
	height: 32px;
	background: transparent url(images/linksss/order.jpg) no-repeat;
	margin-left:3px;
	
}

.order a:hover {
	background-position: -102px 0;
}

.order2 {
	float:left;
	display: block;
	width: 102px;
	height: 32px;
	background: transparent url(images/linksss/order.jpg) no-repeat;
	background-position: -102px 0;
	margin-left:3px;
	
}


.links a {
	float:left;
	display: block;
	width: 143px;
	height: 32px;
	background: transparent url(images/linksss/links.jpg) no-repeat;
	margin-left:3px;
	
}

.links a:hover {
	background-position: -143px 0;
}

.links2 {
	float:left;
	display: block;
	width: 143px;
	height: 32px;
	background: transparent url(images/linksss/links.jpg) no-repeat;
	background-position: -143px 0;
	margin-left:3px;
	
}


.contact a {
	float:left;
	display: block;
	width: 87px;
	height: 32px;
	background: transparent url(images/linksss/contact.jpg) no-repeat;
	margin-left:3px;
	
}

.contact a:hover {
	background-position: -87px 0;
}

.contact2 {
	float:left;
	display: block;
	width: 87px;
	height: 32px;
	background: transparent url(images/linksss/contact.jpg) no-repeat;
	background-position: -87px 0;
	margin-left:3px;
	
}


/* ================= slideshow ==================== */

#sshow {
	width:359px;
	height:326px;
}

#slideshow {
    position:relative;
    height:326px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* =============== dropdown ============ */

.question {
	background:url(images/sides.jpg) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	width:98%;
	margin-bottom:10px;
	color:#031d67;
	padding-left:23px;
	height:18px;
}

#answer {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	padding-top:8px;
	padding-bottom:8px;
	margin-left:27px;
	color:#566587;
}

dd {
	display:none;
}


.desc {
	font-weight:normal; font-size:11px; margin-top:3px; padding-left:2px; color:#8A97B7;
}

/* ============== ddown end ================*/