/*
# ------------------------------------------------------------------------
# JA Community Plus
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing, 
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full, 
# is bound by the License applied. 
# ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */

span, div, p, a, li, td { -webkit-text-size-adjust:none; }

@font-face {
    font-family: 'GothamHTFUltraItalic';
    src: url('../fonts/gothahtfultita-webfont.eot');
    src: url('../fonts/gothahtfultita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothahtfultita-webfont.woff') format('woff'),
         url('../fonts/gothahtfultita-webfont.ttf') format('truetype'),
         url('../fonts/gothahtfultita-webfont.svg#GothamHTFUltraItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Knockout-HTF29-JuniorLiteweight';
    src: url('../fonts/new/knockout-htf29-juniorliteweight-webfont.eot');
    src: url('../fonts/new/knockout-htf29-juniorliteweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/new/knockout-htf29-juniorliteweight-webfont.woff') format('woff'),
         url('../fonts/new/knockout-htf29-juniorliteweight-webfont.ttf') format('truetype'),
         url('../fonts/new/knockout-htf29-juniorliteweight-webfont.svg#KnockouHTF29-JuniorLiteweight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Knockout-HTF30-JuniorWelterwt';
    src: url('../fonts/new/knockout-htf30-juniorwelterwt-webfont.eot');
    src: url('../fonts/new/knockout-htf30-juniorwelterwt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/new/knockout-htf30-juniorwelterwt-webfont.woff') format('woff'),
         url('../fonts/new/knockout-htf30-juniorwelterwt-webfont.ttf') format('truetype'),
         url('../fonts/new/knockout-htf30-juniorwelterwt-webfont.svg#KnockoutHTF30-JuniorWelterwt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Knockout-HTF49-Liteweight';
    src: url('../fonts/new/knockout-htf49-liteweight-webfont.eot');
    src: url('../fonts/new/knockout-htf49-liteweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/new/knockout-htf49-liteweight-webfont.woff') format('woff'),
         url('../fonts/new/knockout-htf49-liteweight-webfont.ttf') format('truetype'),
         url('../fonts/new/knockout-htf49-liteweight-webfont.svg#KnockoutHTF49-Liteweight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Knockout-HTF48-Featherweight';
    src: url('../fonts/new/Knockout-HTF48-Featherweight.eot');
    src: url('../fonts/new/Knockout-HTF48-Featherweight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/new/Knockout-HTF48-Featherweight.woff') format('woff'),
         url('../fonts/new/Knockout-HTF48-Featherweight.ttf') format('truetype'),
         url('../fonts/new/Knockout-HTF48-Featherweight.svg#Knockout-HTF48-Featherweight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ja-megamenu ul.level0 li a span {font-family: 'Knockout-HTF49-Liteweight'; text-transform:uppercase; font-size:14px;}
.ja-megamenu ul.level1 li a span,
.ja-megamenu ul.level2 li a span,
.ja-megamenu ul.level3 li a span{font-family: Verdana,"Segoe UI",sans-serif;} 




body { color: #333; font-family: Verdana, Geneva, sans-serif; }

body#bd { background: #dce3e4; color: #000000; font-size:11px;}

/* Normal links ---*/
a { color: #33ccff; text-decoration: none; }

a:hover, a:active, a:focus { color: #66d9ff; text-decoration: underline; }

/* Readon links ---*/
p.readmore { float: left; width: 100px; }

p.readmore a {
	background: url(../images/icons/icon-arrow.png) no-repeat 0px 3px;
	color: #97C16B;
	padding-left: 12px;
	text-decoration: none;
	
}

p.readmore a:hover, p.readmore a:focus, p.readmore a:active {
	text-decoration: underline;
}


.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: 'Knockout-HTF48-Featherweight',"Segoe UI", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	text-transform: none;
}

h4 { font-size: 110%; }

h1.componentheading, .componentheading {
	border-bottom: 1px solid #D4CCC5;
	font-weight: normal;
}

h2.contentheading, .contentheading { font-weight: normal; }

h2.contentheading a, .contentheading a { color: #5A9C14; }

.contentheading { font-size: 200%; }

.blog-featured .contentheading { font-size: 220%; color: #5a9c14; }

.blog-featured .contentheading a { color: #5a9c14; }

.jitem-title { font-size: 110%; font-weight: bold; }

.contentpaneopen_edit { margin-left: 10px; position: fixed; right: 0; top: 0; }

/* Others ---*/
hr { border-top: 1px solid #ccc; }

br.clearfix {
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

.inputbox { border: 1px solid #dfddd9; background-color: #ebe9e5; padding: 5px; color: #8B8077; }

.inputbox:hover, .inputbox:focus { background-color: #ffffcc; }

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }

.searchintro { border-bottom: 1px solid #ccc; }

/* Contact ---*/
.ja-contact #ja-mainbody { padding-top: 0; }

.ja-contact-form { padding: 40px 40px 40px 0px; }

.ja-contact-form .left-side { float: left; }
.ja-contact-form .right-side { float: right; }

.ja-contact-form input.inputbox {
	width: 170px;
}

.ja-contact-form textarea.inputbox {
	width: 230px;
	margin-top: 3px;
}

#contact_name {
	padding-left: 25px;
	background-image: url(../images/icon-yourname.png);
	background-position:  5px center;
	background-repeat: no-repeat;
}

#contact_email {
	padding-left: 25px;
	background-image: url(../images/icon-yourmail.png) ;
	background-position:  5px center;
	background-repeat: no-repeat;
}

#contact_subject {
	padding-left: 25px;
	background-image: url(../images/icon-yourname.png);
	background-position:  5px center;
	background-repeat: no-repeat;
}

.jcontact-info { padding: 40px 0px 40px 40px; }

.jcontact-info .right {
	width: 214px;
	margin: 0;
}

.contact_email div { padding: 5px 0; }

.contact_email div.left { padding: 0; }

.contact_email label { display: inline; }

.jcontact-info .left img { margin-top: 30px; }

.jcontact-info .jicons-icons {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

.jcontact-address, .jcontact-email, .jcontact-phone { margin: 10px 0; }

.jcontact-address .jicons-icons { background-image: url(../images/icon-addr.png); }
.jcontact-phone .jicons-icons { background-image: url(../images/icon-phone.png); }
.jcontact-email .jicons-icons { background-image: url(../images/icon-mail.png); }

.jcontact-street, .jcontact-emailto, .jcontact-telephone { display: block; color: #547D29; }

.jcontact-state,
.jcontact-country { color: #547D29; }

.jcontact-state { clear: both; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading { border-bottom: 1px solid #ccc; }

.items-row { }

/* Meta ---*/
.blog-article-tools {
	background: url(../images/gline.gif) no-repeat left top;
	font-size: 92%;
	margin-top: 20px;
	padding: 15px 0 0 0;
}

.article-tools {
	background: url(../images/gline.gif) no-repeat left top;
	padding: 10px 0 0 0;
}

dl.article-info { color: #d4ccc5; width: auto; }

dl.article-info span { color: #97c16b; text-decoration: underline; }

dd.createdby {
	color: #97C16B;
	text-transform: capitalize;
}

.contentdescription { border-bottom: 1px solid #ccc; }

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }

div.article-image {
	float: left;
	margin: 10px 20px 0 0;
	width: 105px;
}

div.article-image img {
	background: #fff;
	border: 4px solid #eeece8;
	margin: 0;
	padding: 1px;
	width: 95px;
}

div.article-content-wrap p { margin: 10px 0 0; }

.img-border {
	background: #fff;
	border: 4px solid #eeece8;
	margin-top: 15px;
	padding: 1px;
}

.left { margin-right: 15px; }
.right { margin-left: 15px; }

/* Tables ---*/
thead tr th {
	background: #333;
	color: #fff;
	padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

table.contenttoc td { border-bottom: 1px dotted #ccc; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

/* Poll */
form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination ---*/
.pagination ul li {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	height: 19px;
	line-height: 15px;
	margin: 0 6px;
	overflow: hidden;
}

.pagination ul li.pagination-start,
.pagination ul li.pagination-next {
	background: url(../images/pagnav-bg.gif) no-repeat left center;
	border-right: 1px solid #ddd;
	margin: 0;
	padding: 0 5px 0 15px;
}

.pagination ul li.pagination-prev,
.pagination ul li.pagination-end {
	background: url(../images/pagnav-bg.gif) no-repeat right center;
	border-left: 1px solid #fff;
	margin: 0 10px 0 0;
	padding: 0 15px 0 5px;
}

.pagination ul li.pagination-next { margin-left: 10px; }

.pagination ul li.pagination-prev strong,
.pagination ul li.pagination-end strong,
.pagination ul li.pagination-start strong,
.pagination ul li.pagination-next strong { border: 0; }

.pagination ul li.pagination-prev span,
.pagination ul li.pagination-end span,
.pagination ul li.pagination-start span,
.pagination ul li.pagination-next span {
	background: none;
	display: inline;
	float: none;
	color: #5A9C14 !important;
}

.pagination ul li span.pagenav, .pagination ul li a.pagenav { padding: 0; }

.pagination li span {
	background: url(../images/circle-green2.png) no-repeat center center;
	display: block;
	float: left;
	width: 20px;
	height: 19px;
	padding: 0 !important;
	text-align: center;
	color: #fff;
}

.pagination li strong a { padding-right: 5px; }

.items-more { border-bottom: 1px solid #ccc; }

.items-more h3 { font-size: 125%; }

p.counter {
	font-size: 92%;
	font-weight: bold;
}

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
	font-size: 115%;
	text-transform: uppercase;
}

.sidebar div.ja-moduletable,
.sidebar div.moduletable {
	color: #000;
	background: #FFF;
	border: 1px solid #e3ded5;
	padding: 0px;
	margin-right:0;
}

/* Moduletable blue ---*/
div.moduletable_menu {
	background: url(../images/ja-megamenu_bg.gif) repeat-x left bottom #14b8d2 !important;
	border: 1px solid #12a6c3 !important;
	color: #fff;
	padding: 15px 0 40px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#ja-container div.moduletable_menu h3 { color: #cef2fc; margin-bottom: 10px; padding: 0 10px; }

#ja-container div.moduletable_menu ul li {
	background: url(../images/menu-sep.png) no-repeat center bottom;
	border: 0;
	padding: 2px 10px;
}

#ja-container div.moduletable_menu a { color: #ABDDE9; font-weight: bold; }

#ja-container div.moduletable_menu a:hover,
#ja-container div.moduletable_menu a:focus,
#ja-container div.moduletable_menu a:active { color: #fff; }

#ja-container div.moduletable_menu li.active a { color: #fff; }

#ja-container div.moduletable_menu ul ul li {
	background: none;
	border-top: 1px dotted #ABDDE9;
	margin: 0;
	padding: 0;
}

#ja-container div.moduletable_menu ul ul li a { text-indent: 0; color: #ABDDE9 !important; }
#ja-container div.moduletable_menu ul ul li a:hover,
#ja-container div.moduletable_menu ul ul li.active a { text-indent: 0; color: #fff !important; }

/* Moduletable blank ---*/
.sidebar div.moduletable_blank {
	background: none;
	border: 0;
	margin-bottom: 10px;
	padding: 0;
}

/* Moduletable no border ---*/
div.moduletable_noborder {
	background: none !important;
	border: 0 !important;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }

/* MAIN COLUMN
--------------------------------------------------------- */
/* Content Top ---*/
.ja-content-top .moduletable_tabswrap h3 {
	background: #E8E5DF;
	border: 1px solid #EFECE7;
	border-bottom: 0;
	margin-bottom: 0px;
	padding: 10px 10px 10px;
	text-shadow: 1px 1px 1px #fff;
}

.ja-content-top .moduletable_tabswrap {
	margin-bottom: 20px;
	padding-bottom: 0;
}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main { /*background: #fff;*/ padding: 0 0 20px; }

.main .main-inner1 { margin-left: 0; margin-right: 0; }

#ja-mainbody { padding-top: 0px; }

#ja-left, #ja-right { }

.sidebar { /*background: url(../images/topsl1-bg.png) no-repeat 0px 0px;*/ }


.ja-frontpage .sidebar { background: none; }

/* One column layout ---*/
body.ja-body-r1 #ja-right div.ja-moduletable {
	margin-left: 10px;
	margin-right: 0px;
	border:none;
}

/* Tabs content layout ---*/
body.ja-tabs-content #ja-mainbody { padding-top: 0; }

body.ja-tabs-content #ja-mainbody .inner { padding: 0 40px 0 0; }

/* Float column ---*/
#ja-main .inner {
	/*padding: 0 40px;*/
}

/* HEADER
--------------------------------------------------------- */
#ja-header .main { padding: 0; }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}

/* Logo Image ---*/
h1.logo { display:none; width: 266px; height: 46px; }

h1.logo a {
	background: url(../images/logo.png) no-repeat left;
	display: block;
	width: 266px;	
	height: 46px;
}

/* Logo Text ---*/
div.logo-text h1 {
	font-size: 200%;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

div.logo-text h1 a {
	text-decoration: none;
}

p.site-slogan {
	color: #ccc;
	display: block;
	font-size: 85%;
	margin: 3px 0 0;
	padding: 0 10px;
	text-transform: uppercase;
}

/* JA Search ---*/
#ja-search { bottom: 30px; }

#ja-search .inputbox {
	background: url(../images/search-bg.gif) no-repeat 0px 0px;
	border: 0;
	color: #6e6865;
	height: 29px;
	padding: 0 25px 0 15px; 
	text-transform: capitalize;
	width: 190px;
}

/* JA Topnav ---*/
#ja-topnav {
	font-family: "Segoe UI", Tahome, Verdana, sans-serif;
	position: absolute;
	right: 250px;
	bottom: 35px;
}

#ja-topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#ja-topnav ul li {
	background: url(../images/topnav-sep.gif) no-repeat right center;
	display: inline;
	padding: 0 10px;
}

#ja-topnav ul li a { }

#ja-topnav ul li a:hover,
#ja-topnav ul li a:focus,
#ja-topnav ul li a:active { text-decoration: underline; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav { }

#ja-mainnav .main { background: url(../images/topsl-bg.gif) repeat-x left top; }

/* Breadcrumbs ---*/
#ja-navhelper .main {
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#ja-breadcrums .main {
	background: url(../images/headline-bg.gif) no-repeat center top #fff;
	border-top: 1px solid #ebe9e5;
}

#ja-breadcrums .main-inner1 {
	padding: 0 15px;
}

#ja-breadcrums strong {
	display: block;
	color: #066783;
	float: left;
	font-size: 100%;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 1px;
	text-transform: none;
}

#ja-breadcrums { height: 30px; line-height: 30px; }

#ja-breadcrums a { color: #97c16b; font-size: 92%; border-bottom: 1px solid #CBE0B5; }

#ja-breadcrums a:hover, #ja-breadcrums a:focus, #ja-breadcrums a:active { text-decoration: none; }

.ja-breadcrums {
	text-indent: 10px;
}

/* Extras ---*/
.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-bottom: 1px dotted #ccc; }

#ja-container ul.menu li li { border-bottom: 0; border-top: 1px dotted #ccc; }

/* HEADLINE
--------------------------------------------------------- */
#ja-headline .main {
	background: url(../images/headline-bg.gif) no-repeat center top #fff;
	border-top: 1px solid #ebe9e5;
}

#ja-headline .main-inner1 {
	padding: 0 15px;
}

#ja-headline .ja-healineswrap em {
	display: block;
	color: #066783;
	float: left;
	font-size: 120%;
	font-style: normal;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.ja-headelines-buttons { margin-top: 10px; }

.ja-headlines { height: 34px; line-height: 34px; }

.ja-headlines span.date { color: #d4ccc5; font-size: 92%; padding-right: 10px; }

.ja-headlines a { color: #97c16b; font-size: 92%; border-bottom: 1px solid #CBE0B5; }

.ja-headlines a:hover, .ja-headlines a:focus, .ja-headlines a:active { text-decoration: none; }

.ja-headelines-pre { background: url(../images/btn-pre.png) no-repeat scroll left top; }
.ja-headelines-next { background: url(../images/btn-next.png) no-repeat scroll left top; margin-right: 5px; }

/* MAP
--------------------------------------------------------- */
#ja-map .main {
	background: url(../images/map-bg.gif) repeat-x center bottom #f7f6f1;
}

#ja-map .main-inner1 { padding: 20px; }

#ja-map .map-container { margin: 0; padding: 0; border: 5px solid #fff; }

/* CUSTOME MODULES
--------------------------------------------------------- */
.ja-content-main {margin-bottom:0;}
#ja-container .main {padding:0;}
#ja-content-bot1 .main { background: url(../images/gsep.gif) no-repeat center top #fff; padding: 20px 0; text-align: center; }

#ja-content-bot1 .ja-moduletable, #ja-tags .moduletable {
	margin: 0;
	padding: 0;
}

span.ctag { color: ; padding-right: 5px; line-height: 1.2; cursor: pointer; }

span.ctag:hover { background: none; text-decoration: underline; }

.size0 { font-size: 80%; font-weight: bold; color: #ae7f64; }
.size1 { font-size: 92%; font-weight: bold; color: #ae7f64;}
.size2 { font-size: 100%; font-weight: bold; color: #5a9c14;}
.size3 { font-size: 110%; font-weight: bold; color: #ae7f64;}
.size4 { font-size: 125%; font-weight: bold; color: #a02016;}
.size5 { font-size: 140%; font-weight: bold; color: #5a9c14;}
.size6 { font-size: 180%; font-weight: bold; color: #5a9c14;}

#ja-content-bot2 .main {
	background: url(../images/content-bot-bg.gif) repeat-x left top #cac7bd;
	border-top: 1px solid #b0aea5;
	padding: 20px 0;
	color: #157e9c;
	font-size: 150%;
	text-align: center;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { overflow:visible; }
#ja-botsl .ja-box-left {border-right:1px solid #d3d3d4;}
#ja-botsl .ja-box-center {border-right:1px solid #d3d3d4;}
#ja-botsl .ja-box-right {}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
	background: 0;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-top: 10px;
	margin-bottom: 30px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }

#ja-slideshow .main {margin-top:10px;}
/* Top spotlight ---*/
#ja-topsl { }

#ja-topsl .main {
	background: url(../images/topsl-bg1.gif) repeat-x left bottom #e7e6e1;
	color: #70635b;
	padding: 10px 0 0;
}

#ja-topsl .main-inner1 { padding: 0 ; }

#ja-topsl .ja-box-right { right: 30px; }

#ja-topsl div.ja-moduletable h3 {
	color: #066884;
	padding-left: 60px;
	font-size: 110%;
	margin-bottom: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #fff;
}

#ja-topsl div.ja-moduletable img { /*margin: 5px 20px 0 0;*/ }

/* Top spotlight 1 ---*/
#ja-topsl1 { margin-top:10px; }

#ja-topsl1 .main {  }

#ja-topsl1 div.moduletable_full { margin-bottom: 10px; padding-bottom: 0; }

#ja-topsl1 .ja-box-full h3 {
	color: #0f86a8;
	font-size: 180%;
	font-weight: normal;
	padding: 0;
	text-transform: none;
}

.ja-box-full img { margin-right: 0px; }

.ja-box-full p { margin-top: 10px; text-align: left; }

.ja-box-full p.readmore { width: 100%; }

.ja-box-full p.readmore a {
	background: url(../images/arrow.gif) no-repeat left center;
	color: #5b9d14;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: underline;
}

#ja-topsl1 div.moduletable-float-left { float: left; width: 168px; }

#ja-topsl1 div.moduletable-float-right { width: 187px; float: right; margin: 0; }

#ja-topsl1 div.moduletable-float-right .ja-box-ct { padding: 10px; }

#ja-topsl1 div.border-wrap h3 { padding: 12px 15px; }

#ja-topsl1 div.border-wrap {
	background: url(../images/grad-l1.gif) repeat-x left top !important;
	border: 1px solid #DCDBD9 !important;
	box-shadow: 0 2px 3px rgba(110, 94, 69, .14);
	-moz-box-shadow: 0 2px 3px rgba(110, 94, 69, .14);
	-webkit-box-shadow: 0 2px 3px rgba(110, 94, 69, .14);
}

.ja-headsp-left { float: left; width:322px!important;}
.ja-headsp-right { width:648px!important; float:right;}
.ja-headsp-left .ja-moduletable { margin: 0; padding:10px 0px 0;}
.ja-headsp-left .ja-bullettin div {margin-left: 10px; width: 200px;}
.ja-headsp-left .ja-bullettin-event div {margin-left: 10px; width: 200px;}



.ja-headsp-left {
	background: #fff; 
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.ja-headsp-right .banneritem1,
.ja-headsp-right .banneritem2,
.ja-headsp-right .banneritem3,
.ja-headsp-right .banneritem4{
	display: block;
    float: left;
	margin-bottom:10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.ja-headsp-right div.ja-moduletable{padding:0; margin:0;}
.ja-headsp-right .bannergroup {margin:0;}
.ja-headsp-right .banneritem2,
.ja-headsp-right .banneritem4{
	margin-left:10px;
}
.ja-headsp-left{
	background: none repeat scroll 0 0 #FFFFFF;
    float: left;
}
.ja-headsp-left,
.ja-headsp-right { height:510px;}

.ja-headsp-left h3,
.ja-headsp-right h3{
	font-family:'Knockout-HTF48-Featherweight',Verdana, Geneva, sans-serif; 
	color: #ffffff !important;
	font-size:45px !important;
	padding:4px !important;
	text-indent:3px;
	line-height:47px;
	display:inline-block;
	background:#7f7f7f;
	font-weight:normal;
}

.ja-headsp-left .mostread-image{}
.moduletable_nppod{ padding:0!important; margin:0 !important;}


.ja-tabs-title h3 span{ font-family:'Knockout-HTF30-JuniorWelterwt',sans-serif; font-size:16px; text-transform:uppercase; font-weight:normal; }

.ja-headsp-right .ja-box-inner { /*padding: 20px 10px 0 10px; */}
.pic-of-the-day-image {}

#ja-topsl .ja-moduletable {padding: 0; margin:0;}

#ja-topsl .banneritem1 {float:left; height:300px;}
#ja-topsl .banneritem2 {float:right; height:300px;}

#ja-topsl div.bannergroup{margin:0;}
/* Top spotlight 2---*/
#ja-topsl2 .main {
	background: url(../images/grad-l2.gif) repeat-x left top #eae7e1;
	border-bottom: 1px solid #c3bbb8;
	padding: 20px 0 0;
}

#ja-topsl2 .ja-box-left .ja-box-ct { padding: 0 30px; }

#ja-topsl2 .ja-box-left .moduletable h3 { padding-left: 30px; }

/* Bot spotlight ---*/
#ja-botsl .main { background: url(../images/botsl-bg.gif) repeat-x left bottom #282421; color: #958678; padding: 0; }

#ja-botsl .main-inner1 { padding: 10px 0px; border-top: 1px solid #edebe3; }

#ja-botsl .ja-moduletable h3 {
	color: #a49d8c;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; 
}

#ja-botsl #submit_btn {}
#ja-botsl li a{padding:0 !important;}
#ja-botsl ul.menu li{ border:none;}

/* JA FOOTER
----------------------------------------------------------- */
#ja-footer { padding:0; display:none; }

#ja-footer .main { text-align: left; }

#ja-footer .main .main-inner1 {
	padding: 0 30px;
}

#ja-footer .ja-footnav {
	position: absolute;
	margin: 0;
	right: 40px;
	top: 0px;
}

.ja-footnav a { border-bottom: 1px solid #486027 !important; color: #5a9c14; }

.ja-footnav a:hover { text-decoration: none; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#ja-top-panel .main-inner1 {
	border: 2px dotted #e2e2b5;
	padding: 5px 10px;
	text-align: center;
	margin-top: 15px;
	background: #ffffcc;
	position: relative;
}

#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv { }

div.ja-innerdiv h4 {
	font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase;
	color: #000000;
    font-size: 20px;
    font-weight: normal;
	border-bottom: 0 none;
    padding-bottom: 0;
}

div.ja-innerdiv .ja-bottom-links {
	float: left;
	margin-right: 45px;
}

#ja-botsl div.ja-innerdiv .ja-bottom-links ul li { background: none; padding-left: 0; }

#ja-botsl div.ja-innerdiv .ja-bottom-links ul li a { color: #699e30; border-bottom: 1px solid #486027; text-shadow: 0 1px 1px rgba(0, 0, 0, 1); }

#ja-botsl div.ja-innerdiv .ja-bottom-links ul li a:hover,
#ja-botsl div.ja-innerdiv .ja-bottom-links ul li a:focus,
#ja-botsl div.ja-innerdiv .ja-bottom-links ul li a:active { text-decoration: none; }

/* Youtube button ---*/
a.ja-icon-video {
	background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
	border: 1px solid #ccc;
	color: #666;
	display: block;
	font-weight: bold;
	position: absolute;
	padding: 5px 5px 5px 43px;
	right: 10px;
	top: 8px;
	text-decoration: none;
	width: 35px;
}

a.ja-icon-video span { color: #666; }

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }

a.ja-icon-video:hover span { color: #0F85D8; }

#ja-absolute .main {
	position: fixed;
	width: auto;
	height: auto;
	z-index: 99999;
	top: 1px;
	left: 1px;
}

#ja-absolute .main a {
	width: 91px;
	height: 99px;
	overflow: hidden;
	display: block;
	background: url(../images/joomla16.png) no-repeat left top;
	text-indent: -9999px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus {
	background-position: left bottom;
}

/* JA Twitter ---*/
div.ja-twitter { margin: 0; padding: 0; }

div.ja-twitter div.ja-twitter-item {
	background: url(../images/line-l1.gif) no-repeat center bottom;
	border: 0;
}

div.ja-twitter center { overflow: hidden; }

a.btn-green {
	background: url(../images/btn-green.png) no-repeat 0px 0px;
	color: #333;
	display: inline-block;
	font-size: 13px;
	height: 31px;
	line-height: 31px;
	width: 121px;
}

a.btn-green:hover,
a.btn-green:focus,
a.btn-green:active {
	text-decoration: none;
}

a.ja-share-this {
	background: url(../images/btn-sharethis.png) no-repeat top left;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 5px 0 10px 0;
	width: 80px;
	height: 29px;
	padding-left: 37px;
	line-height: 29px;
}

p.ja-social img { margin-right: 8px; }

/* Event style ---*/
.event .date {
	color: #e36805;
	display: block;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}

.event .author { color: #56859d; display: block; margin-bottom: 3px; }

.event .author span {
	border: 1px solid #dfddd9;
	display: block;
	float: left;
	font-size: 92%;
	padding: 0 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.event .topic { display: block; margin-bottom: 20px; }

.event a { color: #5b9d14; text-decoration: underline; }

.event a.readon {
	background: url(../images/arrow.gif) no-repeat 5px 5px;
	padding-left: 15px;
}

.event img { vertical-align: middle; }

/* Form Subscribe ---*/
#form-subscribe p { margin: 10px 0; }
.inputbox { border: 1px solid #dfddd9; background-color: #ebe9e5; padding: 5px; color: #8B8077; }

#form-subscribe input.subscribe-name,
#form-subscribe input.subscribe-email {
	background: url(../images/icons/icon-pen.png) no-repeat 10px 8px #ebe9e5;
	border: 1px solid #dfddd9;
	padding: 5px 5px 5px 30px;
	color: #8B8077;
	width: 130px;
}

#form-subscribe input.subscribe-email { background: url(../images/icons/icon-email.png) no-repeat 10px 8px #ECEBE9; }

#form-subscribe .button,
.ja-contact-form .button  {
	background: url(../images/btn-green2.png) no-repeat 0px 0px;
	border: 0;
	color: #333333;
	display: block;
	font-size: 92%;
	font-weight: bold;
	height: 23px;
	line-height: 20px;
	width: 68px;
	text-shadow: 1px 1px 1px #97c16b;
}

.ja-contact-form .button:hover {
	cursor: pointer;
}

/* Hall of Fame ---*/
ul.hall-fame {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

ul.hall-fame li {
	background: none;
	margin: 0;
	padding: 5px 0 !important;
}

ul.hall-fame li img {
	border: 1px solid #fff;
	float: left;
	margin-right: 10px;
}

ul.hall-fame li span.username {
	color: #5A9C14;
	border-bottom: 1px solid #5A9C14;
	font-weight: bold;
}

ul.hall-fame li span.rate {
	color: #ae9e91;
	font-size: 92%;
	text-transform: uppercase;
}

/* Feature post ---*/
.feature-post img { border: 1px solid #fff; }


.feature-post span.post-date {
	display: block;
	font-size: 92%;
	font-weight: bold;
	margin: 10px 0 5px;
}

.feature-post span.title a {
	color: #5A9C14;
	border-bottom: 1px solid #5A9C14;
	font-weight: bold;
}

.feature-post p {
	margin: 10px 0 0;
}

/* Quickaccess ---*/
/*#ja-quickaccess {
	position: absolute;
	right: 15px;
	top: 10px;
}*/
#ja-quickaccess {
	position: absolute;
    right: 0px;
    top: 0px;
	padding: 0px;
}
/*
#ja-quickaccess ul {
	float: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
*/

#ja-quickaccess li {
	background: none;
	color: #ddd;
}

#ja-quickaccess ul.menu {
	/*float:none;	
	margin: 0;
    padding: 0;
    white-space: nowrap;*/
	width:80px;
}
#ja-quickaccess ul.menu li a:hover{
	background:#333;
	color:#33CCFF;
}
#ja-quickaccess ul.menu li a.over{
	background:#333;
	color:#33CCFF;
}
#ja-quickaccess ul.menu li a {
	color: #333333;
	font-family: Verdana,"Segoe UI",sans-serif;
    font-size: 14px;
   	position: relative;
    z-index: 9999;
	line-height: normal;
	display:block;
	padding:13px 5px 12px 10px;
}

#ja-quickaccess ul.menu li ul a {
	border-bottom: 1px dotted #414141;
    color: #CCCCCC;
    font-size: 100%;
    padding: 0;
    position: static;
    text-shadow: none;
    z-index: 0;
	text-decoration: none;
	display:block;
	background:none;
	
}

#ja-quickaccess ul.menu li ul a span {
	font-family: Verdana,"Segoe UI",sans-serif;
    font-size: 85%;
	color: #CCCCCC;
	text-transform: none;
	display: block;
	padding: 5px;
}

#ja-quickaccess ul.menu li a span {
	background:url("../images/arrow_language.png") no-repeat scroll right 5px transparent;
	font-family: 'Knockout-HTF49-Liteweight';
    text-transform: uppercase;
	text-align:right;
	padding:0 21px 10px 0;
}
#ja-quickaccess ul.menu li ul li a span{
	background:#333;
}
#ja-quickaccess ul.menu li a {
	text-decoration: none;
}

#ja-quickaccess ul.menu ul {
	margin-top: 0px;
	background: #333333;
	padding: 10px;
	display:none;
	position:absolute;
	width:110px;
	right:0px;
}

#ja-quickaccess ul.menu ul li:hover a span {
	background: #484848;
	color:#CCCCCC;
}

#ja-quickaccess ul.menu a.over span {
   /* background: url("../images/nav_underline.png") repeat-x scroll 0 14px transparent;*/
    font-weight: normal;
}

/*
#ja-quickaccess li a {
	display: block;
	line-height: 17px;
	color: #fff;
	font-weight: bold;
}*/

#ja-quickaccess li a.login-switch,
#ja-quickaccess li a.register-switch {
	background: url(../images/btn-round-green.png) left top no-repeat;
	padding: 0 15px;
	float: left;
	height: 27px;
	line-height: 25px;
	color: #233d04;
}

#ja-quickaccess li a.register-switch {
	background-position: right top;
	border-left: 1px solid #89CC0F;
}

#ja-quickaccess li a.login-switch.show,
#ja-quickaccess li a.register-switch.show {
	background-position: left bottom;	
	position: relative;
	z-index: 1000;
}

