/* common style */
body{margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.homeOuterWrapper{background:url(../images/home-bg-strip.jpg) repeat-x top left;}
.outerWrapper{border:0px solid; background:url(../images/inner-bg-strip.jpg) repeat-x top left;}
.wraper{width:950px; height:auto; margin:12px auto; padding:0; border:0px solid;}
.clearer{clear:both; padding:0; margin:0;}
a {text-decoration:none; color:#0000ff;}

/* header and logo area */
.topHeader{width:auto; height:145px; padding:0 87px 7px 50px; background:url(../images/top-banner-bg.jpg) no-repeat;} 
.logo{float:left; width:244px;}
.logo-right{width:544px; height:auto; padding:0 0px 0 0 ; float:right; } 
.logo-right h1{font-size:21px; font-weight:normal; color:#003399; padding:0; text-align:right;} 
.logo-right span{font-weight:bold; float:right; padding:0; margin:0;}
.logo-right ul{padding:0; margin:4px 0 0 0; width:auto; height:10px;}
.logo-right li{list-style-type:none; font-weight:bold; display:inline; color:#666; float:right; border-right:1px solid #0070a6;}
.logo-right li a{color:#666; text-decoration:none;  padding:0 12px;}
.logo-right li.borderNone{border-right:none;}

/*middle banner */
.bannerMain{background: url(../images/middle-banner-bg.jpg) no-repeat; padding:0; margin:0; height:344px; margin:5px 0 0 0; } 
.video{padding:30px 0px 20px 55px; width:372px; height:298px; float:left; background:url(../images/video-bg.jpg) no-repeat 70% 50% ; border:0px solid;}
.video img{margin-top:12px;}
.video span{font-weight:bold; color:#0070a6;}
.banner-text{padding:0 52px 0 0; width:455px; float:right; border:0px solid; margin:30px 0 0 0;}
.banner-text h1{font-size:22px; font-family:"Times New Roman", Times, serif; font-weight:500; color:#0000cc; padding:0; margin:0;}
.bannerHeading{display:block; width:330px; float:left; border:0px solid; }
.bannerHeading ul{display:block; width:258px; border:0px solid; padding:0; margin:10px 0 0 0;}
.bannerHeading li{list-style:url(../images/bullet.jpg); font-weight:bold; margin:0 0 0 35px; padding:0 0 10px 0;}
.bannerHeading span{color:#990000; font-size:16px;font-weight:bold; padding:0 0 0 20px; text-align:center;}

/* content area */
.content{background:url(../images/middle-content-bg.jpg) no-repeat bottom center; padding:20px 32px 20px 32px; }
.contentInner{padding:10px 10px 20px 10px; font-size:14px;}
.contentInner h1{font-size:18px; padding:0 0 10px 0; margin:0; font-weight:normal;}
.contentRound{float:left; width:277px; border:0px solid;}
.roundTop{width:277px; background:url(../images/bg-round.jpg) no-repeat left top; padding-top:5px; height:350px;}
.roundMiddle{ width:255px; margin-left:1px; padding:0 0 0 15px}
.roundMiddle h4{color:#990000; padding:0; margin:0;}
.roundBottom{background:url(../images/round-bottom.jpg) no-repeat; width:277px; height:14px;}
.middleContent{border:1px solid #fcb128; border-left:none; border-right:none; padding:15px 0 0px 0; width:250px; color:#0000ff;}
.middleContent h4{font-size:12px;}
.middleContent ul{padding:0; margin:0 0 0 5px; height:auto; width:auto; display:block; border:0px solid;}
.middleContent li{ list-style:url(../images/bullet-inner.jpg); padding-bottom:10px; border:0px solid red;}
.followOn{padding:30px 0 10px 15px; color:#0070a6; font-size:14px; font-weight:bold;}
.followOn img{padding:15px 0 0 5px;}
.innerImg { padding:0 15px 10px 0px; font-size:12px; border:0px solid;}
.innerImg img{padding:0px;}
.more{font-size:11px; font-weight:bold; text-align:center; margin:0; padding:0;}
.contentWrapper{padding:20px 32px 20px 32px;}
.contentOuterTop{background:url(../images/content-outer-top.jpg) no-repeat; padding:15px 0px 28px 0px;}
.contentOuterMiddle{background:url(../images/content-outer.jpg) repeat-y; padding:0 15px; width:852px; }
.contentOuterBottom{background:url(../images/content-outer-bottom.jpg) no-repeat; height:17px;}
.aboutOuter{width:260px; height:auto; float:left; border-right:1px solid #fcb128; margin-top:15px;}
.about{padding:0px 25px 10px 20px;}
.aboutLinks{width:auto; height:auto; padding:0 0 40px 0; border:0px solid;}
.aboutLinks ul{margin:0px; padding:0px; height:auto; width:auto;}
.aboutLinks li{width:auto; height:auto; color:#000099; background:url(../images/about-bullet.jpg) no-repeat left 50%; list-style-type:none; font-size:14px; font-weight:bold; padding:5px 5px 5px 20px; }
.aboutLinks li a{color:#000099; text-decoration:none;}
.findOutImg{float:left; padding-top: 10px;}
.findOut{float:left; width:157px}
.findOut ul{ padding:0; width:auto; height:auto; margin:0 0 25px 0;}
.findOut li{font-weight:bold; font-size:12px; padding:5px 5px 5px 35px; margin:0; list-style-type:none; background:url(../images/bullet.jpg) no-repeat 10% 20%;}
.FreePack{font-size:15px; font-weight:bold; text-align:center;  padding:10px 10px 10px 0 ; width:250px;}
.FreePack a{color:#990000; text-decoration:none;}
.aboutText{float:right; width:545px; padding:0px 0 20px 15px; margin-top:20px;}
.aboutText h1{font-size:18px; padding:0; margin:0; font-weight:normal;}
.aboutText img{padding:0 0 10px 10px; float:right;}
.aboutText p{font-size:14px;} 
.aboutTextDetail{ width:386px; font-size:14px}
.aboutTextLinks ul{margin:0 0 0 20px; padding:25px 0 0 0; width:auto; height:auto; }
.aboutTextLinks li{width:auto; height:auto; list-style-type:none; display:inline; padding:10px 0 0 20px; margin:0 0 0 20px; color:#000099; background:url(../images/about-bullet.jpg) no-repeat 0% 85%; font-size:14px; font-weight:bold;}
.aboutTextLinks li a{color:#000099; text-decoration:none;}
/* navigation area */
.navigation{height:35px; width:auto; margin:4px 0 0 0; border:0px solid red;} 
.nav{width:auto; height:auto;padding-right:50px;}
.nav ul{padding-top:10px; margin:0; height:10px; float:right; }
.nav li{list-style-type:none; display:inline; padding:0px; font-size:12px; font-weight:bold; color:#fff; border-right:1px solid #fff;}
.nav li a {color:#fff;  padding:0 15px;}
.nav li.borderNone{border-right:none;}

/*shopping cart */
.shoppingCartOuter{padding:30px 90px 50px 90px;}
.shoppingCartInner{border:1px solid #fcb128; padding:15px 15px 25px 25px;}
.shoppingCartInner h1{font-size:22px; font-weight:normal; color:#ff7f00;}
shoppingCartInner {font-size:12px;}
.shoppingProduct td{padding:10px 15px 10px 10px; font-size:12px;}
.shoppingProductAlternate td{padding:8px 15px 8px 10px; background:#eff3fd; font-size:12px;}
.shoppingCartHeading td{background:#ffeacc; font-weight:bold; font-size:12px; padding:8px 0 8px 0; text-align:center;}
.shoppingLeftHeading {font-weight:bold; font-size:12px; text-align:right; padding:20px 15px 10px 0;}
.shoppingLeftContent{padding:20px 0 10px 30px; font-size:12px;}
.shoppingLeftContent span{padding:0 0 0 10px; color:#990000;}
.shoppingTotal{font-size:20px; color:#000033; padding:20px 0 10px 30px;}
.shoppingButtons{padding:30px 0 20px 150px;}
.shoppingButtons input{margin:0 0 0 20px}


/* product detail */
.productArea{padding:25px 0px 0 42px;}
.productArea h1{ font-weight:normal; font-size:18px; margin:0; padding:10px 0 0 0;}
.productArea h2{font-size:22px; font-weight:normal; color:#ff7f00; padding:0; margin:0;} 
.productImg {float:left; padding:15px 0 0 0; padding:0 52px 0 0; border:0px solid;}
.productImg h5{color:#ff7f00; font-size:12px; margin:0; padding:15px 0 0 0;}
.productImg h5 a{color:#ff7f00; text-decoration:none;}
.productImg img{padding:8px; border:1px solid #ccc; margin:8px 0 0 0;}
.productImg ul{margin:0; padding:10px 13px 0 13px;}
.productImg li{list-style-type:none; padding:0 0 10px 0; font-size:12px;}
.quantity input{width:50px;} 
.productImg h1{ font-weight:normal; font-size:18px; margin:0; padding:10px 0 0 0;}
.productDetail{width:512px; float:left; padding:5px 0 0 0; border:0px solid red; margin:0px;}

/* login area */
.loginOuter{padding:0 200px;}
.loginBg{background:url(../images/login-bg.gif) no-repeat center; width:440px; height:295px; padding:10px 0 0 0;}
.loginBg h1{font-size:30px; font-weight:normal; margin:0; padding:10px 0 0 0; text-align:center;}
.loginDetail{margin:10px 0; font-size:14px; font-weight:bold; padding:0 0 0 85px;}
.loginDetail label{font-size:14px; font-weight:bold;}
.loginDetail input{border:1px solid #ff9a02; padding:10px 10px; width:250px;}
.loginDetail select{width:80px; border:1px solid #ff9a02;}
.buttons{padding:0 0 0 267px;}
.buttons input{margin:0 80px 0 0;}
.loginButton{background:url(../images/button-bg.jpg) no-repeat; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif; width:90px; height:29px; border:none; cursor:pointer;}
.forgotPass{float:left; padding:30px 0 0 70px; font-weight:bold;}
.signup{float:right; padding:30px 70px 0 0;  font-weight:bold;}

/* footer area */
.footerMainBg{background:#0070a6; height:116px; padding:16px 22px; margin-top:10px;}
.footerWhiteBg{height:118px; background:#fff url(../images/btm-logo.jpg) no-repeat 10% 19%; }
.footerCopyRight{float:left; padding:90px 70px 11px 46px; border:0px solid red; color:#0000ff; font-size:11px; font-weight:bold;}
.FooterMiddleLinks{float:left; margin:12px 0; border:1px solid #0070a6; border-top:none; border-bottom:none; padding:15px 20px; color:#0000ff; font-size:13px; font-weight:bold;}
.FooterMiddleLinks ul{padding:0; margin:0; height:30px; width:440px; border:0px solid}
.FooterMiddleLinks li{padding:0 0 0 10px; margin:0 11px 0 0; width:120px; display:block; float:left; list-style-type:none; background:url(../images/bullet-inner.jpg) no-repeat 0% 50% ; border:0px solid red;}
.FooterRightLinks{float:left; padding:10px 13px; color:#0000ff; font-size:11px; font-weight:bold; border:0px solid} 
.FooterRightLinks ul{margin:0; padding:0; display:block; height:auto; width:auto}
.FooterRightLinks li{list-style-type:none; height:auto; padding-bottom:10px;}
.FooterShadow{background:url(../images/footer-shadow.jpg) repeat-x left top; height:43px;}
.FooterWebToolsMain{padding:15px 0 0 0;display:block; height:116px; background:url(../images/img-rightwebtools.jpg) no-repeat 50%;}
.FooterWebToolLink{color:#0000ff; font-size:11px; font-weight:bold; padding-top:80px;}