/* CSS Document */ /* - - - - - - - - - - - - - - - - - - - - - /* ----------------------------------------------------------------------------- Global Styles -----------------------------------------------------------------------------*/ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; list-style:none; } body { background:url(/images/Nitins/bg_1.jpg) repeat; font-family: Arial, Helvetica, sans-serif; color:#969696; font-size:11px; text-align:center;/* for IE */ margin-top:0; margin-bottom:0; } form{margin:0; padding:0; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; } fieldset { border: 0; } img { border:0; vertical-align:bottom;} h1,h2,h3,h4,h5,h6 {margin:0; padding:0; line-height:normal;} p, td { margin:0; padding:0; font-family: Arial; font-size:12px; line-height:18px; padding-left:0; color:#000000; text-align:left;} ul,li {margin:0; padding:0; list-style:none; font-size:12px; font-family: Arial, Helvetica, sans-serif;} a{margin:0; padding:0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; color:#274D8C; font-weight:normal; cursor:pointer; font-size:11px; text-decoration:underline;} #wrap{ width:100%; background:url(/images/Nitins/top-bar.png) top repeat-x; padding-top:5px;} .clear{ clear:both; height:1px; overflow:hidden;} /* ----------------------------------------------------------------------------- Template Styles -----------------------------------------------------------------------------*/ #wrapper{ width:999px; margin:auto; text-align:center; display:block; background:url(/images/Nitins/bg-main.png) repeat-y; position:relative;} /* ----------------------------------------------------------------------------- top navi Styles -----------------------------------------------------------------------------*/ #navi-top{background:url(/images/Nitins/navi.png) no-repeat; width:999px; display:block; height:127px;} #navi-top .lf-text{width:719px; height:127px; margin-left:266px; padding-left:0; text-align:right; display:block;} #navi-top .lf-text .lf-tp{ height:34px; text-align:right; padding-right:30px; *padding-right:20px;} #navi-top .lf-text .lf-tp a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; line-height:34px;} #navi-top .blue-strip{ height:80px;} #navi-top .menu-lf{ width:425px; float:left; padding-top:33px;} #navi-top .menu-lf li{ float:left;} #navi-top .search-rf{ float:left; width:289px; padding-left:5px; padding-top:15px;} #navi-top .rounded-search{ background:url(/images/Nitins/search-bg.png) no-repeat; width:237px; padding-top:5px; height:29px; border:none; float:left;} #navi-top .rounded-search .input{ background:none; width:210px; border:none; height:28px;} #navi-top .search-rf p{ line-height:14px; font-weight:bold; padding-left:5px;} #navi-top .search-rf a{ color:#000000;} .de{ width:210px; height:146px;} /* ----------------------------------------------------------------------------- main content Template Styles -----------------------------------------------------------------------------*/ #content-main{ display:block; width:963px; margin-left:24px; margin-right:12px; background:url(/images/Nitins/left-navigation.png) left repeat-y; padding-bottom:20px; } #content-main .left-content{ width:201px; padding-right:15px; float:left; display:block; padding-left:15px; } #content-main .left-content .left-navi{ padding-top:20px; text-align:left;} #content-main .left-content .left-navi ul{ border-bottom:1px dashed #0397d7; } #content-main .left-content .left-navi li{ border-top:1px dashed #0397d7; } #content-main .left-content .left-navi li a{ font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:12px; color:#005579; line-height:28px; font-weight:normal; display:block; padding-left:14px; background:url(/images/Nitins/arrow.png) 4px no-repeat; width:187px; *width:201px; height:28px; overflow:hidden;} #content-main .left-content .left-navi ul.act{ border:none;} #content-main .left-content .left-navi ul.act li{ line-height:18px; border-top:none;} #content-main .left-content .left-navi ul.act li a{ text-decoration:none; line-height:18px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #content-main .heading-tilt{ background:url(/images/Nitins/heading-cat.png) no-repeat; width:200px; height:33px; text-align:center; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:none; color:#000000; margin-top:5px; margin-bottom:5px;} #content-main .left-content .left-navi li a:hover{ background:url(/images/Nitins/arrow.png) 4px no-repeat #cbecfc;} #content-main .right-content{ width:710px; margin-left:10px; float:left; display:block;} #content-main .shopping-cart{ border-bottom:1px dashed #0397d7; border-top:1px dashed #0397d7; padding-bottom:10px; padding-top:10px; text-align:left;} #content-main .blue{ color:#005579; font-family:Georgia, "Times New Roman", Times, serif;} #content-main .red{ color:#a42200; font-family:Georgia, "Times New Roman", Times, serif;} #content-main .padding10{ padding-top:10px;} #content-main .list-order{ display:block;} #content-main .list-order li{ line-height:18px; color:#914504; font-family:Georgia, "Times New Roman", Times, serif; padding-left:14px; background:url(/images/Nitins/arrow-brown.png) 4px no-repeat;} #content-main .button-blue{ width:177px; margin-left:-5px; padding-top:5px;} #content-main .button-blue a{ display:block; background:url(/images/Nitins/button.png) left top no-repeat; width:177px; height:41px; display:block; text-align:center; color:#000000; font-size:12px; text-decoration:none; line-height:42px;} #content-main .button-blue a:hover{ display:block; background:url(/images/Nitins/button.png) left -41px no-repeat; width:177px; height:41px; display:block; text-align:center; color:#ffffff;} #content-main .home-pag{ display:block; background:url(/images/Nitins/header-image.png) no-repeat; width:710px; height:382px; margin-top:-5px; } #content-main .sm-imh{ background:url(/images/Nitins/thumb-home-top.png) no-repeat; width:220px; height:10px; z-index:1; position: absolute;} #content-main .drt{ border:1px solid #000000;} #content-main .white-link{text-align:center; width:200px; height:35px; padding-left:5px; padding-right:5px; margin-top:10px; } #content-main .white-link a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#ffffff; text-decoration:none;} #content-main .sm-igh{ background:url(/images/Nitins/thumb-home.png) repeat-y; width:210px; padding-left:5px; padding-right:5px; margin-top:20px;} #content-main .sm-ibh{ background:url(/images/Nitins/thumb-bot.png) no-repeat; width:220px; height:8px;} #content-main .price{float:left; padding-left:10px; width:90px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#ffffff;} .slider{ background:url(/images/Nitins/footer-bg.png) no-repeat; width:999px; height:139px; padding-top:50px; margin-top:-15px;} .slider .footer a{ color:#ffffff; padding-bottom:15px;} .slider{ color:#ffffff;} #content-main .sm-ogh{ height:146px; *height:157px; position:relative;} #content-main .sm-imh1{ background:url(/images/Nitins/thumb-home-top.png) no-repeat; width:220px; height:10px; z-index:1; top:0; position:absolute;} #content-main .sm-igh1{ background:url(/images/Nitins/thumb-home.png) repeat-y; width:210px; height:146px; padding-left:5px; padding-right:5px;} #content-main .sm-ibh1{ background:url(/images/Nitins/thumb-bot-sm.png) no-repeat; width:220px; height:8px; z-index:1; position:absolute; bottom:0;} #content-main .title-r{ margin-bottom:0; padding-bottom:5px;} #content-main .title-r a{ font-family:Georgia, "Times New Roman", Times, serif ; font-size:13px; color:#005579; font-weight:normal; line-height:normal; text-decoration:none;} #content-main .title-r a:hover{ text-decoration:underline;} #content-main .sm-detail{ height:380px; overflow:hidden; position:relative; width:380px;} #content-main .sm-imd1{ background:url(/images/Nitins/frame-bod.png) no-repeat; width:380px; height:380px; z-index:1px; position:absolute;} /*#content-main .sm-igd1{ background:url(images/Nitins/detail-cen-curve.png) repeat-y; width:372px; margin-top:20px; padding-left:4px; padding-right:4px;} #content-main .sm-icd1{ background:url(images/Nitins/detail-bot-curve.png) no-repeat; width:380px; height:9px; z-index:1; position:absolute; bottom:0px;} */ #content-main .sm-text{ width:302px; margin-top:20px;} #content-main .sm-text .tp{ background:url(/images/Nitins/content-top-sm.png) top no-repeat; width:302px;} #content-main .sm-text .cen{ background:url(/images/Nitins/content-cen-sm.png) repeat-y; width:302px;} #content-main .sm-text .bot{ background:url(/images/Nitins/content-bot-sm.png) bottom no-repeat; width:262px; *width:302px; padding:20px;} #content-main .title-d{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#006fb6; font-weight:normal; padding-bottom:5px;} #content-main .padding-bot{ padding-bottom:5px;} #content-main .sm-text .quy{ background:url(/images/Nitins/add-quantity.png) no-repeat; width:249px; height:26px; *height:33px; padding-top:7px; *padding-top:3px; text-align:center;} #content-main .sm-text .addToCartBtns{ background:url(/images/Nitins/add-cart-buts.png) no-repeat; width:136px; height:30px; text-align:center; display:block; border:none; cursor:pointer; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#000000; margin-top:-4px;} #content-main .b-text{ width:697px;} #content-main .b-text .tpe{ background:url(/images/Nitins/top-big-cont.png) top no-repeat; width:697px;} #content-main .b-text .cet{ background:url(/images/Nitins/cen-big-cont.png) repeat-y; width:697px; } #content-main .b-text .bet{ background:url(/images/Nitins/bot-big-cont.png) left bottom no-repeat; width:667px; *width:697px; padding:15px;} #content-main .sm-frame{ background:url(/images/Nitins/frame-bod-small.png) no-repeat; width:158px; height:108px; position:absolute; z-index:1;} #content-main .links li{padding-left:14px; background:url(/images/Nitins/arrow.png) 4px no-repeat; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:12px; color:#005579; line-height:28px;} #content-main .links li a{font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:12px; color:#005579; line-height:28px; font-weight:normal; display:block;} .home-s{ width:708px; height:376px; position:relative; margin-top:-3px;} .top-header{ background:url(/images/Nitins/top-header.png) no-repeat; width:708px; height:153px; z-index:100; position:absolute; top:0;} .center-header{ background:url(/images/Nitins/center-header.png) repeat-y; width:671px; padding-left:22px; padding-right:15px; padding-top:103px;} .bot-header{ background:url(images/Nitins/bottom-header.png) no-repeat; width:708px; height:34px; z-index:100; position:absolute; bottom:0;} .social-icons{ position:absolute; left:280px; width:200px; height:34px; padding-top:2px;} .social-icons li{ float:left; display:block;} .social-icons li a{ display:block; padding-left:5px; padding-right:5px;} .social-icons li a.facebook{ background:url(/images/Nitins/facebook.jpg) no-repeat; display:block; width:36px; height:34px;} .social-icons li a.tweet{ background:url(/images/Nitins/tweet.jpg) no-repeat; display:block; width:35px; height:34px;} .social-icons p{ line-height:30px; font-weight:bold; padding-right:10px;} /* ----------------------------------------------------------------------------- right navi Styles -----------------------------------------------------------------------------*/ /* * jQuery Nivo Slider v2.1 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; } /* The slices in the Slider */ .nivo-slice { display:block; position:absolute; z-index:50; height:100%; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:89; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:99; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; }