/* Theme Name:WP-Social-Press Theme URI: http://www.wpsocialpress.com/ Author: KNL Media Solutions Author URI: http://www.wpsocialpress.com/ Description: A Custom Wordpress theme by: KNL Media Solutions Version: 1.3.0 5.30.2013 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;} body {line-height:1; background-color:#fff;} ol, ul {list-style:none;} blockquote, q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse; border-spacing:0;} /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } @font-face { font-family:"vijaya" ; src: url(vijaya.ttf); font-family:"bebasneue" ; src: url(bebasneue.otf); } .bg{background: url("images/wrapper.png") repeat scroll left top transparent;} body{ font:11px Verdana, Geneva, sans-serif; url("images/wrapper.png") repeat scroll left top transparent;} .clear{ clear:both;} #wrapper{width:980px; margin:auto; } #wrapper_main1 { float:left; width:100%; } #wrapper_main2 { float:left; width:100%; } #header{ width:980px; float:left; margin:0px 0 0 0; position:relative; } #header_top{ width:980px; float:left; } #nav_main1{float:left; margin:0px 0 0px 0px; } #nav1 { float:left; margin:0px 0 0 0px;} #nav1 > li, #nav_main1 > li {position: relative; color:#dbdbdb; font:12px Verdana, Geneva, sans-serif; float:left; padding:0 0 0 2px; } #nav1 a{ color:#dbdbdb; text-decoration:none; display:block; padding:0 20px 0 20px; line-height:44px; } #nav1 a:hover{color:#dbdbdb; text-decoration:none; background:url(images/top-nav-hover.png) left top repeat-x; } #nav1 .active a, #nav1 > li:hover > a{color:#dbdbdb; text-decoration:none; background:url(images/top-nav-hover.png) left top repeat-x;} #nav1 ul li:hover a, # li:hover li a{background: none;border: none;color: #fff;} #nav1 ul a:hover{background: !important;color:#fff!important; display:block;} #nav1 li:hover > ul{display: block; } #nav1 ul {display: none; margin:0 0 0 0px; border-top:none; padding:0px 0 0px 0; width:170px; position:absolute; top:44px; left: 0; z-index:100000000; color:#fff;} #nav1 ul ul { height: 0; left: 149px; position: relative; top: -30px; } #nav1 ul li {float: none;background:url(images/nav-top-bg.png) left top repeat; font:12px Verdana, Geneva, sans-serif; text-align:left; color:#fff;} #nav1 ul a{ padding:0 0 0 16px; line-height:34px; display:block; color:#fff;} #nav1 ul ul{left: 170px;} #nav1 ul li:first-child > a { text-decoration:none;} #nav1 ul li:last-child > a {text-decoration:none;} #nav1:after {display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #nav1 {display: inline-block;} * html # {height: 1%;} #nav1 ul li ul {display: none;margin:-3px 0 0 0px; padding: 0;width:158px;} html[xmlns] #nav1, #nav_main1 {display: block;} .social{float:right; margin:8px 0 0 0; } .p { float:left; background:url(images/p.png) left top no-repeat; width:26px; font-size:0;} .p a { display:block; text-decoration:none; height:26px; } .face { float:left; background:url(images/face.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .face a { display:block; text-decoration:none; height:26px; } .twit { float:left; background:url(images/twiter.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .twit a { display:block; text-decoration:none; height:25px; } .in { float:left; background:url(images/in.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .in a { display:block; text-decoration:none; height:26px; } .digg { float:left; background:url(images/digg.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .digg a { display:block; text-decoration:none; height:26px; } .stumb { float:left; background:url(images/stumb.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .stumb a { display:block; text-decoration:none; height:26px; } .soundcloud-s { float:left; background:url(images/clouds.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .soundcloud-s a { display:block; text-decoration:none; height:26px; } .rss { float:left; background:url(images/rss.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .rss a { display:block; text-decoration:none; height:26px; } .myspace { float:left; background:url(images/myspace.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .myspace a { display:block; text-decoration:none; height:26px; } .sq_plus { float:left; background:url(images/sqplus.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .sq_plus a { display:block; text-decoration:none; height:26px; } .tube { float:left; background:url(images/tube.png) left top no-repeat; width:26px; font-size:0; margin:0 0 0 10px;} .tube a { display:block; text-decoration:none; height:26px; } #header_bottom{ width:980px; float:left; } #logo{ float:left; padding:30px 0 0 0px; font:46px "bebasneue"; height:40px; } #logo a{ text-decoration:none; display:block; } #logo a:hover{ text-decoration:none; opacity:0.9; } #logo b {color:#6f6f6f; font:46px "bebasneue";} #nav_main{float:right; margin:44px 0 0px 0px; } #nav { float:left; margin:0px 0 0 0px;} #nav > li {position: relative; float:left; color:#000; font:16px "Myriad Pro"; padding:0 0 0 2px; } #nav a { color:#000; text-decoration:none; display:block; padding:0 15px 0 15px; } #nav a:hover { text-decoration:none; } #nav .active a, #nav > li:hover > a {text-decoration:none;} #nav ul li:hover a, # li:hover li a {background: none;border: none;color: #fff;} #nav ul a:hover {background:url(images/drop-hover.png) left top repeat-x !important;color:#8a8a8a!important; display:block;} #nav li:hover > ul {display: block; } #nav ul {display: none; margin:0 0 0 0px; border-top:none; padding:0px 0 0px 0; width:170px; position:absolute; top:40px; left: 0; z-index:100000000; color:#000;} #nav ul ul { height: 0; left: 149px; position: relative; top: -30px; } #nav ul li {float: none;background:#fff; font:12px Verdana, Geneva, sans-serif; text-align:left; color:#000;} #nav ul a { padding:0 0 0 10px; line-height:33px; display:block; color:#000;} #nav ul ul {left: 170px;} #nav ul li:first-child > a { text-decoration:none;} #nav ul li:last-child > a {text-decoration:none;} #nav:after {display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} #nav {display: inline-block;} * html # {height: 1%;} #nav ul li ul {display: none;margin:0px 0 0 0px; padding: 0;width:158px;} html[xmlns] #nav {display: block;} /*********************************** END HEADER **************************************************************************************/ #slider{ width:980px; float:left; margin:75px 0 -48px 0;} .slider_img{ float:right; background:url(images/slider-bg.png) left top no-repeat; width:517px; height:366px; padding:10px 0 0 10px; margin:0 0px 0 60px;} .slides1 h1{ color:#f8f8f8; font:25px "Myriad Pro"; padding:0 0 10px 0;} .slides1 h1 a{ color:#f8f8f8; text-decoration:none;} .slides1 h2{ color:#f8f8f8; font:bold 56px "Myriad Pro"; padding:0 0 0px 0;} .slides1 h2 a{ color:#f8f8f8; text-decoration:none;} .slides1 h3{ color:#f8f8f8; font:bold 50px "Myriad Pro"; padding:0 0 10px 0; } .slides1 h3 a{ color:#f8f8f8; text-decoration:none;} .pagination {width: auto !important;} .pagination li {float:left;margin:0 1px;list-style:none;} .pagination li a {display:block;width:15px;height:0;padding-top:12px; float:left;overflow:hidden; height:8px; font-size:0; padding-right:7px;} .pagination li.current a {} #slides {float:left; width:980px; position:relative;} .slides_container {width:980px;overflow:hidden;position:relative; float:left; } #slides .next,#slides .prev {position:absolute; top:150px;left:-80px; background:url(images/prev.png) left top no-repeat; width:44px;height:44px;display:block; z-index:1;} #slides .next {left:1000px; background:url(images/nex.png) left top no-repeat;} .slides1 p{ color:#f8f8f8; font:21px "vijaya"; line-height:27px; margin:0 0 35px 0; text-align:justify; } /*****************************************************************END SLIDER**************************************************************/ .posted { float:left; width:626px; position:relative;} .posted > h3{ color:#33c3c3c; font:20px "Myriad Pro"; text-transform:uppercase; border-bottom: solid 1px #ccc; padding:0 0 5px 99px; margin:0 0 3px 0;} .posted > h3 a{color:#3c3c3c; text-decoration:none;} .posted > h4{ color:#717171; font:11px Verdana, Geneva, sans-serif; text-transform:uppercase; margin:7px 0 20px 99px; font-style:italic; } .posted > h4 a{color:#717171; text-decoration:none;} .year {top:-28px!important;} #content_main { float:left; width:100%; background:url(images/bottom-bg.png) left top repeat-x; height:210px;} .cnt-box{ float:left; width:280px; margin:50px 0 0px 0px; } .cnt-box + .cnt-box { margin:50px 0 0 65px;} .cnt-box > h2{ color:#0f0f0f; font:bold 18px "Myriad Pro"; text-transform:uppercase; margin:-5px 0 0 0px; } .cnt-box > h2 a{ color:#0f0f0f; text-decoration:none; } .cnt-box > p { color:#514f4f; font:12px Verdana, Geneva, sans-serif; line-height:21px; margin:6px 0 0 0;} .icon1 { float:left; margin:0 16px 50px 0; width:48px; height:52px; font-size:0;} .icon2 > { float:left; margin:0 16px 50px 0; width:52px; height:52px; font-size:0;} .icon3 { float:left; margin:0 16px 50px 0; width:52px; height:52px; font-size:0;} #content{ width:980px; float:left; margin:10px 0 0 0; } .cnt{ float:left; width:980px; margin:0px 0 0px 0; } .left_main{ float:left; width:626px; margin:20px 0 0px 0px; } .cnt-left{ float:left; width:626px; margin:0px 0 15px 0px; } .cnt-left > h2{ color:#3c3c3c; font:bold 22px "Myriad Pro"; margin:-5px 0 18px 0; } .cnt-left > h2 a{color:#3c3c3c; text-decoration:none;} .cnt-left > p { color:#6d6d6d; font:11px Verdana, Geneva, sans-serif; margin:-4px 0 15px 0; line-height:22px; clear:both;} .cnt-left ul{ padding:10px 0 0 15px; margin:0; } .cnt-left ul li { list-style:square; font:11px Verdana, Geneva, sans-serif; color:#6d6d6d; line-height:22px; } .cnt-left ul li a { color:#6d6d6d; text-decoration:none; } .cnt-left ul li a:hover { text-decoration:none; } .cnt-left ol{ padding:10px 0 0 15px; margin:0; } .cnt-left ol li { list-style:decimal; font:11px Verdana, Geneva, sans-serif; color:#6d6d6d; line-height:22px; } .cnt-left ol li a { color:#6d6d6d; text-decoration:none; } .cnt-left ol li a:hover { text-decoration:none; } .frame { float:left; margin:0 5px 0 -12px; background:url(images/frame.png) left top no-repeat; padding:6px 20px 15px 20px;} .frame img:hover { opacity:0.8;} .cnt-box2 { float:left; width:184px; margin:15px 0 0 0; } .cnt-box2 + .cnt-box2 { margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 0px;} .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2+ .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 { margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 { margin:15px 0 0 0px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 { margin:15px 0 0 0px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 { margin:15px 0 0 0px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .cnt-box2 + .cnt-box2+ .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2 + .cnt-box2{ margin:15px 0 0 36px;} .frame2 > { float:left; margin:0 5px 0 -12px; background:url(images/frame2.png) left top no-repeat; padding:6px 15px 15px 17px;} .frame2 img:hover { opacity:0.8;} .cnt-box2 > h2 {color:#363535; font:14px "Myriad Pro"; line-height:23px; margin:3px 0 3px 0; } .cnt-box2 > h2 a {color:#363535; text-decoration:none; } .cnt-box2 > h3 {color:#717171; font:11px Verdana, Geneva, sans-serif; line-height:23px; margin:3px 0 0px 0; border-bottom: solid 1px #a1a1a1; padding:0 0 8px 0; } .cnt-box2 > h3 a {color:#717171; text-decoration:none; } .cnt-box2 > p { color:#6d6d6d; font:11px Verdana, Geneva, sans-serif; margin:10px 0 0 0; line-height:22px;} /**********************************************************Sidebar**************************************************************/ .sidebar{ float:right; width:313px; margin:20px 0px 0 0px; } .side{ float:left; width:311px; margin:0 0 30px 0; border: solid 1px #aeaeae; border-radius:2px; background:#eeeeee url(images/side-bg.png) left top repeat-x; } .side > h2{ color:#fff ;font:bold 19px Verdana, Geneva, sans-serif ; width:298px; padding:8px 0 12px 15px; margin:-1px 0 8px -1px; } .side > h2 a{color:#fff; text-decoration:none;} .frame3 { float:left; margin:0px 10px 16px 17px; } .frame3 img:hover { opacity:.8;} /**********************************************************Sidebar inner page**************************************************************/ .side1{ float:left; width:311px; margin:0 0 40px 0; } .side1 > h2{ color:#fff ;font:17px Verdana, Geneva, sans-serif ; width:298px; padding:8px 0 12px 15px; margin:-1px 0 8px -1px; } .side1 > h2 a{color:#fff; text-decoration:none;} .side1 ul { padding:0; margin:0;} .side1 ul li { padding:6px 0 8px 30px; list-style:none; font:12px Verdana, Geneva, sans-serif; color:#6d6d6d; line-height:33px; background:url(images/arrow.png) 15px 18px no-repeat; border-bottom: solid 1px #e8e8e8; } .side1 ul li a { color:#6d6d6d; text-decoration:none;} .side1 ul li a:hover { text-decoration:none;} .side1 p { color:#6d6d6d; font:11px Verdana, Geneva, sans-serif; line-height:22px; padding:0 0 0 5px;} .side ul li{background: url("images/arrow.png") no-repeat scroll left 13px transparent; color: #A4A3A3; font: 13px/33px Verdana,Geneva,sans-serif; list-style: none outside none; padding: 0 0 0 20px;} .side ul { margin: 0; padding: 10px 0 0 20px;} .side ul li a { color: #A4A3A3; text-decoration: none; } .side ul li a:hover { color: #333!important; text-decoration: none; } /*********************************** END content **************************************************************************************/ #footer_main{ float:left; width:100%; background:#171616 url(images/ftr-bg-black.png) left top repeat-x; margin:10px 0 0 0; padding:30px 0 0 0; } #footer{ width:980px; margin:auto; } .ftr-box{ float:left; width:294px; margin:0 0 0 0px;} .ftr-box > h2 { font:41px "bebasneue"; height:40px; margin:-10px 0 0 0; color:#fff;} .ftr-box > h2 a{ text-decoration:none; display:block; color:#fff } .ftr-box > h2 a:hover{ text-decoration:none; opacity:0.9; color:#fff; } .ftr-box > h2 b {color:#fff; font:40px "bebasneue";} .ftr-box p { color:#fff; font:11px Verdana, Geneva, sans-serif ; line-height:22px; margin:10px 0 10px 0;} .ftr-box1{ float:left; width:285px; margin:0 0 0 50px;} .ftr-box1 > h2 { color:#fff; font:bold 15px Verdana, Geneva, sans-serif; } .ftr-box1 > h2 a { color:#fff; text-decoration:none; } .ftr-box1_in { float:left; width:285px; margin:15px 0 10px 0;} .ftr-box1_in h2 { color:#fff; font:12px Verdana, Geneva, sans-serif; } .ftr-box1_in p { color:#fff; font:9px Verdana, Geneva, sans-serif ; line-height:18px; margin:6px 0 0px 0;} .ftr-frame { float:left; padding:6px 5px 15px 6px; margin:0 10px 0 0; background:url(images/frame3.png) left top no-repeat; } .ftr-frame img:hover { opacity:0.8;} .ftr-box2{ float:left; width:238px; margin: 0 0px 0 128px;} .ftr-box2 > h2 { color:#fff; font:bold 15px Verdana, Geneva, sans-serif; margin:0 0 15px 0} .ftr-box2 > h2 a { color:#fff; text-decoration:none; } .ftr-frame1 { float:left; padding:6px 5px 15px 6px; background:url(images/frame3.png) left top no-repeat; } .ftr-frame1 + .ftr-frame1 { float:left; margin:0 0 0 15px;} .ftr-frame1 + .ftr-frame1 + .ftr-frame1 { float:left; margin:0 0 0 15px;} .ftr-frame1 + .ftr-frame1 + .ftr-frame1 + .ftr-frame1 { float:left; margin:0 0 0 0px;} .ftr-frame1 + .ftr-frame1 + .ftr-frame1 + .ftr-frame1 { float:left; margin:0 0 0 0px;} .ftr-frame1 + .ftr-frame1 + .ftr-frame1 + .ftr-frame1 + .ftr-frame1 { float:left; margin:0 0 0 15px;} .ftr-frame1 img:hover { opacity:0.8;} .copy_right{ float:left; width:100%; height:45px; } .copy { width:980px ; margin:auto;} .copy p {font:11px Verdana, Geneva, sans-serif ; color:#fff; line-height:44px; float:left; margin:0 0 0 10px;} .copy p a { color:#fff; text-decoration:none;} .copy h2 {font:11px Verdana, Geneva, sans-serif ; color:#fff; line-height:44px; float:right; margin:0 0 0 10px;} .copy h2 a { color:#fff; text-decoration:none;} .ftr-social{ float:left; margin:10px 0 0 0; } .ftr-social ul { padding:0; margin:0; } .ftr-social ul li { padding:0 10px 6px 0; float:left; list-style:none; } .ftr-social ul li a { text-decoration:none; } .ftr-social ul li a:hover { text-decoration:none; opacity:0.8; } .textwidget p {text-decoration:none;} /*****************************************************************START TESTMONIAL***********************************************************/ /* Testimonials Slide */ .cycle-testimonial ul { width:250px; float:left; height:290px; margin:0 0 0 10px; background:none; } .cycle-testimonial ul li.quote{ width:250px; float:left; background:none; font:11px Verdana, Geneva, sans-serif; color:#6d6d6d; line-height:22px; } .cycle-testimonial ul li.quote. .cycle-testimonial li.quote{ width:230px; float:left; } #prev{ background:url(images/prev-nav.gif) no-repeat; width:21px; height:21px; margin:-64px 0px 0px 10px; font-size:0px; cursor:pointer; position:relative; z-index:100; float:left; } #next{ background:url(images/next-nav.gif) no-repeat; width:21px; height:21px; margin:-64px 0px 0px 40px; font-size:0px; cursor:pointer; position:relative; z-index:100; float:left; } .icon4{ float:left; margin:0 10px 300px 0px;} .icon5{ float:right; margin:0 10px 0 0px;} #content2 { float:left; width:980px; margin:62px 0 0 0;} #banner_sales{ float:left; width:980px; position:relative; margin:75px 0 0 0;} .banner_left { float:left; background:url(images/frame-sales.png) left top no-repeat; padding:10px 55px 35px 52px; } .banner_right { float:right; width:480px; margin:20px 0 0 0; } .banner_right-text-box { float:left; background:url(images/viva.png) left top no-repeat; width:441px; height:251px; padding:20px 20px 0 20px; } .banner_right-text-box > h2 { font:37px "Myriad Pro"; text-align:center; margin:0 0 0 -10px; } .banner_right-text-box > h2 a { text-decoration:none; } .banner_right-text-box > h3 { color:#414141; font:12px Verdana, Geneva, sans-serif; text-align:center; line-height:22px; font-style:italic; margin:10px 30px 0 0;} .banner_right-text-box > h3 a { color:#414141; text-decoration:none; } .banner_right-text-box > p{ color:#414141; font:11px Verdana, Geneva, sans-serif; text-align:center; line-height:22px; margin:10px 25px 0px 5px;} .get{ float:left; width:435px; height:52px; margin:40px 0 0 20px;} .get > h2 { color:#fff; font:36px Verdana, Geneva, sans-serif; float:left; height: 50px; margin: 4px 0 0 11px !important; overflow: hidden; width: 59px; } .get > h2 b { color:#fff; font:32px Verdana, Geneva, sans-serif; } .get > h3 { color: #32363A; float: left; font: 34px "Myriad Pro"; height: 50px; margin: 3px -15px 0 22px !important; overflow: hidden; width: 261px; } .get > h3 b { font:34px "Myriad Pro"; } .get > h4 { color:#393e42; font:13px Verdana, Geneva, sans-serif; float:right; margin:8px 0 0 0px; width:90px; text-align:center; } .get > h4 b { color:#393e42; font:bold 13px Verdana, Geneva, sans-serif; } .save{ float:left; position:absolute; left:300px; top:-27px; width:190px; height:198px;padding:30px 0 0 0; background:url(images/save.png) left top no-repeat; font:48px "Myriad Pro"; color:#545453; text-align:center;} .img { height:300px; } .sales-box { width:292px; float:left; border: solid 1px #bcb9bb; margin:0 0 30px 35px; text-align:center; background:#fff; position:relative;} .sales-box > h2 { color: #FFFFFF !important; font:19px Verdana, Geneva, sans-serif; color:#fff; width:279px; text-align:left; background:url(images/box-hd.png) left top no-repeat; line-height:46px; margin:-4px 0 0 -1px; padding:0 0 0 15px; text-decoration:line-through;} .sales-box > h2 b { color:#fff; float:right; margin:11px 15px 0 0; font:19px Verdana, Geneva, sans-serif; text-decoration:line-through;} .sales-box.last { float:right; margin:0 -10px 0 0; } .sales-box img { text-align:center; margin:55px 0 5px 0; height: 190px !important;} .sales-box img:hover { opacity:0.8;} .sales-box1 { float:left; width:292px; border-top: solid 1px #bcb9bb; background:url(images/slales-box-bg.png) left top repeat; margin:10px 0 0 0; text-align:center; padding:0 0 10px 0; min-height: 128px !important;} .sales-box1 > h2 {color:#414141; font:26px "Myriad Pro"; margin:15px 0 0 0;} .sales-box1 > h2 a{color:#414141; text-decoration:none;} .sales-box1 > p { color:#414141; font:12px Verdana, Geneva, sans-serif; line-height:24px; margin:10px 0 0 20px; width:254px;} .buy { float:left; color:#fff; font:21px Verdana, Geneva, sans-serif; text-align:center; text-shadow:0 0 2px #4a8eb4; width:294px; line-height:48px; margin:0px 0 -4px -1px; } .buy a { text-decoration:none; color:#fff;} .percent { float:left; width:90px; height:73px; text-align:center; color:#545453; font:20px Verdana, Geneva, sans-serif; position:absolute; left:103px; top:-25px; padding:30px 0 0 0; } .pagination ul{padding:0; float:left; margin:5px 0 15px 0; } .pagination ul li{ margin:0 8px 0 10px; list-style:none; float:left; color:#515151; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; } .pagination ul li a{ padding:3px 5px 3px 5px; color:#515151; text-decoration:none; display:block;} .pagination ul li a:hover{ float:left; color:#fff; text-align:center; text-decoration:none; background:#434249; } .pagination ul li.active a{ float:left; color:#fff; text-align:center; text-decoration:none; background:#434249; } .pagination a{text-decoration:none;} .pagination a:hover{text-decoration:none; color:#898585;} .pagination .current{text-decoration:underline;} .page-numbers{ color: #515151; float: left; font: bold 12px Verdana,Geneva,sans-serif; list-style: none outside none; margin: 0 8px 0 10px; padding:2px;} .next{float:right; margin:0 0 0 10px; background:url(images/next.png) left top no-repeat; width:19px ; height:22px; font-size:0; } .prev{float:left; margin:0 0 0 10px; background:url(images/prev1.png) left top no-repeat; width:19px ; height:22px; font-size:0; } .commentlist { float:left; width:620px; margin:20px 0 0 0; padding:10px;} .commentlist li { float:left; background:#fafafa; width:604px; border:solid 1px #F0F0F0; border-radius:5px; margin:0px 0 16px; padding:10px;} .fn { color:#333; font:12px/22px Verdana, Geneva, sans-serif; margin:7px 0 5px 0; width:420px; text-transform:capitalize;} .fn a { color:#333; text-decoration:none; border:none;} .comment-meta commentmetadata { color:#717171; font:10px Verdana, Geneva, sans-serif; margin:0px 0 5px 0; font-style:italic; text-decoration:none;} .comment-meta commentmetadata a{ color:#717171; text-decoration:none;} #commentform p { color:#6d6d6d; font:11px Verdana, Geneva, sans-serif; margin:10px 0 0px 11px; line-height:22px; } #commentform p a { color:#6d6d6d; font:11px Verdana, Geneva, sans-serif; margin:10px 0 0px 0; line-height:22px; text-decoration:none;} .says{display:none;} #respond h3, .comments-box h3 { color:#3c3c3c; font:20px "Myriad Pro"; margin:0 0 12px 12px;} #respond h3 a { color:#3c3c3c; text-decoration:none;} .navigation{display:none;} .email >, .url >, .author > {background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #BEBEBE; color: #666C72; float: left; font: 12px Verdana,Geneva,sans-serif; padding: 0 0 6px 3px; width: 500px;} #comment { float:left; width:608px; height:114px; background:#FAFAFA; border: solid 1px #bebebe; padding:8px; margin:5px 0 0 0; color:#666c72; font:12px Verdana, Geneva, sans-serif; } .comment-meta{ color:#666c72; font:11px Verdana, Geneva, sans-serif; text-decoration:none; margin: 0 0 0 84px;} .comment-meta a { color:#666c72; font:11px Verdana, Geneva, sans-serif; text-decoration:none; line-height:20px; } .reply { border: 1px solid #EAEAEA; border-radius: 8px 8px 8px 8px; color: #333333; float: right; font: 11px Verdana,Geneva,sans-serif; padding: 6px 8px; text-decoration: none; width: 30px;} .reply a { color: #333333; text-decoration: none; } .comment-author img {border: 2px solid #F0F0F0; margin: 0px 20px -45px 0; float:left; padding: 5px;} .comment-awaiting-moderation{color: #6D6D6D; font: 11px Verdana, Geneva, sans-serif; line-height: 22px; } .comment-meta p {color: #6D6D6D; font: 11px Verdana, Geneva, sans-serif; line-height: 22px;} .commentmetadata p {color: #6D6D6D; font: 11px Verdana, Geneva, sans-serif; line-height: 22px;} .commentlist p {color: #6D6D6D; font: 11px/22px Verdana,Geneva,sans-serif; margin: auto; text-align: justify; width: 435px;}