html, body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #202020;
        border-top: 8px solid #000;
	height: 100%;
        font-size: 12px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 20, 2011 */

@font-face {
    font-family: 'TheSansBlackPlainRegular';
    src: url('/assets/fonts/thesabk-webfont.eot');
    src: url('/assets/fonts/thesabk-webfont.eot?#iefix') format('eot'),
         url('/assets/fonts/thesabk-webfont.woff') format('woff'),
         url('/assets/fonts/thesabk-webfont.ttf') format('truetype'),
         url('/assets/fonts/thesabk-webfont.svg#webfontrlUbMME7') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ============================================================
| BASIC FORMATS
| Typography
============================================================ */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}
a, a:hover, a:visited, a:active {
	color: blue;
        outline: none !important;
}

.contentHolder ul li {
    margin-bottom: 10px;
}

.smallText {
    font-size: 10px;
}

.bold {
    font-weight: bold;
}

.contentHolder a:link {text-decoration: underline; color: #ec1c24;}
.contentHolder a:visited {text-decoration: underline; color: #ec1c24;}
.contentHolder a:active {text-decoration: none;}
.contentHolder a:hover {text-decoration: none; color: #ec1c24;}

#footer a:link {text-decoration: none; color: #fff;}
#footer a:visited {text-decoration: none; color: #fff;}
#footer a:active {text-decoration: none;}
#footer a:hover {text-decoration: underline; color: #9cf76e;}


h1{font-weight: bold; font-size: 36px; color: #272727; font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important; line-height: 36px; margin-bottom: 8px;}
h2{font-weight: bold; font-size: 14px;}
.contentHolder h2{font-weight: bold; font-size: 24px; color: #66CC33; font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;}
h3{font-weight: bold; font-size: 12px;}
h4{font-weight: bold; font-size: 12px;}
h5{font-weight: bold; font-size: 12px;}
h6{font-weight: bold; font-size: 12px;}

/* ============================================================
| BASIC FORMATS
| Non-Typography
============================================================ */
/* Set default tag formats */
img{border:none;}
fieldset{margin-bottom: 16px;border: 1px solid #cccccc;}
legend{font-weight: bold;color: blue;padding:0 6px;}
th, td {vertical-align: top;}

/* Common Width Styles */
.w25{width:25px;} .w25c{text-align:center;width:25px;} .w25c{text-align:center;width:25px;} .w25r{text-align:right;width:25px;}
.w50{width:50px;} .w50c{text-align:center;width:50px;} .w50c{text-align:center;width:50px;} .w50r{text-align:right;width:50px;}
.w75{width:75px;} .w75c{text-align:center;width:75px;} .w75c{text-align:center;width:75px;} .w75r{text-align:right;width:75px;}
.w100{width:100px;} .w100c{text-align:center;width:100px;} .w100c{text-align:center;width:100px;} .w100r{text-align:right;width:100px;}
.w125{width:125px;} .w125c{text-align:center;width:125px;} .w125c{text-align:center;width:125px;} .w125r{text-align:right;width:125px;}
.w150{width:150px;} .w150c{text-align:center;width:150px;} .w150c{text-align:center;width:150px;} .w150r{text-align:right;width:150px;}
.w175{width:175px;} .w175c{text-align:center;width:175px;} .w175c{text-align:center;width:175px;} .w175r{text-align:right;width:175px;}
.w200{width:200px;} .w200c{text-align:center;width:200px;} .w200c{text-align:center;width:200px;} .w200r{text-align:right;width:200px;}
.w225{width:225px;} .w225c{text-align:center;width:225px;} .w225c{text-align:center;width:225px;} .w225r{text-align:right;width:225px;}
.w250{width:250px;} .w250c{text-align:center;width:250px;} .w250c{text-align:center;width:250px;} .w250r{text-align:right;width:250px;}
.w275{width:275px;} .w275c{text-align:center;width:275px;} .w275c{text-align:center;width:275px;} .w275r{text-align:right;width:275px;}
.w300{width:300px;} .w300c{text-align:center;width:300px;} .w300c{text-align:center;width:300px;} .w300r{text-align:right;width:300px;}

/* Common Styles */
.left{text-align: left;}
.centre, .center{text-align: center;}
.right{text-align: right;}

.doublespace{line-height:2.2em;}
.nowrap{white-space:nowrap;}

.hover{cursor:pointer;}
.wideinput {padding-right:5px;}
.wideinput textarea, .wideinput input{width: 96%;}
.currency {width: 100px;white-space:nowrap;text-align:right;overflow:visible;}
.currency div{float:left; padding: 0 5px;}
span.required{padding: 0 5px; color:red; font-weight:bold;}

/*.clear{clear:both;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;margin:0;}
.clear-left{clear:left;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;margin:0;}
.clear-right{clear:right;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;margin:0;}*/

.clear {
    clear: both;
}

.clear10 {
    clear: both;
    height: 10px;
}

.clear20 {
    clear: both;
    height: 20px;
}

.clear30 {
    clear: both;
    height: 30px;
}

.clear40 {
    clear: both;
    height: 40px;
}

.clear50 {
    clear: both;
    height: 50px;
}

a.rss{
	background: transparent url(icons/rss-16.png) no-repeat left center;
	padding-left: 20px;
	margin: 5px 0;
	line-height: 20px;
}

/* ============================================================
| LAYOUT
| Core Template
============================================================ */
#a0{
        position: relative;
	width: 960px;
	color: black;
	margin: auto;
}
#b0{
	background: #202020;
	color: white;
        height: 120px;
	clear: both;
}

#logo {
    float: left;
    margin-top: 30px;
}

#socialLogos {
    float: right;
    width: 400px;
    text-align: right;
    padding-top: 40px;
}

#supershuttleVan {
    width: 170px;
    height: 57px;
    background: url(/layout/default/supershuttle_van.jpg) no-repeat;
    display: block;
    position: absolute;
    margin-left: 400px;
    margin-top: -53px;
}

#ngai_tahu {
    width: 165px;
    display: block;
    position: absolute;
    margin-left: 400px;
    margin-top: -70px;
}

