/*************************************************************

		Reflex.com.au CSS Stylesheet
		Copyright © 2008, All Rights Reserved
		By Visual Jazz ////////

*************************************************************/

		@import url(sifr.css);
		@import url(lightbox.css);

/*************************************************************

		Page Style ////////

*************************************************************/
* {							margin: 0; padding: 0; }
html, body {					height: 100%; }
body {						background: #FFFFFF url("../images/BG.jpg") no-repeat top center;
							color: #363636; font-family: "Arial", Helvetica; font-size: 0.8em; text-align: left;
							behavior: url("../js/hover.htc"); }

img {						vertical-align: middle; }
img, h1, li {					behavior: url("../js/iepngfix.htc"); }

.floatCenter {					position: relative; width: 980px; margin: 0 auto; }
.floatLeft {					float: left; display: inline; }

.divider {					height: 20px; clear: both; }
.dividerForm {					height: 5px; border-bottom: 1px solid #D9D9D9; clear: both; }
.dividerLine {					height: 15px; border-top: 1px solid #D9D9D9; clear: both; }


/*********************************
		Text
*********************************/
a, p, img, li, ul, 
input, label, textarea, td {		text-decoration: none; outline: none; border: 0;
							background-repeat: no-repeat; }
p, li, 
input, label, textarea, td {		font-size: 0.875em; line-height: 1.5em; }

textarea {					font-family: "Arial", Helvetica; }

a {							margin: 0; border: none; cursor: pointer; outline: none;
							color: #00AEEF; font-weight: bold; }

a span,
h1 span,
p span {						display: none; }

.green {						color: #598527; }
.note {						color: #898989; display: block !important; }


/*********************************
		Form
*********************************/
label {						width: 255px; font-weight: bold; display: block; }
ul, li {						list-style-type: none; margin: 0; padding: 0;
							background-repeat: no-repeat; }

.check {						float: left; margin-right: 10px; display: inline; }
.imageBrowse {					border: 1px solid #999999; }
							
.formField {					float: left; height: 14px; padding: 8px 10px 8px 35px; }

.formField.search {				width: 135px; background-image: url("../images/formField_Search.gif"); }

#formWrapper {					float: left; width: 440px; padding-bottom: 20px; }
#forgottenpassword {			float: left; width: 450px; padding-bottom: 20px; }
#mainContent.split2Trade 
#formWrapper {					width: 700px; }
#formWrapper .formField {		width: 255px; margin-bottom: 10px; }
#forgottenpassword .formField {	width: 255px; margin: 0 195px 10px 0; }
.formField.contactBlank {		background-image: url("../images/formField_ContactBlank.gif"); }
.formField.contactName {			background-image: url("../images/formField_ContactName.gif"); }
.formField.contactEmail {		background-image: url("../images/formField_ContactEmail.gif"); }
.formField.contactSubject {		background-image: url("../images/formField_ContactSubject.gif"); }
.formField.contactMessage {		height: 184px; background-color: #E1E1E1;
							background-image: url("../images/formField_ContactMessage.gif"); }
.formField.contactPassword {		background-image: url("../images/formField_ContactPassword.gif"); }							

.btnSearch, .btnFormSubmit {		float: left; height: 20px; display: inline; }
.btnSearch {					width: 100px; margin: 5px 10px 0; }
.btnFormSubmit {				width: 150px; margin-top: 5px; }
.btnCategory {					float: left; width: 150px; height: 20px; margin-top: 5px;
							background-image: url("../images/formField_btnCategory.gif"); display: inline; }
.btnUploadImage {				width: 100px; height: 20px; vertical-align: bottom; }
							
table select	{				width: 100%; }



/*************************************************************

		Content ////////

*************************************************************/
/*********************************
		00. Global
*********************************/
#wrapper {					position: relative; width: 100%; min-height: 100%; margin: 0 auto -120px auto; }


/*********************************
		01. Header Content
*********************************/
#headerWrapper {				float: left; width: 100%; height: 130px; display: inline; }
a#reflex {					float: left; width: 660px; height: 65px; margin-top: 15px;
							background-image: url("../images/gfxHeader.gif"); display: inline; }

.headerContent {				height: 130px; display: }
img.madeInAustralia{margin-top:20px; margin-left:75px;}


/*********************************
		Main Navigation
*********************************/
#mainNavigation {				float: left; width: 980px; height: 50px;
							background-image: url("../images/btnMainNavigation.gif"); display: inline; }

#mainNavigation li {			float: left; position: relative; z-index: 80; display: inline; }

#mainNavigation li a {			height: 50px; display: block; }


a.mN01 {						width: 75px; background-image: url("../images/btnHome.gif"); }
a.mN02 {						width: 135px; background-image: url("../images/btnReflexProducts.gif"); }
a.mN03 {						width: 125px; background-image: url("../images/btnBuyingReflex.gif"); }
a.mN04 {						width: 125px; background-image: url("../images/btnPerfectPaper.gif"); }
a.mN05 {						width: 125px; background-image: url("../images/btnAustralianMade.gif"); }
a.mN06 {						width: 120px; background-image: url("../images/btnEnvironment.gif"); }
a.mN07 {						width: 105px; background-image: url("../images/btnContactUs.gif"); }
a.mN08 {						width: 125px; background-image: url("../images/btnTradeLogin.gif"); }



/*********************************
			DropDown Menu
*********************************/
li>ul {						left: auto; top: auto; }

#mainNavigation li ul {			position: absolute; left: 0; top: 50px; width: 160px; padding-top: 20px; line-height: 0;
							background: url("../images/gfxDropDownMenuHeader.gif") no-repeat; display: none; z-index: 80; }

#mainNavigation li:hover ul,
#mainNavigation li.over ul {		display: block; }

#mainNavigation li ul li {		width: 120px; padding: 0 20px;
							background: url("../images/gfxDropDownMenuBG.gif") repeat-y; display: block; }
#mainNavigation li ul li a {		float: left; width: 120px; height: auto !important; padding: 0 0 10px 10px;
							font-weight: bold; font-size: 1.1em !important;
							color: #363636; background-image: url("../images/gfxDropDownMenuArrow.gif"); }

#mainNavigation li ul li a:hover {	color: #019CDF; background-position: 0 -75px; }

#mainNavigation li ul li.footer {	width: 160px; height: 30px;
							background: url("../images/gfxDropDownMenuFooter.png") no-repeat; }

/*********************************
			DropDown Menu 2nd Level
*********************************/
#mainNavigation li ul li ul {		position: absolute; left: 160px; top: 0; width: 160px; padding-top: 20px; line-height: 0;
							background: url("../images/gfxDropDownMenuHeader2.png") no-repeat; display: none; z-index: 80; }

