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

html{background-color:#d5f4ff;font-family:Verdana, Arial, Helvetica, sans-serif, Optima;font-size:12px;color:#333333;}
*{margin:0px;padding:0px}
a{text-decoration:none;border:none;}
img{border:none;}
.border{border:solid 1px #cccccc;}
.orange{color:#eb7f0b;}
.blue{color:#074b63;}
.blue-2{color:#3399FF;}
.red{color:#FF0000;}
.yellow{color:#f6d107;}
.green{color:#009900;}
.small-text{font-size:10px;}

#wrapper{margin:0px auto 0px auto;width:1014px;background-color:#fff;border:solid 1px #b5d9e6;border-bottom:none;border-top:none;}
#header{height:165px;background-image:url(images/logo.jpg);background-position:10px 30px;background-repeat:no-repeat;}

#header #topNavigation{}
#header #topNavigation ul{list-style:none;float:right;padding-right:10px;}
#header #topNavigation ul li{float:left;}
#header #topNavigation ul li a{height:47px;display:block;background-image:url(images/top-navigation.jpg);}
#header #topNavigation ul li a.home{background-position:0px 0px;width:72px;}
#header #topNavigation ul li a.home:hover{background-position:0px -47px;width:72px;}
#header #topNavigation ul li a.homeActive{background-position:0px -47px;width:72px;width:72px;}

#header #topNavigation ul li a.aboutus{background-position:-72px 0px;width:91px;}
#header #topNavigation ul li a.aboutus:hover{background-position:-72px -47px;width:91px;}
#header #topNavigation ul li a.aboutusActive{background-position:-72px -47px;width:91px;}

#header #topNavigation ul li a.products{background-position:-163px 0px;width:118px;}
#header #topNavigation ul li a.products:hover{background-position:-163px -47px;width:118px;}
#header #topNavigation ul li a.productsActive{background-position:-163px -47px;width:118px;}

#header #topNavigation ul li a.support{background-position:-281px 0px;width:86px;}
#header #topNavigation ul li a.support:hover{background-position:-281px -47px;width:86px;}
#header #topNavigation ul li a.supportActive{background-position:-281px -47px;width:86px;}

#header #topNavigation ul li a.shop{background-position:-367px 0px;width:122px;}
#header #topNavigation ul li a.shop:hover{background-position:-367px -47px;width:122px;}
#header #topNavigation ul li a.shopActive{background-position:-367px -47px;width:122px;}

#header #topNavigation ul li a.video{background-position:-489px 0px;width:76px;}
#header #topNavigation ul li a.video:hover{background-position:-489px -47px;width:76px;}
#header #topNavigation ul li a.videoActive{background-position:-489px -47px;width:76px;}

#header #topNavigation ul li a.articles{background-position:-565px 0px;width:87px;}
#header #topNavigation ul li a.articles:hover{background-position:-565px -47px;width:87px;}
#header #topNavigation ul li a.articlesActive{background-position:-565px -47px;width:87px;}

#header #topNavigation ul li a.faq{background-position:-652px 0px;width:69px;}
#header #topNavigation ul li a.faq:hover{background-position:-652px -47px;width:69px;}
#header #topNavigation ul li a.faqActive{background-position:-652px -47px;width:69px;}

#header #topNavigation ul li a.contact{background-position:-721px 0px;width:105px;}
#header #topNavigation ul li a.contact:hover{background-position:-721px -47px;width:105px;}
#header #topNavigation ul li a.contactActive{background-position:-721px -47px;width:105px;}


#indexBanner{height:340px;}
#internalBanner{height:155px;background:url(images/inner-banner.jpg);}


/*Page Layout */
div.colSide{width:270px;float:left;padding:10px;}
div.colMid{width:410px;float:left;padding:10px;}
div.colMidFull{width:684px;float:left;padding:10px;margin-right:20px;}
div.colFull{width:850px;padding:10px;margin:0px auto 0px auto;}

div.colSide img.boxHeader{margin:0px 0px 5px 15px;height:40px;}
div.boxOrange{width:251px;height:157px;background-image:url(images/bg-box.jpg);margin:0px 0px 15px 0px;clear:both;padding:10px;color:#fff;}
div.boxBlue{width:251px;height:157px;background-image:url(images/bg-box.jpg);background-position:0px -177px;margin:0px 0px 15px 0px;clear:both;padding:10px;color:#fff;}

div.boxOrange img.imgLeft, div.boxBlue img.imgLeft {padding-top:10px;float:left;padding-right:5px;}
div.boxOrange img.imgTop, div.boxBlue img.imgTop {padding-top:5px;float:left;}

div.boxOrange h3, div.boxBlue h3 {padding-top:10px;float:left;font-size:16px;width:150px;}
div.boxOrange p, div.boxBlue p {padding-top:5px;float:left;width:160px;font-size:11px;}
div.boxOrange a.more, div.boxBlue a.more{padding-top:10px;display:block;}

.imgToper{padding-left:10px;padding-top:2px;}

/*Home Page Featured List*/
h1.bulletHead{clear:both;color:#074b63;font-size:18px;font-weight:bold;background-image:url(images/bullet-1.jpg);background-repeat:no-repeat;background-position:0px 5px;padding-left:15px;margin-bottom:5px;}
div.homeVideo{height:310px;background-image:url(images/bg-home-video.jpg);background-repeat:no-repeat;text-align:center;padding-top:15px;}

div.freturedBox{border:solid 1px #b2d3de;padding:15px;overflow:hidden;height:100px;}
div.freturedBox img{clear:both;float:left;margin-right:10px;}
div.freturedBox h2{float:left;}
div.freturedBox span.head{font-size:14px;font-weight:bold;display:block;padding-bottom:5px;}
div.freturedBox p{float:right;width:280px;font-size:11px;}
p.rightLink{float:right;text-align:right;padding:2px;}

/*News Format*/
h2.newsHead{font-size:12px;padding-top:0px;padding-left:16px;padding-right:16px;}
p.news{padding:10px 0px 10px 0px;border-bottom:dotted 1px #a6c2ce;padding-left:5px;}
h2.newsHead a{color:#ff7b00;}
h2.newsHead a:hover{color:#074b63;}

h1.listHead{clear:both;color:#074b63;font-size:18px;font-weight:bold;background-image:url(images/bullet-2.jpg);background-repeat:no-repeat;background-position:0px 5px;padding-left:15px;margin-top:30px;#margin-top:40px;padding-bottom:5px;border-bottom:dotted 1px #75B9B9;}

div.listBox{padding:15px;overflow:hidden;height:100px;}
div.listBox img.productImg{clear:both;float:left;margin-right:10px;width:100px;display:block;}
div.listBox h2{float:left;}
div.listBox span.head{font-size:14px;font-weight:bold;display:block;padding-bottom:5px;}
div.listBox p{display:block;font-size:11px;padding-bottom:5px;}
div.listBox a{padding-top:10px;float:left;}
div.box2 {height:60px;}

div.listBox ul {padding-top:15px;list-style:none;}
div.listBox ul li{margin-left:20px;padding:5px;}
div.listBox ul li a{font-weight:bold;padding:0px;color:#0099CC;float:none;display:list-item;width:400px;}
div.listBox ul li a:hover{color:#FF6600;text-decoration:underline;}

div.content{clear:both;padding:15px;overflow:hidden;display:block;}
div.content img.productImg{clear:both;float:left;margin-right:15px;margin-bottom:15px;display:block;}
div.content h2{float:left;}
div.content span.head{font-size:14px;font-weight:bold;display:block;padding-bottom:5px;}

div.content div.pro-images{padding-bottom:10px;line-height:1.5em;text-align:center;padding-top:5px;width:200px;float:left;margin-right:20px;}
div.content div.pro-images img{margin-bottom:20px;}
div.content div.pro-details{display:block;padding-bottom:10px;line-height:1.5em;text-align:justify;width:600px;float:left;}

div.content p{display:block;padding-bottom:10px;line-height:1.5em;text-align:justify;padding-top:5px;}

div.content p.download{padding-left:5px;}
div.content p.subHead{font-size:14px;color:#eb7f0b;padding-bottom:5px;margin:0px;font-weight:bold;border-bottom:dotted 1px #FFCC00;}
div.content ul.feature {margin-bottom:0px;}
div.content ul.feature li{font-size:12px;}

div.content ul{margin:10px 0px 30px 20px;}
div.content ul li{font-size:14px;font-weight:bold;padding-bottom:10px;text-align:justify;}
div.content ul li a.link{color:#074b63;font-size:14px;font-weight:bold;}
div.content ul li a.link:hover{color:#ff7b00;}

div.content ul.smallLink{margin:2px 0px 30px 20px;}
div.content ul.smallLink li{font-size:14px;font-weight:bold;padding-bottom:2px;text-align:justify;}
div.content ul.smallLink li a{color:#074b63;font-size:11px;}
div.content ul.smallLink li a:hover{color:#ff7b00;}


div.content ul.imgView{clear:both;margin:5px;list-style:none;margin-bottom:20px;height:180px;}
div.content ul.imgView li{float:left;font-size:12px;font-weight:bold;padding:10px;text-align:center;margin-right:5px;border:solid 1px #cccccc;}

div.content p.stores{float:left;width:400px;height:170px;text-align:center;}
div.content ul.retailers {margin-left:10px;}
div.content ul.retailers li{float:left;width:270px;height:45px;text-align:left;font-size:12px;}
div.content ul.retailers li a{font-size:10px;}

h1.videoHead{clear:both;color:#074b63;font-size:16px;font-weight:bold;padding:40px 10px 0px 10px;}
div.content p.video{clear:both;margin-top:10px;background-image:url(images/bg-video.gif);background-repeat:no-repeat;height:370px;width:500px;padding-top:25px;padding-left:38px;}

p#prolink {clear:both;padding:20px;}
p#prolink a{color:#074b63;font-weight:bold;}
p#prolink a:hover{color:#FF6600;font-weight:bold;}

/*Page Footer */
#footer{clear:both;height:80px;background-color:#074459;color:#fff;font-size:10px;text-align:center;padding-top:20px;}
#footer a{color:#fff;font-size:11px;}
#footer a:hover{color:#ff7B00;}
#footer p{padding:5px;}