#registerBtn {
    width: 139px;
    height: 36px;
    background: url(/layout/default/register.png) left top no-repeat;
    display: block;
    position: absolute;
    margin-left: 430px;
    margin-top: -51px;
}

#registerBtn:hover {
    background-position: left -36px;
}

#uploadVideoBtn {
    width: 139px;
    height: 36px;
    background: url(/layout/default/upload-video-btn.png) left top no-repeat;
    display: block;
    position: absolute;
    margin-left: 445px;
    margin-top: -53px;
}

#uploadVideoBtn:hover {
    background-position: left -36px;
}

#socialLogos a {
    float: right;
    margin-left: 8px;
}

#welcome_message {
    float: right;
    color: #fff;
    margin-top: 8px;
    margin-right: 8px;
}

#loginBtn, #logoutBtn {
    float: right;
    width: 61px;
    height: 32px;
    display: block;
    background: url(/layout/default/login.png) left top no-repeat;
}

#loginBtn:hover {
    background-position: left -32px;
}

#logoutBtn {
    background-position: left -64px;
}

#logoutBtn:hover {
    background-position: left -96px;
}

#b1{
	color: white;
	font-weight: bold;
	font-size: 16px;
	float: left;
}
#b2{
	color: white;
	float: right;
	text-align: right;
}
#c0{

}
#navigation-1 {
	padding:1px 0;
	margin:0px;
	list-style:none;
	width:100%;
	height:21px;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:right;
	position:relative;
	border-right: 1px solid #413e3f;
}
#navigation-1 li.last {
    border: none !important;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	height:21px;
	line-height:20px;
        padding: 0 19px;
        color: #66cc34;
        font-family: arial, sans-serif !important;
        font-size: 19px;
        outline: none !important;
}

#navigation-1 li.last a:link, #navigation-1 li.last a:visited {
    padding-right: 0 !important;
}

#navigation-1 li.first a:link, #navigation-1 li.first a:visited {
    padding-left: 0 !important;
}

#navigation-1 li .white{
    color: #fff;
    font-family: arial, sans-serif !important;
}

#navigation-1 li .bold{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:center;
	text-decoration:none;
	height:21px;
	line-height:20px;
        color: #fff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #000000;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background-color:#e2e2e2;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
	height:21px;
	line-height:20px;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background-color:#cecece;
	height:21px;
	line-height:20px;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #000000;
	border-left:1px solid #000000;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#000000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#666666;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}
#contentcontainer{
    float: left;
    margin-top: 20px;
    background: #fff;
    margin-bottom: 20px;
    width: 960px;
    overflow: hidden;
}

.contentBox {
    float: left;
    width: 612px;
    background-color: #fff;
    padding: 0px 10px;
}


.contentHolder{
    padding: 5px 20px 20px 20px;
    font-size: 14px;
    color: #231f20;
    line-height: 21px;
}

.contentTop {
    float: left;
    width: 632px;
    height: 9px;
    background: url(/layout/default/contentTop.gif) no-repeat;
}

.contentBottom {
    float: left;
    width: 632px;
    height: 9px;
    background: url(/layout/default/contentBottom.gif) no-repeat;
}

.container_bottom {
    float: left;
    width: 960px;
    height: 9px;
    background: url(/layout/default/container_bottom.gif) no-repeat;
}


#col1{float: left; width: 632px; background: #202020; border-right: 20px solid #202020;}
#col2{float:left;width:308px; background: #202020; border-left: 20px solid #202020; margin-left: -20px;}

#footer {
    position: relative;
    width: 900px;
    height: 177px;
    background: url(/layout/default/footer-bg.png) no-repeat;
    padding: 25px 30px;
}

#footer ul.footerList {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 279px;
    font-size: 14px;
}

#footer ul#lastList {
    margin: 0 !important;
}

#footer ul.footerList li {
    margin-bottom: 8px;
}

#footer ul.footerList li.first a {
    color: #9cf76e !important;
}

