/* These styles set the background colour and any other style you want to attach to the rows int he theme.  */
/* Used mainly to set the bottom footer colour and to create a faux footer */
body { background: #1d1e22 no-repeat;} 
#header4 {
position: relative;
top: 140px;
z-index: 80;
right: 75px;
}


body, html {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
} 

ol {margin-left: 16px}

/* Top Menu area */
.topRow {padding: 0;z-index: 91} 
.topRow .containerBG {padding: 8px 0 7px 0;color: #eee}
.topRow .moduletable h3 {color: #fff}

/* Logo and Header moduel positions */
.logoRow {color: #CCB397; }
.logoRow .containerBG {height:142px;
margin-top:-50px;}
.logoRow .moduletable h3 {color: #fff}
#logo a  {
left:-24px;
position:relative;
top:-38px;
}
/* Tagline under the logo */
#tagline {color: #CCB397;font-size: 90%;font-style: italic;position: relative;z-index: 1;left: 0;}


/*  General Styling for Grid and banner rows*/
.bannerRow .containerBG {padding: 20px 0 0;background: #EEF2F3 url(../images/banner.jpg) repeat-y;  }

.grid1Row .containerBG,.grid2Row .containerBG,.grid3Row .containerBG,.grid4Row .containerBG,.grid5Row .containerBG,.grid6Row .containerBG {background: #EEF2F3 url(../images/contentGradient.jpg) left top repeat-x;padding-top:10px; height:290px;}

/* Breadcrumb */
.breadcrumb .containerBG {padding: 0;background: #EEF2F3 url(../images/banner.jpg) repeat-y}


/* Main Rows */
.mainRow {margin: 0}
.mainRowGradient {float: left;background: url(../images/contentGradient.jpg) left top repeat-x; width:100%; }
.mainRow .containerBG {padding:0;background-repeat: repeat-y;background-color: #eee}
.mainRow #rightCol { margin-right: 10px}
#above,#below {padding: 20px 0;width: 90%}
#below {margin-left: -20px;padding-left: 20px}
#topAdvert {padding-top: 20px;width: 96%}

/* Bottom Rows */
.bottomRow .containerBG {background: #EEF2F3 url(../images/contentGradientbottomRow.jpg) repeat-x;padding: 12px 0}
.bottomRow .containerBG {padding-bottom: 30px}
.bottomRow ul li {list-style-type: none;margin: 0}
.bottomRow ul li a {text-decoration: none;border-bottom: 1px solid #BEC2C5;display: block}
.bottomRow .jTweet ul li a {display: inline}
.bottomRow .moduletable h3,.bottomRow h3 {font-size: 1.4em}

/* Footer ROws */
#footer { padding-top: 10px; margin: 0; height: 40px}
.footerRow { border-top:1px solid #2a2b2f; background: #1D1E22}
.subfooterRow {background: #1D1E22}
.footerRow .containerBG {background: url(../images/footer_bg_right.png) no-repeat top right; height: 50px; padding: 0}
.footerRow .container {background: url(../images/footer_bg_left.png) no-repeat top left}
.footerRow .innerContainer #footer {background: url(../images/footer_bg.png) repeat-x}
#pixel-bottom {
	background:#b98341 url(../images/brown/fond.jpg) no-repeat scroll 50% 0;
min-height:1000px;
overflow:hidden;
	
	}

/* Pathway Classes */
#breadcrumb {margin: 0;width: 100%;padding: 8px 0}
#breadcrumb .moduletable {text-align: right}
.pathway img {margin: 6px 2px 0} 


/* Main Content Row Classes */
#bottomAdvert .moduletable h3 {margin-left: -20px;padding: 10px 0 20px 20px;background: url(../images/advertH3.png) repeat-x;width: 100%;font-size: 1.3em} 
#bottomAdvert .moduletable {width:100%}
#mainContent {margin-bottom: 20px}


/* Right Column */
#rightCol h3 {font-size: 1.2em;padding:9px 3px 8px 20px;margin-left: -18px;margin-bottom: 0;width: 100%}
#rightCol .moduletable-slide h3  {cursor: pointer}
#rightCol .moduletable {margin: 15px;}
#rightCol .moduletable-slide h3 {position: relative}
#rightCol .moduletable-slide h3.open span.tab { background:url(../images/tab_open.png) no-repeat; width: 10px; height: 10px;  margin: 5px 20px 0 0;position: absolute;right: 0;top: 10px}
#rightCol .moduletable-slide h3.close span.tab { background:url(../images/tab_close.png) no-repeat; width: 10px; height: 10px; display: block; float: right; margin: 5px 20px 0 0;position: absolute;right: 0;top: 10px}
#rightCol .mbitemFlat {background: url(../images/rightColBevel.png) repeat-x left bottom;padding-bottom: 10px;margin-left: -5px;padding-left: 0px}
#rightCol .mbWrapFlat {padding-bottom: 0px}
#rightCol .mbImageFlat {padding: 4px;background: #ccc;border: 1px solid #bbb}
#rightCol .modulecontent { padding: 10px 0 ;margin-left:-8px;}
#rightCol ul li a {background: url(../images/rightColBevel.png) repeat-x left bottom;padding-bottom: 8px;margin-left: -10px;padding-left: 14px;padding-right: 18px;font-size: 1em;width: 86%;font-weight: normal}
#rightCol ul li a:hover {background: #E1E1E3 url(../images/rightColBevel.png) repeat-x left bottom}


/* Footer Row Classes */
.footerRow {padding-bottom: 0px}
.footerRow .containerBG {border: 0}
.footerRow ul li a { color: #fff; text-shadow: 1px 1px 0px #222; border: none}


/* Subfooter */
.subfooterRow .containerBG { background: url(../images/subfooter_bg.jpg) no-repeat top center; padding: 10px 0 50px 0; font-size: 85%}
.subfooterRow,.debug { color: #aaa}
.subfooterRow .moduletable h3,.debug .moduletable h3 {color: #eee;font-size: 90%}

/* Search Styling */
#search .inputbox,#search_searchword {border: 1px solid #ddd;padding: 8px;margin: 4px 0;background: #fff url(../images/fieldShadow.jpg) repeat-x; border: 1px solid #c8c8c8; font-size: 13px;color: #333333;margin: 0 20px;width: 65%}
#searchForm .button {margin-top: 8px}
.results ol li {background: url(../images/rightColBevel.png) repeat-x left bottom;padding-bottom: 8px;width: 96%}

/* Links */
a {color:#695848;border-bottom: 1px solid;font-weight:500}
.pp_pic_holder a {border: none}
#logo a {border: none}

/* Headings */
h1,.componentheading {color: #333;font-size: 2.4em;padding: 8px 20px 8px 0} 
h2,.contentheading,h2 a {line-height: 1.4em;position: relative}
#grid4 h3{ background: url("../images/sidebar/brown.png") repeat scroll 0 0 transparent;
    line-height: 34px;
    padding-left: 18px;}
h3,.moduletable h3 {color: #fff;font-size: 1.3em;  }
h4 {color: #333} 
h5 {color: #fff;background: #333;padding: 2px 0 2px 4px}
h6 {color: #fff;background: #999;padding: 2px 0 2px 4px}

/*General Nav reset */
#navWrap.navLeft  {float: left; height: 55px}
#navWrap.navLeft ul {float: left; margin: 0}
#navWrap.navLeft ul li {margin: 0}
#navWrap {float: right}
#navWrapper {height: 55px;;margin-left: -20px;width: 100%;padding-left: 17px}
/* #navWrapper {background: url(../images/brown/leftNav_Brown.png) no-repeat}*/   
/*Nav - Top levels */

/*#nav ul li {
  background: rgba(0, 0, 0, 0) url("../images/brown/navSep_brown.png") no-repeat scroll right 1px;
}*/
 
.moduletable-superfish a, #nav a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  text-decoration: none;
} 
#nav ul {float: right} 
#nav ul li {margin: 0;padding: 0;height:51px}
#nav ul li li a{background: none}
#nav ul li a, #nav ul li a.sf-with-ul span, #nav ul li span.mainlevel { border: none}
#nav ul li a.sf-with-ul { font-weight: normal}
#nav ul li a,#nav ul li span.mainlevel,#nav ul li span.sublevel {font-size: 1em;padding: 17px 12px 20px;color: #fff; display: block} 

#nav a.mainlevel.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul:hover,#nav a.mainlevel_active.sf-with-ul, #nav ul li span.mainlevel span.expanded:hover,#nav ul li a.mainlevel.sf-with-ul,#nav span.mainlevel span.expanded,#nav ul li a.sf-with-ul {background:url(../images/tab_open.png) no-repeat 8px 21px ;padding-left: 30px}
#nav ul li a#active_menu,#nav ul li a:hover{ background:url(../images/navActive.png) no-repeat center 44px}
#nav ul li span.mainlevel {padding-left: 10px}
#nav span.mainlevel span.expanded,#nav span.mainlevel span.expanded:hover {background-position: 0 center}
#nav ul li span.mainlevel span.expanded:hover {padding-left: 20px;background-position: 0 center}
#nav ul li li a.sf-with-ul, #nav ul li li span.sublevel span.expanded{background: url(../images/navParentSub.png) no-repeat 5px center;text-shadow: none}


/* Nav - Second and third levels */
#nav li:hover ul,#nav ul li.sfHover ul {left:-1px;top:53px}

.navRow .container {
  background: rgba(0, 0, 0, 0) url("../images/brown/mainNav_Brown.png") repeat scroll 0 0;
  height: 55px;
  padding: 0;
}
.navRow .containerBG
{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
#navWrapper {
  background: rgba(0, 0, 0, 0) url("../images/brown/leftNav_Brown.png") no-repeat scroll 0 0; 
}
 
#nav ul li {
  background: rgba(0, 0, 0, 0) url("../images/brown/navSep_brown.png") no-repeat scroll right 1px;
}

#nav ul li li { background:#F3F3F3; height: auto;  border: 1px solid #BEC2C5; border-width: 1px 1px 1px 1px; border-bottom-color: #BEC2C5;border-top-color:#fff;z-index: 100}
#nav li li:hover {background: #fff}
#nav li li#current,#top_wrapper ul li li.parent.active,#nav ul li li a#active_menu,.moduletable-superfish li ul li#current,#nav li ul li#current {border: 1px solid #ccc;  border-bottom-color: #BEC2C5;border-top-color:#fff;background: #fff;border-width: 1px;}
#nav li ul,#navWrap.navLeft ul ul {background: none;padding: 0;margin: 0}
#nav ul li li a, #nav ul li li span.sublevel {color: #333;font-size: 1.0em; font-weight: 500;letter-spacing: 0.1em}
#nav ul li li span.sublevel{padding-left:16px;padding-right:0px}
#nav ul li li span.expanded, #nav ul li li a.sf-with-ul {padding-left: 16px;padding-right: 0px;font-weight: 600}
#nav span.sublevel {padding-left: 15px;font-size: 90%}
.moduletable-superfish ul li li.sfHover ul,#nav ul li li.sfHover ul {left:228px;top:-2px}
#nav li li li:hover,#nav li li li#current,#top_wrapper ul li li li.parent.active {background: #fff}
#nav ul ul ul {border-top: 1px solid #BEC2C5}

/* Left and right lists and panel menu */

/* Left and right Sub menus */
#rightCol ul li li a{padding-left: 35px;width: 77%}

/* Styling for parent on panel menu */
#rightCol span.expanded { background:url(../images/tab_open.png) no-repeat 12px 10px;display: block;cursor: pointer;padding: 4px 0 4px 35px;font-weight: 600;border-bottom: 1px solid #999BAC;margin-left: -10px;width: 85%} 

/* Hidden Panel Styling */
#toppanel a#open {background: #1D1E22;color: #fff;padding: 8px 10px; top: 0;border: none}
#toppanel a#open:hover {color: #6B2023}
.overlay div.close{background:url(../images/panelClose.png) no-repeat; top: 10px; right: 10px}
#panelInner {background:url(../images/white_menu_overlay.png);border: 4px solid #eee}

/* Input Styling */
.inputbox,input#email {border: 1px solid #ddd; background: #fff url(../images/fieldShadow.jpg) repeat-x;	border: 1px solid #c8c8c8;	font-size: 13px; color: #333333}
.filter .inputbox {width: 60%;margin-left: 10px}
form.search {  z-index:59;
	margin-top:-70px;
	text-align:right;
	}
.search input {background: url(../images/search_bg.png) no-repeat center center;color: #fff;height: 22px;width: 198px;border: 0;margin: 5px 0 0 15px}

/* Overrides */
/* Page classes */
div.mainRow a { text-decoration: none; border: none}
.jbMeta {position: relative;height: 40px}
.cols2 {padding-right: 10px;background:url(../html/com_k2/templates/pixelEight/images/contentGradientNoEdge.png) repeat-x}


/* Front Page */
div.jbFrontPage {padding-top: 0px;margin-left: -20px;background: url(../images/contentGradient.jpg) left top repeat-x;float: left}
h2 { text-decoration: none; color: #3d526e}
div.jbFrontPageInner {margin-left: 20px;width: 94%;padding-bottom: 20px;padding-top: 20px}
div.jbFrontPage h1 {margin-left: 20px}
div.jbFrontPage h2 {margin-left: 0px;font-size: 1.8em;line-height: 1.6em;padding-bottom: 10px;padding-top: 10px}
.column2.cols2 div.jbFrontPageInner  {}
/* Article */
div#jbArticle {padding-top: 20px;width: 96%}
.jbArticleAuthorDate {float: right}


/* Section */
div.jbSection {padding-top: 0px;margin-left: -20px;clear: both;padding-top: 0px;margin-left: -20px;clear: both;background: url(../images/contentGradient.jpg) left top repeat-x;float: left}
div.jbSectionInner {margin-left: 20px;width: 94%;padding-bottom: 20px;padding-top: 20px}
div.jbSectionInner h1 {margin-left: 20px}
div.jbSectionInner h2 {margin-top: 20px;float: left;display: block;width: 100%;margin-bottom: 10px}

/* Category*/
div.jbCategory {padding-top: 20px;margin-left: -20px;clear: both;background: url(../images/contentGradient.jpg) left top repeat-x;float: left}
div.jbCategoryInner {margin-left: 20px;width: 94%;padding-bottom: 20px;position: relative}
div.jbCategoryInner h2 {float: left;display: block;width: 100%;margin-bottom: 10px}
div.jbCategoryInner h2.nodate {margin: 0}
div.jbCategoryInner h1 {margin-left: 20px}
.blog_more {background: #EEF2F3  url(../images/contentGradient.jpg) left top repeat-x;padding-top: 30px;margin-left: -20px;padding-left: 20px}
.blog_more ul li  {width: 96%}



/* Pdf Buttons etc */ 
div.buttons {text-align: right;width: 45%;float: right}


/* Section and Categories */
div.jbSectCat {height: 28px;text-align: right;color: #695848;font-size: 90%;color: #3D526E;display: block;float: right;position: relative;width: 100%} 
span.jbAuthor {float:right;text-align: right;margin-left: 20px;font-size: 90%}
span.jbCategories {margin-right: 10px}

/* Author and date styling */
div.jbAuthorDate {float: right}
span.jbModifydate {font-size: 0.85em;color: #999}
div.jbCreatedate {position: absolute;margin-left: -34px;height: 33px;width: 124px;color: #fff;padding: 2px 0px 4px 35px;font-weight:600;line-height:31px;text-shadow:0px -1px 0px #111;z-index: 1}
.cols2 div.jbCreatedate {background: none;text-shadow: 0 0 0 ;color: #333;line-height: 15px;font-size: 0.9em;padding-top: 3px}

/* Read more */
div.jbReadmore, div.catItemReadMore,.mbMoreCols{float: right; background: url(../images/read-more-left.png) no-repeat top left; padding-left: 10px;clear: both}
div.jbReadmore a, div.mainRow a.k2ReadMore,.mbMoreCols a{color: #eee; background: url(../images/read-more-right.png) no-repeat top right; height: 27px; padding-right: 10px; text-align: center; line-height:27px; font-weight: 600; text-shadow: 0px -1px 0px #111; display: block;margin-bottom: 20px}
div.jbReadmore a:hover,div.mainRow a.k2ReadMore:hover {color: #ccc}
.mbMoreCols {width: 60%;color: #fff;margin-top: 10px}
a.readon {color: #fff}


/* Pagination */
p.counter {width: 96%}
ul.pagination { text-align: left}
ul.pagination li {background: #d3dede;border: 1px solid #fff; }
ul.pagination li a, ul.pagination li span { font-weight: 700; text-shadow: 1px 1px 0px #EFFFFF}
ul.pagination li a {padding: 10px;border: none}
ul.pagination li a:hover {border: none;background: none;color: #000}


/* Top Row Superfish Menu */
.topRowWrap.navLeft  {float: left}
.topRowWrap.navLeft ul {float: left;margin: 8px 20px 0 0}
.topRowWrap.navLeft ul li {margin: 0 20px 0 0}
.topRowWrap {float: right}
.topRow ul,
.topRow li ul ul,
.topRow ul ul,
.topRowright ul#mainlevel li,
.topRow li ul li,
.topRow li ul li#current {margin: 0;padding: 0}
.topRow a {text-decoration: none;background: none; border:none; margin-right:5px; float:right;}
.topRow ul li.active a,
.topRow li.parent.active a,
.topRow li.parent.active ul li a:hover,
.topRow li a:hover,
a#active_menu:link,
a#active_menu:visited
{text-decoration: none}

/* @group Top Level */
.topRow ul {float: right;padding: 0}
.topRow ul li a, .topRow ul li li a, .topRow ul li span.mainlevel, .topRow ul li span.sublevel{line-height: 1.2em;font-size: 1.2em;color: #fff}
.topRow ul li {float: left;margin: 0;list-style-type: none;padding: 0;position:relative;z-index:99;margin-right: 20px}
.topRow ul li a,
.topRow ul li span.mainlevel,
.topRow ul li span.mainlevel_active,
.topRow ul li li span.expanded,
.topRow span.sublevel{padding: 6px 0px 8px 10px;font-size: 1em;border: none}  
.topRow ul li span.mainlevel {cursor: pointer}
.topRow a.mainlevel.sf-with-ul,
.topRow a.mainlevel_active,
.topRow ul li span.mainlevel span.expanded,.topRow ul li.parent {background:url(../images/tab_open.png) no-repeat left 2px;padding-left: 25px;font-weight: bold;line-height: 1.2}
.topRow a:hover { color: #ccb397; }
/* @end */

/* @group First Drop Down */

.topRow ul ul {float: left;background: #000}
.topRow ul ul li a, .topRow ul ul li li a, .topRow ul ul li span.mainlevel, .topRow ul ul li span.sublevel{line-height: 1.4em;font-size: 1.0em;color: #fff}
.topRow ul li li,
.topRow ul li li span.expanded{position: relative;z-index: 10}
.topRow li ul {position: absolute; width: 244px; z-index: 30;top: -9999px}
.topRow li:hover ul {left: 0}
.topRow li ul li,
.topRow li ul li#current {width: 240px}
.topRow li ul li#current {border: none}
.topRow ul li li a {padding: 6px 8px;width: 228px;margin: 0;display: block;cursor: pointer}
.topRow ul li li span.expanded, .topRow ul li li span.sublevel {padding: 6px 8px;margin: 0;width: 228px;display: block;cursor: pointer}
.topRow ul li li a span.expanded{padding:0px;margin:0}
.topRow li li:hover ul,
.topRow ul li li.sfHover ul {left:244px;top:0px}
.topRow li:hover ul,
.topRow ul li.sfHover ul {left:0px;top:29px}
.topRow ul ul li { background: rgb(5, 12, 6); background: rgba(5, 12, 6, 0.8); margin-bottom: 1px; text-shadow: 2px 2px 0px #111; }


/*.topRow a.sublevel.sf-with-ul {padding-left: 0px}*/

.topRow ul li li a:hover,
.topRow li li a#active_menu,
.topRow li li a.mainlevel_active,
.topRow ul li li span.mainlevel_active {padding-bottom: 6px}
/* @end */

/* @group Second Drop Down */

.topRow li#current,
.topRow li.active,
.topRow ul  li.parent.active 
{}

/*.topRow li li:hover,.topRow li li#current,#top_wrapper ul li li.parent.active {background: none}*/
/* @end */

/* @group Third Drop Down */
.topRow li li li#current,
.topRow li li li.active,
.topRow ul li li li.parent.active 
{}
/*.topRow li li li:hover,.topRow li li#current,#top_wrapper ul li li.parent.active {background: none}*/
.topRow ul ul ul ul {border-top: 1px solid #ddd}
.topRow ul li li li a {} 
/* @end */


/* Module Classes */
#rightCol div.red h3,#rightCol .moduletable-red h3 {background:url(../images/sidebar/red.png) }
#rightCol div.brown h3,#rightCol .moduletable-brown h3 {background:rgba(0, 0, 0, 0) url("../images/sidebar/brown.png") repeat scroll 0 0 / contain ; padding-top:10px }
#rightCol div.green h3,#rightCol .moduletable-green h3 {background:url(../images/sidebar/green.png) }
#rightCol div.purple h3,#rightCol .moduletable-purple h3 {background:url(../images/sidebar/purple.png) }
.moduletable-purple h3 {background: url(../images/purple/purpleSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px;border: 1px solid #fff}
.moduletable-red h3 {background: url(../images/red/redSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px}
.moduletable-green h3 {background: url(../images/green/greenSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px} 
.moduletable-brown h3 {background: url(../images/brown/brownSidebarHeading.png) repeat-x right top; color: #fff;padding: 4px 12px}
.moduletable-bevel1 {padding: 8px;;background: #EEF2F3 url(../images/contentGradientbottomRow.jpg) left top repeat-x}
.moduletable-bevel1 h3 {padding-top: 5px}
.moduletable-bevel2 {padding: 20px 8px 8px 8px;background: #EEF2F3 url(../images/contentGradientNoEdge.png) left top repeat-x}
.moduletable-redribbon {background: url(../images/ribbons/ribbonRed.png) no-repeat;padding-left: 20px}
.moduletable-greenribbon {background: url(../images/ribbons/ribbonGreen.png) no-repeat;padding-left: 20px}
.moduletable-purpleribbon {background: url(../images/ribbons/ribbonPurple.png) no-repeat;padding-left: 20px}
.moduletable-brownribbon {background: url(../images/ribbons/ribbonBrown.png) no-repeat;padding-left: 20px}
.moduletable-redribbon h3,.moduletable-greenribbon h3,.moduletable-purpleribbon h3,.moduletable-brownribbon h3 {color: #fff;padding-top: 5px}
.moduletable-sideribbonred h3,.moduletable-sideribbongreen h3,.moduletable-sideribbonpurple h3,.moduletable-sideribbonbrown h3 {position: absolute;margin-left: -34px;height: 33px;width: 124px;color: #fff;padding: 2px 0px 4px 35px;font-weight:600;line-height:31px;text-shadow:0px -1px 0px #111;z-index: 1;margin-top: -30px;font-size: 1em}
.moduletable-sideribbonred,.moduletable-sideribbongreen,.moduletable-sideribbonbrown,.moduletable-sideribbonpurple {padding-top: 30px} 
.moduletable-sideribbonpurple h3 {background: url(../images/ribbons/ribbonPurple.png)}
.moduletable-sideribbonred h3 {background: url(../images/ribbons/ribbonRed.png)}
.moduletable-sideribbonbrown h3 {background: url(../images/ribbons/ribbonBrown.png)}
.moduletable-sideribbongreen h3 {background: url(../images/ribbons/ribbonGreen.png)}

/*images*/
.banneritem img {
  max-width: 100%;
}

.nspList.nspCol3 {
  margin-right: 12px;
}
 
.item-page img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding-right: 5px;
} 
.clear
{
	clear:both;
}
#navtoog
{
	display:none;
}


.padl15
{
	padding-left:15px;
}


.searchspecialclass .mainRowGradient
{
	width: 100%; 
	 
}
.flexicontactspecialclass .mainRowGradient
{
	 
	width: 100%; 
}
.flexicontactspecialclass .mainRow #rightCol {
  margin-right: 10px;
}
.searchspecialclass .mainRow #rightCol {
  margin-right: 10px;
}


.custsearch {
  width: 100%;
  max-width: 62%;
  color: #000;
  z-index: 10000;
}
.formsearch {
  float: right;
  margin-top: 100px;
  margin-right: 15px;
  padding-right: 15px;
  position:relative;
}
.searchinput {
  min-height: 32px;
  border-radius: 15px;
  max-width: 100%;
  font-size: 15px;
  padding-left: 12px;
 background:#f3f3f3;
	 background: #f3f3f3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f0f0f0, #f7f7f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0f0f0, #f7f7f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f0, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f0, #f7f7f7); /* Standard syntax */
  border: 2px solid #c6c6c6;
  color:#8d8d8d;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #8d8d8d;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #8d8d8d;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #8d8d8d;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #8d8d8d;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #8d8d8d;
}
 
.seachbtn {
     
    bottom: 0;
    display: inline-block;
	box-sizing: border-box !important;
     
    padding:6px;
    width: 28px;
    height: 28px;
     
    position: absolute;
    right: 20px;
    top: -2px;
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
   
    margin-top: 6px;
    border: 1px solid #8d8d8d;
	background:#f3f3f3;
	 background: #f3f3f3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f0f0f0, #f7f7f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0f0f0, #f7f7f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f0, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f0, #f7f7f7); /* Standard syntax */
  

}
 

/* responsive start */
@media (max-width: 991px) {
#midCol.twoR.col-sm-12
{
	max-width:100%;
}
.containerBG {
  background-size: cover;
}  
.sidebar #right {
  max-width: 100%;
  width: 100% !important;
}
#rightCol h3 {
  margin-left: -1px;
}
#rightCol .modulecontent {
  margin-left: 15px;
 	
}
}




@media (max-width: 970px) {
	.moduletable-superfish ul
	{
		width:100%;
		max-width:100%;
	}
	.moduletable-superfish ul li 
	{
		width:100%;
		max-width:12%;
	
	}
	

	#nav ul li {
  background: none !important;
	}
	.moduletable-superfish ul li a {
  margin-left: 15px;
  margin-right: 20px;
  margin-top: 17px;
  max-width: 100%;
  padding: 0 !important;
  width: 100%;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
#logo {
  width: 100% !important;
  max-width: 72% !important;
}


.item-53 ul
{
	 background: #fff none repeat scroll 0 0 !important;
}
.item-189 ul
{
	 background: #fff none repeat scroll 0 0 !important;
}

.item-53 ul li, .item-189 ul li {
 
  max-width: 100% !important;
  width: 100% !important;
  z-index: 99999 !important;
}
.item-53 ul li a, .item-189 ul li a {

  max-width: 100% !important;
  width: 100% !important;
  z-index: 99999 !important;
}	
.custsearch {
  width: 100%;
  max-width: 22%;
} 
}
@media (max-width: 938px) {
	.custom {
  margin-right: 15px;
  padding-right: 15px;
}
#vtnivo160 {
  width: 630px !important;
}
}
@media (max-width: 920px) {
#vtnivo160 {
  width: 610px !important;
}
}
@media (max-width: 895px) {
#vtnivo160 {
  width: 580px !important;
}
}
@media (max-width: 865px) {
#vtnivo160 {
  width: 550px !important;
}
}
@media (max-width: 835px) {
#vtnivo160 {
  width: 520px !important;
}
.custsearch {
  width: 100%;
  max-width: 21%;
}
.nspArt img.nspImage {
  max-width: 90%;
}
}
@media (max-width: 800px) {
#vtnivo160 {
  width: 480px !important;
}
}

@media (max-width: 785px) {
#grid1{
  padding:0;
}
.moduletable-superfish ul {
  max-width: 85%;
  width: 100%;

}
.moduletable-superfish, #nav ul {
  float: none !important;
}
.moduletable-superfish ul li a {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 17px;
  max-width: 100%;
  padding: 0 !important;
  text-align: center;
  width: 100%;
}
.containerBG
{
	padding:0;
}
}
@media (max-width: 768px) {
	.moduletable-superfish ul li {
  max-width: 11.5%;
  width: 100%;
}
.moduletable-superfish ul li a {
  margin-top: 11px;
}
* {
  font-size: 99%;
}
}
@media (max-width: 767px) {

#nav > .moduletable-superfish > ul > li:last-child {
  padding-bottom:12px !important;
}
#nav > .moduletable-superfish > ul > li:first-child {
  padding-top:5px !important;
}
.navRow
{
	position:relative;
}
 
#navtoog {
  display: block;
  position: absolute;
  z-index: 1000000;
  margin-top: 11px;
  right: 22px;
}   
#nav li:hover ul,#nav ul li.sfHover ul {
	left:-1px;top:0px;
	margin:0 !important;
	padding:0 !important; 
}

#navWrap.collapse  {
  display:none;
}
#navWrap.collapse.in  {
   display:block !important;
   overflow: visible;
 
}  
 
#navWrap  ul li {
  width: 100%;
  float: none;
   height: auto !important;
   padding:0 !important;
}
#navWrap.navLeft ul {
  background: #54463b none repeat scroll 0 0;
  height: auto;
  left: 0;
  margin-left: -18px;
  margin-top: 52px;
  padding-left: 10px;
  position: relative;
  z-index: 1000000;
} 

#vtnivo160 {
  width: 100% !important;
  max-width:100% !important;
}	
#navWrapper {
  background:none !important;
}
.top-left_slides,.top-right_sides
{
	max-width:inherit !important;
	width:94% !important;
	float:none !important;
}
.outerWrapper.grid1Row {
  min-height: 600px;
} 
.bothslider_inner_cnt
{
	margin-left:0 !important;
}
.mainRowGradient
{
	float:none !important;
}
.item-61 {
  padding-bottom: 10px !important;
}
.item.column-1 img, .leading-0 img, .leading-1 > img {
  display: block;
  height: auto;
  max-width: 100%;
}
.grid1Row .containerBG, .grid2Row .containerBG, .grid3Row .containerBG, .grid4Row .containerBG, .grid5Row .containerBG, .grid6Row .containerBG {
 
  height: 176px;
 
}
}
@media (max-width: 755px) {
.moduletable-superfish ul li {
  max-width: 50%;
}
.moduletable-superfish ul {
  max-width: 83%;
}
.moduletable-superfish ul li a {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 11px;
  max-width: 93%;
  padding: 0 !important;
  text-align: left;

}
.logoRow .containerBG {
  height: 120px;
  margin-top: -60px;
}

.formsearch {
  margin-top: 68px;
}

}
@media (max-width: 747px) {
	
	#subfooter > .moduletable > .custom > a > img
	{
		margin-left: 0 !important; 
	}
	.nspArt img.nspImage {
  max-width: 60%;
}
}


@media (max-width: 710px) {
	.moduletable-superfish ul li {
  max-width: 100%;
}
.custsearch {
  max-width: 19%;
  width: 100%;
}
}


@media (max-width: 680px) {
.logoRow .containerBG {
  height: 100px;
  margin-top: -70px;
}
.outerWrapper.navRow {
  margin-top: 10px;
}
.outerWrapper.grid1Row {
  min-height: 560px;
}
}
@media (max-width: 640px) {
	.moduletable-superfish ul li a {
  margin-top: 8px;
  max-width: 93%;
  padding: 0 !important;
  text-align: left;
}
#navWrap {
  width: 100%;
  max-width: 94%;
}
.nspArt img.nspImage {
  max-width: 100%;
}
.nspArt.nspCol3 {
  float: none !important;
}
#navWrapper {
  background-position: 625px center;
}
.logoRow .containerBG {
  height: 85px;
 margin-top: -60px;
}
.formsearch {
  margin-top: 55px;
  margin-right:0;
}
.nspTopInterface {
  float: none;
  width:19%;
  padding-left: 15px;
}
.nspArt p.nspText {
 
  padding-left: 7px;
}
.nspText.tleft.fnone {
  display: block;
  min-width: 270px !important;
  width: 100% !important;
}
#vtnivo160 {
  height: 275px !important;
}

}

@media (max-width: 590px) {
.moduletable-superfish ul li a
{
	margin-left:0;
}
.slider-wrapper {
 
  max-height: 259px;
}
}
@media (max-width: 570px) {
.moduletable-superfish ul li {
  max-width: 25%;
}
.slider-wrapper {
 
  max-height: 239px;
}
.nspBotInterface div, .nspTopInterface div {
  float: left;
}
}

@media (max-width: 555px) {
.custsearch {
  max-width: 17%;
  width: 100%;
}
.nspTopInterface {
  float: none;
  width:20%;
}
}
@media (max-width: 545px) {
 
}

@media (max-width: 520px) {
.moduletable-superfish ul li {
  height: auto !important;
  margin-right: 5px !important;
  max-width: 19%;
  margin-top: -4px !important;
  padding-top: 3px !important;
}
}

@media (max-width: 480px) {
	#vtnivo160 {
  height: 183px !important;
}
	.logoRow .containerBG {
  height: 60px;
  margin-top: -60px;
}
#logo {
  margin-top: 10px;
  max-width: 70% !important;
  width: 100% !important;
}
.moduletable-superfish ul li {
  max-width: 18%;
}
.slider-wrapper {
  max-height: 210px;
}
#rightCol h3 {
  margin-left: -2px;
}
 
.mostread-slide.brown {
  margin-left: 15px;
}
.nspTopInterface {
  float: left;
  float: none;
  max-width: 24%;
  text-align: left;
  width: 100%;
}
.banneritem { 
  text-align: center;
}
#leftCol ul li, #rightCol ul li {
  margin-left: auto !important;
  margin-right: auto !important;
 
}
.formsearch {
  float: right;
  margin-right: 140px;
  margin-top: 78px;
  padding-right: 15px;
 
}
h3, .moduletable h3 {
  margin: 20px 0 ;
 
}
.nspCol1 {
 
  padding-left: 15px !important;
}
}
@media (max-width: 470px) {
	#vtnivo160 {
  margin-right: 0px !important;
  max-width: 100% !important;
  padding-right: 0px !important;
  width: 100% !important;
}

.moduletable-superfish ul li {
  max-width: 17%;
}
}
@media (max-width: 435px) {
.moduletable-superfish ul li {
  max-width: 16%;
  height: 20px !important;
}
}
@media (max-width: 414px) {
.logoRow .containerBG {
    height: 50px !important;
    margin-top: -40px;
}
.moduletable-superfish ul li {
  height: 20px !important;
  max-width: 15%;
}
.moduletable-superfish ul li a
{
	margin-left:6px !important ;
}
.formsearch {
 
  margin-top: 68px;
 
}

}

@media (max-width: 393px) {
.moduletable-superfish ul li {
  height: 20px !important;
  max-width: 25%;
}
.custsearch {
  max-width: 14%;
  width: 100%;
}
}
@media (max-width: 373px) {
 
.nspTopInterface {
  float: none;
  max-width:26%;
}
}

@media (max-width: 360px) {
	 
#vtnivo160 {
  height: 119px !important;
}
.outerWrapper.grid1Row {
  min-height: 420px;
}
#vtnivo160 {
    max-height: 155px; 
}

.item-page img {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-right: 5px;
  vertical-align: middle;
}
.nspTopInterface {
  float: none;
  max-width:35%;
}
}
@media (max-width: 340px) {
 
.formsearch {
  margin-right: 100px;
}

}
@media (max-width: 320px) {
	.logoRow .containerBG {
  height: 40px !important;
  margin-top: -40px;
}
#logo {
  max-width: 62% !important;
  width: 100% !important;
  margin-top: 16px;
}
#vtnivo160 {
  max-width: 100% !important;
   max-height: 102px;
}  
.formsearch {
  margin-top: 58px;
}
.nspTopInterface {
  float: none;
  max-width:39%;
}
}

/* responsive end */