#mainNavigation li:hover ul li ul,
#mainNavigation li.over ul li ul {			display: none; }

#mainNavigation li:hover ul li:hover ul,
#mainNavigation li.over ul li.over ul {		display: block; }




/*********************************
		02. Feature Content
*********************************/							
#featureWrapper {				float: left; width: 100%; background-repeat: repeat-x; }
#featureWrapper.narrow {			height: 300px; background-image: url("../images/gfxFeature_NarrowBG.jpg"); }

#featureContent {				width: 980px; height: 300px; margin: 0 auto;
							background-repeat: no-repeat; }
							
#featureContent h1 {			width: 980px; height: 300px; background-repeat: no-repeat; }

#featureWrapper.narrow
#featureContent {				background-image: url("../images/gfxFeature_Narrow.jpg"); }


#featureWrapper.narrow.featureHome #featureContent h1 {	
							background-image: url("../images/txtFeature_Home.png"); }

#featureWrapper.narrow.featureContactUs #featureContent {	
							background-image: url("../images/gfxFeature_ContactUs.jpg"); }
#featureWrapper.narrow.featureContactUs #featureContent h1 {	
							background-image: url("../images/txtFeature_ContactUs.png"); }

#featureWrapper.narrow.featurePerfectPaper #featureContent {	
							background-image: url("../images/gfxFeature_PerfectPaper.jpg"); }
#featureWrapper.narrow.featurePerfectPaper #featureContent h1 {	
							background-image: url("../images/txtFeature_PerfectPaper.png"); }