#footer .bold {
    font-weight: bold;
    color: #9cf76e;
}

.footerSeperator {
    float: left;
    width: 1px;
    height: 111px;
    background: url(/layout/default/footer-seperator.png) no-repeat;
    margin-right: 30px;
}

#footer .copyright {
    float: left;
    color: #3f443d !important;
    font-size: 11px;
    width: 170px;
    margin-top: 15px;
}

#footer .copyright a {
    color: #3f443d !important;
}




/* ============================================================
| BOXES
============================================================ */
.box1{margin-bottom: 16px;}
.box1-H1{padding-left: 10px;background: transparent url(boxes/box1_blue.png) no-repeat scroll -22px 0px;}
.box1-H2{padding-right: 10px;background: transparent url("boxes/box1_blue.png") no-repeat scroll -112px 0;}
.box1-H3{height:24px; overflow:hidden; background: transparent url(boxes/box1_blue.png) no-repeat scroll -33px -24px;}
.box1-H3 *{margin: 0;padding:0;line-height: 24px; font-size: 11px; color:white; border:none;}
.box1-C1{padding-left: 10px; background: #e6e6e6 url(boxes/box1_blue.png) repeat-y scroll left top;}
.box1-C2{padding-right: 10px; background: #e6e6e6 url(boxes/box1_blue.png) repeat-y scroll right top;}
.box1-C3{background: #e6e6e6;padding: 2px 0 1px 0;}
.box1-F1{padding-left: 12px; background: transparent url(boxes/box1_blue.png) no-repeat scroll -10px bottom;}
.box1-F2{padding-right: 12px; background: transparent url(boxes/box1_blue.png) no-repeat scroll -126px bottom;}
.box1-F3{height: 12px;background: transparent url(boxes/box1_blue.png) no-repeat scroll -34px -53px;}

.blog-box {
    width: 308px;
    float: left;
    background-color: none;
}

.blog-box-h1 h2 {
    background: url(boxes/blog-box-h1.png) no-repeat;
    width: 272px;
    height: 19px;
    color: #fff !important;
    font-size: 16px;
    font-family: arial;
    font-weight: normal;
    padding: 8px 18px;
    margin: 0;
}

.blog-box-content {
    background: #fff;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #231f20;
}

.blog-box-content a {
    color: #ec1c24;
}

.blog-box-bottom {
    background: url(boxes/blog-box-bottom.png) no-repeat;
    width: 308px;
    height: 42px;
}

.view-all-posts {
    background: url(boxes/blog-box-btn.png) left top no-repeat;
    width: 164px;
    height: 23px;
    display: block;
    float: right;
    margin-top: 7px;
    margin-right: 15px;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
    font-size: 14px;
    color: #fff !important;
}

.view-all-posts:hover {
    background-position: left -28px;
}

.facebook-box {
    width: 308px;
    float: left;
    background-color: none;
}

.facebook-box-top {
    background: url(boxes/facebook-box-top.gif) no-repeat;
    width: 308px;
    height: 7px;
}

.facebook-box-bottom {
    background: url(boxes/facebook-box-bottom.gif) no-repeat;
    width: 308px;
    height: 7px;
}

.facebook-box-content {
    background: #fff;
    padding: 0 5px;
}

.countdown-box {
    width: 308px;
    float: left;
    background-color: none;
}

.countdown-box-top {
    background: url(boxes/countdown-box-h1.png) no-repeat;
    width: 272px;
    height: 20px;
    padding: 8px 18px;
}

.countdown-box-top h2 {
    color: #fff !important;
    font-size: 16px;
    font-family: arial;
    font-weight: normal;
    float: left;
    margin: 0;
}

.countdown-box-top #otherLoc {
    float: right;
    color: #fff;
    font-size: 12px;
    margin-top: 2px;
}

.countdown-box-content {
    background: url(boxes/countdown-box.png) no-repeat;
    width: 308px;
    height: 92px;
}

.countdownHolder {
    background: url(/layout/default/countdown-labels.png) bottom center no-repeat;
    width: 287px;
    height: 75px;
    margin: 0 auto;
    padding-top: 10px;
}

#countdownNZ, #countdownNZ2, #countdownAUS, #countdownAUS2, #countdownLONDON, #countdownPARIS, #countdownNEWYORK, #countdownHONGKONG, #countdownHONGKONG2, #countdownRIO, #countdownLA, #countdownLA2 {
    background: url(/layout/default/countdown-bg.png) no-repeat;
    width: 270px;
    height: 60px;
    padding-top: 16px;
    padding-left: 17px;
}

#countdown_timers {
    width: 650px;
    overflow: hidden;
    text-align: center;
}

.countdown_timers_box, .countdown_timers_box2 {
    float: left;
}

.countdown_timers_box2 {
    margin-left: 50px;
}

#countdown_timers h2 {
    font-weight: bold; 
    font-size: 24px; 
    color: #66CC33; 
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
    margin-bottom: 0;
}

.register-box {
    width: 308px;
    float: left;
    background-color: none;
}

