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

Stylesheet for www.dynamicinsightfitness.com.au

By Chris McIntosh
Chris McIntosh Design
www.chrismcintoshdesign.com

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

/* STANDARD TAG DEFINITIONS ---------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #000000;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #07A3C7;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF6600;

}

a {
	color: #0000CC;
	text-decoration: none;
}
a:link {
	color: #0000CC;
}
a:visited {
	color: #8800aa;
}
a:active {
	color: #0000CC;
}
a:hover {
	color: #FF0000;
}

/* CUSTOM CLASSES -------------------------------------------------- */

.smaller {
	font-size: 0.8em;
}

.titlePanel { /* The top horizontal panel containing the logo and slogan. Applied to TD */
	border-bottom: 3px solid #0F2B8D;
}

.featurePanel {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;

}

.topMenuPanel { /* The horizontal menu bar under the feature panel. Applied to TD */
	background-color: #0F2B8D;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 0.9em;
}
.topMenuPanel A {
	font-weight: bold;
	color: #9CABE1;
	text-decoration: none;
	margin-right: 1.5em;
}
.topMenuPanel A:link {
	color: #9CABE1;
}
.topMenuPanel A:visited {
	color: #9CABE1;
}
.topMenuPanel A:active {
	color: #9CABE1;
}
.topMenuPanel A:hover {
	color: #FFFFFF;
}

.navPanel { /* Main site navigation in left panel. Applied to nested layout table */

}
.navPanel TH {
	background-color: #9FAAD1;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 0.2em;
	padding-right: 0.6em;
	padding-bottom: 0.2em;
	padding-left: 0.6em;
}
.navPanel TH A {
	color: #000000;
	text-decoration: none;
}
.navPanel TH A:link {
	color: #000000;
}
.navPanel TH A:visited {
	color: #8800aa;
}
.navPanel TH A:active {
	color: #000000;
}
.navPanel TH A:hover {
	color: #FFFFFF;
}
.navPanel TD {
	border-bottom: 1px solid #FFFFFF;
	background-color: #CFD4E8;
	font-size: 0.9em;
	padding: 0.2em 0.6em;
}
.navPanel TD A {
	color: #000000;
	text-decoration: none;
}
.navPanel TD A:link {
	color: #000000;
}
.navPanel TD A:visited {
	color: #8800aa;
}
.navPanel TD A:active {
	color: #000000;
}
.navPanel TD A:hover {
	color: #FF0000;
}

.contentArea { /* Main content area of the page. Applied to TD */
	border-top: 6px solid #05A2C7;
	padding: 1.2em;
}

.specialBox {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 15px;
}
.specialBox td {
	background-color: #e3e3e3;
	padding: 10px;
	font-size: 0.9em;
}

.sidePanel { /* Panel on the right side of some pages. Applied to TD */
	border-top: 6px solid #05A2C7;
	padding: 15px;
	background-color: #E7D6BF;
	color: #884A00;
}

.sidePanelNew { /* Panel on the right side of some pages. Applied to TD */
	border-top: 6px solid #05A2C7;
	padding: 15px;
}

.sidePanelAds { /* Panel on the right side of some pages, containing banner ads. Applied to TD */
	border-top: 6px solid #05A2C7;
	padding: 15px;
	background-color: #CFD4E8;
	width: 180px;
	text-align: center;
}

.storeTable { /* The table containing the list of stores / distributors */

}
.storeTable TH {
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 0px;
	margin: 0px;

}
.storeTable td {
	margin: 0px;
	padding: 7px 7px 10px 1em;


}
.storeTable h1 {
	background-color: #E3E7F2;
	margin: 0px;
	padding: 3px 7px;
	font-size: 1.4em;
	font-weight: bold;

}
.storeTable h2 {
	margin: 0px;
	padding: 7px 7px 3px;
	font-size: 1.2em;

}


.productList { /* Table on a category page that contains a product summary and thumbnail */
	/* background-color: #FFFFFF; */
}
.productList TH {
	background-color: #e7d6bf;
	font-weight: bold;
	color: #884a00;
	text-align: center;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	border-top: 0px solid;
	border-right: 12px solid #E4E4E4;
	border-bottom: 3px solid #E4E4E4;
	border-left: 0px solid;

}
.productList TD {

}
.productList .prodImage { /* TD containing the product thumbnail image */
	border-bottom: 12px solid #E4E4E4;
	text-align: left;
	vertical-align: top;
	padding-top: 7px;
	padding-right: 1.2em;
	padding-bottom: 7px;
	padding-left: 7px;
	background-color: #FFFFFF;
}
.productList .prodDesc { /* TD containing the product description */
	border-right: 12px solid #E4E4E4;
	text-align: left;
	vertical-align: top;
	padding-top: 7px;
	padding-right: 7px;
	background-color: #FFFFFF;
}
.productList .prodPrice { /* TD containing the product rrp */
	font-weight: bold;
	border-bottom: 12px solid #E4E4E4;
	border-right: 12px solid #E4E4E4;
	text-align: right;
	vertical-align: bottom;	
	padding-top: 0.7em;
	padding-right: 7px;
	padding-bottom: 7px;
	background-color: #FFFFFF;
}

