@charset "UTF-8";
/*ids CSS Document */

body, html{
background-color:#f1f1f1;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333; 
}
/* text */
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify; padding:0; margin:5px;}
.contenttext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify; padding:0; margin:0;}
.contenttextRight {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:right; padding:0; margin:0;}
.contenttextHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; text-align:justify; padding:0 20px 20px 20px; margin:0;}
.contentTitle12px {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; color:#cc6600; margin:5px; padding:0;}
.contentPromo12px {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; color:#990000; margin:0; padding:0;}
.contentRightProd14px {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; color:#3399cc; text-align:left; margin:0; padding:0; text-transform:uppercase;}
h1 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bolder; color:#3399cc; text-align:left; margin:5px; padding:0; text-transform:uppercase;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bolder; color:#666666; text-align:left; margin:0; paddding:0;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bolder; color:#cc6600; text-align:left; margin:5px; padding:0; text-transform:uppercase;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bolder; color:#cc6600; text-align:left; margin:5px; padding:0; text-transform:none;}
a.titleLink, a.titleLink:link, a.titleLink:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #333333;}
a.titleLink:hover {color:#cc6600; text-decoration:underline;} 
a.titleLink:active {color:#cc6600;} 



#wrapper {width:960px; margin: 0 auto; padding:0; text-align:left;}
#container {width:960px; min-height:100%; margin-bottom:-10px; position: relative;}

#header {float:left; width:960px; height:176px; margin:0; padding:0px; background:#f1f1f1;}
#mainmenu {width:960px; height:30px; margin:0 auto; padding:0 0 0 0; background-color:#f1f1f1;}
#navi {margin: 0 20px 0 20px; float:left; text-align:center;} 
#navi li {display:inline; float:left; width:100px; height:30px; margin:10px 20px 10px 20px; text-align:center;}
#navi a:link, #navi a:visited {font-size: 13px; font-weight:bold; text-align:center; text-decoration: none; color: #666666; float:left; height:30px; vertical-align:middle; padding:5px 0 0 0; }
#navi a.active:visited, #navi a:hover {float:left; color: #000000; background-image:url(../images/_navi_hover_bg.gif); width:100px; text-align:center; padding:5px 0 0 0; background-repeat:no-repeat;}
#navi a.active:link {color: #000000; width:100px; float:left; text-align:center; padding:5px 0 0 0;}
#logo {float:left; width:960px; height:40px;}


/*index */
#Content {float:left; width:960px; min-height:500px; background-color:#ffffff; margin:0; padding:0;}
#flashIMG {float:left; width:930px; height:230px; background-color:#ffffff; margin:0; padding:0;}
#leftIndex {float:left; width:396px; height:500px; background-color:#ffffff; margin:0; padding:0;}
#middleIndex {float:left; width:310px; height:500px; background-color:#ffffff; margin:0; padding:0;}
#rightIndex {float:left; width:250px; height:500px; background-color:#ffffff; margin:0; padding:0;}

/*About Us */
#leftC {float:left; width:679px; min-height:500px; background-color:#FFFFFF; margin:0; padding:0; border-right:1px solid #eaeaea;}
#rightC {float:right; width:280px; height:500px; background-color:#FFFFFF; margin:0; padding:0;}
.formBG {float:left; width:260px; height:500px; background-image:url(../images/aboutus/rightbar_bg.gif); background-repeat:no-repeat; padding:0; margin:20px 10px 5px 10px;}
.form1 {float:left; padding:0; margin:45px 10px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; color:#cc6600; height:20px;}
.form2 {float:left; padding:0; margin:5px 10px 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; color:#cc6600; height:20px;}
.lineV { background-image:url(../images/aboutus/divider_vertical.gif); background-repeat:no-repeat; width:680px; height:5px;}

/* Job listing */
#ListingTopIMG {float:left; width:930px; height:152px; background-color:#ffffff; margin:0; padding:0;}
#searchbar {float:left; width:930px; height:50px; background-color:#FFFFFF; margin-left:20px; padding:0;}
#listingTable {float:left; width:930px; min-height:300px; background-color:#FFFFFF; margin-top:10px; margin-left:20px; padding:0;}
.line { border-right:#cccccc solid 1px; border-bottom:#cccccc solid 1px;}
.underline { border-bottom:#cccccc solid 1px;}
.sideline { border-right: #ffffff solid 1px; border-top:#cccccc solid 1px;}
.sideline2 { border-right: #cccccc solid 1px; border-top:#cccccc solid 1px;}
.leftline { border-left: #cccccc solid 1px;}

/*contact us */
.contactBG {float:left; width:260px; height:500px; background-image:url(../images/contactus/right_bg.gif); background-repeat:no-repeat; padding:0; margin:20px 10px 5px 10px;}
.contactContent {float:left; width:250px; height:400px; margin:45px 10px 5px 10px;}

.lineGrey {border-bottom:1px solid #999999}
a.sideNavi, a.sideNavi:link, a.sideNavi:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #333333;}
a.sideNavi:hover {color:#990000;} 
a.sideNavi:active {color:#990000;} 
#rightBar {float:right; width:780px; min-height:600px; background-color:#ffffff; margin:5px 0 0 0; padding:0;}
#rightBarFlash {float:right; width:780px; min-height:255px;}
#rightBarFeatured {float:left; width:780px; height:280px; margin:5px 0 0 0; padding:0;}
.titleHeader {float:left; width:780px; height:35px;}
#rightBarBrand {float:left; width:780px; height:280px; margin:5px 0 0 0; padding:0;}
.sideBrandList { float:left; width:177px; padding:0px; margin:5px 0 0 8px; display:block;}
.sideBrandList li{list-style:url(../images/_sub-navi-dot.gif); padding:0px; margin:5px ; }
.prodbox { float:left; width:755px; padding:0px; margin:0px; display:inline;}
.prodbox li{float:left; width:140px; height:140px; text-align:center; list-style:none; padding:0px; margin:5px; background-color:#FFFFFF; border-right:dotted 1px #cccccc; border-bottom:dotted 1px #cccccc;}
.prodname {width:140px; text-align:center; padding-left:2px; font-size:12px; margin:0px; height:15px; font-weight:normal; display: block; color:#333333;}
.prodname:hover {color:#990000; text-decoration:underline;}
.prodcount{width:140px; font-size:10px; text-align:center; display: block; text-decoration:none; padding-bottom:1px; color:#666666;}
a.link1 {display:block; width:140px; height:110px; margin:5; padding:0; text-decoration:none;}
a.prodname {display:block; width:140px; height:15px; margin:5; padding:0;}





/*footer */
#footer { float:left;height:170px; width:100%; background-image:url(../images/_footer-bg.gif); background-repeat:repeat; text-align:center; padding-top:5px; border-top:5px solid #990000; border-bottom:20px solid #990000;}
#footerContent {margin:0 auto; width:970px; height:150px;}
.clearfooter {height: 10px; clear: both;}

/* footer text */
a.footerlink, a.footerlink:link, a.footerlink:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:10px; font-weight:none; text-decoration: none; color: #ffffff;}
a.footerlink:hover {color:#0299bd;} 
a.footerlink:active {color:#0299bd;} 

a.footerlink_black, a.footerlink_black:link, a.footerlink_black:visited {font-family:'Century Gothic',Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; text-decoration: none; color: #000000;}
a.footerlink_black:hover {color:#0299bd;} 
a.footerlink_black:active {color:#0299bd;}

/* misc */
input {border: 1px solid #cfcfcf; color: #999; font: inherit; padding: 4px; margin-left:3px;}
input:focus, input.focused { border-color: #0033FF; color: #333;}
.inputBorderless {color: #999; font: inherit; border:none;}

/*contact us*/
.cuform {font-family:Arial, Helvetica, sans-serif;font-size: 12px;border:1px solid #eaeaea;color: #000;width:300px; height:20px;margin:5px 5px 5px 0;}

.cuformstyle {font-family:Arial, Helvetica, sans-serif;border:1px solid #eaeaea;font-size: 12px;color: #000;width:300px; height:62px;margin:5px 5px 5px 0;}