.register-box-top {
    background: url(boxes/register-box-h1.png) no-repeat;
    width: 272px;
    height: 19px;
    padding: 8px 18px;
}

.register-box-top a {
    text-decoration: none !important;
}

.register-box-top h2 {
    color: #fff !important;
    font-size: 16px;
    font-family: arial;
    font-weight: normal;
    float: left;
    margin: 0;
}

.register-box-content {
    background: url(boxes/register-box-content.jpg) no-repeat;
    width: 188px;
    height: 48px;
    padding-top: 118px;
    padding-left: 120px;
}

.register-box-content a {
    display: block;
    background: url(/layout/default/register-btn.png) left top no-repeat;
    width: 164px;
    height: 37px;
    text-align: center;
    line-height: 38px;
    text-decoration: none;
    color: #fff;
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
    font-size: 22px;
}

.register-box-content a:hover {
    background-position: left -38px;
    color: #ed1c24;
}

.how-to-box {
    width: 308px;
    height: 94px;
    float: left;
    background: url(/layout/default/how-to-do-the-haka.gif) left top no-repeat;
}

.how-to-box:hover {
    background-position: left -94px;
}

.upload-your-haka {
    width: 308px;
    height: 45px;
    float: left;
    background: url(/layout/default/upload-your-haka-video.gif) left top no-repeat;
}

.upload-your-haka:hover {
    background-position: left -45px;
}

.vote-for-best-haka {
    width: 308px;
    height: 45px;
    float: left;
    background: url(/layout/default/votenow.gif) left top no-repeat;
}

.vote-for-best-haka:hover {
    background-position: left -45px;
}


/* ============================================================
| INFO BOXES
============================================================ */
div.error, div.success, div.note{
	margin: 10px 0;
	text-align: center;
        padding: 5px;
}
div.error{
	border: 2px solid #cc0000;
	background-color: #ffbbbb;
}
div.success{
	border: 2px solid #00cc00;
	background-color: #bbffbb;
}
div.note{
	border: 2px solid #cccccc;
	background-color: #f9f9f9;
	text-align:justify;
}

/* ============================================================
| CATALOGUE
============================================================ */
.parameters th {white-space:nowrap; text-align: right;padding: 0 5px; font-weight:bold; color:grey;}