#ja-quickaccess li a.login-switch:hover,
#ja-quickaccess li a.register-switch:hover {
	background-position: left bottom;
	text-decoration: none;	
}

#ja-quickaccess li a.register-switch:hover,
#ja-quickaccess li a.register-switch.show {
	background-position: right bottom;	
}

#ja-quickaccess li a.show span {}

#ja-quickaccess li a.show span { display: block; }

#ja-quickaccess #ja-user-register, #ja-quickaccess #ja-user-login {
	display: none;
	position: absolute;
	right: 0;
	top: 30px;
	text-align: left;
	z-index: 999;
	padding-top: 12px;
	background: url(../images/arrow-05.png) 50px top no-repeat;
}

#ja-quickaccess #ja-user-register {
	background-position: 80% top;	
}

#ja-quickaccess #ja-user-register .main-inner1,
#ja-quickaccess #ja-user-login .main-inner1 {
	background: #47770e url(../images/grad-01.gif) left top repeat-x;
	color: #b8e184;
	width: 165px;
	height: auto;
	overflow: hidden;
	padding: 25px;
	padding-bottom: 0;
	border-radius: 5px 5px 6px 6px;
	-moz-border-radius: 5px 5px 6px 6px;
	-webkit-border-radius: 5px 5px 6px 6px;
	box-shadow: 0 3px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.4);
}

