/* CSS Document */ * { padding:0; margin:0; } body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 80%; background: url(../images/background.jpg) repeat-x #200702;} /********* Common CSS Starts here *********/ a { outline: none; color: #CC0000; } a:hover { color: #CC0000; text-decoration: underline; } p {margin-bottom:8px; } strong {font-weight:bold} .largeWidth { width:200px; } .input { font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #64B6DB; color: #1F1F1F; background:#ffffff; padding-left: 2px; padding-top: 4px; height: 20px; margin-bottom: 5px; } select { font: normal 12px Arial, Helvetica, sans-serif;} label { font: normal 10px Arial, Helvetica, sans-serif; color: #000000; text-transform:uppercase; } .label_lowercase { font: normal 10px Arial, Helvetica, sans-serif; color: #000000; text-transform:; } .admin_link a{ color: #ffffff; } .admin_link a:hover { color: #ffffff; text-decoration: underline; } img { border: none; } form { margin: 0; padding: 0;} /* hr { background: none; border:0px; border-bottom: 1px dotted #CC0000; } */ .clear { clear:both; } /********* Common CSS End here *********/ #wrapper { width:600px; margin: 20px auto; border: 1px solid #000000; background: #ffffff url(../images/backdrop.jpg) no-repeat; position: relative; font-size: 80%; } .main { background: url(../images/blood.gif) no-repeat; } .callus #callUs { position:absolute; top: 40px; left: -185px; background: url(../images/call.png); width: 180px; height: 270px; } .countdown #countDown { position:absolute; top: -45px !important; top: -50px; right: -191px; background: url(../images/countdown.png) no-repeat; width: 194px; height: 460px; } .countdownText{ font-family:Arial, Helvetica, sans-serif;font-style:italic; font-size:125%; color:#D03B50; position:absolute; top: 230px; right: 80px; text-align:center; } .countdownText span{ font-family:"Times New Roman", Times, serif; font-size:100%; color:#D03B50; text-align:center; } .bluewashere #bluewasHere { position:absolute; top:300px; right: -90px; background: url(../images/blu_was_here.png); width: 90px; height: 120px; } #topcontainer { width: 600px; height: 127px; } .top-content { width:600px; height: 102px; float: left; } .phoneno { width: 217px; float: left; padding-top: 23px; padding-left: 20px; font-size: 120%; font-weight: bold; } .logo { width: 126px; float: left; } .shoppingcart { width: 227px; float: left; text-align: right; padding-top: 7px; padding-right: 10px; } .shoppingcart p { font-size: 100%; line-height: 15px; } .shoppingcart a { color: #333333; text-decoration: none; } .shoppingcart a:hover { color: #CC0000; text-decoration: underline; } .topnav { clear: both; height: 18px; background: url(../images/topnavbg.gif) repeat-x; padding-top: 7px; text-align: center; } .topnav ul { margin: 0; padding: 0; margin-left: 105px; } .topnav li { list-style-type: none; width: 75px; float: left; } .topnav li a { font-size: 100%; text-decoration: none; color: #000000; text-transform: uppercase; } .topnav li a:hover { text-decoration: none; color: #CC0000; } .topnav li a.active { text-decoration: none; color: #CC0000; } #midd-container { width:600px; background-image:url(../images/content-dott.gif); background-repeat: repeat-y; float: left; margin-top: 10px; margin-bottom: 10px;} #midd-container h1 { color: #CC0000; font-size: 120%; padding: 5px 10px 6px 0px; letter-spacing: 2px; font-weight: bold; } #midd-container-account { width: 600px; background-image:url(../images/left-content-dott.gif); background-repeat: repeat-y; float: left; margin-top: 10px; margin-bottom: 10px;} #midd-leftpart { width: 131px; float: left; padding-right: 7px; } .leftnav ul { margin: 0; padding: 0; } .leftnav li { padding: 5px; margin: 0px 2px; background:url(../images/list.gif) repeat-x; letter-spacing: 1px; list-style-type: none; } .leftnav li a { padding: 4px 4px 4px 20px; text-decoration: none; color: #000000; letter-spacing: 1px; } .leftnav li a:hover { background-image:url(../images/cross.gif); background-repeat: no-repeat; letter-spacing: 1px; text-decoration: none; color: #CC0000;} .leftnav li a.selected { background-image:url(../images/cross.gif); background-repeat: no-repeat; letter-spacing: 1px; text-decoration: none; color: #CC0000;} #newsletter { width: 100px; height: 20px; margin: -4px; padding: 0px; } .newsletter { padding: 8px; border: 2px solid #CC0000; background-color: #CCCCCC; width: 105px; float:right; margin-top: 10px; } .newsletter p { text-align: left; color: #CC0000; font-size: 80%; padding: 0px; margin: 0px 0px 5px 0px; text-align:center; letter-spacing: normal;} #midd-part { width: 335px; float: left; padding-left: 5px; padding-right: 5px;} #midd-part h1 { color: #CC0000; font-size: 120%; padding: 5px 10px 6px 0px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; } .midd-content { margin-top: 20px; float: left; width: 335px; } .midd-bg-img { width: 83px; height: 95px; position:relative; padding-top: 16px; text-align: center; float: left; margin-left: 13px; margin-right: 8px; } .midd-bg1 { background: url(../images/midd-bg1.gif) no-repeat; position: absolute; top: 0px; left: 0px; width: 83px; height: 18px; cursor: pointer; display:block; padding-top: 93px; } .midd-bg2 { background: url(../images/midd-bg2.gif) no-repeat; position: absolute; top: 3px; left: 0px; width: 83px; height: 15px; cursor: pointer; display:block; padding-top: 91px; } .midd-bg3 { background: url(../images/midd-bg3.gif) no-repeat; position: absolute; top: 0px; left: 0px; width: 83px; height: 17px; cursor: pointer; display: block; padding-top: 92px; } .midd-bg1, .midd-bg2, .midd-bg3, a { font-size: 100%; text-transform: uppercase; text-decoration: none; color: #DF1F1E; font-weight: bold; } .midd-bg1, .midd-bg2, .midd-bg3, a:hover {text-decoration: none; color: #000000; } .midd-banner { float: left; text-align: center; width: 325px; padding-top: 15px;} #midd-part-myaccount { width: 450px; float: left; padding:0; padding-left: 5px; padding-right: 5px; } #midd-part-myaccount h1 { color: #CC0000; font-size: 120%; padding: 5px 10px 10px 0px; letter-spacing: 2px; font-weight: bold; } #myaccount-box { position:relative; width:418px; border:1px solid #CC0000; padding: 20px 8px 8px 8px; margin-top:15px; background-color:#FFFFFF; } #myaccount-box h1 { color:#FFFFFF; position:absolute; top:-10px; left:5px; font-weight: normal; background-color:#CC0000; font-size: 110%; margin-bottom:10px; padding: 2px 5px 2px 5px; letter-spacing: 0px; } #myaccount-box img { float:left; margin-right:15px; } #myaccount-box p { } .click { background-color:#CC0000; position:absolute; bottom:0px; right:15px;color:#FFFFFF; padding:5px; width:50px; font-size:90%; } .click a { color:#FFFFFF; text-decoration:none; text-transform:capitalize; } #midd-rightpart { width: 85px; float: left; padding-left: 30px !important; padding-left: 20px; } #midd-rightpart h2 { color: #CC0000; font-size: 110%; padding: 5px 10px 6px 0px; letter-spacing: 3px; font-weight: bold; } .rightpart-img { background: #CC0000; padding: 3px; font-size: 80%; padding-bottom:3px; float: left; color:#FFFFFF; text-align: center; margin-bottom: 15px; } .rightpart-img p {font-size: 95%; letter-spacing: normal; color: #FFF; padding-bottom:0; margin-bottom:0; font-weight: bold; } .rightpart-img img { margin-bottom: 1px; padding:0; } .rightpart-img span.rrp { font-size: 105%; letter-spacing: normal; text-decoration:line-through; color: #000000; } #bott-container { width: 576px; height:56px; clear: both; background: url(../images/bott-dottline.gif) repeat-x top; padding: 12px; } .bott-leftpart { width:100%; float:left; } .linkDiv{ float:left; } .addDiv { float:right; font-size: 90%; } .bott-leftpart a { font-weight: normal; color: #000000; text-decoration: none; text-transform: none; } .bott-leftpart a:hover { text-decoration: underline; color: #CC0000; } .creditcard { padding-top: 10px; } .bott-rightpart { float: left; width:100%; margin-top:10px; line-height: 17px; } .bott-rightpart span { color:#CC0000; } .bott-rightpart a { font-weight: normal; color: #000000; text-decoration: none; text-transform: none; } .bott-rightpart a:hover { text-decoration: underline; color: #CC0000; } .product-img { width: 88px; height: 150px; position:relative; padding-top: 6px; text-align: center; float: left; margin-left: 10px !important; margin-left:8px; margin-right: 8px; padding-bottom: 40px; } .prod-bg1 { background: url(../images/prod-bg1.gif) no-repeat; position: absolute; top: 0px; left: 0px; width: 88px; height: 28px; padding-top: 126px; line-height: 11px; color:#000000; font-size: 100%; } .prod-bg1 span.rrp { color: #cc0000; text-decoration: line-through;} .prod-bg1 a { color:#000000; text-transform:lowercase; } .prod-bg1 a:hover { color:#CC0000; text-transform: none; } .prod-bg2 { background: url(../images/prod-bg2.gif) no-repeat; position: absolute; top: 0px; left: 0px; width: 88px; height: 28px; padding-top: 126px; line-height: 11px; color:#000000; font-size: 100%; } .prod-bg2 span.rrp { color: #cc0000; text-decoration: line-through;} .prod-bg2 a { color:#000000; text-transform: none; } .prod-bg2 a:hover { color:#CC0000; text-transform: none; } a.prodname { text-transform:none; font-size:10px; } a:hover.prodname { text-transform:none; font-size:10px; } /* Added by Prakash Bhatt */ .productsdetailrow { float:left; width: 325px; padding:0; margin:0; margin-left:5px; margin-right:5px; } .productsdetail { float:left; width: 325px; padding:0; margin:0; margin-bottom:10px; margin-left:5px; margin-right:5px; } .productsdetail img { background-image:url(../images/poloroid.gif); padding: 6px 6px 20px 6px; margin: 0px; } #imgMainImageZoom { padding: 6px 6px 20px 6px; margin: 0px; border:5 px solid #ff0000; } .productsdetail .normal_image { border: none; background: none; padding: 10px; margin: 0px;} .productsdetail img.banner_image { padding: 0px; margin: 5px; border: none; background-image: none; } .preview { float: left; width: 162px; margin-right:10px; text-align: left; } .preview img { margin-bottom:10px;} .product_name {float: left; width: 162px; } .product_id {float: right; width: 120px; text-align: right; padding:10px 15px 0 15px; } .preview_selection { float: right; width: 150px; text-align: right; } .preview_selection a { margin:0; padding:0; } .preview_selection a img { float: right; width: 50px; margin: 5px; margin-top:0; } .product_info { clear:both; background: url(../images/bott-dottline.gif) repeat-x top; margin-bottom:5px; padding:3px 1px 5px 10px; } .stock { float: right; width: 150px; text-align: right; margin: 0px; } .price { float: left; width: 172px; font-size: 120%; color: #FF0000; font-weight: bold; } .price span { text-decoration:line-through;} .size { float: left; width: 192px; margin: 0px; } .buy { float: right; width: 130px; text-align: right; padding: 0px; margin: 0; } /* Added CSS on 16-Sep-2008 */ #midd-container-cart { width: 580px; float: left; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .shopping-process { width: 580px; background: url(../images/shopping-process-bg.gif) no-repeat; height: 26px; } .shopping-process ul { margin: 0; padding:0; } .shopping-process li.nolink { height: 20px; padding-top: 6px; } .shopping-process li { list-style-type: none; width: 145px; float: left; text-align: center; color: #FFFFFF; font-size: 110%; font-weight: bold; } .shopping-process li a { text-decoration: none; color: #FFFFFF; font-size: 110%; font-weight: bold; text-transform: none; width: 145px; height: 20px; padding-top: 6px; display: block;} .shopping-process li a:hover { text-decoration: none; color: #000000; font-size: 110%; font-weight: bold; background: url(../images/shopping-process-active.gif); width: 145px; height: 20px; padding-top: 6px; display: block;} .shopping-process li a.cart-active { text-decoration: none; color: #000000; font-size: 110%; font-weight: bold; background: url(../images/shopping-process-active.gif); width: 145px; height: 20px; padding-top: 6px; display: block;} .cart-content { padding: 10px; } .cart-content h1 { color: #CC0000; font-size: 120%; padding: 5px 10px 6px 0px; letter-spacing: 2px; font-weight: bold; } .cart-content h2 { color: #000000; font-size: 100%; letter-spacing: 2px; font-weight: bold; border-bottom: 1px dotted #000000; margin-top: 7px; padding-bottom: 4px; margin-bottom: 10px; margin-right: 10px; } .shoppingcart-heading { background: #CCCCCC; color: #000000; font-size: 90%; font-weight: bold; height: 16px; padding-top: 5px; margin-top:10px; border: 1px solid #B6B6B6; border-bottom: none; } .scary_products { width: 325px; float: left; padding-left:5px;} .products { width: 285px; float: left; padding-left:5px;} .size { width: 70px; float: left; text-align: center; } .quantity { width: 80px; float: left; text-align: center; } .remove { width: 100px; float: left; text-align: center; } .size1 { width: 72px; float: left; text-align: center;} .quantity1 { width: 70px; float: left; text-align: center;} .remove1 { width: 70px; float: left; text-align: center; } .remove2 { width: 50px; float: left; text-align: center; } .shoppingcart-oddrow { background: #F1F1F1; color: #000000; font-size: 90%; font-weight: bold; border: 1px solid #B6B6B6; border-top: none; float: left; padding: 3px; height: 25px; width:552px; } .shoppingcart-oddrow a { text-transform: none; color: #000000; } .shoppingcart-oddrow a:hover { text-transform: none; color: #cc0000; } .shoppingcart-evenrow { background: #FFFFFF; color: #000000; font-size: 90%; font-weight: bold; border: 1px solid #B6B6B6; border-top: none; float: left; padding: 3px; height: 25px; width:552px;} .shoppingcart-evenrow a { text-transform: none; color: #000000; } .shoppingcart-evenrow a:hover { text-transform: none; color: #cc0000; } .cart-button { margin-top: 10px; margin-bottom: 15px; float: left; text-align: right; width: 100%; } .checkout-leftpart { width: 49%; float: left; border-right: 1px dotted #000000; margin-right: 10px;} .checkout-leftpart span {padding-left:25px;} .checkout-rightpart { width: 49%; float: left; } .special-instruction { clear: both; } .total { padding-top: 3px; text-align: right; padding-right: 5px; color:#FF0000; font-size: 110%; font-weight: bold; line-height: 25px; } .sub-total {text-align: right; padding-right: 5px; color:#000000; font-size: 110%; font-weight: bold; line-height:19px; } .sub-total span {text-align: right; color:#FF0000; font-size: 110%; font-weight: bold; line-height:19px; } .errormsg {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff0000; text-decoration:none;} .thanks {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000000; text-decoration:none;} .thanks span {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ff0000; text-decoration:none;} .redmsg {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ff0000; text-decoration:none;} .omatter {border:1px solid #B00000; background-color:#FFFFFF; margin:1px; padding:0px 3px 0px 3px; font-size:11px; display: block; margin-right: 3px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; background: #D0F3D0; line-height: 30px;} a.omatter {display:inline; border:1px solid #B00000; background-color:#FFFFFF; font-weight:normal; margin:1px; padding:0px 3px 0px 3px; text-decoration:none; margin-right: 3px; text-decoration: none; font-size: 11px; color: #535353; line-height: 30px;} a:hover.omatter { border:1px solid #B00000; background-color:#cc0000; color:#FFFFFF; padding:0px 3px 0px 3px; margin-right: 3px; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 30px;} .omatter-active { border:1px solid #B00000; background-color:#cc0000; color:#FFFFFF; padding:0px 3px 0px 3px; margin-right: 3px; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 30px;} /* Add Dt.22092008 */ .block-bg {background-color:#cccccc; padding:2px; text-align:center;} .redfont {color:#ff0000; font-weight: bold;} /*Add 23092008-- main content --*/ #content { background-image:url(../images/content_bd.gif); background-repeat: repeat-y; margin: 10px 0px; height: 100%; } .content { float: left; width:345px; padding:0px; margin: 0px; font-size: 80%; } .content img { background-image:url(../images/poloroid.gif); padding: 6px 6px 20px 6px; margin: 5px; } .content img {margin: 5px; margin-left:10px; } .content .normal_image { border: none; background: none; padding: 10px; margin: 0px;} .content img.banner_image { padding-left: 5px; margin: 5px; border: none; background-image: none; } .content img.gallery_image { background-image:url(../images/poloroid.gif); margin: 0px; padding: 0px; padding: 6px 6px 20px 6px; } .gallery_image { float: left; margin: 0px 5px; } .video { float: left; margin: 5px 0px 5px 10px; } .gallery_image p { padding: 0px; font-size: 10px;} .video p { padding: 0px; font-size: 10px;} .gallery_image p.rrp { font-size: 8px; color: #000000; } .gallery_image p.red { color: #FF0000;} .zoomImageBg { width:160px; height:270px; background:url(../images/zoomImageBg.jpg) top center no-repeat; padding:6px; padding-bottom:20px; margin-bottom:10px; } /* addition 02-10-2008 */ /* .newsletterButton{ text-decoration: none; color: #000000; font-size: 110%; font-weight: bold; background: url(../images/shopping-process-active.gif); width: 145px; height: 20px; padding-top: 6px; display: block;} */ .newsletterButton { color: #000000; font-size: 110%; font-weight: bold; background: url(../images/subscribeBg.gif); width: 90px; height: 25px; border:none; display: block;} /* NEW ADDED CSS ON 1-OCT-2008 */ .detail-bigimg { float: left; width: 155px; background: none; position:relative; height: 200px; } .detail-bigimg img { background: none; margin-left: 20px; margin-top: 17px; } .detail-transparent { position: absolute; top: 0px; left: 0px; background: url(../images/big-img-transparent.gif) no-repeat top center; width: 166px; height: 34px; text-align: center; padding-top: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #AF2406; font-weight: bold; } .detail-thumb { float: left; width: 156px; height:175px; margin-left: 12px; position: relative; } /*.detail-thumb ul { margin: 0; padding: 0; margin-left: 0px; padding-left: 0px; }*/ .myclass { float: left; margin-right: 0px; height: 88px; width: 75px; } .myclass img { background: none; } .thumb-position { position:relative; } .thumb-content { background: url(../images/bott-dottline.gif) repeat-x top; float: right; width: 200px; margin-left: 0px; padding-top: 5px; line-height: 15px; position: relative; font-size: 90%;} .thumb-content span { color: #AF2406; } .buy-it-now {background:url(../images/btn-buynow.gif) no-repeat; width:66px; height:28px; border:none; cursor:pointer; margin-top:5px;} /* NEW ADDED CSS ON 4-OCT-2008 */ ul.videogallery { margin: 0; padding: 0; } ul.videogallery li { list-style-type: none; width: 106px; height: 70px; display: block; border: 2px solid #02383C; float: left; margin-right: 2px; margin-bottom: 2px; padding-top: 3px; padding-bottom: 3px; background: url(../images/videogallerybg.gif) no-repeat center; } ul.videogallery li a { width: 106px; height: 70px; display: block; } .video-details img { margin-top: 5px; margin-bottom: 7px; margin-left: 10px; } .video-content { margin-bottom: 10px; margin-top: 5px; width: 150px; background: url(../images/bott-dottline.gif) repeat-x top; padding-top: 5px; float: left;} .video-content em { font-style: normal; color: #EA2328;} .emailfriend-img { width: 70px; float: left; margin-top: 5px; padding-top: 7px; } .about-banner { margin-top: 10px; } .about-banner h4 { margin: 0; padding:0; margin-bottom: 10px; color: #CC0000; font-size: 90%; } .about-banner img { margin-bottom: 5px; } ul.image-gallery { margin: 0; padding:0; margin-top: 15px; margin-left: 20px; } ul.image-gallery li { list-style-type: none; width: 85px; height: 120px; display: block; float: left; margin-right: 18px; margin-bottom: 10px;} .mapborder { border: 1px solid #EA2328; } .contact-content { margin-bottom: 10px; line-height: 22px; } .contact-content a { text-transform: none; color: #000000; } .contact-content a:hover { text-transform: none; color: #CC0000; } /* NEW ADDED CSS ON 13-OCT-2008 */ .competition-heading { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#AF2600; text-decoration:none; } .competition-content { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000000; text-decoration:none; } .competition-content span { color: #FF0000; } h2 { margin: 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#AF2600; padding-bottom: 4px; padding-top:7px; } ul.lists { margin: 0; padding:0; margin-left: 20px; padding-left: 0px; margin-bottom: 5px; } ul.lists li { list-style-type:square; margin-bottom:2px; } ul.lists li a { color:#000000; } ul.lists li a:hover { color:#CC0000; } .delivery-content { border: 1px solid #4B4B4B; } .delivery-content td { padding-left: 5px; border-bottom: 1px solid #4B4B4B; border-right: 1px solid #4B4B4B; } .delivery-price { background: #FFFFFF; color: #CC0000; text-align: right; padding-right: 5px; font-weight: bold; }