/*
Theme Name: Niche Site
Version: 1.0
Author: Shakeeb Ahmed
*/

/* STYLE-RESET */
* {padding:0;margin:0;}html {height:100%}body {text-align:center}table {border-collapse:collapse;border:0;width:100%;}td {vertical-align:top}th {text-align:left;vertical-align:top}img {border:none}:focus, a {outline:none}
/* Common Element Styles */
.clear {clear:both !important}.clearl {clear:left !important}.clearr {clear:right !important}.fl {float:left !important}.fr {float:right !important}.wp25 {width:25% !important}.wp50 {width:50% !important}.wp73 {width:73% !important}.wp98 {width:98% !important;margin:0 auto !important}.wp100 {width:100% !important}.tl {text-align:left !important}.tr {text-align:right !important}.tc {text-align:center !important}.tj {text-align:justify !important}
/* MARGINS	*/
.ma {margin:auto !important}.ma10 {margin:10px !important}.ma15 {margin:15px !important}.ma20 {margin:20px !important}.ma25 {margin:25px !important}.ma30 {margin:30px !important}.mt10 {margin-top:10px !important}.mb10 {margin-bottom:10px !important}.ml10 {margin-left:10px !important}.mr10 {margin-right:10px !important}.mt15 {margin-top:15px !important}.mb15 {margin-bottom:15px !important}.ml15 {margin-left:15px !important}.mr15 {margin-right:15px !important}.mt20 {margin-top:20px !important}.mb20 {margin-bottom:20px !important}.ml20 {margin-left:20px !important}.mr20 {margin-right:20px !important}.mt30 {margin-top:30px !important}.mb30 {margin-bottom:30px !important}.ml30 {margin-left:30px !important}.mr30 {margin-right:30px !important}
/* PADDINGS	*/
.pa5 {padding:5px !important;}.pa10 {padding:10px !important;}.pt10 {padding-top:10px !important}.pb10 {padding-bottom:10px !important}.pl10 {padding-left:10px !important}.pr10 {padding-right:10px !important}
/* TYPOGRAPHY */
.hide {display:none !important}.pointer {cursor:pointer !important}.nobg {background:none !important}.oh {overflow:hidden !important}.bb {border-bottom:1px solid #444}.underline {text-decoration:underline}.thide {text-indent:-9999px}.bold {font-weight:bold !important}.t12 {font-size:12px;}.t13 {font-size:13px;}.t14 {font-size:14px;}.t15 {font-size:15px;}.t16 {font-size:16px;}.t17 {font-size:17px;}.t18 {font-size:18px}.t19 {font-size:19px}.t20 {font-size:20px;}.t24 {font-size:24px;}
/* TABLE */
.tbl {display:table;}.tbl-td {display:table-cell}.vam {vertical-align:middle;}.vat {vertical-align:top;}
/*-----------------------------------------*/

body {font-family: Verdana,"Helvetica Neue",helvetica,sans-serif;font-size:13px;background:url(bg.jpg) no-repeat fixed 0 0;}

a {color:#1684DE}

/* LAYOUT */
#page {width:960px;margin:55px auto 0;text-align:left;background:#fff;}
#header, #container, #footer {width:100%;overflow:hidden}
#container .padder {padding:10px 0 10px 10px;overflow:hidden}
/*-----------------------------------------*/

/* HEADER */
#header {overflow:visible;position:relative;z-index:3}
#header #menu {height:28px;width:100%}
#header #menu ul {list-style:none;}
#header #menu ul li {float:left;position:relative;}
#header #menu ul li a {display:block;padding:0 11px;}
#header #menu ul li a img {vertical-align:middle;text-align:right}
#header #menu ul li a:hover {}
#header #menu ul li ul {position:absolute;top:28px;border-top:0;height:auto;margin:0;left:-999em;width:200px;padding:10px 0 0;z-index:1000}
#header #menu ul li li {height:auto;float:none;}

/* TWO COLUMN */
#header #menu ul li ul.two {width:400px;}
#header #menu ul li ul.two li {float:left;width:200px}

/* THREE COLUMN */
#header #menu ul li ul.three {width:600px;}
#header #menu ul li ul.three li {float:left;width:200px}

/* FOUR COLUMN */
#header #menu ul li ul.four {width:800px;}
#header #menu ul li ul.four li {float:left;width:200px}

/* FIVE COLUMN */
#header #menu ul li ul.five {width:1000px;}
#header #menu ul li ul.five li {float:left;width:200px}

#header #menu ul li li a {border:0 none;line-height:normal;padding:4px 10px;}
#header #menu ul li li a:hover, #header #menu ul li:hover li a
{}
#header #menu ul li ul ul {margin:-30px 0 0 200px;}
#header #menu ul li:hover ul ul, #header #menu ul li:hover ul ul ul, #header #menu ul li:hover ul ul ul ul, #header #menu ul li.sfhover ul ul, #header #menu ul li.sfhover ul ul ul, #header #menu ul li.sfhover ul ul ul ul {left: -999em;}
#header #menu ul li:hover ul, #header #menu ul li li:hover ul, #header #menu ul li li li:hover ul, #header #menu ul li li li li:hover ul, #header #menu ul li.sfhover ul, #header #menu ul li li.sfhover ul, #header #menu ul li li li.sfhover ul, #header #menu ul li li li li.sfhover ul{left:0;}
/*-----------------------------------------*/

/* BOOKMARK */
#bookmark {background:#fff;text-align:right;padding:6px 15px;}

/* FOOTER */
#footer {margin-top:25px;text-align:center;padding:15px 0}
#footer .links {margin-bottom:10px}
#footer .copyright {font-size:11px;margin-bottom:4px;}
#footer .signature {font-size:11px}

/* CONTENT */
#container {position:relative;z-index:1}
#container .left {float:left;width:240px;}
#container .right {float:left;width:240px;margin-left:10px}
#container .content {float:left;width:690px;margin-left:10px}
#container .content.middle {width:440px;}

/* SEARCHBOX */
#searchbox {border:1px solid #fff;}
#searchbox form {padding:0 8px;}
#searchbox .text {font-weight:bold;line-height:22px;color:#333;}
#searchbox .searchtext {border:1px solid #fff;padding:2px;width:255px;}
#searchbox .searchtext.large {width:430px}

/* site_description */
.site_description {overflow:hidden;}
.site_description .fl {width:37%;}
.site_description .fr {width:61%}

/*PSE SIDEBAR */
.module {margin-bottom:20px;}
#pse h2.pse_side_bar_header, .module h3.pse_side_bar_header {color:#066;font:bold 16px Verdana, Lucida Grande;margin-bottom:10px}
#pse h2.pse_side_bar_header.no, .module h3.pse_side_bar_header.no {color:#c00}
.module a.bold {color:#FF7547;text-decoration:none}
.module a.bold:hover {text-decoration:underline} 

/* FEATURED ITEM */
#featured_item {margin-top:30px}
#featured_item h2.heading {background:url(bg_header_button_440.jpg) no-repeat 0 0;height:28px;width:428px;line-height:28px;font-size:15px;color:#fff;padding-left:12px;}
#featured_item ul {list-style:none;width:100%;overflow:hidden}
#featured_item ul li {width:48%;float:left;margin:20px 0}
#featured_item ul li.even {margin-right:4%;clear:left}

#featured_item div.product {border:1px solid #D2A00A;color:#333;position:relative;/*Min Height Hack*/min-height:280px;height:auto !important;height:280px}
#featured_item div.product .pad {padding:0 8px;text-align:center}
#featured_item div.product h3 {font-size:13px;}
#featured_item div.picture {height:80px;margin:12px 0}
#featured_item div.desc {font-size:10px;height:62px;overflow:hidden}
#featured_item div.price {font-size:11px;color:#c00;padding-bottom:4px;}
#featured_item div.bottom {position:absolute;bottom:1px;left:10px}
#featured_item div.button a {display:block;background:url(button_blank_190.jpg) no-repeat 0 0;height:28px;width:190px;color:#fff;font:bold 12px/28px Arial;text-decoration:none}

/* SEARCH STYLING*/
.top_result_summary, .listing_summary  {color:#666;font-size:11px;font-weight:bold;}
.top_result_summary div {font-size:11px;padding-top:2px;}
.top_result_summary span {color:#2E6AB1;font-weight:bold;}
.top_result_summary strong {color:#666666;font-size:12px;font-weight:normal;padding-right:10px;}
.top_pages {border-bottom:1px dashed #ccc;padding-bottom:5px;}

/* PRODUCT LISTING */
ul#product_rows {list-style:none;width:100%}
ul#product_rows li {clear:left;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:10px;}
ul#product_rows li div.product {color:#111;overflow:hidden;width:100%;margin-bottom:8px}
ul#product_rows li div.product h3 {font-size:11px;margin-bottom:4px;}
ul#product_rows li div.picture {float:left;width:80px;margin-right:12px}
ul#product_rows li div.picture img {width:80px}
ul#product_rows li div.desc {float:left;font-size:10px;width:400px;margin-right:10px;}
ul#product_rows li div.desc p {text-align:justify}
ul#product_rows li div.price {font-size:11px;color:#c00;padding-top:6px;}
ul#product_rows li div.bottom {float:left;width:170px;text-align:right}
ul#product_rows li div.button a {background:url(button.jpg) repeat-x 0 0;height:28px;color:#fff;font:bold 12px/28px Arial;text-decoration:none;padding:6px;}
ul#product_rows li.no_product {}

/* PAGING */
.pages {font: 13px/1.4 arial, helvetica, sans-serif;}
.pages a, .pages span {color:#003366;display: block;float: left;padding: 0.2em 0.5em;margin-right: 0.1em;border: 1px solid #fff;background: #fff;}
.pages span.current {border: 1px solid #2E6AB1;font-weight: bold;background: #2E6AB1;color: #fff;}
.pages a {border: 1px solid #9AAFE5;text-decoration: none;}
.pages a:hover {border-color: #2E6AB1;}
.pages a.nextprev {font-weight: bold;}
.pages span.nextprev {color: #666;}
.pages span.nextprev {border: 1px solid #ddd;color: #999;}
.pages .nextprev-next {float: right;}
.sort_drop_down select {font-size:13px;padding:3px;}

/* PPC :: PRODUCT INFO */
#product_info div.product {color:#111;overflow:hidden;width:100%;}
#product_info div.picture {float:left;width:80px;margin-right:12px}
#product_info div.picture img {width:80px;}
#product_info div.desc {float:left;font-size:10px;width:462px;margin-right:10px;}
#product_info div.desc h3 {font-size:13px;margin-bottom:4px;color:#2E6AB1;}
#product_info div.desc p {text-align:justify}
#product_info div.desc .reference {margin:5px 0}
#product_info div.desc .pricerange {text-align:justify}
#product_info div.desc .pricerange strong {text-align:justify}
#product_info div.bottom {float:left;width:100px;text-align:right}

/* PPC :: TABS */
ul#tabs{display:block;float:left;padding-left:20px;list-style:none;height:26px;width:652px;border-bottom:1px solid #E5E5E5}
ul#tabs li{display:block;float:left;height:25px;background:url(tb.gif) repeat-x;margin:1px 3px 0 0;}
ul#tabs li b{display:block;float:left;width:5px;height:25px;background:url(tbl.gif) no-repeat;}
ul#tabs a:link, ul#tabs a:active, ul#tabs a:visited{display:block;font-size:13px;font-weight:bold;text-decoration:none;color:#4D4D4D !important;background:url(tbr.gif) no-repeat right top;padding:0 10px;line-height:25px;}
ul#tabs a:hover{padding:0 10px 4px;}
ul#tabs li.sel {background:url(tbs.gif) repeat-x;height:25px;}
ul#tabs li.sel b{background:url(tbls.gif) no-repeat;height:25px;}
ul#tabs li.sel a:link, ul#tabs li.sel a:active, ul#tabs li.sel a:hover, ul#tabs li.sel a:visited{background:url(tbrs.gif) no-repeat right top;padding:0 8px;}

/* PPC :: STORELIST */
.store_list th, .store_list th.col, .store_list th.col5 {background:#E5E5E5;padding:5px 2px;text-align:left}
.store_list td {border-bottom:1px dashed #ccc;padding:10px 0}
.store_list .col {width:140px;padding-right:10px;text-align:center;}
.store_list .col5 {width:72px;vertical-align:middle}
.stars {height:16px;background:url(stars5.gif) 0 0;margin:auto}

/* PPC :: PRODUCT DETAIL */
#product_detail dl {clear:left;font-size:11px;color:#404040;border-bottom:1px dotted #bbb;padding:5px;overflow:hidden}
#product_detail dl.head {background:#E7E7E7;border:0;margin-bottom:5px;font-size:12px;}

#product_detail dt, #product_detail dd {float:left}
#product_detail dt {width:20%;text-align:right;padding-right:5%;font-weight:bold}
#product_detail dd {width:75%;}

/* CMS PAGES */

/* FORM */
.cform {margin-top:10px;width: 450px;}
.cform fieldset	{margin-top:10px; padding:5px 0; border:none;}
.cform legend {font:bold 18px Arial;color: #555;letter-spacing:1px;}
ol.cf-ol {padding-top:15px !important; border-top:1px solid #f2f2f2;}
ol.cf-ol li	{background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/list-style:none!important; text-align:left;line-height:1.1em;}

.cform label {width:100px;margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/display:inline-block; /*for Opera & IE*/text-align:left;vertical-align:top;color: #aaa;font:bold 13px Trebuchet MS,sans-serif;}
.cform label span {width:100px; /* must be the same as above!*/display:block;}

.cform input, .cform textarea, .cform select {padding:3px;border:1px solid #aaa;font:0.9em Trebuchet MS,sans-serif;color:#888;background:#ffffff url(field-bg-top.gif) repeat-x top left;vertical-align:top;}
.cform input:hover, .cform textarea:hover, .cform select:hover{border: 1px solid #FFCC00;background:#ffffff url(field-bg-bottom.gif) repeat-x bottom left; }
.cform input:focus, .cform textarea:focus, .cform select:focus	{color:#666;background:#ffffff url(field-bg-bottom.gif) repeat-x bottom left;}
.cform textarea, .cform input {width:298px;}
.cform select {width:306px; /* attempt to have equal length */}  
.cform select.cfselectmulti	{height:7.5em;}
.cform textarea {font-family: arial;font-size: 0.9em;overflow:auto;}

p.cf-sb {padding-right:33px !important;text-align:right;}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton	{width:auto;padding:2px 1em;font-size:0.8em;background:url(button-bg.gif) repeat-x;border:1px solid #adadad!important;border-left-color:#ececec!important;border-top-color:#ececec!important;}
.cform input.resetbutton, .cform input.backbutton {margin-right:5px;}

#error_box {padding:10px;display:block;background:#FFDFDF!important;border:1px solid #DF7D7D;margin-bottom:15px}
#error_box .error_text{color:red;}

#success_box {background:#F9F9F9;padding:10px;display:block;color:#aaa;margin-bottom:15px}
#success_box .success_text{color:green;}

*+html ol.cf-ol, *+html ol.cf-ol li, * html ol.cf-ol, * html ol.cf-ol li	{display: inline-block;  /*for ie7*/}
* html .cform legend, *+html .cform legend {position:absolute;left: -8px;top:0;margin-left:0}

* html .cform fieldset, *+html .cform fieldset {position: relative;margin-top:15px;padding-top:25px;}

.boxtop {color:#fff;line-height:29px;padding-left:12px;font-size:15px;font-weight:bold;height:28px;background-repeat:no-repeat;margin-bottom:20px}
.boxtop.w240 {background-image:url(bg_header_button_240.jpg);width:240px}
.boxtop.w690 {background-image:url(bg_header_button_690.jpg);width:690px}

.box .pad {padding:0 8px;}

/* START EDITING HERE */
#page {border:0 solid #3A4C18 /* Border if you want around page */ }
.box {border:1px solid #ccc /* Change border color around the boxes */} 

/* EDIT FOOTER HERE */
#footer {background:#917C47;color:#fff;}
#footer a {color:#fff;}

/* EDIT FEATURED ITEM BOXES HERE */
#featured_item div.product {border-color:#ccc /* Change border color around the Featured Item boxes */}
#featured_item h2.heading {color:#fff /* FEATURED ITEM HEADING COLOR*/}
#featured_item div.button a {color:#fff /* FEATURED ITEM BUTTON COLOR*/}

/* EDIT MENU HERE */
#header #menu {background:url(menu-bg.jpg) repeat-x 0 0; /* Main Menu Bg-Color */}
#header #menu ul li a {font:bold 13px/28px Arial;text-decoration:none;color:#fff; /* Font color and size of Parent Item */}
#header #menu ul li a:hover, #header #menu ul li a.active {background:url(menu-hover.jpg) repeat-x 0 0; /* Hover effect of Parent item */}
#header #menu ul li ul {background:#BA7904; /* Child Menu Bg-Color */}
#header #menu ul li li a {font-size:12px; /* Child item anchor size you can also add other styles like color */}
#header #menu ul li li a:hover {background:#DCB551;color:#333; /* Hover effect for Child Item */}

/* EDIT SEARCHBOX HERE */
#searchbox {border:0;background:url(search-bg.jpg) repeat-x 0 0}
#searchbox .text {color:#fff}
#searchbox .searchtext {border-color:#EDEDED}

/* EDIT LISTING HERE */
.top_pages {border-bottom-color:#ccc;}
ul#product_rows li {border-bottom-color:#ccc;}

/* EDIT PSE SIDEBAR HERE */
ul#product_rows li div.button a {background:url(button.jpg) repeat-x 0 0;color:#fff;font:bold 12px/28px Arial;text-decoration:none; /* Compare and Buy Button */}
#pse h2.pse_side_bar_header, .module h3.pse_side_bar_header {color:#333 /*PSE Sidebar Color*/}
/*-----------------------------------------*/