/*
#featureWrapper.narrow.featureHome #featureContent {	
							background-image: url("../images/gfxFeature_Stockists2.jpg"); }

#featureWrapper.narrow.featureStockists #featureContent {	
							background-image: url("../images/gfxFeature_Stockists.jpg"); }
#featureWrapper.narrow.featureStockists2 #featureContent {	
							background-image: url("../images/gfxFeature_Stockists2.jpg"); }
#featureWrapper.narrow.featureStockists #featureContent h1,
#featureWrapper.narrow.featureStockists2 #featureContent h1 {	
							background-image: url("../images/txtFeature_Stockists.png"); }
*/
#featureWrapper.narrow.featureTrade #featureContent {	
							background-image: url("../images/gfxFeature_Trade.jpg"); }
#featureWrapper.narrow.featureTrade #featureContent h1 {	
							background-image: url("../images/txtFeature_Trade.png"); }

#featureWrapper.narrow.featureQuality #featureContent {	
							background-image: url("../images/gfxFeature_Quality.jpg"); }
#featureWrapper.narrow.featureQuality #featureContent h1 {	
							background-image: url("../images/txtFeature_Quality.png"); }

#featureWrapper.narrow.featureEnvironment #featureContent {	
							background-image: url("../images/gfxFeature_Environment.jpg"); }
#featureWrapper.narrow.featureEnvironment #featureContent h1 {	
							background-image: url("../images/txtFeature_Environment.png"); }
#featureWrapper.narrow.featureDisclaimer #featureContent {	
							background-image: url("../images/gfxFeature_Disclaimer.jpg"); }



/*********************************
		03. Main Content
*********************************/
#mainWrapper {					position: relative; width: 980px; margin: 0 auto; }

#mainContent {					float: left; width: 980px; padding: 45px 0; display: inline; }

#mainContent.single .content {	float: left; width: 940px; padding: 0 20px; }
#mainContent.split2 {			background: url("../images/gfxSplit2_BG.gif") repeat-y; }
#mainContent.split2 .content {	float: left; width: 450px; padding: 0 20px; }
#mainContent.split2Trade {		background: url("../images/gfxSplit2Trade_BG.gif") repeat-y; }
#mainContent.split2Trade
.content.column01 {				float: left; width: 200px; padding: 0 20px; }
#mainContent.split2Trade
.content.column02 {				float: left; width: 700px; padding: 0 20px; }
#mainContent.home {				float: left; width: 980px; height: 320px; padding: 0;
							background: url("../images/gfxHome_BG.gif") no-repeat; }
