/*

		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
*/

/* layout
----------------------------------------------- */

body {font:12px/1 Arial, Verdana, Helvetica, sans-serif; background:#665348 url("images/bg.gif") top center no-repeat; text-align:center; padding:0; margin:0;}
#container {margin:0 auto 20px; width:950px; text-align:left; padding:0;}

p, table {font:12px/1.4 Arial, Verdana, Helvetica, sans-serif;}
table tr td {vertical-align:top;}

.fixer {clear:both; font-size: .1em; line-height: .01em; color:#fff;}

hr {margin:0; padding:0; height:1px; background:#E5E5E5; color:#E5E5E5; border:0;}

.printheader {display:none;}

* html ul li a {height:1em;}
ul {margin:0 0 15px 5px; padding:0; list-style: none;}
li {margin:0; padding:0 0 5px 14px; background: url("images/bullet-blue.gif") 0 6px no-repeat; font-size:14px; line-height:1.2;}

a:link, a:active, a:visited {color:#3E90D4; text-decoration:underline;}
a:hover {color:#3E90D4; text-decoration:underline;}

cite {font-style:normal; color:#999;}

.photo {padding:8px; border:1px solid #e1e1e1;}
.fr {clear:right; float:right; margin:20px 0 20px 20px;}
.fl {clear:left; float:left; margin:20px 20px 0 0;}

h1 {font-size:24px; font-weight:normal;}
h1 span {font-weight:normal; color:#999;}
h1 span.code {font-size:18px; margin-left:10px;}
h1 span.int {font-size:18px; margin-right:10px; background:#000; color:#fff; padding:2px 4px;}
h2 {font-size:20px; font-weight:normal; background:#3E90D4; color:#fff; padding:8px; margin-bottom:0;}
h3 {font-size:18px; color:#3E90D4; font-weight:normal; margin-top:0;}
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover {text-decoration:none;}
h4 {font-size:14px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

#footer {padding:21px; font-size:11px; color:#B3A9A4; margin-bottom:20px;}
#footer span {color:#7A6B63; margin:0 7px;}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {color:#B3A9A4; text-decoration:underline;}
#footer p {font-size:11px; float:left; margin:0;}
#footer p b {color:#B3A9A4;}
#footer p.credit {font-size:9px; color:#94877F; float:right; font-weight:normal;}
#footer p.credit a:link, #footer p.credit a:active, #footer p.credit a:visited, #footer p.credit a:hover {color:#94877F;}

#response {text-align:left; color:#000; background-image:url(images/highlight.gif);}
#response img {margin-top:0px;}
#response cite {color:#666; font-size:11px; font-style:normal;}
#response p {padding:10px 10px 10px 20px; font-size:15px; margin:0;}

.header {background:url('images/header-right.jpg') top right no-repeat; overflow:hidden; width:100%;}

.main {background:#fff; overflow:hidden; width:100%;}
.main .inner {background:#fff; width:710px; float:left; overflow:hidden;}

.padding {padding:20px;}

.nav {background:#98877E url('images/nav-right.jpg') top right no-repeat; overflow:hidden; margin-bottom:25px; width:100%;}
.nav ul {margin:0; padding:0; border-right:1px solid #897971;}
.nav li {float:left; font-size:14px; list-style:none; margin:0; padding:0; background:none;}
.nav li a:link, .nav li a:active, .nav li a:visited, .nav li a:hover {float:left;  color:#fff; display:block; padding:7px 15px 7px 13px; position:relative; text-decoration:none; border-right:1px solid #A3938B; border-left:1px solid #897971;}
.nav li.on a:link, .nav li.on a:active, .nav li.on a:visited, .nav li.on a:hover {background:#A3958E;}
.nav li.last a:link, .nav li.last a:active, .nav li.last a:visited, .nav li.last a:hover {border-right:none;}
.nav li a:hover {background:#9D8D85;}

.search {text-align:right; background:url('images/search-bg.gif') no-repeat top left; float:right; margin:55px 40px 0 0;}
.searchbox {background:transparent fixed; border:0; width:110px; height:18px; font-size:14px; color:#fff; padding:3px 5px;}
.searchbutton {background:transparent fixed; border:0; width:28px; height:26px;}
.search form {margin-bottom:0;}
.search form input {margin-bottom:0;}
.search form table {border-collapse:collapse;}
.search form table tr  {height:26px;}

input.search-btn {width:28px; height:26px; background:url('images/search-button.gif') no-repeat; outline: none;}
input.search-btn:hover {background:url('images/search-button.gif') no-repeat 0 -26px;}

.bigfooter {background:#52423A; overflow:hidden; padding:15px 0; width:100%;}
.bigfooter .links {float:left; width:217px; padding-left:20px;}
.bigfooter h4 {font-size:14px; color:#fff; margin-top:0;}
.bigfooter ul {margin:0 0 0 5px; padding:0; list-style: none;}
.bigfooter li {margin:0; padding:0 0 7px 14px; background: url("images/arrow.gif") 0 4px no-repeat; font-size:11px;}
.bigfooter a:link, .bigfooter a:active, .bigfooter a:visited {color:#fff; text-decoration:none;}
.bigfooter a:hover {color:#D0C3BD; text-decoration:none;}

.sub {background:#F2F2F2 url('images/sub-bg.gif') bottom left repeat-x; width:240px; overflow:hidden; float:left;}
.sub ul {background:#F2F2F2; margin:20px 0 300px 0; padding:0; list-style:none;}
.sub li {margin:0; padding:0; background:url('images/sub-off.gif') top left repeat-y;}
.sub li.on {background:url('images/sub-on.gif') top left repeat-y;}
.sub li.in {background:url('images/sub-in-bg.gif') top left repeat-y;}
.sub li a:link, .sub li a:active, .sub li a:visited, .sub li a:hover {display:block; color:#3A3A3A;  padding:9px 12px; text-decoration:none; border-bottom:1px solid #e1e1e1; font-weight:normal; font-size:14px; background:none;}
.sub li.on a:link {color:#3A3A3A; background:none;}
.sub li.in a:link, .sub li.in a:active, .sub li.in a:visited, .sub li.in a:hover {font-size:16px; font-weight:bold; line-height:1.2; }
.sub li.ar a:link, .sub li.ar a:active, .sub li.ar a:visited, .sub li.ar a:hover {background:url('images/sub-arrow.gif') center right no-repeat;}
.sub li.inar a:link, .sub li.inar a:active, .sub li.inar a:visited, .sub li.inar a:hover {background:url('images/sub-in-arrow.gif') center right no-repeat;}
.sub h4 {font-size:16px; color:#5C5C5C; font-weight:bold; margin-bottom:10px;}

.bag {background:#E6E6E6; padding:1px 10px 20px 10px; margin:20px 0 0 0;}
.main .bag p {font-size:11px; margin-top:0; padding-left:2px;}

.main p {font-size:14px;}
.main p.note {font-size:11px; color:#999;}

.specs {color:#757575;}
.specs span {margin:0 10px; color:#cacaca;}

.content {width:460px;}
.extended {width:670px;}

.side {width:160px; padding-left:20px; border-left:1px solid #e1e1e1; margin-left:20px; float:right; font-size:11px;}
.side h4 {font-size:11px; font-weight:bold; color:#fff; background:#665146; padding:5px; margin-top:20px;}
.side h4.top {margin-top:0;}
.side p, .side li, .side td {font-size:11px; line-height:1.2;}
.side p.note {font-size:10px; color:#999;}
.side ul {margin:0 0 0 5px; padding:0; list-style: none;}
.side li {margin:0; padding:0 0 3px 14px; background: url("images/bullet-brown.gif") 0 5px no-repeat; font-size:11px; line-height:1.2;}

table.miniprice {border-collapse:collapse; margin-top:10px; border-top:1px solid #e1e1e1;}
.miniprice tr {vertical-align:middle;}
.miniprice tr td {margin:0; padding:4px 3px 4px 3px; border-bottom:1px solid #e1e1e1; font-size:10px;}

.more {background:#70645D; margin-top:30px; margin-bottom:20px; overflow:hidden; width:100%;}
.more .padding {padding:12px;}
.more p {color:#fff;}
.more li {margin:0; padding:0 0 3px 14px; background: url("images/bullet-brown.gif") 0 5px no-repeat; font-size:14px; line-height:1.2; color:#fff;}
.more a:link, .more a:active, .more a:visited {color:#D1C9C5; text-decoration:underline;}
.more a:hover {color:#fff; text-decoration:underline;}
.more img {float:right; margin:6px;}

.makeupforever {background:#2F79BD url('images/heros/makeup-forever-hero.jpg') top left no-repeat; width:670px; margin:0;}
.makeupforever .padding {padding:85px 20px 115px 364px;}
.makeupforever p {font-size:14px; color:#000; margin:0;}
.makeupforever ul {margin:0; padding:12px 0; list-style:none;}
.makeupforever ul li {font-size:14px; color:#000; margin-bottom:3px; padding-left: 12px; padding-bottom:2px; background-image: url("images/arrow-grey.gif"); background-repeat: no-repeat; background-position: 0 5px;}
.makeupforever a:link, .makeupforever a:active, .makeupforever a:visited, .makeupforever a:hover {background:none; color:#000;}

.banner {background:#000; padding:10px; margin-top:20px;}
.banner h4 {color:#fff; margin:0;}
.banner p {color:#999; margin:5px 0 0 0;}

table.courses {border-collapse:collapse; margin-top:10px;}
.courses tr {vertical-align:middle;}
.courses tr td {margin:0; padding:4px 3px 4px 3px;}
.courses tr td h5 {background:#666; color:#fff; padding:3px 6px; margin:12px 0;}
.courses cite {font-size:11px;}

.coursesmenu {position:absolute; top:0; border-bottom-width:0; z-index:100; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; width: 660px; margin-top:-1px; margin-left:0;}
.coursesmenu h4 {color:#000; font-size:11px; margin:0 0 10px 0;}
.coursesmenu h4 a:link, .coursesmenu h4 a:active, .coursesmenu h4 a:visited, .coursesmenu h4 a:hover {color:#000;}
.coursesmenu h4.special a:link, .coursesmenu h4.special a:active, .coursesmenu h4.special a:visited, .coursesmenu h4.special a:hover {background:#3E90D4; color:#fff; padding:2px 4px;}
.coursesmenu ul {margin:0 0 5px 5px; padding:0; list-style: none;}
.coursesmenu li {margin:0 ;padding:0 0 5px 14px; background: url("/images/bullet-small.gif") 0 5px no-repeat; font-size:11px; font-weight:normal;}
.coursesmenu a:link, .coursesmenu a:active, .coursesmenu a:visited, .coursesmenu a:hover {color:#2771AE; text-decoration:none;}
.coursesmenu a:hover {text-decoration:underline;}
.coursesmenu table tr td {border-right:1px solid #E5E5E5; padding:10px 12px;}
.coursesmenu table {border-collapse:collapse; margin:0;}

.product {border:1px solid #DADADA; width:327px; float:left; margin-top:12px; height:120px;}
.product .padding {margin:12px; padding:0;}
.product .info {float:left; width:178px; padding-left:12px; border-left:1px solid #DADADA;}
.product .pic {float:left; width:100px; margin-right:12px;}
.product h3 {font-size:14px; font-weight:normal; color:#5799CE; margin:0 0 10px 0; line-height:1.2;}
.product h3 a:link, .product h3 a:active, .product h3 a:visited, .product h3 a:hover {font-size:14px;font-weight:normal; color:#5799CE; text-decoration:underline;}
.product h4 {font-size:18px; font-weight:normal; color:#000; margin:0 0 12px 0;}
.product h4 sup {font-size:11px; font-weight:normal; vertical-align:top;}

.pagenumbers {background:#f1f1f1;}
.pagenumbers table tr td {padding:5px; font-size:14px;}

.productinfo {width:500px;}
.productinfo p {color:#000; font-size:14px;}

table.options {border-collapse:collapse; border-top:1px solid #E5E5E5; width:100%;}
table.options tr td {border-bottom:1px solid #E5E5E5; padding:5px; font-size:11px; color:#717171; vertical-align:middle;}
table.options tr td.price {font-size:14px; color:#000; font-weight:bold;}
table.options tr th {border-bottom:1px solid #E5E5E5; padding:5px; font-size:11px; color:#717171; font-weight:bold; text-align:left;}

a.options {background:url('/images/button-blank.gif') top left no-repeat; color:#fff; font-weight:bold; font-size:11px; text-decoration:none; padding:4px 40px 4px 8px;}

.shoppingbag table {border-collapse:collapse; width:200px; margin-top:20px;}
.shoppingbag table tr {}
.shoppingbag table tr td {border-bottom:1px dotted #C2C2C2; padding:5px; font-size:11px;}
.shoppingbag table tr th {border-bottom:1px dotted #C2C2C2; padding:5px; background:#D1D1D1; font-size:11px; text-align:left;}

table.cart {border-collapse:collapse; width:100%;}
table.cart tr td, table.cart tr th {padding:5px; vertical-align:middle;}
table.cart tr th {border-bottom:1px solid #666; background:#fff; font-size:9px; color:#666; font-weight:normal;}
table.cart tr td {border-bottom:1px solid #e0e0e0; background:#f1f1f1; font-size:14px;}

fieldset {background:#FFF9E9; padding:10px; margin:0 0 20px 0; border:1px solid #FDEEC5; width:648px;}
fieldset legend {font-weight:normal; font-size:22px; padding:5px;}

table.freight {border-collapse:collapse; margin-top:10px; border:2px solid #F4DEA3; background:#FDEEC5; width:100%;}
.freight tr {vertical-align:middle;}
.contactform .freight tr td {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #F4DEA3; border-right:1px solid #F4DEA3; font-size:11px;}
.contactform .freight tr th {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #F4DEA3; border-right:1px solid #F4DEA3; font-size:11px; font-weight:bold;}

.contactform {border:0;}
.contactform tr {vertical-align:top;}
.contactform tr th {text-align:left; font-size:14px; padding:5px; vertical-align:middle; font-weight:normal;}
.contactform tr cite {font-size:11px;}
.contactform tr td {font-size:14px; padding:5px;}
.contactform tr td input, .contactform tr td select {padding:5px;}
.contactform tr td input.short {width:50px;}
.contactform tr td input.long {width:300px;}
.contactform tr td input.bold {font-weight:bold;}
.contactform tr td textarea {font-size:12px; padding:10px; width:400px; height:100px;}
.contactform hr {margin: 0 0 10px; padding:0; height: 1px; background: #FDEEC5; color: #FDEEC5; border: 0;}

.storefootnote p {color:#999; font-size:11px; padding-top:8px; margin-bottom:16px; border-top:1px solid #f1f1f1; margin-top:20px;}
.storefootnote img {float:left; padding:15px 10px 15px 0;}

.storepromo {background:#5B4F40; color:#fff; padding:8px; margin:10px 0; font-size:14px;}
.storepromo a:link, .storepromo a:active, .storepromo a:visited, .storepromo a:hover {background:none; color:#fff;}
.storepromo cite {font-size:11px; color:#968D82; font-style:normal; margin-left:10px;}

table.searchbox {border-collapse:collapse; margin-top:10px;}
.searchbox tr {vertical-align:middle;}
.searchbox tr td {margin:0; padding:8px 12px 8px 0; font-size:14px; vertical-align:middle;}

table.pricelist {border-collapse:collapse; margin-top:10px; border-top:1px solid #e1e1e1; width:100%;}
.pricelist tr {vertical-align:middle;}
.pricelist tr:hover td {background:#f4f4f4;}
.pricelist tr th {margin:0; padding:6px 12px 6px 7px; border-bottom:1px solid #e1e1e1; font-size:14px; color:#3A3A3A;}
.pricelist tr td {margin:0; padding:6px 12px 6px 7px; border-bottom:1px solid #e1e1e1; font-size:14px;}
.pricelist tr td cite {font-size:11px; color:#787878;}

table.intake {border-collapse:collapse; margin-top:7px; margin-bottom:15px; border-top:1px solid #e1e1e1; width:100%;}
.intake tr {vertical-align:middle;}
.intake tr:hover td {background:#f4f4f4;}
.intake tr th {margin:0; padding:6px 12px 6px 7px; border-bottom:1px solid #e1e1e1; font-size:11px; color:#3A3A3A;}
.intake tr td {margin:0; padding:6px 12px 6px 7px; border-bottom:1px solid #e1e1e1; font-size:11px;}
.intake tr td cite {font-size:11px; color:#787878;}

table.pathways {border-collapse:collapse; margin-top:10px;}
.pathways tr {vertical-align:middle;}
.pathways tr td {margin:0; padding:0 0 0 10px; font-size:14px; width:50%; text-align:center;}
.pathways tr td.first {padding:0 10px 0 0;}
.pathways tr td img {margin-bottom:30px;}

.career {border:1px solid #e1e1e1; text-align:left;}
.career .padding {padding:15px;}
.career h4 {color:#000; margin:0 0 5px 0; font-size:14px;}

table.form {border-collapse:collapse; margin-top:10px; border-top:1px solid #e1e1e1;}
.form tr {vertical-align:middle;}
.form tr td, .form tr th {margin:0; padding:8px 12px 8px 7px; border-bottom:1px solid #e1e1e1; font-size:14px;}
.form input {padding:3px;}
.form submit {padding:5px 10px; font-weight:bold;}

.hero {overflow:hidden; height:388px;}
.hero .credits {z-index:2; position:absolute; font-size:10px; color:#000; padding:2px 4px; margin:368px 0 0 6px; text-shadow: #fff 1px 1px 0px;}

div.job {border:1px solid #ccc; color:#000; margin:10px 0; padding:0 10px;}
div.job p span {color:#999;margin:0 6px;}
div.job h3 {margin:15px 0 0 0;}
div.job h4 {color:#333;margin:0;}
div.job p.tags {border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:10px 0; font-size:11px;}
div.job p.tags img {margin-left:15px; margin-right:5px;}
div.job p.company {color:#666; font-size:11px;}
div.job p.company span {color:#999; margin:0 6px;}

.trainer {}
.bg {display:none; height:388px; width:670px; }
.textbox {background-color:#3e90d4; color:#FFF; font-family:Arial; font-size:11px; line-height:1.3em; min-height:130px; overflow:hidden; padding:12px; position:absolute; width:186px; }
.textbox p {font-size:11px; margin-bottom:5px;}
.textbox h3 {color:#FFF; font-size:14px; margin:0px; padding:0px; font-weight:bold;}
.textbox h4 {color:#FFF; font-size:11px; margin:3px 0 0 0; padding:0px; font-weight:bold;}
#trainer_area {background-image:url(images/trainers/trainers.png); height:388px; margin-left:auto; margin-right:auto; overflow:hidden; position:relative; width:670px; }
#trainer_1_bg {background-image:url(images/trainers/trainer_1.png); }
#trainer_2_bg {background-image:url(images/trainers/trainer_2.png); }
#trainer_3_bg {background-image:url(images/trainers/trainer_3.png); }
#trainer_4_bg {background-image:url(images/trainers/trainer_4.png); }
#trainer_5_bg {background-image:url(images/trainers/trainer_5.png); }
#trainer_6_bg {background-image:url(images/trainers/trainer_6.png); }
#trainer_7_bg {background-image:url(images/trainers/trainer_7.png); }
#trainer_1 {height:130px; left:20px; position:absolute; top:40px; width:110px; }
#trainer_2 {height:210px; left:50px; position:absolute; top:170px; width:110px; }
#trainer_2b {height:90px; left:10px; position:absolute; top:290px; width:210px; }
#trainer_3 {height:160px; left:130px; position:absolute; top:10px; width:110px; }
#trainer_4 {height:230px; left:285px; position:absolute; top:30px; width:110px; }
#trainer_5 {height:280px; left:390px; position:absolute; top:100px; width:110px; }
#trainer_5b {height:160px; left:330px; position:absolute; top:220px; width:220px; }
#trainer_6 {height:130px; left:460px; position:absolute; top:10px; width:110px; }
#trainer_7 {height:240px; left:540px; position:absolute; top:50px; width:110px; }
#trainer_1_text {left:195px; top:40px; }
#trainer_2_text {left:245px; top:20px; }
#trainer_3_text {left:285px; top:40px; }
#trainer_4_text {left:20px; top:40px; }
#trainer_5_text {left:115px; top:20px; }
#trainer_6_text {left:190px; top:40px; }
#trainer_7_text {left:270px; top:40px; }

p.caption {font-size:11px; color:#999;}

p.totalprice {font-size:12px; font-weight:bold; color:#3E90D4;}