@charset "utf-8";

/*------------------------------------------------------------------
[1. Common ]
*/	
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
/* tables still need 'cellspacing="0"' in the markup */
p{	font-size:12px !important;	font-family	:Arial, Helvetica, sans-serif !important; color:#696c57;line-height: 20px; padding-bottom: 10px; }

h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif !important; font-weight:normal; }
h2, h3 {}
h1 {padding:1px 0 5px 0 !important; font-size:26px !important ;color:#555555!important; letter-spacing:0;}
h2 {font-size:18px !important; color:#555555; letter-spacing:0; text-transform:capitalize;}
h3 {padding-top:1px;font-size:17px;color:#666666;letter-spacing:-0.02em; display:block;}
h4 {padding-top:1px;font-size:15px;color:#555555;letter-spacing:-0.02em; padding-bottom:5px;padding-top:5px;display:block;}
h5 {font-size: 12px;color:#d39171;}

blockquote {margin-left: 3em;margin-right: 3em;}
	blockquote:before, blockquote:after,q:before, q:after {	content: "";}
		blockquote, q {	quotes: "" "";}

.contentLink a {font-size: 12px;color:#d3c7b2;text-decoration:none;margin-bottom: 0.5em;font-weight:bold;text-decoration:none;}
	.contentLink a:hover{color: #d3c7b2;text-decoration:underline;}

a {	text-decoration: none;color:#666666;font-size:11px;font-family	:Arial, Helvetica, sans-serif; font-size:11px;line-height:35px;}
	a:hover {text-decoration: underline;}

a img {	border: none;}
	img.left {float:left;margin: 5px 20px 15px 1px;border: solid #e0e2db 2px;}
	img.right {float:right;margin: 5px 0 10px 20px;border: solid #e0e2db 2px;}
	img.accred {float:right;margin: 5px 0 10px 20px;}

.divasdf{color:#000000;}

a.videoLink{text-decoration:underline; margin-left:20px; font-size:14px; color:#83AFD0;}

	/*------------------------------------------------------------------		
	[1.1 Menu ]	test	
	*/
	
	.mainNav {background:url(../images/navbar.png) no-repeat scroll 0 0;float:left;height:39px;border:1px solid #e6e6e6;position:relative;width:870px; z-index:10;}
	
	.australiaMate{float:left;width:178px;padding:14px 0 0 48px; float:left;}
		.australiaMate span{font-family:arial;font-size:13px;color:#51a704; font-weight:bold;}
		
	.mainNav  ul{margin:0 auto 0 0px;list-style:none; float:right; background:url('../images/navlinks.png') no-repeat; }
		.mainNav  ul.navLinkAbout{background:url('../images/navlinks.png') 0px -39px no-repeat;}	
		.mainNav  ul.navLinkContact{background:url('../images/navlinks.png') 0px -195px no-repeat;}	
		.mainNav  ul.navLinkProducts{background:url('../images/navlinks.png') 0px -78px no-repeat;}	
		.mainNav  ul.navLinkStore{background:url('../images/navlinks.png') 0px -117px no-repeat;}	
		.mainNav  ul.navLinkNews{background:url('../images/navlinks.png') 0px -156px no-repeat;}
		.mainNav  ul.navLinkOther{background:url('../images/navlinks.png') no-repeat;}
	
	.mainNav  ul li{ text-align:center; padding-top:4px; height:35px; list-style:none; float:left;}
		.mainNav  ul li.home{width:127px;}				
		.mainNav  ul li.about{width:110px;}
		.mainNav  ul li.products{width:114px;}
		.mainNav  ul li.store{width:98px;}
		.mainNav  ul li.news{width:98px;}
		.mainNav  ul li.contact{width:70px;}
	
			.mainNav ul li a{color:#1c3f6b; float:left; height:100%; width:100%; text-indent:-999em; padding:0 5px 0 5px; font-weight:bold;}
		
		
	/*------------------------------------------------------------------		
	[1.2 List Styles ]
	*/
	
	.normalList ul {float:left;list-style:none;font:Arial, Helvetica, sans-serif; font-size:12px;padding-left:10px;padding-top:10px;margin-top:10px;}
		.normalList li {color:#666;list-style:none;background:url(../images/bullet.jpg) no-repeat 0px 12px;padding-left:25px;font-family:Arial, Helvetica, sans-serif; font-size:11px;line-height:30px;}
			
	ol, ul {}
	ul,li {	margin: 0;padding: 0;border: 0; font-family	:Arial, Helvetica, sans-serif !important; }
	ul {}
	li {position: relative;	padding: 0px; z-index: 11; list-style:none;}


/*------------------------------------------------------------------		
[2 adapter item details styles]
*/


.adapterContent{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-radius-bottomright:5px; -webkit-border-radius-bottomleft:5px; width:830px; padding:20px; float:left; min-height:400px; background:#fafbfa url(../images/contentBottom.png) center bottom no-repeat; border:1px solid #e6e6e6; }
	.adapterContent p{color:#999999; padding-bottom: 10px; line-height: 20px ;}
	.adapterContent ul{margin-left:20px;}
		.adapterContent ul li{font-size:12px; color:#999999; padding:2px 0 2px 0; list-style:disc;}
	
	.adapterContent h1{margin:-20px; width:830px; background:url('../images/headerBar.png') repeat-y; padding:20px !important; color:#efefef !important; margin-bottom:15px; border-bottom:2px solid #83afd0;}
		
		.adapterContent h2, .adapterContent h3{font-size:16px !important; color:#999999; font-weight:bold; margin-bottom:5px;}

/*------------------------------------------------------------------		
[3 contact form styles ]
*/

ul.error_list{background:none !important; padding:0 !important;}
	ul.error_list li{color:red; font-size:12px; padding:0!important; background:none !important; list-style-type:disc !important;}

.verticalForm { margin:0 0;}
	.verticalForm label { font-size:12px; color:#666666; display:block; font-family:arial; margin-bottom:5px; }
	.verticalForm  input{padding:5px; width:300px; color:#666666; position:relative; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; border:1px solid #cccccc;}
		.verticalForm  input:focus{border:1px solid #999999;}
	
	.verticalForm  textarea{margin-bottom:10px; width:300px; font-family:arial; font-size:12px; color:#666666; padding:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; border:1px solid #cccccc;}
		.verticalForm  textarea:focus{border:1px solid #999999;}
		
#submitButton{margin-top:10px; display:block; height:31px; width:120px; background:url('../images/sendEnquireBtn.png') no-repeat; border:none;}

.error{background-color:#fdcece; width:320px; margin:0 0 5px 20px; font-family:arial; font-size:12px; border:2px solid #F85050; color:red; padding:10px; }

fieldset{color:#666666; font-size:12px; font-family:arial;}


.adapterContent form{float:left; width:370px; margin-left:20px;}

/* contact page form right */
.contactRight{float:left; -moz-border-radius:5px; -webkit-border-radius: 5px; border:1px solid #cccccc; background-color:#ffffff; margin-top:48px; width:385px; padding:20px;}
	.contactRight a{line-height:normal;}
	.contactRight strong{color:#83AFD0};

/*------------------------------------------------------------------		
[3 product details & listing styles ]
*/

.product_box{float:left;}

.product_box hr{float:left; width:800px; border:none; border-top:2px solid #efefef; margin:20px 0 20px 0; background-color:#efefef; }

.product{background-color:none; float:left; width:800px; padding:10px; margin:10px; border:1px solid #efefef;}
	.product .img{float:left;}
	.product .img img{border:5px solid #efefef; float:left; width:100px; height:100px;}
	.product .blurb{float:left; margin-left:20px; width:650px;}
		.product .blurb p{color:#999999;}
		.product .blurb a{color:#B2BCC3;}
			.product .blurb h3 a{font-size:16px !important; font-weight:bold; color:#83afd0 !important;}
			
			.product .blurb h3 {line-height:35px; font-size:16px !important; font-weight:bold; color:#83afd0 !important;}
			
			.product .blurb strong{font-weight:bold; font-size:14px; line-height:30px;}
			
			.product .blurb .button form{margin-left:0; color:#666666; font-family:Arial, Helvetica, sans-serif !important; }
			.product .blurb .button form select{margin:5px 0 5px 0;}
			.product .blurb .button form select option{color:#666666;}
			
/* product details styles */
	
.product_detail {float:left; }
	.product_detail img{border:5px solid #e5e5e5; text-align:center; width:250px; height:230px;}
	.product_detail .blurb{float:left; width:500px; padding: 30px 0px 0px 30px; }
	.product_detail .imgWrapper{ margin-top:22px; text-align:center; float:left;}
		.product_detail .blurb ul li{color:#999999;}
		.product_detail .blurb a{color:#B2BCC3;}
			.product_detail .blurb a:hover{text-decoration:underline;}
		.product_detail .blurb h3 { font-size: 16px; font-weight: bold; padding:0 0 10px 0; text-transform: capitalize; margin: 0px; color: #83afd0;  }
		.product_detail .blurb p { padding-bottom: 15px; color:#999999; }

.product_detail .blurb .bottom{margin-top:15px;}


/* store item */

.storeItem{background-color:none; float:left; width:800px; padding:10px; margin:10px; position:relative;}
	.storeItem .img{float:left;}
	.storeItem .img img{border:5px solid #efefef; height:230px; width:250px;}
	.storeItem .blurb{float:left; margin-left:20px; width:500px;}
		.storeItem .blurb p{color:#999999;}
		.storeItem .blurb a{color:#B2BCC3;}
			.storeItem .blurb h3 {line-height:35px; font-size:16px !important; font-weight:bold; color:#83afd0 !important;}
			
.storeItem .blurb strong{font-weight:bold; font-size:14px;}
.storeItem .blurb  .button{}
	
/*------------------------------------------------------------------		
[3 news details & listing styles ]
*/

.newsWrapper{padding:5px;}
	.newsWrapper hr{background-color:#83AFD0; border:1px solid #efefef; width:820px; float:left; clear:both; display:block;}	
	.news-listing-text p{color:#999999; width:650px;}
		.news-listing-text p.newsDate{margin:2px 0 5px 0; color:#B2BCC3;}
	.news-listing-text a{color:#B2BCC3;}
		.news-listing-text h3 a{font-size:16px !important; line-height:20px; font-weight:bold; color:#83afd0 !important;}
	
/* news details styles */

.newsDetailContent h3{font-size:16px !important; line-height:20px; font-weight:bold; color:#83afd0 !important;}
.newsDetailContent p{color:#999999;}
	.newsDetailContent p.newsDetailDate{margin:2px 0 5px 0; color:#B2BCC3;}
.newsDetailContent a{color:#B2BCC3;}
	
	.newsDetailContent .newsImageWrap{float:left; margin:20px;}
	.newsDetailContent .blurb{float:left; width:600px; margin-top:20px;}
	
/*------------------------------------------------------------------		
[5 index  carousel ]
*/

.indexCarousel img{height:289px; width:873px;}
.indexCarousel a{float:left;}
.jcarousel-clip{padding:20px;}
.jcarousel-container{padding:0px 0px;}

	.indexCarousel .jcarousel-prev{ position:absolute; top:130px; left:0px;  height:28px; width:28px; background:url(../images/index_slider_button.png) no-repeat;}
	.indexCarousel .jcarousel-next{ position:absolute; top:130px; right:1px; height:28px; width:28px; background:url(../images/index_slider_button_right.png) no-repeat;}
		

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 873px;
    height: 310;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}