/* Global */
body{margin:0 auto; padding:0;background: #f3f3f3; font-family:Arial, Verdana, Sans Serif;font-size:12px;}
a, a:active{outline: none; color:#239CA9;}
img{border:none;}
label{display:block;}
input{/*display:block;*/}
.button { background:#333333;border:1px solid #111111;color:#FFFFFF;font-weight:bold;padding:2px 4px; }
.button:hover { background:#666666; cursor:pointer;}
h1,h3,h4,h6{color:#014450;}
h1 {font-size:18px;}
h2 {font-size:18px;color:#0093D0;}
h3 {font-size:15px;}
.people h3 {font-size:15px;color:#000;margin:0;}
h4 {font-size:14px;}
h5 {font-size:13px;color:#666;margin:0;}
h6 {font-size:12px;}

/* Header */
.bg{width:960px; margin:0 auto; padding:0; position:relative; top:0;background:url(/images/template/drop.gif) repeat-y;}
.datetab {background:url(/images/template/datetab.png); width:59px; height:98px;position:absolute;left:-41px;top:25px;}
.datetab .datetext { color:#0180B5;font-family:verdana;font-size:13px;font-weight:bold;padding:33px 0 0 15px;text-align:center;text-transform:uppercase;width:39px;}
.container{width:960px; margin:0 auto; padding:0; position:relative; top:0;background:url(/images/template/header.gif) no-repeat;}
.header{height:200px;}
.sitetitle{background:url(/images/template/logo.png) no-repeat;}
h1.sitetitle{margin: 31px 0 0 40px; float:left; width:342px; height:85px;}
h1.sitetitle a{text-indent:-999px;display:block; height:85px;}
hr.divider { clear: both; display: block; border: 1px dotted #0180B5; margin: 10px 0;}
.center { text-align: center; }
.byline { text-align: center; color: #333; margin: 10px 0 0 0!important;}

.quote {position:absolute;right:50px;top:10px;text-align:right;width:500px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;color:#b9b9b9;}

/* Nav */
/*.sitenav {list-style:none; margin:0; padding:0; position:absolute; top:146px; left:30px; height:32px;}
.sitenav li{float:left; margin-right:25px;}
.sitenav li a{color:#FFFFFF;display:block;font-family:verdana;font-size:11px;font-weight:bold;padding-bottom:14px;text-decoration:none;text-transform:lowercase;padding-left:5px;}
.sitenav li a.active{background:url(/images/template/menu.gif) no-repeat; background-position:bottom center;}
.sitenav li a:hover{background:url(/images/template/menu.gif) no-repeat; background-position:bottom center; color:#c7ebf9;}*/

/* Nav */
#nav {background:none repeat scroll 0 0 #0180B5;left:40px;position:absolute;top:146px;width:875px;}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #0180B5;
	 background-color: #0180B5;
	 color: #fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #0180B5;
	 color: #c7ebf9;
	}
	ul.dropdown a {font-family:verdana;font-size:11px;font-weight: bold;text-transform:lowercase;}
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #c7ebf9; }
	ul.dropdown a:active	{ color: #c7ebf9; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 240px;
	 margin-top: 1px;
	}

	


ul.dropdown *.dir {
 padding: 7px 18px 7px 10px;
 background-image: url(/images/template/menu-down.gif);
 background-position: 95% 51%;
 background-repeat: no-repeat;
}

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}




/* Top Menu */
.topmenu{float:right; width:70px; height:90px; overflow:hidden; margin:0 20px 0 0; display:inline;color:#fff; font-size:12px; line-height:20px;}

/* Page Body */
.midcontainer{padding:0 40px 50px;color:#333;min-height:400px;width:875px;}
.maincolumn{margin:15px 0 0 0; width:630px; padding-right:10px; float:left; background:url(/images/template/dots.gif) repeat-y; background-position:top right;}
.maincolumn h1, .maincolumn h2, .maincolumn h3, .maincolumn h4, .maincolumn h5, .maincolumn h6{margin:5px 0 5px 0;}
.maincolumn p, ul, ol, blockquote{font-size:12px; line-height:16px;}
blockquote{font-style:italic;}

.bodycopy{padding:15px 0px 0px 0px; margin:20px 0 0 0; width:640px;font-size:12px; line-height:21px;}
.bodycol{width:278px; float:left; margin: 0 20px 20px 0; display:inline;padding:10px;background:none repeat scroll 0 0 #eee;border:1px solid #ccc;min-height:185px;}
.bodycol p{margin-top:0px;}
.bodycol strong{color:#014450;}
.bodycolfeatured{margin-top:6px;}
.bodycolfeatured img{padding:14px 0 14px 0;}

.secondary{margin:20px 0 0 0; width:600px; padding-right:30px; float:left;background:url(/images/template/dots.gif) repeat-y; background-position:top right;}
.secondary h2{margin:0 0 10px 0;}
.secondary p{line-height:16px; font-size:12px;}
.secondary a, .sidebar a {outline:medium none;background:url("/images/template/underline-blue.gif") repeat-x scroll 0 bottom transparent;
color:#0099FF;padding:0 0 1px;text-decoration:none;}
.secondary img {/*border:1px dotted #999;padding:2px;*/}
.secondary .people-image a, .secondary .people a{background:none;}
.secondary .alignright{float:right; margin-left:20px;}
.secondary .alignleft{float:left; margin-right:20px;}
.secondary .product_list_item { 
background: #EFEFEF;
border: 1px solid #CCC;
padding: 10px;
margin-bottom: 10px;
float: left;
width: 600px; 
}
.secondary .product_list_item:hover { border:1px solid #999; }
.page-title {background:#a8a8a8;}
.page-title h1{color:#fff;padding:10px;font-size:22px;line-height:26px;margin:0;}
.page-title h1 a{
background: #333;
border: 1px solid #222;
color: white;
float: right;
font-size: 12px;
font-weight: bold;
padding: 0 2px;
text-decoration: none;
}
.page-title h1 a:hover{
	background: #666;
	border: 1px solid #555;
}
.page-title h2{margin-top:0;color:#333;padding: 0 10px;}

.no-underline a {background:none;}


/* Home Page Feature Area */
.featured{width:620px; height:184px; position:relative;background:url(/images/template/featured.gif) no-repeat;}
.featuretitles{width:630px;}
.featuretitles h3{display:block; width:180px; padding:15px 15px 0 15px; float:left; margin:0;color:#fff; font-size:24px; font-weight:normal;}
.featureinserts{width:630px; height:184px; position:relative; position:absolute;color:#fff; font-size:12px; line-height:20px;}
.featureinserts .insert{width:578px; height:159px; position:absolute; top:0px; left:0px; padding:13px 12px 12px 30px;}
.featureinserts .insert ul.checks li {list-style:square;padding-bottom:5px;font-size:15px;font-weight:bold;}
.featureinserts .insert ul.checks {padding-left:15px;}
.featureinserts .insert img {border:#FFF 1px solid;}
.featureinserts h1 {text-shadow: 1px 1px 1px #000;color:#FFFFFF;font-size:46px;line-height:48px;margin:5px 0 5px 10px;padding:0;font-family: "Trebuchet MS", Helvetica, sans-serif;}
.featureinserts a{color:#fff; text-decoration:none; border-bottom:1px solid #fff;}
.featureinserts a:hover{color:#239CA9; background:#fff; text-decoration:none; border-bottom:1px solid #fff;}
.featureinserts .insert p{margin-top:0px;}
.featurecap{width:620px; clear:both; height:50px; /*padding:15px 0 15px 15px;*/ position:relative;background: url(/images/template/featured_bottom.gif) #707070 no-repeat; text-align:left; color:#fff;}
.featurecap h3{margin:0;font-family:verdana; font-size:18px; padding-left:30px; color:#fff;text-align:left;}
.featurecap div.pager{margin:0; padding:0px; position:absolute; top:0px; left:265px; margin-right:13px;}
.featurecap div.pager a{display:block; width:15px; height:15px; text-indent:-9999px; overflow:hidden; float:left; margin:18px 5px 17px 5px; position:relative; background: url(/images/template/pager.png) no-repeat;}
.featurecap div.pager a.activeSlide span{display:block; width:15px; height:15px; position:absolute; top:0px; left:0px;}

.featurecap div.pager a.activeSlide{background:#239CA9;}
.featurecap div.pager a.activeSlide span.one{background:url(/images/template/pager-active.png) no-repeat;}
.featurecap div.pager a.activeSlide span.two{background:url(/images/template/pager-active.png) no-repeat;}
.featurecap div.pager a.activeSlide span.three{background:url(/images/template/pager-active.png) no-repeat;}
.featurecap div.pager a.activeSlide span.four{background:url(/images/template/pager-active.png) no-repeat;}
.featurecap div.pager a.activeSlide span.five{background:url(/images/template/pager-active.png) no-repeat;}


.insert .bubbles{display:block; width:50px; height:29px; background:url(/images/template/bubbles.png) no-repeat;}
.insert .jquery{display:block; width:86px; height:21px; background:url(/images/template/jquery_logo.png) no-repeat;}
.insert .type{display:block; width:81px; height:46px; background:url(/images/template/type.png) no-repeat;}

/* People */
.people {width:590px;padding: 10px 0 0 0;float:left;}
.people-title {width:290px;padding:0 10px 0 0;float:left;}
.people-image {width:290px;float:left;}

/* Sidebar */
.sidebar{margin:20px 0 0 0; float:right; width:220px;font-size: 12px;}
.sidebar h3{margin:0 0 10px 0;font-size:22px; color:#0180B5;}
.block {padding:0 20px 18px 0; margin-bottom:15px;background:url(/images/template/sep.gif) no-repeat; background-position:bottom; line-height:21px;}
.block a.button{width:90px; height:65px; display:block; float:right; padding:35px 0 0 10px;background:url(/images/template/button.png) no-repeat; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:none; font-size:14px; text-align:center;}
.block a.button:hover{background-position:top right;}
.block ul.checks{list-style:none; padding-left:10px; margin:18px 0 0 0;font-size: 12px; font-style:italic;}
.block ul.checks li{padding-left: 25px; padding-bottom:10px;background:url(/images/template/check.gif) no-repeat; background-position:0px 1px;}
.block ul.news{margin:10px 0 0 0; list-style:none; padding:0 20px 0 0;}
.block ul.news li{margin-bottom:10px;}
.block ul.news li .date{background:url("/images/template/date_bg.gif") no-repeat;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:14px;
margin-bottom:3px;
padding:0 0 4px 5px;
width:48px;
line-height:18px;}

/* Footer */
.footer{padding-bottom:5px; width:960px; height:91px; margin:0 auto; position:relative;background:url(/images/template/footer.gif) no-repeat; background-position:bottom center;}
.footer2{position:absolute; left:30px; bottom:26px; width:865px; padding:10px 15px 10px 15px;}
.footer2 p{margin:0;}
.footerleft{float:left;}
.footerright{float:right;}
.sitenav2 {list-style:none; margin:0; padding:0;}
.sitenav2 li{display:inline;}
.sitenav2 li a{padding:0 10px;border-left:1px solid #239CA9;}
.sitenav2 li a.last{border:none; padding-right:0px;}

.footer a{color:#fff; text-decoration:none;}
.footer a:hover{color:#E3F2F4;}
.footer2{background:#0180b4; color:#c7ebf9; font-size:12px; font-weight:bold;}
.footerworldnz{text-align:right;width:890px;margin:0 auto;color:#ccc;font-size:12px;font-weight:bold;}
.footerworldnz a{color:#ccc;}

/* Generic */
.alignright{float:right; margin-left:10px; padding-top:5px;}
.alignleft{float:left; margin-right:10px; padding-top:5px;}
.clearfix{clear:both; height:0px;}

#cart {
    /*float:left;*/
}

#cart table {
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:10px;
}
#cart td, #cart th {
    background-color:#FFFFFF;
    border:1px solid #E3E3E3;
    color:#444444;
    font-size:1.2em !important;
    padding:10px;
}
#cart th {
	font-weight: bold;
	text-align: left;
}

a.online-services-link {
	background: #333;
	color: white;
	display: block;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0px 5px;
	position: absolute;
	right: 45px;
	top: 120px;
	text-decoration:none;
}