#ja-quickaccess #ja-user-register .main-inner1 {
	width: 370px;
}

#ja-quickaccess #ja-user-login .ja-login-user,
#ja-quickaccess #ja-user-login .ja-login-password,
#ja-quickaccess #ja-user-login .mod_login_remember {
	width: 145px;
	display: block;
}

#ja-quickaccess #ja-user-login .button,
#ja-quickaccess #ja-user-register .button {
	background: url(../images/btn-round-grey.png) right top no-repeat;
	color: #51900f;
	padding: 0 15px 0 0;
	line-height: 28px;
	height: 28px;
	overflow: visible;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
	text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

#ja-quickaccess #ja-user-login .button span,
#ja-quickaccess #ja-user-register .button span {
	line-height: 18px;
}

#ja-quickaccess #ja-user-login .button:hover,
#ja-quickaccess #ja-user-register .button:hover {
	cursor: pointer;
	color: #2F5008;
}

#ja-quickaccess label.invalid, #ja-quickaccess .invalid { color: #960303; }

#ja-quickaccess .button-round {
	background: #fd8b00 url(../images/grad-02.gif) left top repeat-x;
	padding: 10px 25px;
	margin: 20px -25px 0;
	overflow: hidden;
	border-radius: 0 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

#ja-quickaccess .button-round span {
	background: url(../images/btn-round-grey.png) left -30px no-repeat;
	display: block;
	float: left;
	padding-left: 15px;
	width: 67px;
}

