@import url(/NSWBC/SubSites/HBC/css/setup.css);
@import url(/NSWBC/SubSites/HBC/css/nav.css);
@import url(/NSWBC/SubSites/HBC/css/poll.css);

/* CSS Document for HUnter Business Chamber */

body, div, form, input, fieldset, legend, h1, h2, h3, h4 {line-height: 1;}

body, p, div, select, input, textarea, label {font:11px/1.3 Tahoma, Verdana, Arial; color: #00275B;}

#mainContent div, #mainContent p, #mainContentSmaller p, #mainContent li, #mainContentSmaller li {font-size: 12px;}

body p {padding: 0 0 10px 0; }

body #mainContent p {padding: 0 0 15px 0;
                      margin-left: 0;}


/* Framework Setup */

body {
	background: #f2f2f2 url("../images/bgs/body-bg.gif") center top repeat-y;
    color: #5e5e5e;
    height: auto;
	}

#frame {
	background: #ffffff;
    margin: 0 auto;
    width: 975px;
	}

/*******************/
/* Top Banner Area */
/*******************/

#topNav {
	height: 20px;
	background-color: #000;
	margin-bottom: 1px;
	padding-right:195px;}

#banner {
	width: 779px;
	height: 107px;
	float: left;
	margin-right: 1px;
	}

#login, #login-active {
	width: 175px;
	min-height: 105px;
	height: auto !important;
	height: 105px;
	padding: 5px 10px 10px 10px;
	background-color: #00275B;}

#login p {padding: 0;}
#login img.loginLogo {float: right; margin: 0;}
#login h4 {float: left; display: inline; width:80px;margin: 5px 0 0 0;}
#login-active .welcome {
	height: 16px;
	color: #fff;
	margin: 5px 0;
	padding-top: 3px;
	line-height: 1;}
img.hotline {float: left;margin: 10px 0 0 0; display: block;}

#search {
	width: 175px;
	height: 22px;
	padding: 5px 10px;
	background:url("../images/bgs/bg-search.gif") 0 0 no-repeat;}

#logoImage {
	float: left;
    padding: 22px 0 0 22px;
    width: 250px;
    }


.loginNswbcLogo {
    position: absolute;
    margin-left: 25px;
    margin-top: 5px;
}

/*************************/
/* Main Structural Setup */
/*************************/

#bottomFrame {clear: both;}
.leftColumn, .leftColumnTop {
	float: left;
	width: 779px;
	margin-right: 1px;
	clear: left;
	}

.rightColumn, .rightColumnTop {
	float: left;
	width: 195px;
	}

.leftColumnTop {
	margin-right: 0;
	width: 780px;}

.leftContentColumn, .rightContentColumn {
	width: 389px;
	float: left;
	margin-right: 10px;}

.rightContentColumn {
	width: 380px;
	margin-right: 0;}
	
#mainContentFrame {
	clear: both;
	margin-top: 10px;
	overflow: hidden;}

#mainContent {
	float: left;
	width: 574px;
	margin-top: 10px;
	overflow: hidden;}

#contentHolder {
	margin: 0;
	padding: 10px 0 20px 10px;
	background:url("../images/hr.gif") 0 0 no-repeat;}

#homeRightLastColumn {min-height: 195px; height: auto !important; height: 202px;}

/* For wider left columns and smaller mid frames */

#leftColumnContent {
	float: left;
	margin: 45px 10px 0 0;
	/*width: 185px; - 52 more*/
	width: 237px;
	}
#mainContentSmaller {
	float: left;
	/* width: 574px; - 52 less*/
	width: 522px;
	margin-top: 10px;
	overflow: hidden;}
/* split the content area into 2 columns */
.doubleColumnLeft, .doubleColumnRight { 
	float: left;
	width: 282px;
	margin: 0 10px 0 -10px;
	overflow: hidden;}
#mainContentSmaller .doubleColumnLeft, #mainContentSmaller .doubleColumnRight {
	margin: 0 10px 20px 0;
	width: 270px;
}
.doubleColumnRight {margin: 0;}
#mainContentSmaller .doubleColumnRight  {margin: 0; width: 230px;}
.shadedColumn .scTitle {
	width: 271px;
	height: 26px;
	font-size: 14px !important;
	font-weight: bold;
	font-family: Verdana;
	background:url("../images/bgs/bg-scTitle.gif") 0 0 no-repeat;
	padding: 7px 0 0 11px;}
.shadedColumn .scContent {
	width: 262px;
	background:url("../images/bgs/bg-scContent.gif") left bottom no-repeat;
	padding: 20px 10px;
	overflow: hidden;
	margin-bottom: 20px;}
.shadedColumn .scContent p {padding: 0 0 10px 0 !important;}
.scForm label {
	display: block;
	width: 70px;
	height: 24px;
	float: left;
	margin: 2px 0 0 0;}
.scForm input {
	float: left;
	background:url("../images/bgs/bg-input-med.gif") 0 0 no-repeat transparent;
	width: 178px;
	margin: 0 0 5px 0;
	height: 21px;
	border: 0px;
	font-size: 11px !important;
	font-family: Tahoma;
	color: #8094ae;
	line-height: 1;
	padding: 0 0 0 5px;
	}
.scForm input.btnLogin-lg 
{
    cursor: pointer;
	width: 121px;
	background:url("../images/btn-login-lg.gif") 0 0 no-repeat transparent;
	padding: 0;
	margin: 5px 0 5px 132px;}
.scForm input.btnRegister-lg 
{
    cursor: pointer;
	width: 121px;
	background:url("../images/btn-register-lg.gif") 0 0 no-repeat transparent;
	padding: 0;
	margin: 5px 0 5px 132px;}
p.forgotPass {
	font-size: 11px !important;
	float: right;
	margin-right: 8px;
	padding: 0 !important;
	}
/********************/
/* Page Style Setup */
/********************/

.darkGreyBox {
	background-color: #00275b;
	margin-bottom: 1px;
	padding: 5px 10px 9px 10px;
	overflow: hidden;
	}