.featureForm { /* Formatting for selected forms. Applied to TABLE. */
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.featureForm TH {
	font-weight: bold;
	color: #884a00;
	background-color: #e7d6bf;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
.featureForm TD {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0.2em;
}

.featureForm2 { /* Formatting for selected forms. Applied to TABLE. */
}
.featureForm2 TH {
	font-weight: bold;
	color: #884a00;
	background-color: #e7d6bf;
	border: 1px solid #d2b185;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
.featureForm2 TD {
	padding: 0.2em;
	background-color: #F0E7D9;
	border: solid 1px #e7d6bf;
}

.footerMenu { /* The plain text nav menu at the bottom of each page */
	padding-top: 1.5em;
	padding-right: 15px;
	padding-bottom: 1.5em;
	padding-left: 15px;
	font-size: 0.8em;
}
.footerMenu hr {
	height: 1px;
	color: #07A3C7;
	background-color: #07A3C7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #07A3C7;
	margin-bottom: 1.0em;




}

.footerPanel { /* Horizontal bar at the bottom of each page - copyright and webmaster details */
	border-top: 1px solid #FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	color: #3C6CDD;
	background-color: #0F2B8D;
}
.footerPanel A {
	font-weight: bold;
	color: #3C6CDD;
	text-decoration: none;
}
.footerPanel A:link {
	color: #3C6CDD;
}
.footerPanel A:visited {
	color: #3C6CDD;
}
.footerPanel A:active {
	color: #3C6CDD;
}
.footerPanel A:hover {
	color: #FFFFFF;
}

#inBusinessSince1993 {
	margin-bottom: 15px;
	text-align: right;
	vertical-align: top;



}
#apiPharmacies {
	background-color: #FFFFFF;
	border: 2px solid #C63843;
	padding: 10px;
	margin-bottom: 15px;



}
#lookingGood {
	background-color: #FFCCFF;
	border: 2px solid #FF66FF;
	padding: 10px;
	margin-bottom: 15px;
	width: 230px;



}
#saleItem {
	margin-bottom: 15px;




}
#currentFeature {
	margin-bottom: 15px;
}
#polarMonitors {
	margin-bottom: 15px;



}
#specialOffer {
	margin-bottom: 15px;
	text-align: left;
	margin-top: 15px;




}
#logoPanel {
	background-color: #B9C1DD;
	padding: 12px 5px;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;





}
#logoPanel img {
	padding: 0px;
	margin: 5px;

}

#wholesaleLogin {
	background-color: #CFD4E8;
	padding: 3px;
	float: right;
	width: 14em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 2em;
	text-align: center;
	border: 1px solid #B9C1DD;




}
#wholesaleLogin h1 {
	background-color: #9FAAD1;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	padding: 3px;
	margin: 0px 0px 10px;



}
#wholesaleLogin form {
	margin: 0px;
	padding: 0px;


}
#wholesaleLogin input {
	margin: 3px;


}
#wholesaleLogin p {
	margin: 0px;
	padding: 5px;



}


/* END -------------------------------------------------- */
.imageRight {
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}
.imageLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}



/* New Toggle Navigation 20080515 ----------------------- */

.navCell {
	width: 210px;
	vertical-align: top;
	background-color: #CFD4E8;
}
.navCell table {
	width: 100%;
}

/* --- .navCell .menuLevel1 (begins) --- */

.menuLevel1 {
	font-weight: bold;
	text-align: left;
	background-color: #CFD4E8;
	padding: 0em;
	margin: 0em;
}
.menuLevel1 a {
	color: #000000;
	text-decoration: none;
}
.menuLevel1 a:link {
	color: #000000;
}
.menuLevel1 a:visited {
	color: #8800aa;
}
.menuLevel1 a:active {
	color: #000000;
}
.menuLevel1 a:hover {
	color: #FFFFFF;
}
.menuLevel1 th {
	background-color: #9FAAD1;
	font-size: 1.0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0em;
	padding-top: 0.2em;
	padding-right: 0.6em;
	padding-bottom: 0.2em;
	padding-left: 0.6em;
}

/* --- .navCell .menuLevel2 (begins) --- */

.menuLevel2 {
	background-color: #CFD4E8;
	font-size: 0.9em;
	font-weight: normal;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	width: 210px;
	display: none;
}
.menuLevel2 td {
	background-color: #CFD4E8;
	padding-left: 0.6em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
}
.menuLevel2 td a {
	color: #000000;
	text-decoration: none;
}
.menuLevel2 td a:link {
	color: #000000;
}
.menuLevel2 td a:visited {
	color: #8800aa;
}
.menuLevel2 td a:active {
	color: #000000;
}
.menuLevel2 td a:hover {
	color: #FF0000;
}


/*.navCell ul {
	list-style-type: none;
	padding: 10px;
}
.navCell ul li {
	padding: 0px;
	background-color: #B9C1DD;
	font-weight: bold;
}
.navCell a {
	color: #000000;
}
*/
.articleImgFloat {
	float: right;
	width: 272px;
}
.articleImgFloat img {
	margin: 10px;
}
.articleImgFloat02 {
	float: right;
	width: 200px;
}
.articleImgFloat02 img {
	margin: 10px;
}
.articleImgFloat03 {
	float: right;
	width: 358px;
}
.articleImgFloat03 img {
	margin: 10px;
}
.floatRight {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.tdQuestions {
	background-color: #9CABE1;
	font-weight: bold;
	padding: 5px;
}
.tdAnswers {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}

a img {
border: 0;
}