p, th, tr, td { margin:0;} /* index main images Slideshow */ .index_main { float:left; width:500px; height:330px; margin:0px 0 0px 0; padding:0;} .index_main .txt { position:absolute; float:left; width:330px; margin:0px 0px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; z-index:20;} #slideshow { position:relative; width:330px; height:330px;} #slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 330px; background-color: #FFF; } #slideshow DIV.active {z-index:10; opacity:1.0;} #slideshow DIV.last-active { z-index:9;} #slideshow DIV IMG {height: 330px; display: block; border: 0; margin-bottom: 0px;} /* /index main images Slideshow */ /* Main wrapper box white with radius WITH i.e. 8 pie.htc file at root */ .main-wrapper{ position: relative; width: 950px; margin: 0px auto; border:1px solid #2f7191; padding: 0 20px 0 20px; background: #124964; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08); -webkit-box-shadow: #333 5px; 5px; 5px; -moz-box-shadow: #333 5px; 5px; 5px; box-shadow: #333 5px; 5px; 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(PIE.html); } .pagecontent { position: relative; top: -20px; z-index: 1; background: #FFF; padding: 20px 0px 0px; /*line-height: 1.5em;*/ -webkit-box-shadow: #777 0 0 10px; -moz-box-shadow: #777 0 0 10px; box-shadow: #777 0 0 10px; behavior: url(PIE.html); } body{ /*background:url(images/bg.jpg) center top fixed; margin: 0px; background-color:#ffffff;*/ background:url(images/bg.jpg) center top scroll ;background-repeat: no-repeat; margin: 0px; background-color:#f9f9f9; } h1 { margin: 0 0 0px 0;FONT-SIZE: 18px;text-align:center; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #c1c1c1 } h2 { margin: 0 0 0px 0px;FONT-SIZE: 16px;text-align:center; padding:15px 15px 15px 15px; font-weight: normal; text-shadow: 1px 1px 1px #000; opacity: 0.8; font-family: Arial, Times New Roman, Helvetica, sans-serif;COLOR: #ffffff; line-height: 25px; } h3 { margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:justify; padding:5px 0px 0px 0px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none; } h4 { margin: 0 0 0px 0;FONT-SIZE: 24px;text-align:justify; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Times New Roman, Helvetica,Verdana, Arial sans-serif;COLOR: #c40000; } h5 { margin: 0 0 0px 0;FONT-SIZE: 15px;text-align:justify; padding:0px 0px 0px 0px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif; COLOR: #fff; TEXT-DECORATION: none; } h6 { margin: 0 0 2px 0;FONT-SIZE: 24px;text-align:justify; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #a71606 } h7 { margin: 0 0 2px 0;FONT-SIZE: 22px;text-align:justify; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #333333 } h8 { margin: 0 0 2px 0;FONT-SIZE: 22px;text-align:center; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #FFFF99 } h3.table A:link{ FONT-SIZE: 15px ;font-weight: bold; COLOR: #002165; TEXT-DECORATION: none; TEXT-ALIGN: center; } h3.table A:visited { FONT-SIZE: 15px ;font-weight: bold; COLOR: #002165; TEXT-DECORATION: none; TEXT-ALIGN: center; } h3.table A:active { FONT-SIZE: 15px ;font-weight: bold; COLOR: #002165; TEXT-DECORATION: underline; TEXT-ALIGN: center; } h3.table A:hover { FONT-SIZE: 15px ;font-weight: bold; COLOR: #F9000E ; TEXT-DECORATION: underline; TEXT-ALIGN: center; } a:link { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-align:justify;TEXT-DECORATION: none; } a:visited { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-align:justify;TEXT-DECORATION: none; } a:active { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #333333; text-align:justify;TEXT-DECORATION: none; } a:hover { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ff6600; TEXT-DECORATION: underline; text-align:justify;TEXT-DECORATION: none; } a.href:link { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c1c1c1; text-align:justify; } a.href:visited { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c1c1c1; text-align:justify; } a.href:active { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #c1c1c1; text-align:justify; } a.href:hover { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ff6600; TEXT-DECORATION: underline; text-align:justify; } a.href2:link { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff6600; text-align:center; } a.href2:visited { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff6600; text-align:center; } a.href2:active { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff6600; text-align:center; } a.href2:hover { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #e2e2e2; TEXT-DECORATION: underline; text-align:centers; } a.href3:link { margin: 0 0 0px 0;FONT-SIZE: 18px;text-align:justify;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #0094b1 } a.href3:visited { margin: 0 0 0px 0;FONT-SIZE: 18px;text-align:justify;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #0094b1 } a.href3:active { margin: 0 0 0px 0;FONT-SIZE: 18px;text-align:justify;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #0094b1 } a.href3:hover { margin: 0 0 0px 0;FONT-SIZE: 18px;text-align:justify;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #c40000 } a.href4:link { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #101010; text-align:justify; } a.href4:visited { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #101010; text-align:justify; } a.href4:active { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #101010; text-align:justify; } a.href4:hover { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #C30000; TEXT-DECORATION: underline; text-align:justify; } a.href5:link { padding:6px 6px 6px 6px; FONT-SIZE: 13px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #0ab13a } a.href5:visited { padding:6px 6px 6px 6px; FONT-SIZE: 13px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #0ab13a } a.href5:active { padding:6px 6px 6px 6px; FONT-SIZE: 13px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #0ab13a } a.href5:hover { padding:6px 6px 6px 6px; FONT-SIZE: 13px; font-weight: bold; text-decoration: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #ffffff } /* below is for go back button on product_details.php */ a.href6:link { background-color:#f1f1f1; padding:6px 6px 6px 6px; FONT-SIZE: 16px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #101010 } a.href6:visited { background-color:#f1f1f1; padding:6px 6px 6px 6px; FONT-SIZE: 16px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #101010 } a.href6:active { background-color:#f1f1f1; padding:6px 6px 6px 6px; FONT-SIZE: 16px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #101010 } a.href6:hover { background-color:#f1f1f1; padding:6px 6px 6px 6px; FONT-SIZE: 16px; font-weight: bold; text-decoration: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #C30000 } /* below is for top links GetBreadcrumb function in product_details.php */ a.href7:link { text-align:center; FONT-SIZE: 18px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #e2e2e2 } a.href7:visited { text-align:center; FONT-SIZE: 18px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #e2e2e2 } a.href7:active { text-align:center; FONT-SIZE: 18px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #e2e2e2 } a.href7:hover { text-align:center; FONT-SIZE: 18px; font-weight: bold; text-decoration: underline; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #ff6600 } /* below is for forgot pass and new user link at checkout page */ a.href8:link { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ff0000; text-align:justify; } a.href8:visited { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ff0000; text-align:justify; } a.href8:active { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ff0000; text-align:justify; } a.href8:hover { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; TEXT-DECORATION: underline; text-align:justify; } a.href9:link { margin: 0 0 0px 0;FONT-SIZE: 20px;TEXT-DECORATION: none; text-align:center; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #cc0000 } a.href9:visited { margin: 0 0 0px 0;FONT-SIZE: 20px;TEXT-DECORATION: none;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #cc0000 } a.href9:active { margin: 0 0 0px 0;FONT-SIZE: 20px;TEXT-DECORATION: none;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #cc0000 } a.href9:hover { margin: 0 0 0px 0;FONT-SIZE: 20px;TEXT-DECORATION: none;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #009900 } a.href10:link { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #e2e2e2 } a.href10:visited { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #e2e2e2 } a.href10:active { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #e2e2e2 } a.href10:hover { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #ff6600 } a.href11:link { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #333333 } a.href11:visited { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #333333 } a.href11:active { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #333333 } a.href11:hover { TEXT-DECORATION: none;margin: 0 0 0px 0;FONT-SIZE: 16px;text-align:center;font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #ff6600 } .topmenu { background: #F1F1F1 url(menu/top_03.jpg) } .bgbottom { background: #F1F1F1 url(images/bgbottom.jpg) } .td { FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN: 0px; COLOR: #404040; FONT-FAMILY: verdana, Tahoma,Helvetica,Arial,sans-serif; } .txt { TEXT-ALIGN: justify; FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN: 0px; COLOR: #333; FONT-FAMILY: verdana, Tahoma,Helvetica,Arial,sans-serif; } .txt1 { TEXT-ALIGN: justify; FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN: 0px; COLOR: #333333; FONT-FAMILY: Tahoma,Helvetica,Arial,sans-serif; } .txt2 { TEXT-ALIGN: justify; FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN: 0px; COLOR: #333333; FONT-FAMILY: Tahoma,Helvetica,Arial,sans-serif; } .prd_name { TEXT-ALIGN: justify; FONT-WEIGHT: normal; FONT-SIZE: 13px; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial } .title { FONT-SIZE: 12px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;COLOR: #333333 } /*margin zero for li*/ li, nav, ol, u, ul, var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; list-style: none; } /*button class*/ .button11{margin:0px; background: #F1F1F1 url(images/button.html); border:1px solid #F1F1F1; padding:8px 4px;} .button {margin-top:0px;display:inline-block;background:#363636;font-size:16px;font-weight:bold;font-family:Verdana;color:#fff;text-decoration:none;line-height:30px;padding:4px 20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(js/PIE.html);position:relative; border:1px solid #F1F1F1; } .button:hover {background:#c40000;color:#ffffff;box-shadow:1px 1px 4px rgba(0, 0, 0, .4);-moz-box-shadow:1px 1px 4px rgba(0, 0, 0, .4);-webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, .4)} /*box class*/ .boxes {width:340px;float:left;margin-top:27px} .boxes li {border:1px solid #b0b2b6;background:#fff;padding:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(PIE.html);position:relative;margin-bottom:2px} .boxes li a {display:block;background:url(images/box1.html) top repeat-x #d9dadc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(PIE.html);position:relative;overflow:hidden;width:100%;text-decoration:none;padding:7px 0 0 0;text-transform:uppercase;height:77px} .boxes li a:hover {background:#fff} .boxes li a .text1 {font-size:40px;line-height:50px;padding-left:39px;display:block;letter-spacing:-1px} .boxes li a .text2 {font-size:20px;color:#3a3a3a;line-height:30px;display:block;margin-top:-13px;padding-left:40px} .boxes .nav1 a {color:#164d9b} .boxes .nav2 a {color:#2d9b16} .boxes .nav3 a {color:#9e1916} /*box*/ .box1{margin:0px 0 0 10px ; width:290px;height:260px;border:1px solid #b0b2b6;background:#fff;background-image: url("images/courseformbg.html");padding:1px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.html);position:relative;line-height:20px;color:#8d8d8d} .boxtxt {font-size:14px;font-weight:normal;font-family:Verdana;color:#999;text-decoration:none;line-height:25px;padding:10 0 0 10px;} /*blue box*/ .bluebox{margin:0px 0 0 10px ; width:290px;height:260px;border:1px solid #b0b2b6;background:#fff;background-image: url("images/blue.html");padding:1px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.html);position:relative;line-height:20px;color:#8d8d8d} .blueboxtxt {font-size:14px;font-weight:normal;font-family:Verdana;color:#999;text-decoration:none;line-height:25px;padding:5 0 0 5px;} /*White box awards with shadow*/ .whitebox{margin:0px 0 0 70px ; width:800px;height:400px;border:1px solid #b0b2b6;background:#fff;padding:1px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.html);position:relative;line-height:20px;color:#8d8d8d; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=100, Strength=10); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=120, Strength=10)" } .whiteboxtxt {font-size:14px;font-weight:normal;font-family:Verdana;color:#999;text-decoration:none;line-height:25px;padding:5px 0 10px 15px;} /*News box*/ .newsbox{margin:0px 0 0 0px ; width:720px;height:260px;border:1px solid #b0b2b6;background:#f7f7f7;padding:1px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.html);position:relative;line-height:20px;color:#8d8d8d} .newsboxtxt {font-size:14px;font-weight:normal;font-family:Verdana;color:#999;text-decoration:none;line-height:25px;padding:0 0 0 15px;} /*White box clients*/ .clientsbox{margin:0px 0 0 0px ; width:1030px;height:150px;border:1px solid #b0b2b6;background:#fff;padding:1px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.html);position:relative;line-height:20px;color:#8d8d8d} .clientsboxtxt {font-size:14px;font-weight:normal;font-family:Verdana;color:#999;text-decoration:none;line-height:25px;padding:0 0 0 15px;} .prd_box{ width:230px; float:left; margin-left:8px; border:1px solid #999; padding:2px; min-height1:240px; background-color:#ffffff; } .page_title{text-align:left; font-size:24px; color:#800080; font-weight:bold;} .clear{clear:both;} .update_btn { background-image: url("images/update.html"); border: 0 none; height: 38px; width: 125px; } .checkout_btn { background-image: url("images/checkout.html"); border: 0 none; height: 37px; width: 151px; } .proceed_payment { background-image: url("images/pay.html"); border: 0 none; height: 37px; width: 151px; } /* shadow on products box */ a.wishlist:hover { color:#F15A23; } .product-grid { width: 100%; overflow: auto; } .product-grid > div { min-width: 210px; display: inline-block; vertical-align: top; margin-right:10px; margin-bottom: 20px; background:#fff; text-align:center; padding-bottom:10px; border:1px solid #fff;} .product-grid > div:hover{border:1px solid #e3e3e3; box-shadow:1px 1px 4px #999999; } .price { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; text-align:center; } a.prd_name:link { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #510045; text-align:justify; } a.prd_name:visited { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #510045; text-align:justify; } a.prd_name:active { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #510045; text-align:justify; } a.prd_name:hover { text-decoration: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF6600; TEXT-DECORATION: normal; text-align:justify; } /*LOGIN FORM - REGISTRATION FORM CLASS STARTS BELOW*/ .input { background-color:#FFF; color: #4d4d4d; border: 1px solid #c4c4c4; font: 13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif; padding:5px 10px; width: 250px; _width: 250px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 1px 1px 1px #e2e2e2, inset 1px 1px 1px #e2e2e2; -moz-box-shadow: 1px 1px 1px #e2e2e2, inset 1px 1px 1px #e2e2e2; box-shadow: 1px 1px 1px #e2e2e2, inset 1px 1px 1px #e2e2e2; /* IE filter */ filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)" } input:focus, textarea:focus { border-color: #4d4d4d; } .textarea { background-color:#FFF; color: #4d4d4d; border: 1px solid #c4c4c4; font: 13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif; padding: 8px 12px; width: 230px; _width: 250px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; /* IE filter */ filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)" } input:focus, textarea:focus { border-color: #4d4d4d; } textarea { width: 250px; overflow: auto; } /*HOME PAGE FORM INPUT CLASS - REGISTRATION FORM CLASS STARTS BELOW*/ .inputhome { background-color:#FFF; color: #4d4d4d; border: 1px solid #c4c4c4; font: 13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif; padding:5px 12px; width: 160px; _width: 250px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; /* IE filter */ filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)" } input:focus, textarea:focus { border-color: #4d4d4d; } .textareahome { background-color:#FFF; color: #4d4d4d; border: 1px solid #c4c4c4; font: 13px Helvetica, Arial, "Nimbus Sans L", FreeSans, sans-serif; padding: 8px 12px; width: 230px; _width: 250px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2; /* IE filter */ filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)" } input:focus, textarea:focus { border-color: #4d4d4d; } textarea { width: 250px; overflow: auto; } /* IE7 styles */ *+html legend {margin-left: 0px} *+html textarea {width: 430px} *+html li.last {padding: 5px} .text-style { TEXT-ALIGN: justify; FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN: 0px; COLOR: #4d4d4d; FONT-FAMILY: Verdana, Geneva, Arial } /* checkout guest and with login background grey */ .checkout_login_bg { behavior: url(PIE.html); max-width:400px; margin:20px auto 0 auto; border: 1px solid #c4c4c4; padding:0 15px; background:#f7f7f7; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08); border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 0px 0px; -moz-border-radius:15px 15px 0px 0px; overflow: hidden;} /*LOGIN FORM - REGISTRATION FORM CLASS ENDS*/ /*MENU RED KALSI BELOW #menu{ position:relative; background: #b5001b; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1MDAxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MDAwMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b5001b 0%, #60001b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5001b), color-stop(100%,#60001b)); background: -webkit-linear-gradient(top, #b5001b 0%,#60001b 100%); background: -o-linear-gradient(top, #b5001b 0%,#60001b 100%); background: -ms-linear-gradient(top, #b5001b 0%,#60001b 100%); background: linear-gradient(to bottom, #b5001b 0%,#60001b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5001b', endColorstr='#60001b',GradientType=0 ); margin:1em 0 0.8em 0; text-align:center;font-family:ms sans serif; font-size:0.9em; font-weight:bold;text-decoration: none; box-shadow:0 1em .6em -1em #000;} #menu ul li{display:inline-block; padding:1.8em 0.0em;} #menu ul li a{color:#fff; padding:1.8em 2.20em;text-decoration: none; } #menu ul li a:hover{background: #ffffff;text-decoration: none; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );color:#000;} */ /*BLUE MENU WITH HOVER*/ #menu {margin-top:0px} #menu ul {width:100%;overflow:hidden} #menu li {float:left;padding-right:0px; margin-right:1px; background-color:#101010;} #menu li a {display:block;height:30px;width:140px;font-size:20px;padding-top:90px;text-align:center;text-decoration:none;text-transform:uppercase;} #menu li a.nav1{background:url(images/menu1.html) center 35px no-repeat #101010;} #menu li a.nav1:hover{background:url(images/menu1_active.html) center 35px no-repeat #c40000;} #menu li a.nav2{background:url(images/menu2.html) center 35px no-repeat #101010;} #menu li a.nav2:hover{background:url(images/menu2_active.html) center 35px no-repeat #c40000;} #menu li a.nav3{background:url(images/menu3.html) center 35px no-repeat #101010;} #menu li a.nav3:hover{background:url(images/menu3_active.html) center 35px no-repeat #c40000;} #menu li a.nav4{background:url(images/menu4.html) center 35px no-repeat #101010;} #menu li a.nav4:hover{background:url(images/menu4_active.html) center 35px no-repeat #c40000;} #menu li a.nav5{background:url(images/menu5.html) center 35px no-repeat #101010;} #menu li a.nav5:hover{background:url(images/menu5_active.html) center 35px no-repeat #c40000;} #menu li a.active1{background:url(images/menu1.html) center 35px no-repeat #c40000;} #menu li a.active2{background:url(images/menu2.html) center 35px no-repeat #c40000;} #menu li a.active3{background:url(images/menu3.html) center 35px no-repeat #c40000;} #menu li a.active4{background:url(images/menu4.html) center 35px no-repeat #c40000;} #menu li a.active5{background:url(images/menu5.html) center 35px no-repeat #c40000;} /* LINE seperator*/ .sep{border-bottom:1px dotted #333; margin-bottom:13px; padding-top:10px; clear:both;} /* LINE seperator2*/ .sep2{border-bottom:1px dotted #c1c1c1; margin-bottom:13px; padding-top:10px; clear:both;} /* NEWS */ .news_desc_short{ border-top:1px dotted #333; margin:4px 0 20px 0; padding:4px 0 0 0; } .readmore{ background-color:#FEFDD6; color:#000000; margin:4px 0 0 0; border:1px solid #333; padding:2px 8px 2px 8px; border-radius:25px; -moz-border-radius:25px; /* Firefox 3.6 and earlier */ } .readmore a{ color:#000000; } .borderit img{ margin:0px 0px 0 0px;float:center;display:block;border:#0f4e7a 1px solid;padding:3px; } .borderit:hover img{ border:#ff6600 1px solid; } .borderit:hover{ color: red; /* irrelevant definition to overcome IE bug */ } /* pic zoom gallery */ .image1 { width: 150px; height: 100px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .image1:hover { width: 155px; height: 105px; } /*fivera blur*/ .image2{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .image2:hover { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } /*fivera rotate*/ .image3 { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } .image3:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .pic { -moz-box-sizing: content-box;box-sizing: content-box;width: 250px;height:250px;background-color: #FFFFFF;border: 0px none #CCCCCC;border-radius: 0;box-shadow: 0px 0px 0px #888888;display: inline-block;margin: 4px;padding: 0px;opacity: 1;filter: Alpha(opacity=100);text-align: center;vertical-align: middle;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;z-index: 100; } .pic:hover { -ms-transform: scale(1.1);transform: scale(1.1);-webkit-transform: scale(1.1);backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;opacity: 1;filter: Alpha(opacity=100);z-index: 102;position: relative; } .pic1 { -moz-box-sizing: content-box;box-sizing: content-box;width: 271px;height:60px;background-color: #FFFFFF;border: 0px none #CCCCCC;border-radius: 0;box-shadow: 0px 0px 0px #888888;display: inline-block;margin: 4px;padding: 0px;opacity: 1;filter: Alpha(opacity=100);text-align: center;vertical-align: middle;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;z-index: 100; } .pic1:hover { -ms-transform: scale(1.1);transform: scale(1.1);-webkit-transform: scale(1.1);backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;opacity: 1;filter: Alpha(opacity=100);z-index: 102;position: relative; } /* pic zoom gallery ends */ /*----*****---- << Transition >> ----*****----*/ a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .testimonial .author, .team .image img, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } /*----*****---- << Text Elements >> ----*****----*/ .social-icons { float:right; margin:0px; padding:0px; } .social-icons li { position:relative; overflow:hidden; width:29px; height:29px; padding:0px; margin:3px 3px 5px; display:inline-block; *display:inline; zoom:1; } .social-icons li img { bottom:0px; left:0px; position:absolute; } .social-icons li img:first-child { bottom:-29px; } .social-icons li:hover img:first-child { bottom:0px; z-index:1; } .social-icons li:hover img:last-child { bottom:-29px; } .child{ margin: auto; border-bottom:4px solid #3b8b7b; border-top:4px solid #3b8b7b; background:#; background:url(bg/b53.png) center top fixed; margin: 0px;/* fallback for browser that not support rgba */ /*background:rgb(0,0,0); background: rgba(0,0,0, .80); Works on all modern browsers */ } .child1{ margin: auto; border-bottom:0px solid #800000; border-top:0px solid #800000; background:#ffffff; /* fallback for browser that not support rgba */ background:rgb(255,255,255); background: rgba(255,255,255, .90); /* Works on all modern browsers */ } .child2{ margin: auto; border-bottom:1px solid #800000; border-top:1px solid #800000; background:#a60100; /* fallback for browser that not support rgba */ background:rgb(166,1,0); background: rgba(166,1,0, .70); /* Works on all modern browsers */ } .transparent_class { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .pagging { height:16px; padding:8px 10px; font-size:14px; line-height:16px; color:#949494; } .pagging a{ background:url(images/pagging.html) repeat-x 0 0; background-color:#000000;height:20px; float:left; padding:8px 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#ffffff; margin-left:2px; } .pagging b{ background:#3b1f1e; color:#fff; height:16px; float:left; padding:8px 8px; border:solid 1px #d5d5d5; text-decoration: none; margin-left:5px; } .pagging a:hover { border-color:#8c3521; background:#2B6A91; color:#fff; } .pagging span{ float:left; margin-left:2px; padding-top:2px; }