.lightGreyBox {
	background-color: #00275B;
	margin-bottom: 1px;
	padding: 5px 10px 9px 10px;
	overflow: hidden;}

.rightGenericBox {
	margin-bottom: 1px;
	overflow: hidden;}

.boxIcon {
	float: left;
	width: 54px;
	margin-top: 5px;}

.boxIconRight {
	width: 121px;
	float: left;}

.followIcons {
	padding: 5px 0 0 0;
	clear: left;}

.followIcons img {
	float: left;
	margin: 0 5px 0 0;}
	
.LogoImg
{ max-height: 200px; max-width:200px;}	
	
.socialBtns{ margin-bottom:10px;}	
.socialBtns div
{
    float: left; margin:0 5px;
    }

.greyHighlightBox {
	margin: 0 0 15px -10px;
	padding: 10px 10px 0 10px;
	background:url("../images/bgs/bg-searchListHdr.gif") 0 0 no-repeat #efefef;}

.rightInfoTopSpacer {margin-top: 70px;}

.toolIcons {
	margin-bottom: 1px;
	min-height: 48px;
	height: auto !important;
	height: 48px;
	overflow: hidden;
	background:url("../images/bgs/bg-toolIcons.gif") 0 0 repeat-y #777a7c;
	}

.toolIcon {
	float: left;
	width: 48px;
	text-align: center;
	padding: 8px 0;
	}

.toolHeader {
	float: left;
	width: 137px;
	line-height: 1.1;
	padding: 8px 0 8px 10px;
	color: #fff;
	font-size: 14px;}
	
.toolHeader a
{
    color: #fff !important;
}
/************/
/* Homepage */
/************/

/* Video Area */
.-youtube-tubeplayer- {
    margin-top:-10px;
}
.videoPreview  {
    float:left; width:262px;display: inline-block; margin-right:20px; margin-top:10px;
}

.videoPreview .videoImage {
    float: left; margin: 0 10px 10px 0; clear: right
}

.videoPreview Img  {
    float:left;
}

.videoHolder {
	overflow: hidden;
	margin: 0 0 20px 10px;}

.videoLink {
	float: left;
	width: 194px;
	height: 164px;
	margin-right: 10px;}

.videoDetails {
	float: left;
	width: 175px;}

/* Upcoming Events */
.eventsHolder {overflow: hidden;}

.eventsMonth {
	background-color: #efefef;
	overflow: hidden;
	height: 20px;
	padding: 8px 0;
	display:none;
	}

.eventsMonth a {
	display: block;
	float: left;
	margin-right: 12px;}

.eventsMonth a.sel {color: #ababac;}

.eventsDetails {
	float: left;
	width: 361px;
	background-color: #efefef;
	padding: 0 0 0 10px;}

p.eventDate {color: #909192; padding: 0 0 4px 0;}
p.eventTitle {font-weight: bold; padding: 0 0 8px 0;}
p.eventTitle a {font-weight: bold; padding: 0 0 8px 0; color: #B2071B;}

/* Latest News */
.newsHolder {width: 340px; margin: 0 0 10px 10px; overflow: hidden;}
img.newsImage {float: left; width: 102px; height: 102px; margin: 0 10px 10px 0; clear: right}
p.newsDetails {clear: both; line-height: 1.4;}
.newsDate {color: #909192;}
.newsTitle {font-weight: bold; color: #B2071B;}

body p.newsItemDate {
	color: #7b7d7e;
	margin: -10px 0 0 1px !important;
	}
a.lnk-moreInfo-lg {
	font-size: 17px !important;
	padding-right: 27px;
	background:url("../images/arw.gif") right 3px no-repeat;}
/* Featured Product */
.productHolder {width: 340px; margin: 0 0 0 10px; overflow: hidden;}
img.productImage {float: left; width: 62px; height: 62px; margin: 0 10px 0 0; clear: right}
p.productDetails {clear: both; line-height: 1.4; padding: 0;}
.productTitle {font-weight: bold; color: #B2071B;}

.rightColumn p.productDetails {margin-left: 10px;}

div.newsItemDate {
	color: #7b7d7e;
	margin: 2px 0 2px !important;
}

/**********************/
/* Main Content Pages */
/**********************/

#breadcrumbs{
	height: 23px;
	color: #909192;
	margin: -2px 0 5px 10px;
	font-size: 11px;}

#breadcrumbs a {font-size: 11px;}
#mainContent ul, #mainContentSmaller ul {
	list-style-type: none;
	margin: 0 0 20px 0;}
	
#mainContent ol, #mainContentSmaller ol {
	margin: 20px 0 0 25px;}

#mainContent ul li, #mainContentSmaller ul li {
	margin: 0 0 5px 10px;
	padding-left: 16px;
	background:url("../images/bul2.gif") 0 4px no-repeat;}

.paraImage {float: left; margin: 0 10px 10px 0}
.videoFrame {float: left; margin: 5px 10px 5px 0}

/* Product Pages */

.productList, .productListFeature {
	width: 574px;
	overflow: hidden;
	margin: 0 0 10px -10px;}

.productListFeature {background-color: #f7f7f7;}
.productListHdr {
	background:url("../images/bgs/bg-productListHdr.gif") 0 0 no-repeat;
	height: 27px;
	width: 564px;
	padding: 6px 0 0 10px;
	font-weight: normal;
	font-size: 15px;
}

.productListImg {
	float: left; 
	width: 130px; 
	height: 130px;
	padding: 15px 0 0 15px;
	background:url("../images/bgs/bg-productListImg.gif") 0 0 no-repeat;
	}

.productListImg img{
	width: 115px; 
	height: 115px;}

.productListDetails {
	float: left; 
	width: 329px; 
	font-size: 12px;
	margin: 9px 15px 0 0;
}
.productListBtns {
	float: left; 
	width: 85px; 
	padding: 10px 0 0 0px;}

.productListBtns img {margin-bottom: 3px;}

.productDetail {overflow: hidden; margin-bottom: 20px;}
.prodDetailInfo {
	float: left; width: 324px;
	padding-left:10px;}
.prodDetailInfo p {padding: 0 0 10px 0 !important; font-size: 13px !important; }
.prodDetailImg {float: left; width: 230px;}
/* Search Result Pages */
#searchResultsScroll {
	margin: 0 0 20px -10px;
	overflow: hidden;}
.searchListSelected {
	width: 498px;
	overflow: hidden;
	margin: 0 0 10px 0;
	/*background-color:#CCCCCC;*/}
.searchList {
	width: 498px;
	overflow: hidden;
	margin: 0 0 10px 0;}
.searchtListHdr {
	background:url("../images/bgs/bg-searchListHdr.gif") 0 0 no-repeat;
	height: 26px;
	width: 485px;
	padding: 7px 0 0 10px;
	font-weight: bold;
	font-size: 14px !important;
}
.searchtListDetails {
	float: left; 
	width: 371px; 
	font-size: 12px;
	margin: 9px 13px 0px 0;
	padding-left: 10px;
	overflow: hidden;
}
.doubleColumnLeft .searchtListDetails {margin-bottom: 10px;}
.doubleColumnLeft .searchtListDetails {
	padding-left: 0;
	margin-top: 0;
	width: 270px;}
.searchtListDetails p {}
.searchtListDetails p.srchTitle, .searchtListDetails p.srchDesc {
	float: left; 
	padding: 0 !important; 
	margin-bottom: 2px;
	}
.searchtListDetails p.srchTitle {
	font-weight: bold;
	clear: left;
	width: 75px;}
.searchtListDetails p.srchDesc {width: 281px;}
.doubleColumnLeft .searchtListDetails p.srchDesc {
	width: 195px;}
.srchIcon {
	float: right;
	margin: -15px 0 0 384px;
	width: 101px;
	height: 31px;
	padding: 2px 0 0 0;}
.searchtListBtns {
	float: left; 
	width: 101px;
	padding: 20px 0 0 0px;
	}
.doubleColumnRight .searchtListBtns {width: 230px; padding: 0;}
.searchtListBtns img {margin-bottom: 3px;}
.locationMap {margin: 10px 0;}
.locationMap a {font-size: 11px;}
.businessLogo {
	padding: 10px 0;
	clear: both;
	}
	
	
img.businessSpecialOffer
{
    float:right !important;
}
/* Summary Lists */

.summaryList, .summaryListDbl, .iconList {margin: 20px 0 0 0; overflow: hidden;}

.summaryIcon {
	width: 43px; 
	margin-right: 7px;
	float: left;
	clear: left;
	margin-bottom: 20px;}

.summaryDesc {
	width: 500px; 
	float: left;
	margin-bottom: 20px;
	font-size: 12px;}

.summaryDesc .summaryTitle {color: #b2071B; font-weight: bold;}

.summaryListDbl .summaryIcon {clear: none;}
.summaryListDbl .summaryDesc {width: 215px; margin-right: 15px;margin-bottom: 30px;}

.iconList .summaryIcon {
	width: 135px;
	height: 135px;
	margin-right: 10px;
	background-color: #ececec;}

.iconList .summaryDesc {
	width: 410px; 
	min-height: 135px;
	height: auto !important;
	height: 135px;}

/* Cart Styles */

.cartInfoBox p{color: #fff; padding: 0}
.rightIcon {float: left; width: 50px;}
.rightInfo {float: left; width: 181px;}

/* Pagination */
.PagerResults
{
    display:none;
}

.PagerNumberArea {
	clear: both; 
	margin: 30px 0;
	line-height: 1;
	color: #cacaca;
	font-size: 11px;
	overflow: hidden;
	text-align:center;
	
	}

.PagerNumberArea a {
	/*display: block;
	float: left;
	padding: 0 8px 0 8px;
	height: 15px;
	border-right: 1px solid #e4e4e4;*/}

.PagerNumberArea a.sel {color: #cacaca;}

.PagerNumberArea a.btn {display: inline; padding: 0;}

.PagerNumberArea a.btn img.floatL {margin-right: 5px;}
.PagerNumberArea a.btn img.floatR {margin-left: 5px;}

.PagerNumberArea a.last, .PagerNumberArea a.btn {border: 0;}

.pagination {
	clear: both; 
	margin: 30px 0;
	line-height: 1;
	color: #cacaca;
	font-size: 11px;
	overflow: hidden;}

.pagination a {
	display: block;
	float: left;
	padding: 0 8px 0 8px;
	height: 15px;
	border-right: 1px solid #e4e4e4;}

.pagination a.sel {color: #cacaca;}

.pagination a.btn {display: inline; padding: 0;}

.pagination a.btn img.floatL {margin-right: 5px;}
.pagination a.btn img.floatR {margin-left: 5px;}

.pagination a.last, .pagination a.btn {border: 0;}


/* Tabbed Areas */

#tabs {margin: 10px 0;}

#mainContent #tabs ul#tabControls {
	margin: 0 0 0 0;
	display: block;
	list-style-type: none;
	height: 42px;
	}

#mainContent #tabs ul#tabControls li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 0 0 0 8px;
	background-image: none;
	height: 42px;
	background:url("../images/nav/bg-tab-off-L.gif") 0 0 no-repeat;}

#mainContent #tabs ul li:hover {}

#mainContent #tabs ul#tabControls li.selected {background:url("../images/nav/bg-tab-on-L.gif") 0 0 no-repeat;}
	
#mainContent #tabs ul#tabControls li span {
	display: block;
	height: 42px;
	white-space: nowrap;
	background:url("../images/nav/bg-tab-off-R.gif") right 0 no-repeat;
	padding-right: 8px;
	}

#mainContent #tabs ul#tabControls li.selected span {background:url("../images/nav/bg-tab-on-R.gif") right 0 no-repeat;}
	
#mainContent #tabs ul#tabControls li span a {
	color: #00275B;
	display: block;
	padding: 17px 0 0 0;
	height: 25px;
	font-size: 13px;
	font-family: Verdana;
	background:url("../images/nav/bg-tab-off.gif") 0 0 repeat-x;}

#mainContent #tabs ul#tabControls li.selected span a {
	padding: 7px 0 0 0; 
	height: 35px;
	background:url("../images/nav/bg-tab-on.gif") 0 0 repeat-x;}

#mainContent #tabs ul#tabControls li.selected span a {color: #fff;}

#mainContent #tabs ul#tabControls li span a:hover {text-decoration: none;}

.tabContent {
	width: 574px;
	background:url("../images/bgs/bg-tabContent.gif") 0 0 no-repeat;
	padding-top: 4px;
	margin-left: -10px;}
	
.tabDataContent {
	width: 574px;
	background:url("../images/bgs/bg-tabContent.gif") 0 0 no-repeat;
	padding-top: 4px;}

.tabInner {
	background:url("../images/bgs/bg-tabInner.gif") 0 bottom repeat-y;
	padding: 25px 10px;}

.tabOuter {
	background:url("../images/bgs/bg-tabOuter.gif") 0 bottom no-repeat;
	padding: 0 0 4px 0;}	
	
.tabInner h2
{
    font-family: Arial !important;
    font-size: 17px !important;
    color: #B2071B;
    font-weight: bold;
}

/*#mainContent .tabInner ul {
	list-style-type: none;
	margin: 0 10px !important;
	height: auto !important;}

#mainContent .tabInner ul li {
	margin: 0 0 5px 10px;
	padding-left: 16px !important;
	height: auto !important;
	float: none !important;
	background:url("../images/bul2.gif") 0 4px no-repeat !important;
	}
*/

#mainContent #tabs .dataEntryForm ul li {
	background: none;
	padding-left: 0;}

.reWrapper {
	clear: left;overflow: hidden;}

.dataEntryForm input.btnSubmit {margin: 0;}

/* Tab Switch */

.selectSwitch, .selectSwitchClear {
	float: right;
	height: 27px;
	padding-top: 15px;
	width: auto;
	margin-right: 10px;}

.selectSwitchClear {
	float: none;
	height: 27px;
	padding-top:0px;
	width: auto;
	margin-right: 10px;}
/**************/
/* Typography */
/**************/

h1 {
	font-weight: normal;
	font-size: 25px !important;
	margin: 0 0 9px 10px;
	font-family: Arial;}

.h1LikeStyle 
{
    line-height: 1;
	font-weight: normal;
	font-size: 25px !important;
	margin: 0 0 9px 10px;
	font-family: Arial;}

h2 {
	font-weight: bold;
	font-size: 17px !important;
	font-family: Arial !important;
	margin: 0 0 12px 0;
	padding: 0;}
h3 {font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 14px; 
	font-family: Arial;}
h4 {
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial;
	margin: 0 0 10px 0;}
h5 {font-weight: bold; 
	font-size: 11px; 
	font-family: Arial;
	margin: 0 0 10px 0;
	clear: both;}
h2.orangeLine, h2.greyLine, h2.greyLineShaded {
	background:url("../images/bgs/bg-h2-home.png") 0 0 no-repeat;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	padding-left: 11px;
	line-height: 1.1;
	margin: 0 0 12px -10px;
	clear: both;
	font-weight: normal;}

.leftContentColumn h2.orangeLine, .summaryDesc h2.orangeLine, .rightContentColumn h2.orangeLine {margin-left: 0;}

h2.orangeLine span, h2.greyLine span, h2.greyLineShaded span {
	border-top: 1px solid #b2071B;
	color: #000;
	padding: 8px 11px 0 0;
	font-size: 15px;
	display: inline-block;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	line-height: 1.2}

h2.greyLine span, h2.greyLineShaded span {border-top: 1px solid #cacaca;font-size: 14px !important; font-weight: bold; }
body h2.greyLine {background:url("../images/bgs/bg-greyLine.gif") 0 0 no-repeat;}
body h2.greyLineShaded {background:url("../images/bgs/bg-searchListHdr.gif") 0 0 no-repeat;}
#mainContent h2.orangeLine span, #mainContent h2.greyLine span, #mainContent h2.greyLineShaded span, 
#mainContentSmaller h2.orangeLine span, #mainContentSmaller h2.greyLine span, #mainContentSmaller h2.greyLineShaded span {
	display: block;
	font-family: Arial;
	font-size: 17px;}

#mainContent .summaryDesc h2.orangeLine span, #mainContent .summaryDesc h2.greyLine span {font-size: 14px;}
#mainContent .summaryDesc h2.orangeLine span a, #mainContent .summaryDesc h2.greyLine span a {color: #494d50;font-size: 14px; font-weight: bold;}

.rightColumn h2.orangeLine {margin: 10px 0 8px 0;}
.rightColumn h2.orangeLine span {display: block;}

h2.orangeLine span img, h2.greyLine span img {float: left; margin-right: 10px;}
h2 span.buttons {padding: 8px 0 0 0 !important;}
h2.greyLine span.buttons img {float: right; margin: 0 0 0 10px;}

.eventsHolder h2.orangeLine {
	background-color: #e7e7e7;
	margin-bottom: 0;}

h3 {font-weight: bold;
	margin: 0 0 5px 0;}

#tabs h3 {
	font-size: 14px;
	margin: 0 0 20px 0;
	}
h4 {
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial;
	margin: 0 0 10px 0;}
.leftHeader {
	font-size: 15px;
	margin: 0 0 10px 10px;}

.lightGreyBox h4, .darkGreyBox h4, #login h4 {
	float: left;
	margin: 5px 0;
	width: 175px;}

a, a:link, a:hover, a:active, a:visited {
	color: #b2071b; 
	outline: none; 
	text-decoration: none; 
	font-weight: normal;}
a:hover {text-decoration: underline;}

a.lnk-viewMore {
	display: block;
	line-height: 1;
	height: 15px;
	margin: 151px 0 0 0;
	position: absolute;
	}

h2 a.lnk-viewAll {
	font-size:11px;
	font-family: Tahoma;
	float: right; 
	padding: 11px 10px 0 0;
	}

a.lnk-attach-pdf {
	background:url("../images/icons/pdf.gif") 0 0 no-repeat;
	display: block;
	padding: 0 0 0 25px;
	margin-bottom: 6px;}
a.lnk-viewMap {
	background:url("../images/icons/envelope.gif") 0 0 no-repeat;
	display: block;
	width: 0px;
	padding: 5px 0 0 32px;
	line-height: 1;
	height: 15px;
	font-size: 11px !important;
	margin: 0 0 5px 0;
	}
a.lnk-exportPDF {
	display: block;
	width: 102px;
	height: 30px;
	text-indent: -9000px;
	float: right;
	margin-bottom: 10px;
	background:url("../images/icons/lnk-exportPDF.gif") 0 0 no-repeat;}
a img {border: none; }
input[type="submit"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner {border : 0px;} 

.alert {color: #e21d0e; font-weight: bold;}
.green {color: #1eae06; font-weight: bold;}

.errorMessage {color: red !important;}
.errorMessage hr {margin-top: 10px !important;}

.receiptOverlay {
	padding: 0 !important;
	margin-bottom: 20px;
	background:url("../images/headings/receipt.gif") right bottom no-repeat;}
.usage {
	font-size: 11px; padding-bottom: 8px;
	overflow: hidden;}
	
	
.usage-counter-left
{
    font-size:10px; 
    color:#000;
    padding: 2px 0 0 2px;
}

.usage-counter-right
{
    font-size:10px; 
    color:#000;
    padding: 2px 2px 0 0;
    float: right;
}
	
div.usageTitle {
	float: left;
	height: 19px;
	padding: 3px 8px 0 0;}
div.usageBar {
	display: block;
	float: right;
	margin: 0 0 0 0;
	background:url("../images/bgs/bg-usage-bar.gif") 0 0 no-repeat;
	width: 206px;
	height: 17px;
	line-height: 1;
	padding: 3px 2px 2px;}
div.usageBar span {
	display: inline-block;
	height: 17px;
	}
div.usageBar span.green { background-color: #1eae06}
div.usageBar span.red { background-color: #e21d0e;}
hr {
	width: 574px;
	margin: 0 0 7px -10px;
	height: 5px;
	color: #fff;
	border: 0px;
	border-top: 1px solid #b2071b;}
div.dotted {
	border-top: 1px dotted #bababa;
	height: 1px;
	line-height: 1;
	margin-bottom: 10px;}

.floatL {float: left;}
.floatR {float: right;}
/***************/
/* Form Styles */
/***************/

.labReq
{
    color:Red;
}

.validationFieldNoteText
{
    color:Red;
}
    
input.txtLarge, input.txtSearch, input.txtRightColumn, input.txtLargeWhite, select.DropDownField, input.txtChangeColor, 
input.txt-48, input.txtSmall, input.TextBoxField {
	width: 141px;
	height: 21px;
	background:url("../images/bgs/bg-input.png") 0 0 no-repeat transparent;
	border: 0px;
	color: #bdbdbd;
	font-family: Arial Narrow;
	line-height: 1.2;
	padding: 0 0 0 5px;
	margin: 0 1px 5px 0;
	float: left;}
input.txtSmall, .searchForm input.txtChangeColor {
	width: 86px;
	padding-left: 2px;
	background:url("../images/bgs/bg-input-small.gif") 0 0 no-repeat;}
#leftColumnContent input.txtLarge, input.txtLargeChangeColor {
	background:url("../images/bgs/bg-input-237.gif") 0 0 no-repeat;
	width: 237px;
	margin-right: 0px;}
input.txt-48 {
	background:url("../images/bgs/bg-input-48.gif") 0 0 no-repeat;
	width: 48px;}

input.txtChangeColor, input.txtLargeChangeColor {color: #00275b; font-family: Tahoma, Verdana;}


input.txtSearch {
	width: 126px;
	background:url("../images/bgs/bg-input-srch.png") 0 0 no-repeat transparent;
	padding: 0 0 0 20px;}

select.selRightCol, select.selLogin {
	width: 143px;
	height: 21px;
	padding: 2px 0 0 2px;
	margin: 0 1px 5px 0;
	float: left;}

select.selLogin  {width: 121px; margin-bottom: 0;}
input.txtLargeWhite, input.TextBoxField {
	width: 269px;
	background:url("../images/bgs/bg-input-lg-white.png") 0 0 no-repeat transparent;
	text-transform: none;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	float: left;
	font-size: 11px !important;
	font-family: Tahoma;
	color: #494d50}


input.txtLarge, input.txtLargeChangeColor{
	width: 269px;
	background:url("../images/bgs/bg-input-lg.gif") 0 0 no-repeat transparent;
	text-transform: none;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	float: left;
	font-size: 11px !important;
	font-family: Tahoma;
	color: #494d50}
	
input.cbxDataInput
{
    
    margin-bottom:2px;
    }
/*div.cbxLeft
{
    float:left;
    width:50%;
}

div.cbxRight
{
    float:left;
    width:49%;
}
    */
    
div.cbxMarketingPref
{
    float:left;
    width:49%;
    height:25px;
}
div.cbxLeft input.cbxDataInput
{
    margin-left:0px;
    
    }
div.cbxRight input.cbxDataInput
{
    margin-left:0px;
    
    }
div.cbxDataContainer
{
    height: 10px;
    }
	
select.DropDownField {
	width: 269px;
	background:url("../images/bgs/bg-input-lg-white.png") 0 0 no-repeat transparent;
	text-transform: none;
	padding: 0 0 0 5px;
	margin: 0 5px 5px 0;
	float: left;
	font-size: 11px !important;
	font-family: Tahoma;
	color: #494d50}
	
label.labDataInput {
	display: block;
	float: left;
	width: 80px;
	height: 19px;
	padding-top: 2px;
	padding-left: 20px;
    padding-right: 10px;
	margin-bottom: 5px;
	clear: left;
	font-size: 11px !important;
	}
	
label.labCbxDataInput
{
    padding-left:10px;
    clear: left;
    font-size: 11px !important;
    height: 19px;
    margin-bottom: 5px;
    padding-right: 10px; 
    padding-top: 2px;
}
	

label.labStd {
	display: block;
	float: left;
	width: 75px;
	height: 19px;
	padding-top: 2px;
	margin-bottom: 5px;
	clear: left;}
	
label.labReq {
	display: block;
	float: left;
	padding-top: 2px;
	margin-bottom: 5px;
	clear: left;
	color:Red;
	}


textarea.txtAreaLargeWhite {
	float: left;
	border: solid 1px #DDD;
	width: 259px;
	height: 74px;
	font-size: 11px !important;
	color: #353739;
	padding: 5px;
	overflow-y: auto;
	margin-bottom:5px;}
	

textarea.txtAreaLarge {
	float: left;
	border: solid 1px #DDD;
	width: 259px;
	height: 74px;
	font-size: 11px !important;
	color: #353739;
	padding: 5px;
	overflow-y: auto;
	margin-bottom:5px;}
	
#textarea-wrap {

}


.contactForm {
	overflow: hidden;
	margin-bottom: 20px;}
	
.dataEntryForm 
{
    margin-top:20px;
	/*overflow: hidden;*/
	margin-bottom: 20px;}

.dataEntryLongRightLabel .labDataInput
{
    width:150px;
    text-align:right;
    }	

input.rad {width: 20px; height: 20px; float: left;}
input.chk {width: 20px; height: 20px;}

label.labRadList {
	display: block;
	float: left;
	height: 19px;
	padding-top: 2px;
	text-align: left;
	margin: 0 15px 5px 0;
	font-size: 12px;
	}
.rightColumnForm {margin: 0 0 0 10px;}
.rightColumnForm input.rad, .rightColumnForm input.chk, .selectSwitch input.rad {float: left;}
.rightColumnForm label, 
.selectSwitch label {float: left; margin: 2px 6px 0 0;}

.rightColumnContentWithHeading
{
    margin: 0 0 0 10px;
    clear: both;    
}

.rightColumnContent 
{
    margin: 0 0 0 10px;
    padding-top: 20px;
    clear: both;    
}
.selectSwitch input.chk {margin-left: 15px; float: left;}
.rightColumnTile
{
    padding-bottom:1px;
}

.selectSwitch input.rad {margin-left: 15px;}
.selectSwitch label {font-size: 12px; font-weight: bold;}

.rightColumnForm .selRightCol {
	width: 183px;
	height: 21px;
	padding: 2px 0 0 2px;
	margin: 5px 0 5px 0;
	float: left;}
	
.rightColumnForm input.txtChangeColor {
	background:url("../images/bgs/bg-input-med.gif") 0 0 no-repeat transparent;
	width: 178px;
	margin: 5px 0 0 0}

.rightColumnForm input.txtRightColumn {
	background:url("../images/bgs/bg-input-med.gif") 0 0 no-repeat transparent;
	width: 178px;
	margin: 5px 0 0 0}

select.selOversize {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 10px 10px;
}
/* Left column Forms */
.leftFormArea {overflow: hidden;}
label.labChk {
	display: block;
	float: left;
	width: 217px;
	height: 19px;
	padding-top: 2px;
	text-align: right;
	margin-bottom: 5px;
	clear: left;}
/* Shopping Cart Forms */
.paymentBox {overflow: hidden; margin: 0 0 10px 0}
.paymentBox label {
	float: left;
	width: 80px;
	display: block;
	clear: left;
	font-size: 12px;
	height: 21px;
	margin: 0 0 2px 20px;}
.paymentBox .readonly {
    float: left;
	display: block;	
	font-size: 12px;
	height: 21px;
	margin: 0 0 2px 10px;}
.paymentBox label.labRad {
	clear: none; 
	width: 300px; 
	padding-top: 2px; 
	font-size: 12px; 
	font-weight: bold;
	margin: 2px 0 10px 0;}
.paymentBox input, .paymentBox select {float: left; color: #494d50; font-family: tahoma; }
.paymentBox select {margin: 2px 0;}
.paymentBox input.rad {clear: left;
	margin-top: 2px;}
.paymentBox p.paymentHeader {
	float: left;
	width: 80px;
	clear: left;
	font-size: 12px;
	height: 21px;
	padding: 0 !important;
	margin: 0 0 2px 20px;}
.paymentBox p.paymentDetails {
	float: left;
	width: 400px;
	padding: 0 0 10px 0!important;
	}
p.paymentTerms {
	margin-left: 20px !important;
	clear: both;}
/* Package Wizard Forms */
.wizardForm {overflow: hidden;}
.wizardForm label {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	padding-top: 1px;
	margin-bottom: 10px;
	height: 19px;
	clear: left;}
.wizardForm label.labRad {
	width: auto;
	margin-right: 10px;
	font-weight: normal;
	clear: none;}
.wizardForm label.labRadLarge {
	width: auto;
	margin-right: 10px;
	font-weight: normal;
	font-size: 16px;
	clear: none;
	width: 500px;}
.wizardForm select {
	font-size: 12px;
	margin-top: 1px;} 
.wizardForm input.radLg {width: 20px; height: 20px; float: left;clear: left; margin-right:10px;}
.wizardForm select {float: left;}
.formComment {
	float: right; 
	width: 330px;
	padding: 1px 0 0 0 !important;
	height: 20px;}
.wizardForm input.btnSelect 
{
    cursor: pointer;
	clear: both;
	margin: 0 0 15px 120px;}
.wizardIndent {margin-left: 20px;}
.wizardMoreInfo 
{   
    background: url("../images/icons/more-12.png") left 6px no-repeat;
    padding: 4px 0 2px 18px; 
    display:inline-block;
    margin-top: -5px;
    color: #b2071b; cursor: pointer; font-size: 13px; margin-left:30px;}
.wizardLessInfo
{
    background: url("../images/icons/less-12.png") left 6px no-repeat;
    padding: 4px 0 2px 18px; 
    display:inline-block;
    margin-top: -5px;
    color: #b2071b; cursor: pointer; font-size: 13px; margin-left:30px;}
      
#mainContent .tabInner .wizardForm ul {
	margin-left: 0 !important;
	}
#mainContent .tabInner .wizardForm ul li {
	background:url("../images/dot.gif") 0 6px no-repeat !important;
	padding: 0 0 0 10px !important;}
/* Button Styles */

input.btnCheckout, input.btnSearch, input.btnSubmit, input.FormButton, 
input.btnGo, input.btnLogin, input.btnNewReg, input.btnJoin, 
input.btnLogout, input.btnClose, input.btnRegister, 
input.btnSelect, input.btnCheckoutNarrow, input.btnViewCartNarrow, input.btnPlus, input.btnMinus, input.btnRedirect
{
    cursor: pointer;
	height: 21px;
	border: 0;
	text-indent: -9000px;}

input.btnSelect 
{
    cursor: pointer;
	width: 121px;
	background:url("../images/btn-selectPackage.gif") 0 0 no-repeat;}
input.btnRegister 
{
    cursor: pointer;
	width: 174px;
	background:url("../images/btn-click-register.gif") 0 0 no-repeat transparent;
	}
input.btnJoin 
{
    cursor: pointer;
	width: 38px;
	background:url("../images/btn-join.gif") 0 0 no-repeat transparent;
	}
input.btnSearch 
{
    cursor: pointer;
	width: 121px;
	background:url("../images/btn-search.gif") 0 0 no-repeat transparent;
	float: right;
	margin: 5px 2px 0 0;}

input.btnCheckout 
{
    cursor: pointer;
	width: 121px;
	background:url("../images/btn-checkout.png") 0 0 no-repeat transparent;
	margin: 5px 2px 0 0;}

input.btnCheckoutNarrow
{
    cursor: pointer;
	width: 85px;
	background:url("../images/btn-shoppingcart-checkout.png") 0 0 no-repeat transparent;
	margin: 5px 0 0 0;}
input.btnViewCartNarrow 
{
    cursor: pointer;
	width: 85px;
	background:url("../images/btn-shoppingcart-view.png") 0 0 no-repeat transparent;
	margin: 5px 0px 0 -6px;}
	
	
input.btnSubmit, input.FormButton
{
    cursor: pointer;
	width: 121px;
	background:url("../images/btn-submit.gif") 0 0 no-repeat transparent;
	margin-left: 223px;
	float: left;}

input.FormButton
{
    margin-left: 0 !important;
}
	
input.btnGo 
{
    cursor: pointer;
	width: 27px;
	background:url("../images/btn-go.png") 0 0 no-repeat transparent;
	float: left;}

input.btnClose 
{
    cursor: pointer;
	width: 50px;
	display: block;
	background:url("../images/btn-close.gif") 0 0 no-repeat transparent;
	}
input.btnLogin 
{
    cursor: pointer;
	width: 50px;
	background:url("../images/btn-login.png") 0 0 no-repeat transparent;
	clear: left;
	float: left;
	margin-right: 1px;}
a.btnLogin 
{
    cursor: pointer;
	width: 50px;
	background:url("../images/btn-login.png") 0 0 no-repeat transparent;
	clear: left;
	float: left;
	margin-right: 1px;}
a.btnLogin  img{
	visibility:hidden;
}
input.btnLogout 
{
    cursor: pointer;
	width: 50px;
	background:url("../images/btn-logout.png") 0 0 no-repeat transparent;
	clear: left;
	float: left;
	margin-right: 2px;}
	
input.btnNewReg 
{
    cursor: pointer;
	width: 38px;
	float: left;
	background:url("../images/btn-join.png") 0 0 no-repeat transparent;
	}


input.btnRedirect {
    width: 85px;
	background:url("../images/btn-redirect.png") 0 0 no-repeat transparent;    
}
	
input.btnPlus
{
    cursor: pointer;
	width: 13px;
    background:url("../images/btn-plus.png") 0 0 no-repeat transparent;
}

input.btnMinus
{
    cursor: pointer;
	width: 13px;
    background:url("../images/btn-minus.png") 0 0 no-repeat transparent;
}

input.qtyInput
{
    width:50px;
    vertical-align:top;
}

/****************/
/* Table Styles */
table.tblShopCart {
	margin: 0 0 0 -10px;
	width: 574px;}
table.tblShopCart th {
	background-color: #494d50;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding: 7px 0 7px 10px;
	font-size: 12px;
	border-bottom: 1px solid #fff;}
table.tblShopCart td {
	padding: 7px 0 7px 10px;
	font-size: 12px;
	border-bottom: 1px solid #fff;
	vertical-align: top
	}
table.tblShopCart tr.odd td {background-color: #efefef;}
table.tblShopCart tr.even td {background-color: #f7f7f7;}
table.tblShopCart tr td.tblTotal {
	text-align: right;
	padding: 7px 20px 7px 0;}
table.tblShopCart tr td.tblProduct {width: 250px;}
td.cartTotal {
	text-align: right;
	padding-right: 20px !important;
	line-height: 1.5;}
table td input.chk {height: auto;}

/**********/
/* Footer */
/**********/

#footer {
	width: 975px;
	clear: both;
	padding: 20px 0;
	background:url("../images/bgs/bg-footer.gif") 0 0 repeat-y #00275b;
	overflow: hidden;
	border-top: 1px solid #fff;}

.footerBox {
	width: 185px;
	float: left;
	padding-left: 10px;
	}

p.footerTitle {padding-bottom: 15px;}

.footerBox a {
	display: block;
	color: #d1d2d3;
	margin-bottom: 5px;
	line-height: 1;
	padding-left: 15px;
	background:url("../images/bul.gif") 0 2px no-repeat;}

#bottomFooter {
	margin: 5px 0 0 10px;
	color: #00275b;}

#bottomFooter a {color: #00275b;}


.relatedDocs
{
    margin-top:20px;
}

.relatedDocs h3
{
    font-family: Tahoma,Verdana,Arial;
    font-size: 11px;
    color: #b2071b;
    margin-bottom: 2px;
}

.relatedDocs .orangeLine
{
    margin:0;
}

.relatedDocsDetails
{
    margin-bottom: 5px;
}

.relatedDocsTitle
{
    font-weight: bold;
}

.BlogPTitle
{
    font-size: larger;
    font-weight: bold;
}

.BlogPDateWhole
{
    margin-top:20px;
    padding:5px;
    background-color: #EEE;
}

.comments
{
    margin: 20px 0 20px 10px;
}

.comments .ErrorLabel
{
    display: block;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: larger;
    color: Red;
}

.comments .InfoLabel
{
    display: block;
    margin: 5px 0 5px 0;
    font-weight: bold;
    font-size: larger;
    color: Green;
}


.BlogCommentsTitle
{
    font-family: Arial !important;
    font-size: 17px !important;
    color: #b2071b;
    margin-bottom;
    font-weight: bold;
}

.CommentFormContainer
{
    margin-top:10px;
}

.CommentForm td
{
    padding-right: 10px;
}

.BlogCommentName label, .BlogCommentEmail label, .BlogCommentUrl label, .BlogCommentComments  label
{
    font-weight: bold;
}

.BlogRequiredValidator .TextAreaField
{
    width: 269px;
}

.BlogRequiredValidator .SubmitButton
{
    cursor: pointer;
	width: 121px;
	height: 21px;
	border: none;
	background:url("../images/btn-addcomment.png") 0 0 no-repeat transparent;
	padding: 0;
	margin: 10px 0 0 0;
	text-indent: -9000px;
}

.BlogCommentsTitle
{
    font-size: larger;
    font-weight: bold;
}

.BlogPDateWhole
{
    margin-bottom: 20px;
}

.digitalDownloadContainer
{
    margin: 15px 0 15px 0;
}

.digitalDownload a
{
    font-size: 16px;
    font-weight: bold;
    margin-left:15px;
}

.secureContent
{
    margin-top:10px;
}


#sitemap
{
    margin-top:20px;
}

#searchFilterForm label
{
    padding-right: 10px; 
}

#searchFilterForm td
{
    vertical-align: top;
}

#searchFilterForm .ContentButton
{
    border: 0px;
    cursor: pointer;
	width: 85px;
	height: 21px;
	background:url("../images/btn-search.png") 0 0 no-repeat transparent;
	padding: 0;}

a.more-link {
   padding: 5px 0 2px 18px;
   background: url("../images/icons/more-12.png") left 6px no-repeat;
}


.tooltip {
	background-color:#efefef;
	border:1px solid #DA711D;
	padding:8px;
	width:200px;
	display:none;
	color:#000;
	text-align:left;
}

#dashboardInfo label
{
    width: 120px;
    font-size:12px !important;
    padding:0;
    margin: 0;
}

.labelSpan
{
    margin-bottom:2px;
    display:block;
}


div.printMemberBenefits
{
    width:690px;
    margin-left:20px;
}

.printMemberBenefits h2.greyLineShaded {
	background:url("../images/bgs/bg-productListHdr_700.gif") 0 0 no-repeat #efefef;
	 width: 690px;
}


.scForm .DropDownField
{
    width:182px;
}

.scForm .CheckBox input
{
    width:52px ;
}

.tblForm td
{
    padding:4px !important;
}

/*Image Carousel*/
.logoCarousel .previous {display:none;}
.logoCarousel .next {display:none;}
.logoCarousel .carousel-wrap{  height:200px;}
.logoCarousel li, .carousel ul
{
    display: inline;    
    }
.logoCarousel img {
        display: block; 
        float: left;   
}
.logoCarousel{ overflow:hidden; height: 0px;}*/

/*.logoCarouselList li {
    width: 100px;
    height: 93px;
}*/

.carousel-wrap{  width: 779px;}

.jcarousel-container-horizontal {
    padding: 0px 20px;
}

.jcarousel-clip {
    overflow: hidden;
}


.jcarousel-next-horizontal {
    background: url("../images/next-horizontal.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 5px;
    top: 20%;
    width: 32px;
}

.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active {
    background-position: -96px 0;
    cursor: default;
}

.jcarousel-direction-rtl .jcarousel-next-horizontal {
    background-image: url("../images/prev-horizontal.png");
    left: 10px;
    right: auto;
}

.jcarousel-prev-horizontal {
    background: url("../images/prev-horizontal.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 32px;
    left: 0px;
    position: absolute;
    top: 20%;
    width: 32px;
}

.logoHolder {width: 340px; overflow: hidden;height: 0px;}



.carousel .previous {display:none;}
.carousel .next {display:none;}
.carousel .carousel-pagination {position:absolute; bottom: 3px; left:10px; z-index:1000;}
.carousel {position:relative;}
.carousel div.center-wrap a.active {
    color: #5DB0E6;
    font-weight: bold;
    z-index: 10000 !important;
    background:url("../images/homepage_bullet_sel_small.png") 0 4px no-repeat;    
}
.carousel .carousel-wrap{  height:200px;}
.carousel div.center-wrap a     
{
    z-index: 10000 !important;
    background:url("../images/homepage_bullet_small.png") 0 4px no-repeat;    
    line-height:9px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0 2px;
    padding: 2px 5px;
    text-decoration:none;
}
.carousel li, .carousel ul
{
    display: inline;    
    }
.carousel img {
	display: block;	
	float: left;	
}
.carousel{ overflow:hidden; height: 0px;}


/* Autocomplete location */
.autocomplete-w1 { background:url(/NSWBC/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


.EditingFormLabelCell {
    vertical-align: top;
}

.EditingFormCategory {
    font-size: larger;
    font-weight: bold;
    padding: 13px 0 10px 0;
}