@charset "utf-8";
/* CSS Document */

body {margin:0px; background-color:#b8df2a; margin:0; text-align:center; background-image:url(../images/cac.jpg); background-repeat:no-repeat; }
#bottomnav {text-align:left; float:left; width:580px; padding-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;}
#container {
	text-align: center;
	padding: 0px;
	border:0;
	width:1006px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
}
#container2 {
	text-align: center;
	padding: 0px;
	border:0;
	width:1150px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;
}
#main {width:1006px; padding-top:40px; }
#main2 {
	width:1150px;
	padding-top:40px;
}
#left {width:180px; float:left;}
#logo {
	width:180px;
	position:relative;
	float:left;
	padding-bottom: 20px;
	height: 85px;
	background-image: url(../images/logo2.png);
	background-repeat: no-repeat;
	background-position:right;
}
#navigation {
	height:30px;
	width:180px;
	float:left;
	text-align:right;
	padding-bottom: 10px;
	color: #000000;
	text-decoration: none;
	padding-right: 0px;
}
#middle {width:580px; float:left; padding-right:10px; padding-left:10px;}
#middle2 {
	width:640px;
	float:left;
	padding-right:10px;
	padding-left:10px;
}

#welcome {
	width:580px;
	height:250px;
	background-image:url(../images/welcomebox.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	padding-bottom: 0px;
	float: left;
}
#welcometext {
	padding-top:45px;
	padding-left:15px;
	padding-bottom:10px;
	padding-right:15px;
	width:550px;
	height:195px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
}
#right {width:203px; float:left; overflow:visible;}
#right2 {
	width:220px;
	float:left;
	overflow:visible;
	padding-right: 10px;
}
#login {
	height:160px;
	background-image:url(../images/loginbox.png);
	background-repeat:no-repeat;
	padding-bottom:0px;
}
#logincont {
	width:183px;
	padding-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
}
#gsurround {width:203px; overflow:visible; position:relative;}
#gallery-top {
	height:59px;
	width:203px;
	background-image:url(../images/gallery-top.png);
	background-repeat:no-repeat;
	margin-bottom: 0px;
}
#gallery {
	width:203px;
	background-image:url(../images/gallery-middle.png);
	background-repeat:repeat-y;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px; 
}
#galleryscroll {
	width:190px;
	height:400px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	color:#333333;
	font-size:11px;
	margin: 0px;
	scrollbar-face-color : #d79ef5;
	scrollbar-highlight-color : #d79ef5;
	scrollbar-3dlight-color : #d79ef5;
	scrollbar-darkshadow-color : #d79ef5;
	scrollbar-arrow-color : #ffffff;
	scrollbar-shadow-color : #d79ef5;
	scrollbar-track-color: #ebd1f8; 

	
}

#gallery-bottom {
	width:203px;
	height:20px;
	background-image:url(../images/gallery-bottom.png);
	background-repeat:no-repeat;
	margin-top: 0px;
}
#spacer {width:580px; height:10px; float:left; margin:0px;}
#spacer2 {width:200px; height:10px; margin:0px;}
#prods {width:137px;height:120px;float:left;text-align:center;}

#products {
	width:580px;
	float:left;
	background-image: url(../images/products2.png);
	background-repeat: no-repeat;
	height: 192px;
}
#products2 {
	width:580px;
	float:left;
	background-image: url(../images/products.png);
	background-repeat: no-repeat;
	height: 192px;
}
#prodcontent { padding-top:50px; width:560px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height: 132px; }

/* New text area */
#tbtop { width:580px; height:20px; float:left; background-image:url(../images/tbtop.png); background-repeat:no-repeat;}
#tbbottom {width:580px; height:20px; float:left; background-image:url(../images/tbbottom.png); background-repeat:no-repeat;}
#tb { width:580px; background-image:url(../images/tbmiddle.png); background-repeat:repeat-y; float: left;}
#tbbox{
	width:560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	height: 415px;
	overflow: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	scrollbar-face-color : #8fb1eb;
	scrollbar-highlight-color :#8fb1eb;
	scrollbar-3dlight-color : #8fb1eb;
	scrollbar-darkshadow-color : #8fb1eb;
	scrollbar-arrow-color : #ffffff;
	scrollbar-shadow-color : #8fb1eb;
	scrollbar-track-color: #efefef; 
}
#tbbox3{
	width:560px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	scrollbar-face-color : #8fb1eb;
	scrollbar-highlight-color :#8fb1eb;
	scrollbar-3dlight-color : #8fb1eb;
	scrollbar-darkshadow-color : #8fb1eb;
	scrollbar-arrow-color : #ffffff;
	scrollbar-shadow-color : #8fb1eb;
	scrollbar-track-color: #efefef;
}
#tb2top {
	width:640px;
	height:19px;
	float:left;
	background-image:url(../images/tb2top.png);
	background-repeat:no-repeat;
}
#tb2bottom {
	width:640px;
	height:19px;
	float:left;
	background-image:url(../images/tbtbottom.png);
	background-repeat:no-repeat;
}
#tb2 { width:640px; background-image:url(../images/tb2middle.png); background-repeat:repeat-y; float: left;}
#tb2box{
	width:620px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding: 10px;
	height: 620px;
	overflow: auto;
	scrollbar-face-color : #8fb1eb;
	scrollbar-highlight-color : 8fb1eb;
	scrollbar-3dlight-color : #efefef;
	scrollbar-darkshadow-color : #8fb1eb;
	scrollbar-arrow-color : #ffffff;
	scrollbar-shadow-color : #8fb1eb;
	scrollbar-track-color: #efefef;
}

#wtop { width:580px; height:54px; float:left; background-image:url(../images/wtop.png); background-repeat:no-repeat;}
#wbottom {width:580px; height:20px; float:left; background-image:url(../images/wbottom.png); background-repeat:no-repeat;}
#wtb { width:580px; background-image:url(../images/wmiddle.png); background-repeat:repeat-y; float: left;}
#wtbbox{
	width:550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	text-align: left;
	padding: 15px;
}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#006699; margin:0px;}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}
a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0033CC; text-decoration:underline;}
a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00CC33; text-decoration:none;}
li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}
.textbox { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
.title { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#003366; font-weight:bold; text-decoration:none;}
.largelink { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0099FF; text-decoration:none;}
.largelink:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00CC33; text-decoration:underline;}
.body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
td { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }

.hformtitle { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; text-decoration:none; font-weight:bold;}
.form { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; font-weight:bolder;}
.formtext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; line-height:12px;}
.navigation {text-align:right; font-family:"Century Gothic", Arial, Tahoma; font-size: 16px; font-style: normal; font-variant: normal; color: #000000; text-decoration: none;}
.navigation:hover { text-align:right; font-family:"Century Gothic", Arial, Tahoma; font-size: 16px; font-style: normal; font-variant: normal; color:#0099CC; text-decoration: none; }
.bootomtext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none;}
.bootomtext:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#0099FF; text-decoration:underline;}

/* Product image reel */
#motioncontainer { width: 550px; height: 130px; background-position: center center;}
#motioncontainer a img {border: 1px solid #cccccc;}
#motioncontainer a:hover img {border: 1px solid navy;}
#statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; left: -300px; visibility: hidden; }
#motioncontainer a:hover {color: red;}