#mainContent.home .content {		float: left; width: 205px; padding: 20px; }
.content.faqColumn {			padding-top: 175px !important; }
.content a:hover,
.content a.selected {			color: #16358E; }

.content li {					padding: 0 0 15px 30px; background-image: url("../images/gfxIcon_List.gif"); }
.content li a {				height: 30px; }

ul.faq li {					background-image: url("../images/gfxIcon_FAQ.gif"); }
ul.pdf li {					background-image: url("../images/gfxIcon_PDF.gif"); }
ul.url li,
p.url {						background-image: url("../images/gfxIcon_URL.gif"); }
p.tel {						background-image: url("../images/gfxIcon_TEL.gif"); }

#flashcontent a {				float: left; }
.embedIcon p {					float: left; padding: 0 0 5px 30px !important; margin: 5px 0 !important; clear: both; }
.floatImage {					float: left; padding: 0 20px 20px 0; }


/*********************************
		Products
*********************************/
.tableProductInfo {				float: left; width: 520px; min-height: 355px; padding-left: 20px;
							background: url("../images/products/gfxTableBG.gif"); }
.tableProductInfo table {		float: left; width: 520px; margin: 0; padding: 0;
							border-collapse: collapse; border: none; }
.tableProductInfo table td,
.tableProductInfo table tr {		height: 20px; padding: 5px 0 5px 20px; text-align: left;
							border-bottom: 1px solid #D9D9D9; vertical-align: top; }
.tableProductInfo table td img {	padding: 15px 0; }
.tableProductInfo table h3 {		border: none; margin: none; }

tr.noBorder,
tr.noBorder td {				border: none !important; }

td.productSpec {				width: 140px; color: #545454; font-weight: bold; font-style: italic; }

img.packShot {					float: right;  }


/*********************************
		Gallery 
*********************************/
#galleryWrapper img {			float: left; width: 96px; height: 96px; margin: 0 10px 10px 0; padding: 2px;
							border: 1px solid #D9D9D9; }
							
#mainWrapper p {				margin: 15px 0; }

#tooltip {					position: absolute; padding: 5px 10px; color: #FFFFFF;
							background: url("../images/gfxTooltip.png"); display: none;}


/*********************************
		FAQbtnWatchVideo
*********************************/
#pagination {					text-align: center; }
#pagination a {				color: #363636 !important; font-size: 0.875em; font-weight: normal; padding: 0 5px; }
#pagination a:hover,

#pagination a.selected {			color: #019CDF !important; font-weight: bold; }


/*********************************
		Quality
*********************************/
.videoTitle {					color: #00AEEF; font-size: 1.1em; font-weight: bold; text-transform: uppercase; display: inline; }


/*********************************
		Stockists/Suppliers
*********************************/
ul#stockists li {				width: 285px; min-height: 80px; padding: 0; margin: 20px 10px;
							vertical-align: top; display: -moz-inline-stack; display: inline-block;
							_height: 80px; zoom: 1; *display: inline; }
ul#stockists li div {			float: left; width: 180px; }
ul#stockists li img {			float: left; margin-right: 20px; display: inline; }
ul#stockists li p {				height: 25px; padding-left: 30px; margin: 0; font-size: 1em; }

#productViewer {				float: left; width: 720px; height: 100px; }
#productViewerText {			float: left; width: 220px; }


/*********************************
		Trade Area
*********************************/
ul.twoColumn {					float: left; width: 225px; }
.tradeHomeSplit {				float: left; width: 710px; height: 325px; padding-top: 20px;
							background-image: url("../images/gfxTrade_BG.gif"); }
.tradeHomeContent {				float: left; width: 265px; padding: 0 20px; }
.tradeHomeContent2 {			float: left; width: 700px; padding: 0 20px; }
.tradeHomeContent3 {			float: left; width: 310px; padding: 0 20px; }


.tableTradeOrder table {			float: left; width: 700px; margin: 0; padding: 0;
							border-collapse: collapse; border: 1px solid #B9E8FD; }
.tableTradeOrder table td,
.tableTradeOrder table tr,
.tableTradeOrder table th {		padding: 5px 10px; text-align: left; }
.tableTradeOrder table th {		height: 20px; background: #019CDF; border: 1px solid #019CDF;
							color: #FFFFFF; font-size: 0.875em; font-weight: bold; }
.tableTradeOrder strong {		color: #16358E; }
.tableTradeOrder table input {	width: 20px; height: 22px; padding: 8px 10px 0;
							font-weight: bold; text-align: center;
							background-image: url("../images/formField_TradeQuantity.gif"); }
th.product {					width: 90px; }

tr.noBorder,
tr.noBorder td {				border: none !important; }

td.productSpec {				width: 140px; color: #545454; font-weight: bold; font-style: italic; }

img.packShot {					float: right;  }
.ruInputs li
{
	background-image: none;
	padding-left: 0px;
}

/*********************************
		04. Footer Content
*********************************/
.footerClear {					height: 120px; clear: both; }
#footerWrapper {				position: relative; width: 100%; height: 120px;
							background: url("../images/gfxFooter_BG.gif") repeat-x; }

#footerContent {				position: relative; width: 980px; height: 120px; margin: auto; }

p#copyright {					float: left; width: 200px; height: 120px;
							background-image: url("../images/gfxFooter_Copyright.gif"); }

a#australianPaper {				float: left; width: 135px; height: 120px;
							background-image: url("../images/btnAustralianPaper.gif"); }
a#australianPaper:hover {		background-position: 0 -120px; }

p#contact {					float: left; width: 390px; height: 120px;
							background-image: url("../images/gfxFooter_Contact.gif"); }

#footerLinks li {				float: left; display: inline; }

#footerLinks a {				float: left; height: 120px;
							background-image: url("../images/btnFooterLinks.gif"); }

a.fL01 {						width: 80px; }
a.fL01:hover {					background-position: 0 -120px; }
a.fL02 {						width: 75px; background-position: -80px 0; }
a.fL02:hover {					background-position: -80px -120px; }
a.fL03 {						width: 95px; background-position: -155px 0; }
a.fL03:hover {					background-position: -155px -120px; }



/*********************************
		Button Rollovers
*********************************/
a.btnBack,
a.btnNext {					width: 20px; height: 20px; }
a.btnBack:hover,
a.btnNext:hover {				background-position: 0 -70px; }
a.btnBack {					float: left; background-image: url("../images/btnBack.gif"); }
a.btnNext {					float: right; background-image: url("../images/btnNext.gif"); }
a.btnStockists {				float: left; width: 100px; height: 20px;
							background-image: url("../images/btnStockists.gif"); }
a.btnStockists:hover {			background-position: 0 -50px; }


a.mainBtn  {					float: left; width: 115px; height: 20px; }
a.mainBtn:hover {				background-position: 0 -50px; }
a.btnEnterHere {				background-image: url("../images/btnEnterHere.gif"); }
a.btnDiscoverMore {				background-image: url("../images/btnDiscoverMore.gif"); }
a.btnWatchVideo {				background-image: url("../images/btnWatchVideo.gif"); }


/*********************************
		Select Lists
*********************************/
.customDropDownWrapper {			width: 200px; height: 17px; padding: 2px 25px 0 15px;
							color: #FFFFFF; background: #16358E url("../images/formSelectBG.gif") right no-repeat; }

.customDropDown {				position: absolute; width: 215px; color: #898989; background: url("../images/gfxTooltip.png"); }
.customDropDownItem {			padding: 2px 15px; }
.customDropDownItemHover {		color: #FFFFFF; background: #019CDF;  }


/*********************************
		Timeline
*********************************/
#timeline {					position: relative; width: 100%; height: 350px; margin: 20px 0; text-align: right; }

#timeline li {					padding: 0; margin-right: 20px; }

#timeline ul {					float: left; margin: 0; padding: 0; list-style: none; }

#timeline ul li {				float: left; position: relative; background-image: none; }

#timeline ul li img {			width: 23px; height: 27px; margin: 0; z-index: 100; }

#timeline ul ul {				z-index: 20; }
#timeline ul li ul {			position: absolute; left: 0; top: 0; text-align: left; display: none; }
#timeline ul li>ul {			top: auto; left: auto; }

#timeline ul li:hover ul,
#timeline ul li.over ul {		display: block; }

#timeline ul li ul li {			/* width: 100%; width: auto; */ width: 230px; left: 0; padding: 13px 7px 9px;
							text-transform: none; display: block;}

* html #timeline ul li ul li {	left: -16px; }

#timeline ul li ul li {			float: none; padding: 5px 10px 10px; color: #FFFFFF; font-size: 1em;
							background: url("../images/gfxTooltip.png"); }

#timeline ul li ul li.date {		color: #019CDF; font-weight: bold; }

#timeline ul li ul div {			width: 230px; /* width: 100%; */ margin: 0; padding: 20px 0 0;
							background-image: url("../images/timeline/btnTimelineConnector.gif");
							background-repeat: repeat-y; background-position: 0 0; }

#timeline li.right div {			background-position: 188px 0px; }

* html #timeline li.right div {	background-position: 206px 0px; }

#timeline li.right div {			position: absolute; right: -18px; top: 27px; }

#timeline ul ul {				margin: 0; }

html>body #timeline ul ul {		left: 0; top: 0; list-style: none; margin: 0; padding: 0; }


/*********************************
		Sitemap
*********************************/
#sitemap li {					padding: 0; background-image: none; }
#sitemap li a span {			padding: 10px 0; display: block;
							color: #16358E; font-size: 1.1em; text-transform: uppercase; }
#sitemap li ul li {				padding: 0 0 15px 30px; background-image: url("../images/gfxIcon_List.gif"); }
#sitemap li ul li a {			height: 30px; padding: 0; color: #00AEEF; }
#sitemap li ul li a:hover {		color: #16358E; }



/************************************************************/