#ja-quickaccess label.ja-login-user span,
#ja-quickaccess label.ja-login-password span {
	display: none;
}

#ja-quickaccess #mod_login_username {
	background: url(../images/icon-user.png) 10px center no-repeat;
}

#ja-quickaccess #mod_login_password {
	background: url(../images/icon-pass.png) 10px center no-repeat;
}
#ja-quickaccess #mod_login_username,
#ja-quickaccess #mod_login_password {
	padding-left: 30px;
	background-color: #2F5008;
}

#ja-quickaccess input.inputbox {
	background-color: #2f5008;
	border: 1px solid #2c4b07;
	color: #81a84e;
}

#ja-quickaccess #ja-user-login input.inputbox { margin-bottom: 10px; }

#ja-quickaccess .ja-login-links a {
	background: url(../images/icon-02.png) 5px 8px no-repeat;
	color: #9cd95a;
	padding: 0;
	padding-left: 15px;
	font-size: 92%;
}

#ja-quickaccess li a.logout-switch {
	display: inline;
	float: none;
	margin-left: 3px;
}

/* Custom video layout ---*/
#ja-video { position: relative; z-index: 10; }

#ja-video .main { background: #202020; }

#ja-video .inner { padding: 40px 40px 20px; }

div.video-heading .ja-left-side { background: url(../images/grad-d2.gif) repeat-x left top; float: left; width: 720px; }

div.video-heading .ja-left-side .inner { background: url(../images/grad-d1.gif) no-repeat right bottom; }

div.video-heading .video-info { margin-top: 15px; font-size: 92%; }

div.video-heading .video-info p { display: block; float: left; }

div.video-heading ul.tags { float: right; margin: 0; padding: 0; list-style: none; }