.nav-options{background-color:#eee;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;text-align:center;padding: 5px; margin: 1px 0;min-height:24px;}
.nav-options form{margin:0;padding:0;}
.nav-pages{background-color:#def;border-top: 2px solid #abf;border-bottom: 2px solid #abf;text-align:center;line-height:2em;padding: 0 5px; margin: 1px 0;}

.txt1 {color: #555;font-weight:bold;float:left;padding-right:5px;}
.nav-options .txt1 {line-height:26px;}
.item .stud , .item .stud  * {color:blue;font-weight:bold;}
 .item .sell,  .item .sell * {color:green;font-weight:bold;}


/* LIST | SUMMARY */
.catalogue-list .image{width:20px;height:16px;vertical-align:middle;}
.catalogue-list .no-image{width:20px;height:16px;}
.catalogue-list .items{width:100%;border-collapse: collapse;}
.catalogue-list td{line-height: 16px;}
.catalogue-list thead tr td, .catalogue-list thead tr th{border-bottom: 3px solid #91aaFF;}
.catalogue-list tbody tr.r0 td{}
.catalogue-list tbody tr.r1 td{background-color:#f9f9f9;}
.catalogue-list tbody tr.r0:hover td, .catalogue-list tbody tr.r1:hover td{background-color:#ddeeff;}
.catalogue-list tbody tr td a{color:#222;}

/* SUMMARY | VIEW */
.catalogue-detail {width: 100%;}
.catalogue-detail .item-container{border-bottom: 3px solid #91aaFF;padding-bottom: 1px;}
.catalogue-detail .first-item{border-top: 3px solid #91aaFF;}
.catalogue-detail .item-container-inner{border-left: 1px solid #eee;border-right: 1px solid #eee;}
.catalogue-detail .item {border-collapse: collapse;width: 100%;}

.catalogue-view{margin-top:1px;border-top: 3px solid #91aaFF;border-bottom: 3px solid #91aaFF;}
.catalogue-view-inner{border-left: 1px solid #eee;border-right: 1px solid #eee;}
.catalogue-view div.image{
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	margin: 0 0 4px 0;
	padding: 10px;
}

.catalogue-detail .image, .catalogue-view .image {
	width: 208px;
	text-align: center;
	vertical-align: top;
}
.catalogue-detail .detail, .catalogue-view   .detail{
	padding: 10px;
}
.catalogue-detail h2, .catalogue-view   h2{
	color: black;
	font-size: 18px;
	padding: 0 10px;
	margin: 0;
	border-bottom: 1px dotted grey;
}
.catalogue-detail h2 a, .catalogue-view h2 a{
	color: black;
	font-size: 18px;
	text-decoration: none;
}
.catalogue-detail h2 a:hover{
	color: #14609F;
}
.catalogue-detail h3, .catalogue-view  h3 {
	color: #0022cc;
	border-bottom: 3px solid #91aaFF;
	margin-top: 12px;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}

/* THUMB */
.catalogue-thumb .item{
	float:left;
	width: 140px;
	height: 216px;
	border: 3px solid #91aaFF;
	margin: 3px;
	margin-bottom: 20px;
}
.catalogue-thumb .item .image{height:120px;width:140px;display:table-cell;vertical-align:middle;text-align:center;margin:auto;}
.catalogue-thumb .item .image {height: 120px;  #position: relative; overflow: hidden;} /* IE fix */
.catalogue-thumb .item .image a{#position: absolute; #top: 50%; #left: 50%;} /* IE fix */
.catalogue-thumb .item .image img {#position: relative; #top: -50%; #left: -50%;} /* IE fix */
.catalogue-thumb .item .no-image{height:98px;width:98px;line-height:98px;text-align:center;vertical-align:middle;margin: 10px auto;border:1px solid #ddd;}
.catalogue-thumb .item .name{font-size:11px; line-height: 16px; height:64px;text-align:center;}
.catalogue-thumb .currency {margin:auto;}
.catalogue-thumb .currencyPOA {margin:auto;text-align:center;;}


/* SUMMARY */
.catalogue-summary {width: 100%;}
.catalogue-summary .item-container{border-bottom: 3px solid #91aaFF;padding-bottom: 1px;}
.catalogue-summary .first-item{border-top: 3px solid #91aaFF;}
.catalogue-summary .item-container-inner{border-left: 1px solid #eee;border-right: 1px solid #eee;}
.catalogue-summary .item {border-collapse: collapse;width: 100%;}
.catalogue-summary .item .image{border-right: 1px solid #eee;}

.catalogue-summary .item .image{height:120px;width:140px;display:table-cell;text-align:center;vertical-align:middle;margin:auto;}
.catalogue-summary .item .no-image{height:98px;width:98px;line-height:98px;text-align:center;vertical-align:middle;margin: 10px auto;border:1px solid #ddd;}
.catalogue-summary .item .name{padding: 4px;	border-bottom: 1px dotted grey;}
.catalogue-summary .item .name a{font-weight: bold; color: black;text-decoration:none;}

/* GALLERY SHOWS */
.gallery  {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.gallery .slidesContainer {
  margin:0 auto;
  width:204px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
.gallery .slidesContainer .slide {
  margin:0 auto;
  width:204px; /* reduce by 20 pixels to avoid horizontal scroll */
}
.gallery .slidesContainer .slide a, .gallery .slidesContainer .slide a img{
	margin: 0 auto;
}
.gallery .slideNavigation{
	text-align:center;
	height:25px; 
}
.gallery .slideCount{
	text-align:center;
	padding: 0 10px;
	height:25px;
	line-height:25px;
	width:136px;
	float:left;
}

.gallery .leftControl, .gallery .rightControl {cursor:pointer;border:none;padding:0;margin:0;}
.gallery .leftControl{float:left; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.gallery .leftControl:hover{background-position:-75px -25px;}
.gallery .rightControl{float:left;  background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
.gallery .rightControl:hover{background-position:-50px -25px;}

/* Layout Navigation */
.nav-layout{text-align:right;line-height:18px;padding: 0; width:160px;float:right;}
.nav-layout .buttons span{float:left;padding: 4px 0 4px 3px;}
.nav-layout form{margin:0;padding:0;}

.set_layout_detail, .set_layout_summary, .set_layout_thumb, .set_layout_list{
	font-size:0;
	color: transparent;
	background-image: url(catalogue/layout.png);
	height: 21px;
	width: 21px;
	display:block;
}
.set_layout_detail{background-position: -87px 0;}
.set_layout_detail:hover, .set_layout_detail_selected{background-position: -87px -29px !important;}
.set_layout_summary{background-position: -29px 0;}
.set_layout_summary:hover, .set_layout_summary_selected{background-position: -29px -29px !important;}
.set_layout_thumb{background-position: 0 0;}
.set_layout_thumb:hover, .set_layout_thumb_selected{background-position: 0 -29px !important;}
.set_layout_list{background-position: -58px 0;}
.set_layout_list:hover, .set_layout_list_selected{background-position: -58px -29px !important;}
.tooltip-set-layout{width:240px;height:180px; background: url("images/layout-preview.jpg") repeat scroll 0 -720px white;display:none;border:1px solid grey;}

/* ************************************************************
| HOVER IMAGE
************************************************************ */
#preview_div.title{
	width:30%;
	height:10px;
	background-color:#FFFFFF;
	border-bottom:#808080 solid 1px;
	font-weight:bold;
	padding:1px;
	font-family:verdana, sans-serif;
	font-size:10px;
	text-align:center;
}

.border_preview{
	z-index:100;
	position:absolute;
	background: #fff;
	border: 1px solid #808080;
	overflow: hidden;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
}
.preview_temp_load img{
	vertical-align:middle;
	text-align:center;
}

/* ids */
#loader_container {
	text-align:center;
	position:absolute;
	top:40%;
	width:100%
}
#loader {
	font-family:Verdana, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}
#loader_bg {
	background-color:#EBEBEB;
	position:relative;
	top:8px;
	left:8px;
	height:7px;
	width:113px;
	font-size:1px;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

/* ************************************************************
| STYLE 1
************************************************************ */

/* General Data Tables */
table.tdata1 {border-spacing:1px;}
table.tdata1 th, table.tdata1 td{padding: 2px;}
table.tdata1 thead tr td, table.tdata1 thead tr th {background-color: #dfdfdf;border-bottom:1px solid grey;}
table.tdata1 thead th a.asc{background: url(tables/asc.gif) no-repeat left center; padding:0 10px;}
table.tdata1 thead th a.desc{background: url(tables/desc.gif) no-repeat left center; padding:0 10px;}

table.tdata1 tbody th {text-align: right; padding-left: 10px;}
table.tdata1 tbody th label:after{content: ':';}
table.tdata1 tbody tr.r0 th, table.tdata1 tbody tr.r0 td{background-color: #efefef;}
table.tdata1 tbody tr.r1 th, table.tdata1 tbody tr.r1 td{background-color: #f6f6f6;}
table.tdata1 tbody.hover tr.r0:hover td, table.stdata1 tbody.selectable tr.r1:hover td{background-color: #dfefff;}
table.tdata1 .wideinput{margin:0 5px 0 0;}

/* General Form Tables */
table.tform1 {border-spacing:1px;}
table.tform1 th, table.tform1 td{padding: 2px;}
table.tform1 th {width: 120px;}
table.tform1 tbody th {text-align: right; padding-left: 10px;}
table.tform1 tbody th label:after{content: ':';}
table.tform1 tbody tr.r0 th, table.tform1 tbody tr.r0 td{background-color: white;}
table.tform1 tbody tr.r1 th, table.tform1 tbody tr.r1 td{background-color: white;}
table.tform1 tbody.hover tr.r0:hover td, table.stform1 tbody.selectable tr.r1:hover td{background-color: #dfefff;}
table.tform1 .wideinput{margin:0 5px 0 0;}



/* ============================================================
| JQUERY LIGHTBOX
============================================================ */
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 *
 * Adapted, and modified to this project by
 * aaron@webvine.co.nz
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

/* ============================================================
| MEMBERS
============================================================ */
.members_mail_view_message{background:white;border: 2px outset grey; padding: 5px;}

/* ============================================================
| BREADCRUMBS
============================================================ */
.breadcrumbs {width:100%;height:30px;margin:0;padding: 0;}
.breadcrumbs ul {list-style:none;margin:0;padding:0;}
.breadcrumbs ul li {float:left;margin:0;padding:0;text-align:center;background: url(bullet.jpg) no-repeat;padding-left: 10px;}
.breadcrumbs ul li a, .breadcrumbs ul li a:visited, .breadcrumbs ul li a:active , .breadcrumbs ul li span {
	display: block;
	float: left;
	padding: 0 5px;
	text-align:center;
	text-transform: capitalized;
	color:grey;
	font-weight:normal;
}
.breadcrumbs ul li.first{background: none;}
.breadcrumbs ul li.last a, .breadcrumbs ul li.last span{text-decoration:none;color:grey;}

/* ============================================================
| TABS
============================================================ */
.tabs-nav {width:100%; height:18px; line-height:normal; background: url(tabs/tabs.gif) repeat-x 0 -72px; margin: 1em 0 0 0;padding:0;list-style:none;}
.tabs-nav ul {margin:0; padding:0; list-style:none;float:left;width:100%;}
.tabs-nav li {float:left; margin:0 1px 0 0; padding:0 0 0 0px; line-height:17px; }
.tabs-nav a {color:#333; border-left: 1px solid #919B9C; border-right: 1px solid #919B9C; border-top: 1px solid #919B9C;text-align:center;text-decoration:none; font-size:10px;background-color:#eee;height:16px; display:block; width: 80px;outline:none;}
.tabs-nav a.current {background-color:#fff;height:17px;outline:none;color:black;}
.tabs-nav a:link, .tab-nav a:visited, .tab-nav a:hover, .tab-nav a:active {color:black;outline:none;}
.tab{border-left: 1px solid #919B9C; border-right: 1px solid #919B9C; border-bottom: 1px solid #919B9C; clear:left; padding: 1px;}

/* ============================================================
| TOOLTIP
============================================================ */
.tooltip-help {
	cursor: default;
	font-weight:bold;
	float: right;
	margin-right: 15px;
}
#tooltip-help {
	border: 1px solid #cccc00;
	background-color: #ffffcc;
	padding: 5px;
}


/* ============================================================
| CONTENT : Folder tyles
============================================================ */
.content-folder-article{padding-bottom: 10px; margin-bottom: 10px; }
.content-folder-article-first{padding-top: 10px; margin-top: 10px; }
.box1-C1 .content-folder-article {padding-bottom: 10px; margin-bottom: 10px; }
.box1-C1 .content-folder-article h3 {margin: 4px 0;}
.box1-C1 .content-folder-article p {margin: 4px 0;}



/* ============================================================
| BLOG : styles
============================================================ */
.blog-folder-article{padding-bottom: 10px; margin-bottom: 10px; border-top: 2px solid #ccc;}
.blog-folder-article-first{padding-top: 10px; margin-top: 10px; border: none !important;}
.blog-summary-article{
    padding-left: 60px;
    padding-right: 30px;
    margin-bottom: 20px;
    background: #fff url(/layout/default/speachmarks.gif) 25px top no-repeat;
}

.comment0, .comment1 {
    background: #ececec;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.comment-first {
    border-top: 1px solid #ccc;
}

.comment1 {
    background: #e1e1e1;
}

.commentNum {
    font-weight: bold; 
    font-size: 36px; 
    color: #ec1c24; 
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
}

.commentTitle {
    font-size: 11px;
}



/*REGISTER FORM STYLES*/

#registerForm
{
    position:relative;
    float: left;
    width: 100%;
}

#registerForm .col2 {
    float: left;
    width: 187px;
}

#registerForm label
{
    float:left;
    width:150px;
    padding-top:4px;
    color: #666;
    margin-right: 10px;
    font-size: 12px;
}

#registerForm label.wideLabel
{
    clear: both;
    width:100%;
    padding-top:4px;
    color: #666;
    margin-bottom: 5px;
}

#registerForm label.checkLabel
{
    float: left;
    width:400px;
    color: #666;
    padding: 0;
}

#registerForm input, #registerForm select
{
    float:left;
    width:187px;
    color:#666666;
    margin:0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 5px;
}

#registerForm select {
    width: 198px;
}

#registerForm textarea
{
    float:left;
    height:110px;
    width:300px;
    color:#666666;
    font-size:13px;
    font-family: Arial, Helvetica, sans-serif;
    margin:0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 5px;
}

#registerForm #submitButton, #registerForm .submitButton
{
    float: left;
    width: 105px;
    margin-right: 10px;
    cursor: pointer;
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
    font-size: 18px;
    background: #ed1c24;
    color: #fff;
}

#registerForm #submitButton:hover {
    background-position: left -26px;
    color: #333 !important;
}

#registerForm .radioLabel {
    float: left;
}

#registerForm .radioBtn {
    float: left;
    width: auto;
    margin: 0 5px;
    border: 0;
}

#registerForm .checkbox {
    float: left;
    width: auto;
    margin: 0 5px;
    border: 0;
    margin-top: 2px;
}

#registerForm .formError p {
    clear: both;
    color: red !important;
    padding: 5px;
    margin: 0;
    margin-left: 157px;
    font-size: 12px;
}

.hidden {
    display: none;
}

#donateNow {
    float: left;
    display: block;
    width: 159px;
    height: 36px;
    background: url(/layout/default/donate_now.gif) left top no-repeat;
    margin-right: 30px;
    margin-top: 30px;
}

#donateNow:hover {
    background-position: left -36px;
}

#maybeLater {
    float: left;
    display: block;
    width: 241px;
    height: 36px;
    background: url(/layout/default/maybe_later.gif) left top no-repeat;
    margin-top: 30px;
}

#maybeLater:hover {
    background-position: left -36px;
}




/* VIDEO PAGE STYLES */

.videoHolder {

}

.ob {
    text-decoration: none !important;
}

.videoHolderSmall0, .videoHolderSmall1, .videoHolderSmall2 {
    float: left;
    width: 160px;
    margin-right: 10px;
    background: #eaeaea;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 10px;
    height: 220px;
}

.videoHolderSmall2 {
    margin-right: 0 !important;
}

.postedBy {
    font-size: 10px;
}

.videoHolderSmall0:hover, .videoHolderSmall1:hover, .videoHolderSmall2:hover {
    background-color: #e1e1e1;
}

.videoHolder .description {
    float: left;
    width: 285px;
    font-size: 12px;
}

.voteCon {
    float: left;
    width: 265px;
    height: 42px;
    margin-top: 20px;
    font-size: 12px;
}

.voteCon .red {
    font-size: 14px;
    color: red;
    font-weight: bold;
}

.votes {
    float: left;
    width: 52px;
    height: 42px;
    background: url(/layout/default/votes.png) no-repeat;
    text-align: center;
    padding-top: 18px;
    padding-right: 5px;
}

.vote {
    float: left;
    width: 42px;
    height: 42px;
    background: url(/layout/default/vote.png) left top no-repeat;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 10px;
}

.vote:hover {
    background-position: left -42px;
}

.voted {
    float: left;
    width: 42px;
    height: 42px;
    background: url(/layout/default/vote.png) left -84px no-repeat;
    margin-left: 5px;
    margin-right: 10px;
}

.socialBtns {
    float: right;
    margin-top: 20px;
    text-align: right;
}

.backBtn {
    text-decoration: underline; 
    color: #ec1c24; 
    cursor: pointer;
}

.backBtn:hover {
    text-decoration: none;
}

.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs li {
    float: left;
}

.tabs li a, .tabLink {
    float: left;
    display: block;
    padding: 0 18px;
    height: 36px;
    line-height: 36px;
    background: #5f5f5f;
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.tabs li a:hover, .tabs li a.current, .tabLink:hover, .tabLinkActive {
    background: url(/layout/default/videos-tab.png) repeat-x;
}

.tabLinkFirst {
    float: left;
    display: block;
    padding: 0 16px;
    width: 47px;
    height: 36px;
    line-height: 36px;
    background: url(/layout/default/tabLinkFirst.gif) no-repeat;
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.panes {
    float: left;
    background: #ececec;
    padding: 10px;
    width: 550px;
}

.instructional_vid, .instructional_vid2 {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.instructional_vid2 {
    margin-right: 0;
}

.videoThumb {
    cursor: pointer;
}


/* DONATE PAGE STYLES */

.totalDonations {
    float: left;
    padding: 0 15px;
    background: url(/layout/default/total_donations_bg.png) repeat-x;
    height: 50px;
    color: #fff;
    font-size: 30px;
    font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
    line-height: 50px;
    color: #000;
    width: 540px;
}

.latestDonations {
    float: left;
    width: 285px;
    text-align: center;
    line-height: 40px;
}

.latestDonations h2 {
    margin: 0;
}

.donation0, .donation1 {
    background: #ececec;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    float: left;
    border: 1px solid #fff;
    width: 550px;
    color: #333;
}

.donation1 {
    background: #e1e1e1;
}

.allDonations {
    background: #5f5f5f;
    padding-bottom: 0;
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 20px;
}

.allDonations a {
    color: #fff !important;
}

.chchMsg {
    font-size: 12px;
    float: left;
    margin-top: 10px;
}



/* HOME PAGE STYLES */

#home_box_1, #home_box_2 {
    float: left;
    width: 274px;
    height: 129px;    
    background: url(/layout/default/home_box_1.jpg) no-repeat;
    margin-top: 15px;
    margin-right: 24px;
    margin-bottom: 50px;
}

#home_box_2 {
    background: url(/layout/default/home_box_2.png) no-repeat;
    margin-right: 0;
}


/* TUMBLR PAGE STYLES */

#tumblrSlideShow {
    float: left;
    width: 380px !important;
    display: block;
}

#tumblrSlideShowCon {
    float: left;
    width: 380px !important;
    display: block;
}

#tumblrSlideShow img {
    width: 380px;
}

#tumblrSlideShow embed {
    width: 380px !important;
}

.twitterFeed {
    float: left;
    width: 180px;
    margin-left: 10px;
}

.tumblr_posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tumblr_post {
    
}

.liveFeed .tumblr_post {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #CCC;
}

.tumblr_title {
    font-weight: bold; font-size: 24px; color: #66CC33; font-family: 'TheSansBlackPlainRegular', arial, sans-serif !important;
}

.tumblr_body img {
    
}

.read_more_container {
    display: none !important;
}

.read_more_container a {
    display: none !important;
}



/* Gallery Styles */
#galleryTabs .tabLinkFirst{
    background-color: #66CC33;
    padding-right: 40px;
    background-position: center right;
    margin-bottom: 30px;
}
#galleryTabs .tabLink{
    margin-bottom: 1px;
}

#galleryPanes{
    margin-top: 15px;
}

.galleryPane .scrollable{
    position: relative;
    overflow: hidden;
    width: auto;
    height: 1200px;
}
.galleryPane .scrollable .items{
    width: 20000em;
    position: absolute;
}
.galleryPane .scrollable .items .page{
    width: 572px;
    float: left;
}

.galleryPane .galleryPagination{
    width: 140px;
    margin: 0 auto 10px auto;
}
.galleryPane .galleryPagination .browse{
    display: block;
    float: left;
    cursor: pointer;
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: green;*/
    color: #000;
}
.galleryPane .galleryPagination .browse.left{

}
.galleryPane .galleryPagination .browse.right{

}
.galleryPane .galleryPagination .browse.disabled{
/*    background-color: gray;*/
    color: #999;
    cursor: default;
}
.galleryPane .galleryPagination .navi{
    float: left;
    margin-left: 5px;
}
.galleryPane .galleryPagination .navi a{
    float: left;
    display: block;
    margin-right: 5px;
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: blue;*/
    color: #000;
    text-decoration: none;
}
.galleryPane .galleryPagination .navi a.active{
/*    background-color: red;*/
    color: #EC1C24;
}





.galleryThumbContainer{
    float: left;
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #CCCCCC;
    float: left;
    height: 140px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding: 10px;
    width: 160px;
}
.galleryThumbContainer:hover{
    background-color: #E1E1E1;
}
.galleryThumbContainer.end{
    margin-right: 0;
}

.galleryThumbContainer .galleryCaption{
    font-size: 10px;
}