body { margin: 0; padding: 0; background: #fdfbfa; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
img { border: 0; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
.clear { clear: both; }
p { margin: 0; padding: 6px 0; }

#container { margin: 0 auto; background: #fff; width: 799px; overflow: hidden; text-align: left; border: 1px solid #cbcbcb; border-top: 0; }

#header { background: url(../images/header-bg.gif) repeat-x bottom; height: 77px; }
#header h1 { margin: 0; padding: 0; width: 286px; height: 77px; text-indent: -9000em; overflow: hidden; }
#header h1 a { display: block; background: url(../images/logo.gif) no-repeat; width: 286px; height: 77px; text-indent: -9000em; overflow: hidden; }

#banner { background: url(../images/banner.jpg) no-repeat; height: 142px; }

#nav { background: url(../images/nav-bg.gif) repeat-x bottom; height: 49px; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { float: left; }
#nav ul li a { display: block; height: 49px; text-indent: -9000em; overflow: hidden; }
#nav ul li a.home-btn { background: url(/images/home-btn.gif) no-repeat; width: 74px; }
#nav ul li a.aboutus-btn { background: url(/images/aboutus-btn.gif) no-repeat; width: 88px; }
#nav ul li a.services-btn { background: url(/images/services-btn.gif) no-repeat; width: 124px; }
#nav ul li a.trainingcourses-btn { background: url(/images/trainingcourses-btn.gif) no-repeat; width: 126px; }
#nav ul li a.store-btn { background: url(/images/store-btn.gif) no-repeat; width: 68px; }
#nav ul li a.search-btn { background: url(/images/search-btn.gif) no-repeat; width: 74px; }
#nav ul li a.contactus-btn { background: url(/images/contactus-btn.gif) no-repeat; width: 95px; }
#nav ul li a.applicationnotes-btn { background: url(/images/applicationnotes-btn.gif) no-repeat; width: 126px; }
#nav ul li a.supportdocuments-btn { background: url(/images/supportdocuments-btn.gif) no-repeat; width: 126px; }
#nav ul li a:hover { background-position: bottom; }

#content { background: url(../images/content-bg.gif) repeat-x bottom; height: 1%; }

#content .title { background: url(../images/title-bg.gif) repeat-x bottom; height: 78px; border-bottom: 1px solid #ddc3c4; }
#content .title h1.home { margin: 0 0 0 5px; padding: 0; background: url(../images/title-home.gif) no-repeat bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.aboutus { margin: 0 0 0 15px; padding: 0; background: url(../images/title-aboutus.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.servicesupport { margin: 0 0 0 15px; padding: 0; background: url(../images/title-servicesupport.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.trainingcourses { margin: 0 0 0 15px; padding: 0; background: url(../images/title-trainingcourses.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.applicationnotes { margin: 0 0 0 15px; padding: 0; background: url(../images/title-applicationnotes.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.supportdocuments { margin: 0 0 0 15px; padding: 0; background: url(../images/title-supportdocuments.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.store { margin: 0 0 0 15px; padding: 0; background: url(../images/title-store.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.perkin { margin: 0 0 0 15px; padding: 0; background: url(../images/title-perkin.gif) no-repeat left bottom; width: 350px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.search { margin: 0 0 0 15px; padding: 0; background: url(../images/title-search.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.contactus { margin: 0 0 0 15px; padding: 0; background: url(../images/title-contactus.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.termsofuse { margin: 0 0 0 15px; padding: 0; background: url(../images/title-termsofuse.gif) no-repeat left bottom; width: 200px; height: 70px; text-indent: -9000em; overflow: hidden; }

#content .title h1.dsc { margin: 0 0 0 15px; padding: 0; background: url(../images/title-dsc.gif) no-repeat left bottom; width: 500px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.tga { margin: 0 0 0 15px; padding: 0; background: url(../images/title-tga.gif) no-repeat left bottom; width: 500px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.tma { margin: 0 0 0 15px; padding: 0; background: url(../images/title-tma.gif) no-repeat left bottom; width: 500px; height: 70px; text-indent: -9000em; overflow: hidden; }
#content .title h1.icss { margin: 0 0 0 15px; padding: 0; background: url(../images/title-icss.gif) no-repeat left bottom; width: 500px; height: 70px; text-indent: -9000em; overflow: hidden; }

#content .left { float: left; padding-bottom: 10px; width: 57%; line-height: 1.4em; }
#content .left .inner { padding: 10px 15px; }
#content .wide { padding-bottom: 10px; line-height: 1.4em; }
#content .wide .inner { padding: 10px 15px; }
#content .right { float: right; padding: 10px 0; width: 43%; }
#content .prodbox { margin: 0 auto; width: 316px; }
#content .prodbox h1 { margin: 0; padding: 0; background: url(../images/prod-title.jpg) no-repeat; height: 72px; text-indent: -9000em; overflow: hidden; }
#content .prodbox ul { margin: 0; padding: 0; list-style: none; }
#content .prodbox ul li {}
#content .prodbox ul li a { display: block; width: 316px; text-indent: -9000em; overflow: hidden; }
#content .prodbox ul li a.dsc-btn { background: url(../images/dsc-btn.jpg) no-repeat; height: 50px; }
#content .prodbox ul li a.tga-btn { background: url(../images/tga-btn.jpg) no-repeat; height: 44px; }
#content .prodbox ul li a.tma-btn { background: url(../images/tma-btn.jpg) no-repeat; height: 45px; }
#content .prodbox ul li a.icss-btn { background: url(../images/icss-btn.jpg) no-repeat; height: 51px; }
#content .prodbox ul li a:hover { background-position: bottom; }

#footer { background: #9e8563 url(../images/footer-bg.gif) repeat-x; height: 1%; border-top: 1px solid #981b1e; }
#footer .left { float: left; padding: 20px 15px; width: 55%; color: #fff; }
#footer .left a { color: #fff; text-decoration: none; }
#footer .left a:hover { color: #ece1d4; text-decoration: none; }
#footer .left span { display: block; color: #ece1d4; }
#footer .right { float: right; margin-right: 10px; background: url(../images/footer-logo.gif) no-repeat right; width: 30%; height: 80px; }

#productcategory-box { margin: 0 auto; width: 710px; }
#productcategory-box ul { margin: 0; padding: 0; list-style: none; }
#productcategory-box ul li { float: left; padding: 3px; }
#productcategory-box ul li a { display: block; width: 345px; height: 145px; text-indent: -9000em; overflow: hidden; }
#productcategory-box ul li a.inner-dsc-btn { background: url(../images/inner-dsc-btn.gif) no-repeat; }
#productcategory-box ul li a.inner-tga-btn { background: url(../images/inner-tga-btn.gif) no-repeat; }
#productcategory-box ul li a.inner-tma-btn { background: url(../images/inner-tma-btn.gif) no-repeat; }
#productcategory-box ul li a.inner-icss-btn { background: url(../images/inner-icss-btn.gif) no-repeat; }
#productcategory-box ul li a:hover { background-position: bottom; }

/* Products */
#product-list { }
#product-list ul { margin: 0; padding: 0; list-style: none; }
#product-list .productbar { display: block; background: url(../images/productbar.gif) no-repeat; width: 768px; height: 46px; text-decoration: none; }
#product-list .productbar h1 { margin: 0; padding: 16px 0 0 60px; font-size: 13px; color: #fff; }
#product-list .productbar:hover { background-position: left bottom; }
#product-list .productbar:hover h1 { margin: 0; padding: 16px 0 0 60px; font-size: 13px; color: #fff; }
#product-list h3 { margin: 0; padding: 10px 6px 6px 6px; background: #f7f3ee; font-size: 12px; border-bottom: 1px solid #efefef; }
#product-list table { border-collapse: collapse; width: 100%; }
#product-list td { padding: 6px; width: 25%; border: 1px solid #efefef; vertical-align: top; }
#product-list td h2 { margin: 0; padding: 4px 0; font-size: 11px; font-weight: normal; }
#product-list td span { display: block; padding: 4px 0; font-size: 12px; font-weight: bold; color: #a3181c; }
#product-list td a { }

#product-detail { border-collapse: collapse; width: 95%; }
#product-detail .img { padding-right: 15px; }
#product-detail .details { padding: 15px; border-left: 1px solid #efefef; }
#product-detail .details h1 { margin: 0; padding: 10px 0 6px 0; font-size: 15px; }
#product-detail .details span { display: block; padding: 4px 0 10px 0; font-size: 12px; font-weight: bold; color: #a3181c; }

.service-list { background: url(../images/service-list.jpg) no-repeat; width: 462px; height: 286px; text-indent: -9000em; overflow: hidden; }
.service-list ul { margin: 0; padding: 0; }
.training-list { background: url(../images/training-list.jpg) no-repeat; width: 462px; height: 246px; text-indent: -9000em; overflow: hidden; }
.training-list ul { margin: 0; padding: 0; }
.store-list { margin: 0 auto; background: url(../images/store-list.jpg) no-repeat; width: 656px; height: 203px; text-indent: -9000em; overflow: hidden; }
.store-list ul { margin: 0; padding: 0; }

form { margin: 0; padding: 0; }
form table { border-collapse: collapse; }
form table td { padding: 6px; border-bottom: 1px solid #efefef; }
form table td input.txt { padding: 4px; background: #fbf8f5 url(../images/input-bg.gif) repeat-x bottom; border: 1px solid #ddc3c4; font-size: 11px; width: 180px; }
form table td input { padding: 4px; font-size: 11px; }
form table td textarea { padding: 4px; background: #fbf8f5 url(../images/input-bg.gif) repeat-x bottom; border: 1px solid #ddc3c4; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 180px; height: 100px; }
.req { color: #c30; }