div.video-heading ul.tags li {
	background: #1F282D;
	border: 1px solid #1C2C35;
	display: inline;
	margin-right: 3px;
	padding: 2px 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.video-heading ul.tags li a { border: 0; color: #92B9CF; }

div.video-heading .ja-right-side { float: right; width: 240px; }

div.video-heading .ja-right-side h3 {
	font-size: 180%;
	font-weight: normal;
	margin-bottom: 20px;
}

div.video-heading .ja-right-side p { margin: 0 0 15px; }

/* Custom gallery layout ---*/
div.simple-gallery { position: relative; }

div.simple-gallery h3 {
	font-size: 125%;
	margin-bottom: 20px;
	text-transform: uppercase;
}

div.simple-gallery .ja-box-left,
div.simple-gallery .ja-box-center,
div.simple-gallery .ja-box-right {
	float: left;
	margin: 0 19px;
	width: 195px;
}

div.simple-gallery .ja-box-left { margin-left: 0; }

div.simple-gallery .ja-box-right { margin-right: 0; }

div.simple-gallery .simple-gallery-center a.title {
	display: block;
	font-size: 140%;
	padding: 10px 0 0;
	text-decoration: underline;
}

div.simple-gallery .simple-gallery-center p {
	margin-top: 10px;
}



/* Start of product page css */
.npboxfull{ margin-bottom:10px; width: 980px; margin-top:10px;}
.npbox {
	background:#FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.npinner {  }
.npinner .sail { margin:0 auto; display: block; padding:52px 0;}
.twocol { width: 465px; }
.fourcol { width: 230px; }

.npleft { float: left; }
.npright { float: right; }

.npinner .sail_colorway img { width: 80px; height: auto; }
.npinner .wetsuit_colorway img { display: block; width: 100px; height: auto; }

.npinner .sail_tech ul,
.npinner .wetsuit_colorway ul,
.npinner .sail_colorway ul { padding: 0; margin: 0;}

.npinner .wetsuit_tech ul li,
.npinner .sail_tech ul li,
.npinner .wetsuit_colorway ul li,
.npinner .sail_colorway ul li { list-style: none; float:left; background:none; padding:0; margin:0; }
.npinner .sail_colorway ul li { font-size:12px; color:#33ccff; font-weight:bold; font-style:italic; margin:0 10px 0 0;}

.npinner .wetsuit_colorway ul li { 
	color: #33CCFF;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 0 10px 0 0;
    position: relative;
    width: 189px;
}
.npinner .wetsuit_colorway .wetsuit_colorway_desc {
	bottom: 0;
    display: block;
    position: absolute;
    right: 0;
    width: 89px;
}


.npinner p.description { min-height:130px; }
.npinner .wetsuit_colorway,
.npinner .sail_colorway,
.npinner .sail_tech {padding:15px 0;}
.npinner .sail_tech ul li { width:220px; padding:0 0 15px;}
.npinner .sail_tech img { float: left; }
.npinner .sail_tech span { display: block; float: left; width: 120px; padding:15px 5px; font-size:14px; font-weight:bold; font-style:italic;}

.npinner .wetsuit_tech {padding:35px 0;}
.npinner .wetsuit_tech ul {margin: 0; padding:0;}
.npinner .wetsuit_tech ul li { padding:0 0 15px; margin:0 10px 0 0;  float:none; display:inline-block; vertical-align:text-top; }
.npinner .wetsuit_tech img { float: left; }
.npinner .wetsuit_tech span { display: none; float: left; width: 120px; padding:15px 5px; font-size:14px; font-weight:bold; font-style:italic;}

.padding10 {padding:10px;}

h4.tabh4-2,
h4.tabh4,
.npwwsizechart h2, .npwwsizechart h3,
.download h2,.shapecomparison h2,
.wrc h2,
.npproducts h2,
.npsail07 h2, .npwetsuit07 h2, .npteam07 h2,
.npsail06 h2, .npwetsuit06 h2, .npteam06 h2,
.npsail05 h2, .npwetsuit05 h2, .npteam05 h2,
.npsail04 h2, .npwetsuit04 h2, .npteam04 h2,
.npsail03 h2, .npwetsuit03 h2, .npteam03 h2,
.npsail02 h2, .npwetsuit02 h2, .npteam02 h2,
.npsail01 h2, .npwetsuit01 h2, .npteam01 h2,
.npstoreproduct h2, .npnews h2
 { font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; font-size:30px; color:#333333; margin: 0 0 20px; line-height:27px; text-transform:uppercase; font-weight:normal;}
h4.tabh4-2{font-size:20px; margin:10px 0 -10px 0;}
.npwetsuit01 h2, .npsail01 h2, .npstoreproduct h2 {margin:50px 0 0;}
.wrc h2 {margin-bottom:10px;}

.npsail07 h3, .npwetsuit07 h3, .npteam07 h3,
.npsail06 h3, .npwetsuit06 h3, .npteam06 h3,
.npsail05 h3, .npwetsuit05 h3, .npteam05 h3,
.npsail04 h3, .npwetsuit04 h3, .npteam04 h3,
.npsail03 h3, .npwetsuit03 h3, .npteam03 h3,
.npsail02 h3, .npwetsuit02 h3, .npteam02 h3,
.npsail01 h3, .npwetsuit01 h3, .npteam01 h3,
.npstoreproduct h3
{font-size:15px; font-weight:normal; color:#33ccff; font-style:italic; margin:5px 0 20px; text-transform:uppercase;}
.npwetsuit01 .description,
.npsail01 .description,
.npstoreproduct .description
{font-size:14px; font-weight:normal; font-style:italic; width:444px;}

.highlight {color:#33ccff;}
.uppercase {text-transform:uppercase;}

.npsail04 h3{font-size:12px; font-weight:normal; color:#33ccff; font-style:italic; margin:20px 0 5px; text-transform:uppercase;}
.npsail04 p{margin:0;}
.npsail04 .riderimg{float:left; margin:20px 10px 0 0;}
.npsail04 .description { display:block; float:left; width: 360px; font-style:italic;}

.npsail07 .testresults{float:left; margin:20px 10px 10px 0;}
.npsail07 .description { display:block; float:left; padding:0 0 0 20px; width:70%; font-style:italic;}
.npsail07 .description p {margin:0; }
.npsail07 .description h3{padding: 0 0 5px; margin:0; font-style:italic;}
.npsail07 .imgtestresults{ width: 140px; height: 165px;float: left;}

.npsail07 .npreadmore { margin:20px 0 0 0; }
.npsail07 .npreadmore a,
.npsail07 .npreadmore a:focus,
.npsail07 .npreadmore a:active { color:#33ccff; }
.npsail07 .npreadmore a:hover { color:#99ccff; }

.npsail01 h2,
.npsail01 h3,
.npsail01 .description,
.npstoreproduct h2,
.npstoreproduct .description { width:400px; }

.npsail02 {height:200px;}
.npsail03 {height:510px;}
.npsail05, 
.npsail06,
.npsail07 {width:960px;}

table.npspecs { width:960px; margin:0px 0 0;}
table.npspecs th { color:#33ccff; text-align:center; font-size:12px; font-style:italic; text-transform:uppercase; padding-bottom:20px; }
table.npspecs td { font-size:12px; padding-bottom:5px; text-align:center; }

table.usermanual { width:960px; margin:20px 20px 0; font-style:italic;}
table.usermanual th { color:#33ccff; text-align:left; font-size:12px; font-style:italic; text-transform:uppercase; padding-bottom:20px; }
table.usermanual td { font-size:12px; text-align:left; }

table.npchart { width:960px; margin:3px 0 0;}
table.npchart th { text-align:center; font-size:12px; font-style:italic; padding:0 0 20px 0; }
table.npchart td { text-align:center; font-size:12px; padding:1px 0; }
table.npspecs tr.color,
table.npchart tr.color{background:#f5f5f5;}

.footnote {color: #777777; display: block; font-size: 10px; margin: 20px 0 5px;}
.seeitinaction { width:710px; }
.seeitinaction-ww { width:960px; }
.seeitinaction-ww p { text-align: center;}
.sailgallery { width: 220px; }

.sailgallery ul { padding: 0; margin: 10px 0;}
.sailgallery ul li { list-style: none; float:left; background:none; padding:0; margin:0 0 5px 0; }
.sailgallery img { width:105px; background:#33ccff; }
.sailgallery img.col1 {  margin-right:7px; }


.wetsuit_range_chart { width:420px; }
.wetsuit_range_chart .twocol { width: 200px; }
.wetsuit_range_chart h4 { font-weight:bold; color:#33ccff; font-style:italic; margin:5px 0 0px; }
.temperature .chart {background:url(../images/rainbow_range.png) no-repeat; width:200px; background-position:0 16px;}
.temperature .chart span{display: block; height: 16px; width: 40px; position:relative;}
.stretch .chart span{display: block; height: 16px; position:relative;}
.temperature .chart span.region{background:#33ccff; margin:0 auto;}
.stretch .chart span.region{background:#33ccff;}
.temperature .chart div {position: relative; text-align: center; width: 100px; line-height:16px;}
.stretch .chart {background:#c7c7c7; margin-top:16px;}

.box {width: 220px; float: left; padding: 0 13px 30px 0;}
.box_icon{position: absolute; padding:10px;}
.box_icon img{float:left;}
.box_icon_text{position: absolute; margin: 0pt 0pt 0px 10px; color:#33ccff; font-weight: bold; font-style: italic; width:90px;}
.box h4 {font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; font-weight:normal; color:#33ccff; margin:5px 0 0px; font-size:18px;}
.box .description {margin:0; padding:0;}

.feature_icon{position: absolute; padding:0px;}
.feature_panel{padding:60px 0 0 0; display:block;}


#nptopnav{ font-size:15px; 
    font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; 
	float:right; 
	margin-top:7px;
}

#nptopnav ul.menu{
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

#nptopnav ul.menu li{
	float: left;
    padding: 0 10px;
	line-height:10px;
	border-bottom: none;
}
#nptopnav ul.menu li a{color: #333333; text-transform:uppercase;}

#nptopnav ul.menu li a.active,
#nptopnav ul.menu li a:hover, #nptopnav ul.menu li a:active, #nptopnav ul.menu li a:focus{ background:url(../images/nav_underline.png) repeat-x 0 20px; text-decoration:none;}
.backview{padding: 10px; position: absolute;}



.npproducts {padding: 20px;}
.npproducts h2{margin:0;}
.sku {padding:5px 0; display:block;} 
.colortxt {font-weight:bold; display:block;}

.npinner .assorted_color ul {margin:10px 0; width:100%; display:block;}
.npinner .assorted_color ul li { margin:0; padding:0; float:left; background:none;}

.npproducts .npleft .col1,
.npproducts .npleft .col2 {float:left;}
.assorted_color {margin:10px; padding-left:20px;}
.header { font-weight:bold; color:#33ccff; }
div.features { margin-left:30px; }
ul.features { margin: 5px 20px 5px 0; padding: 0 0 0 16px; width:200px; }
ul.features li{ background: none; list-style: disc outside none; margin: 0; overflow: visible; padding: 0; }
ul.sizes {margin: 5px 0; padding: 0; width:200px; }
ul.sizes li{ float:left; list-style: none; padding:0 8px 0 0;text-align: center; width: 25px; background:none; font-size:11px; }

.col3{width:380px;}
.colors ul, 
.thickness ul {margin: 5px 0; padding: 0; width:200px; }
.colors ul li,
.thickness ul li{ float:left; list-style: none; padding:0 10px 0 0; background:none;}

.col3 .colors, .col3 .thickness, .col3 .sizes{margin-bottom:20px;}
.col3 ul.sizes {margin:0; width:410px;}
.sizes ul.sizes li{background: none;}

.npfootwear .footwear {margin-top:20px; margin-left:10px;}
.npfootwear ul.features {width: 200px; margin:0; padding:0;}

.npfootwear .thickness ul li,
.npfootwear .colors ul li {background:none; padding:0;}
.npfootwear .sizes ul li {padding:0 3px; width:30px;}

.wrc {padding:10px;}
table.wrc { width:820px; padding:0 0 0 20px;}
.wrc .npleft img{padding-bottom:20px; padding-right:20px;}
table.wrc th{padding:0;}

.download {}
.download .box {padding: 0 10px 20px 0; width: 230px;}
.download table td{font-size:12px; padding:0;}
.download table td a{ text-decoration:underline;}
.download b{padding:5px 0 3px 0; display:block}

.shapecomparison .npright {width: 450px;}
.shapecomparison .npleft{width: 450px; margin-right:20px;}
.shapecomparison {padding:20px;}
.shapecomparison h2{margin:0 0 10px;}


.npbox .banner{
	height: 200px;
    margin: 10px;
    position: relative;
    top: 10px;
}

.npcenter{text-align:center;}

.npextensions {position: relative;}

.npextensions h4 {font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; color:#33ccff; font-size: 17px; line-height: 24px; margin: 0; text-transform: uppercase; font-weight:normal;}
.npextensions p.description{font-size: 12px;font-style: normal; height: auto; margin: 0; padding: 0 20px 0 0; width: auto;}
.npextensions h2 { font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; font-size:36px; color:#33ccff; margin: 0 0 0px; line-height:27px; text-transform:uppercase; width:960px;}
.npextensions .npcode {font-weight: bold; position: absolute; right: 20px; top: 6px;}
.npextensions .highlight {}
.npextensions .npleft{padding-left: 10px;}


/* End of product page css */

/* product overview css */
#product-container { width:100%; }
#product-container #product-item { background:#FFF; float:left; margin:0 9px 6px 0; position:relative; overflow:hidden; }
#product-container #product-item img#product_image { position:relative; z-index:11; top:0; left:0; width:192px; height:320px; }
#product-container #product-item #product-desc { background: url("../../../images/stories/tops/tops_blk_bar.png") repeat scroll 0 0 transparent; text-align: left; margin:0 4px 0 0; position:absolute; top:98px; left:0; width:100%; z-index:12;  height:144px; }
#product-container #product-item #product-desc #product-box { display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; padding:6px; }
#product-container #product-box h1 { font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; font-size: 24px; text-transform: uppercase; }

#product-desc p{line-height:13px; padding:0 10px; text-decordation:none;}
.tops-container a:hover,
#product-item a:hover{text-decoration:none;}
.wetsuits-container #product-item img#product_image { margin:25px; }
.wetsuits-container #product-item { width:238px; text-align: center; }
.wetsuits-container div#product-item.last { margin:0 !important;}
.wetsuits-container #product-item #product-desc { display:none; background:#33CCFF !important; top:0 !important; height:100% !important; }
.wetsuits-container #product-item #product-desc #product-box { bottom: 2px; position:absolute; }
.wetsuits-container #product-item #product-desc #product-name { position:relative; margin: 0 0 0 10px; }
.wetsuits-container #product-item #product-desc #product-name span { font-size: 36px; position: absolute; line-height: 35px; bottom:0px; }
.wetsuits-container #product-item #product-desc h1 { font-size:20px; padding:0; margin:0; }
.wetsuits-container #product-item #product-desc h2 { font-size:12px; padding:0; margin:0; }
.wetsuits-container #product-item #product-name2 { display:block; margin-bottom:10px; }
.wetsuits-container #product-item #product-name2 span { color: #33CCFF; font-size: 36px; line-height: 35px; }
.wetsuits-container #product-item #product-name2 h1 { font-size:20px; padding:0; margin:0; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; }
.wetsuits-container #product-item #product-name2 h2 { font-size:12px; padding:0; margin:0;font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; }

.tops-container #product-item { margin: 0 11px 11px 0 !important;}
.tops-container #product-item.last { margin:0 !important;}
.tops-container #product-item #product-desc { float:left; margin:0 4px 0 0; position:absolute; top:0; left:0; width:100%; z-index:12; height:100%; }
.tops-container #product-item #product-desc #product-box { top:129px; width:300px;}
.tops-container #product-item #product-desc #product-box p { margin:0; padding:0; font-size:11px; line-height:15px;}
.tops-container #product-item #product-desc #product-box h1 { margin:0px 0px 10px 0px; padding:0; }

.sail-container #product-item { width:238px; height:365px; text-align:center; }
.sail-container div#product-item.last { margin:0 !important;}
.sail-container #product-item img { width:auto; height:317px; padding:10px 0 0 0; }

.sail-container #product-item #product-desc {
    background: none repeat scroll 0 0 #33ccff !important;
	display:none;
	height: 365px !important;	
}
.sail-container #product-item .product-name {
	font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;
	padding:0;
	margin:0;
	text-align:left;
	padding:0 0 0 10px;
	text-transform: uppercase;
	font-weight: normal;
}
.sail-container #product-item #product-box { text-align: left; display:table-cell !important; vertical-align:middle; 
	position:static !important; }
.sail-container #product-item #product-box .product-name {
	color:#ffffff;
}
h1.category-name {
	font-size:36px;
	font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;
	color:#3f3f3f;
	margin:0;
	padding:10px 0 0;
	text-indent: 5px;
    text-transform: uppercase;
}
#sail-container { clear:both; }

/* End of product overview css */

/* New Overview */
#npnews {box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.npnews .date{font-weight:normal; text-transform: normal; font-style:none; margin-top:0px; font-size:11px;}
.npnews .box{width:225px;}
.npnews .box h4 {margin:0; text-transform:normal; line-height:18px;}
.npnews .box img{border:0;}
.npnews .last {padding-right:0;}
.npnews h2 { margin: 0 0 10px; }
/* End of New Overview */

.newsletter-intro{
	color: #333333;
    font-size: 11px;
    /*font-style: italic;*/
    line-height: 13px;
    margin-bottom: 10px;
	width:200px;
}
#newsletter_email{
	background-color: #FFFFFF;
    border-color: #959595 #CECECE #E7E7E7;
    border-style: solid;
    border-width: 1px;
	padding: 5px;
}
#submit_btn {
    background: #666666;
    color: #FFFFFF;
    font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;
    padding: 4px 6px;
    right: 0;
    text-transform: uppercase;
	border:0;
	cursor: pointer;
	font-size: 15px;
}
#submit_btn:hover {
    background: #33CCFF;
    color: #FFFFFF;
}


.ja-social{display: block; }
.ja-social a.facebook,
.ja-social a.twitter,
.ja-social a.youtube { display: block; height: 30px; width: 30px; float:left; padding-right:10px;}
.ja-social a.flickr { display: block; height: 30px; width: 56px; float:left; padding-right:10px;}


.ja-social a.facebook{ background:url("../images/social/icon-facebook.gif") no-repeat; }
.ja-social a.twitter{ background:url("../images/social/icon-twitter.gif") no-repeat; }
.ja-social a.youtube{ background:url("../images/social/icon-youtube.gif") no-repeat; }
.ja-social a.flickr{ background:url("../images/social/icon-flickr.gif") no-repeat; }

.ja-social a:hover.facebook{ background:url("../images/social/icon-facebook-over.gif") no-repeat; }
.ja-social a:hover.twitter{ background:url("../images/social/icon-twitter-over.gif") no-repeat; }
.ja-social a:hover.youtube{ background:url("../images/social/icon-youtube-over.gif") no-repeat; }
.ja-social a:hover.flickr{ background:url("../images/social/icon-flickr-over.gif") no-repeat; }

#ja-botsl li{
	background: none repeat scroll 0 0 transparent;
    /*font-style: italic;*/
    margin-bottom: 0;
    padding-left: 0;
	font-size:11px;
}
#ja-botsl li a,
#ja-botsl li a:active,
#ja-botsl li a:hover,
#ja-botsl li a:focus{ color: #333333;}

.the-tube-item-title a{
	font-weight: bold;
	font-style:italic;
	line-height:15px;
}
.the-tube-item-title{
	margin: 10px 0;
}

.npteam h3 {font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; color:#33ccff; font-size: 36px; line-height: 27px; margin: 0 0 10px; text-transform: uppercase;}
.npteam{background:#ffffff;}
.npteam div.moduletable {margin:0;}
.npteam .left {width:470px; padding:10px; margin-right:0;}
.npteam .right {width:480px; margin-left:0; padding:10px 10px 10px 0;}

.npteam .profile{padding:10px; border: 1px solid #DDD; margin-bottom:30px;}
.npteam .photo{padding:10px 0 10px 10px; margin-bottom:30px;}
.npteam .interview,
.npteam .video{padding:10px 0 10px 10px;}

#ja-botsl {
	margin-top:10px;
}
#ja-botsl .ja-moduletable h3 {
    line-height: 15px;
}

a.discover-more {
    display: block;
    margin-top: 10px;
}

a.discover-more span {
    background: url("../images/arrow-discover-more.png") no-repeat scroll right center transparent;
    padding-right: 10px;
}

.tops-container{padding:10px 0 0 0;}

/*Section Top Navigation*/
div.top-panel-menu {margin:0; padding:5px 10px; position:relative; top:6px;}
div.top-panel-menu h3{font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; float:left; color:#333333 !important; font-size:15px; margin:0; padding:3px 2px 0 0;font-style: normal;font-weight: normal;}
div.top-panel-menu .ja-box-ct{float:right;}
div.top-panel-menu ul.menu{margin:0;}
div.top-panel-menu ul.menu li{ background:none; padding:0 5px 0 20px; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; float:left; font-size:15px; text-transform:uppercase;margin-bottom: 0;}
div.top-panel-menu ul.menu li a{color:#333333;}
div.top-panel-menu ul.menu li.active a,
div.top-panel-menu ul.menu li a:active,
div.top-panel-menu ul.menu li a:hover,
div.top-panel-menu ul.menu li a:focus{ text-decoration:none; background-image:url("../images/nav_underline.png"); background-repeat:repeat-x; background-position:0px 17px;padding-bottom:5px;}
div.top-panel-menu ul.menu li a span{padding-bottom:5px;}
/*End of Section Top Navigation*/


.size-table { margin: 50px 0 0; }
table.npsize th { padding: 0px;  color: #33CCFF; font-size: 12px; font-style: italic; text-align: left;  text-transform: uppercase; }
table.npsize td{padding:0;}
.size-table h3 { font-size:18px; font-weight:bold; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; margin: 0 0 0 0; }
.size-table .size-table-right { border-left: 1px solid #CCCCCC; padding: 0 0 0 10px; }
img.windrange {float:left;}


.npproducts ul li {
    background: url("../images/bullet.gif") no-repeat scroll 2px 7px transparent;
    line-height: 160%;
    margin-bottom: 0px;
    overflow: hidden;
    padding-left: 13px;
	padding-right:20px;
}

/* NPBOOM */
.npboom .npinner{position: relative;}
.npboom #desc{left: 20px; position: absolute; top: 20px; width: 900px;}
.npboom .npinner h3{font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; margin: 0 0 0 0;font-size: 15px; font-weight: normal; line-height: 20px;color: #33CCFF; text-transform:uppercase;}

/* End of NPBOOM */

/* Harness */
.harness-box { margin-top:10px; display:inline-block; height:330px; }
.harness-box .harness-pic { float:left; margin-right: 10px; }
.harness-box .harness-text { float: right; width: 310px; }

.boomsfeatures .box{width:170px;}
.boomsfeatures .box2{width:270px; padding-right:40px;}
.boomsfeatures .last {padding:0;}

.npothers ul.features{margin:0; padding:0;}
.npothers ul.thickness,
.npothers ul.sizes{margin:0; padding:0;}
.npothers ul.thickness li,
.npothers ul.sizes li{margin:0; padding:0; background:none;}

.npvests ul.sizes li{width:auto; padding: 0 14px 0 0;}
.npvests .assorted_color ul{width: 420px;}
.npvests .assorted_color ul li{}

.npwwsizechart h2, .npwwsizechart h3{margin:0;}
.npwwsizechart h3 {font-size:24px;}
.npwwsizechart table.npspecs td{padding:0;}
.npwwsizechart table.npspecs th{padding:0;}
.npwwsizechart table.npspecs {margin:10px 0 30px;}
.npwwsizechart table.last {margin:10px 0 0px;}

div.npnews {background:#FFF; margin: 10px 0 0; padding: 20px;}
div.npnews .npnews {background:none; margin:0; padding:0;}

iframe#blockrandom {margin-top:10px;}

#ja-right2 div.ja-moduletable h3 {
	padding:36px 10px 0;
    color: #414141;
    font-family: 'Knockout-HTF48-Featherweight',Verdana,Geneva,sans-serif;
	font-weight:normal;
    font-size: 30px;
    line-height: 27px;
    margin: 0;
    text-transform: uppercase;
}

#ja-right2 .ja-bullettin li div {width:180px!important; padding:0 0 0 10px;}
#ja-right2 .ja-bullettin li p.description {display:none;}
#ja-right2 .ja-bullettin li a.mostread {color: #414141; font-size: 11px;}

.npnews .article-tools {position:absolute; top:10px; background:none;}
.npnews .contentheading {margin:10px 0 10px;color: #000000; font-size:36px; text-decoration:none; line-height: 33px;}
a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus {text-decoration:none;}
.npnews .contentheading a{color:#414141;}

.npteam01 h4{padding:5px 5px 0; font-style:normal;}
.npteam01 .description{padding:0px 5px 0;margin:0 0 5px 0;}
.npteam01 img{width:227px;}
.npteam01 a.npteam{line-height:10px;}
.npteam01 .box {width:227px;}
h2.section_title{font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif; font-size:15px; color:#333333; margin: 0; text-transform:uppercase;margin: 9px 0 7px !important; padding: 0 0 0 10px !important; text-transform: uppercase; float:left; font-weight:normal;}

#npteam01 {margin:0;}
#npteam01 .npboxcol {margin:0 10px 10px 0}
.npboxcol {margin: 0 10px 20px 0; padding:5px;}
#npteam01 .npboxcol-last{margin: 0;}
table.rider_qna td {
    border: 0 none;
    vertical-align: top;
}
#npwetsuit01 {margin-top:0;}

.ja-megamenu ul.level1 li.mega .group-title a.mega span.menu-title {
    font-family:'Knockout-HTF49-Liteweight',Verdana, Geneva, sans-serif;
	color:#33ccff;
}
dl.article-info dd, dl.article-info dt {
    color: #AAA;
/*    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;*/
    display: inline;
    font-size: 11px;
    margin: 0;
    padding: 0 5px 0 0;
}

.npnews img, .npnews object{max-width:625px; padding:10px 0;}

#npsail01 .SocialBookmark,
#npwetsuit01 .SocialBookmark,
.npnews .SocialBookmark {
	background-color: #F5F5F5;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    margin: 0px 10px 10px 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;	
	width:97%;
	display: inline-block;
}

.npnews .SocialBookmark { margin: 0px; width:98%; }

#npsail01 .social,
#npwetsuit01 .social,
.npnews .social { margin: 0 0 6px 10px; position: relative; }

.addthis_pill_style { margin:0px 2px; }
#windrange-dis { font-size:10px;}
#windrange-dis p{margin:0px;}
#windrange-dis b{margin-bottom:0px;}

.newsletter_title h3 {
	color: #33CCFF;
    font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;
    font-size: 36px;
    line-height: 27px;
    margin: 0 0 20px;
    padding: 0px;
    text-transform: uppercase;	
}

/* vm category list */
.npvmcategorylist h3,
.vmProductDetail h3,
.vmProductAsk h3,
.vmCartList h3,
.vmRecentProducts h3 { 
	font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;
    text-transform: uppercase;
	line-height: 15px;
	color: #000000;
    font-size: 20px;
    font-weight: normal;
	margin: 0 0 20px;
}

.npvmcategorylist .last {padding-right:0;}
.npvmcategorylist .box { width:225px; padding:0px; margin:0 15px 15px 0; }
.npvmcategorylist .pagination li {
	background:none;
	display: block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
    margin: 0 6px 0 0;
	padding:0px;
    overflow: hidden;
}
.npvmcategorylist .pagination li span {
	background:none;
	color: #33CCFF;
	width:auto;
	height:auto;
}
.npvmcategorylist .pagination {
	float:none;
}

.npvmcategorylist a:hover, .npvmcategorylist a:active, .npvmcategorylist a:focus { text-decoration:none; }
#vmTopPanelMenu {margin-top:0; padding-top:0;}


#npvmdesc .npstore p{margin:0;}

.com_user #ja-right,
.com_virtuemart #ja-right{display:none; background:#333; left: 0; position: absolute; top: 10px; width:320px!important;}
.com_user #ja-right div.moduletable,
.com_virtuemart #ja-right div.moduletable{background:none; border:none; margin-right:10px; color:#cccccc; font-size:11px;}

.com_user #ja-right div.moduletable h3,
.com_virtuemart #ja-right div.moduletable h3{color:#33CCFF; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; font-weight:normal;}
.com_user #ja-right div.ja-moduletable ul ,
.com_virtuemart #ja-right div.ja-moduletable ul {margin: 0; border-color: #555555; border-style: dotted none; border-width: 1px 0 0;margin-top:10px;}
.com_user #ja-right div.ja-moduletable ul li,
.com_virtuemart #ja-right div.ja-moduletable ul li{ background: none; border-color: #555555; border-style: dotted none; border-width: 0 0 1px ;  margin:0;}
.com_user #ja-right div.ja-moduletable ul li a,
.com_virtuemart #ja-right div.ja-moduletable ul li a{display: block; padding: 5px 0; color:#ccc;}
.com_user #ja-right div.ja-moduletable ul li a:hover,
.com_virtuemart #ja-right div.ja-moduletable ul li a:hover{color:#33CCFF; text-decoration:none;}
.com_user #ja-right .vmCartModule a,
.com_virtuemart #ja-right .vmCartModule a{color:#CCC; text-decoration:none;}
.com_user #ja-right .vmCartModule a:hover,
.com_virtuemart #ja-right .vmCartModule a:hover{color:#33CCFF; text-decoration:none;}

.com_user #Mod182 h3 a,
.com_virtuemart #Mod182 h3 a{color:#333333;  padding-right:20px; background:url(../images/drop-down.png) no-repeat right 3px; }
.com_user #Mod182 h3 a:hover,
.com_virtuemart #Mod182 h3 a:hover{text-decoration:none;}
.vmAccountIndex{min-height:400px;}
.vmRegistration h3,
.vmForgetPassword h3,
.vmProductAsk h3,
.vmForgetUsername h3,
.vmAccountIndex h3{font-size: 20px; color: #000000; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; font-weight: normal; margin: 0; text-transform: uppercase;}
#vmMainPage #vmLogin{min-height:300px;}
.shop_info, .shop_tip, .shop_error{background-image:none !important; font-weight:normal !important; font-size:10px !important; font-style:italic;}

.com_virtuemart #ja-mainbody{width:100% !important;}
#ja-right #username_vmlogin, #ja-right #password_vmlogin {width:200px;}
.com_virtuemart #ja-right hr {border-top: 1px dotted #555555;}
#vmRegistration legend.sectiontableheader{font-size:12px !important;}
#vmRegistration .formField {margin:1px 2px 2px !important;}
#vmRegistration fieldset {margin-bottom:30px;}
#vmRegistration .formLabel{font-weight:normal!important; text-align:left!important; font-size:11px !important;}
#vmRegistration .inputbox {width:400px;}
#vmRegistration select.inputbox,
#vmRegistration #agreed_field {width:auto;}#vmRegistration #agreed_field{margin-top:10px;}

.com_virtuemart .npstoreproduct img{margin:20px 0 10px;}

.vmProductAsk .inputbox{width:400px;}
.vmProductAsk #contact_name {background-image:none; padding-left:5px;}

.productPrice {color:#33CCFF; font-size:25px; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;}
.com_virtuemart h2{color:#000000;}
.continue_link { text-transform::uppercase; }
.continue_link:hover, .checkout_link:hover, a.checkout_link:focus, .continue_link:focus
 { text-decoration:none;}
.continue_link span.text, .checkout_link span.text { text-transform:uppercase;padding-top: 2px;}
.continue_link span.text{padding-right:10px;}
.checkout_link span.text{padding-left:10px;}
.npvmcategorylist .productPrice {font-size:14px; font-family: Verdana,Geneva,sans-serif;}
.npvmcategorylist .vmProduct a {color: #000000; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; font-size: 18px; font-weight: normal; line-height: 15px;}
.npvmcategorylist .box .vmProduct {/*border-bottom: 1px solid #CCC;*/ margin-bottom:10px; min-height:280px;}
.article-content #title{font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;background:url(../images/title-bg.png) repeat; line-height:72px; padding:5px 10px;text-transform:uppercase;}
.article-content #title span{color:#FFF; font-size:72px;}
.article-content .caption{line-height: 30px;}
.jwts_tabbertab .npboxfull{margin-top:0;}

.epicriders p{line-height:20px;}
h2.ridername{font-family: 'Knockout-HTF29-JuniorLiteweight',Verdana,Geneva,sans-serif;font-size: 72px; font-weight: normal; line-height: 52px; text-transform: none; margin-bottom: 20px;}
h2.ridertitle{font-size:22px; font-weight:normal; text-transform:none;}
.epicriders-overview-rides a, .epicriders a{ color:#333; text-decoration:underline;}
ul.myrides{margin:10px 0 40px;}
ul.myrides li{background:none; padding-left:0;}
.back_btn {background: #666666; border: 0 none; color: #FFFFFF!important; cursor: pointer; display: inline-block; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; font-size: 15px; left: 440px; margin-top: 20px; padding: 3px 19px; position: relative; text-transform: uppercase; text-decoration:none!important;}
.back_btn:hover{background: #33ccff;}

.epicriders-overview h2{font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;}
.epicriders-overview h3{font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif;font-size: 21px;font-style: normal;text-transform: none;line-height: 16px;margin: 10px 0 0;width: 135px;}
.overview-rider{display: inline-block;float: left;margin: 0 12px 0 0; height:230px;}
.overview-rider-last{margin: 0 0px 0 0;}

ul.rider_online_icons li{background:none!important; padding: 0 5px 0 0 !important;}
ul.rider_online_icons {float:left;margin: 0;}


textarea,
input {background-color: #FFFFFF; border-color: #959595 #CECECE #E7E7E7; border-style: solid; border-width: 1px; padding: 5px;}
.form-list ul {list-style: none outside none; margin: 0;}
ul.form-list li {margin: 0; padding: 5px 0; background:none;}

ul.form-list li label {font-weight:bold;}
ul.form-list li label i {color:#900;}


ul.form-list #fullname,
ul.form-list #address,
ul.form-list #zipcode,
ul.form-list #city,
ul.form-list #country,
ul.form-list #tel,
ul.form-list #email{width:260px;}
.search-result-container{ height: 80px; padding: 10px;}
.search-result-container .remark{color: #F70000; margin: 10px 0 5px 8px;}

button{
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	background: none repeat scroll 0 0 #666666; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: 'Knockout-HTF49-Liteweight',Verdana,Geneva,sans-serif; font-size: 15px; padding: 4px 12px; right: 0; text-transform: uppercase;}
h2.subtitle{font-size: 22px; text-transform: none; width: 280px;}
#color-table #color{width: 14px;height: 14px;display: block;border: 1px solid #999;position: relative;left: 50%;}
#color-table tbody tr td,#color-table thead tr th {text-align:center;}

#jquery-overlay {
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

#jquery-lightbox-container {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 10000;
}

#jquery-lightbox {
    line-height: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
}
#lightbox-container-image-box {
    background-color: #FFFFFF;
    height: 50px;
    margin: auto;
    padding: 0;
    text-align: center;
    width: 50px;
}
#lightbox-close {
    background-image: url("../images/btnClose.png");
    display: none;
    float: right;
    height: 30px;
    left: 647px;
    position: absolute;
    top: -16px;
    width: 30px;
}
#lightbox-close a {
    display: block;
    height: 30px;
    width: 30px;
}
#lightbox-container-image {
    padding: 10px;
}

ul.warranty-form li label { float:left; width: 45%; }
ul.warranty-form div.input-box { float:left; }

ul.contactus-form li label { float:left; width: 30%; }
ul.contactus-form div.input-box { float:left; }
ul.contactus-form div.input-box #comment { width:450px; height:100px; }

ul.callusdirectly { list-style: none outside none;  padding: 0; }
ul.callusdirectly li.fields {
    height: 73px;
    margin: 0;
}
ul.callusdirectly .field {
	float: left;
    width: 45%;
}
ul.callusdirectly .field #photo {
    display: block;
    float: left;
    height: 60px;
    padding-right: 10px;
    width: 60px;
}
ul.callusdirectly .field #text {
    float: left;
}


.new-link, .new-link:hover, .new-link:focus { font-family: 'Knockout-HTF49-Liteweight',"Segoe UI", Tahoma, Verdana, sans-serif; color:#ffffff; text-decoration:none; }
.event-bold { font-weight:bold; }

.moduletable_jatabs h3 { width:216px; }
ul.ja-bullettin li{background:none;}

.npnews .news-event-rss-container {
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 33px;
    width: 20px;
}
.npnews .news-event-rss-container span {
    background: url("../../../modules/mod_jabulletin/images/rss.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 20px;
    text-indent: -100px;
    width: 20px;
}

.npnews .news-event-rss-container a span { background-position:0px 0px; }
.npnews .news-event-rss-container a:hover span { background-position:-25px 0px; }
