html {background: url(../../img/bgred.jpg) top repeat-x #500306;}
body {font-size: 12px; font-family: arial, tahoma, "trebuchet ms"; margin: 0; text-align: center; color: #000000;}

.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
a {color: #111111; text-decoration: underline;}
a:hover {color: #333333; text-decoration: underline;}

.contentContainer {background: url(../../img/bg-content.png) center repeat-y;}

.pageContent {width: 926px; margin: 0 auto 0 auto;}
.clear {clear: both; height: 1px; overflow: hidden;}
.noticebox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 15px; color: #000000; margin: 10px 0 10px 0; text-align: left;}

/* Header */
.headerBar {background: url(../../img/headerbar.jpg) center no-repeat #540104; height: 141px;}
.headerBar-inner {padding: 10px;}
.navBar {background: url('../../img/navBack.jpg') top center repeat-x #D6D6D6; height: 42px;}
.navBar-inner {padding: 14px 0 10px 0;}
.navBar a {color: #000000; font-size: 14px; margin: 0 11px 0 11px; text-decoration: none;}
.navBar a:hover {color: #333333; text-decoration: none;}
.langBar {text-align: right; width: 275px; height: 25px; float: right; line-height: 2em;}
.langBar-inner {padding: 6px 6px 0 0; color: #FFFFFF; font-weight: bold;}
.langBar-inner a {margin: 0 0 0 8px;}
.headerLink {text-align: left;}
.headerLink a {display: block; width: 300px; height: 80px; text-decoration: none; background: url('../../img/p-logo.png') center center no-repeat;}


.headerBlock {background: url(../../img/block-home1.jpg) center no-repeat #FFFFFF; height: 270px;}
.testBlock {background: url(../../img/langauge-test.jpg) center no-repeat #FFFFFF; height: 144px;}

.loginLinks {text-align: right; color: #777777; font-size: 12px; text-shadow: 0 1px 0 #111111;}
.loginLinks a {color: #FFFFFF; text-decoration: none;}
.loginLinks a:hover {color: #CCCCCC; text-decoration: none;}

.mainContent {background: #FFFFFF;}
.mainContent-inner {padding: 10px;}

.footer {color: #FFFFFF; font-size: 11px;}
.footerInner {padding: 15px 5px 5px 5px; line-height: 1.2em;}
.footer a {color: #FFFFFF; font-size: 11px; text-decoration: none;}
.footer a:hover {color: #999999; text-decoration: underline;}
.inbite {font-size: 10px; color: #666666;}
.inbite a {font-size: 10px; color: #666666; text-decoration: none;}
.inbite a:hover {color: #FFFFFF;}

/* Pages */
.pageLeft {float: left; width: 515px;}
.pageRight {float: left; width: 380px;}

.homeBlock {background: url('../../img/home/grad.jpg') center right no-repeat #EFEFEF; margin: 0 0 10px 0; height: 85px;}
.homeBlock img {float: left; margin: 0 15px 0 0;}
.homeBlockInner {padding: 14px 5px 5px 5px; color: #151515; width: 350px; text-align: left; float: left;}
.homeBlockInner h2 {margin: 0 0 5px 0; color: #151515; font-size: 15px;}
.homeBlockInner h2 a {color: #151515; font-size: 15px; text-decoration: none;}
.homeBlockInner p {margin: 0 0 5px 0; color: #151515; font-size: 12px;}

.homeRight {padding: 0 10px 10px 10px; text-align: left; color: #151515;}
.homeRight h1 {font-size: 15px; margin: 0 0 10px 0;}
.homeRight p {font-size: 12px; margin: 0 0 10px 0;}
.homeRight img {margin: 9px 0 0 0;}

.pageBlock {background: #FFFFFF; padding: 0 0 15px 0;}

/* Interactive Test */
.mwTest {}
.mwTestInner {padding: 10px 0 0 0;}
.mwTestQustion-on {display: block; text-align: left;}
.mwTestQustion-off {display: none;}

.mwTheQuestion {padding: 10px 0 0 0; background: #EFEFEF; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.mwQuestion {width: 350px; margin: 0 auto 0 auto; text-align: left; padding: 40px;}
.mwTestButton {text-align: center; padding: 15px 0 0 0;}

.mwTestData {margin: 0 0 40px 0;}
.mwTestDataRight {float: right; width: 300px; text-align: left; font-size: 14px; font-weight: bold; margin: 9px 0 0 0;}
.mwTestProgress {width: 300px; height: 57px; background: #ABC0C9;}
.mwTestProgressBar {width: 1px; height: 57px; float: left; background: url('../../img/test/progress.jpg') center repeat-x #1A8DCF;}
.mwTestBlock {background: url('../../img/test/question.jpg') center center no-repeat; width: 307px; height: 82px;}
.mwTestBlockPad {padding: 34px 0 0 0; text-align: center;}
.mwTestBlock h1 {font-size: 16px; font-weight: bold;}

/* Quote */
.quoteArea {width: 96%; margin: 0 auto 0 auto;}
.quoteBox {width: 190px; height: 40px; color: #FFFFFF; font-weight: bold; float: left; margin: 0 0 0 20px; font-size: 14px;}
.quoteBoxIn {padding: 12px;}
.quoteBoxIn a {color: #FFFFFF; text-decoration: none;}
.quoteBoxIn a:hover {color: #FFFFFF; text-decoration: underline;}
.qbOn {background: #278AA2;}
.qbOff {background: #A2CDD7;}

.quoteLeft {width: 280px; background: #ECECEC; float: left; margin: 20px 0 0 20px;}
.quoteRight {width: 520px; background: #ECECEC; float: left; margin: 20px 0 0 20px;}
.quoteIn {padding: 20px; text-align: left;}
.quoteIn a {color: #000000;}
.quoteIn a:hover {color: #33333;}

/* Account */
.accountLeft {width: 220px; background: #ECECEC; float: left; margin: 10px 0 0 10px;}
.accountRight {width: 640px; background: #ECECEC; float: left; margin: 10px 0 0 10px;}
.accountIn {padding: 20px; text-align: left;}
.accountIn a {color: #000000;}
.accountIn a:hover {color: #33333;}

/* AP */
.pLangSel {color: #000000; text-decoration: none; margin: 0 5px 0 0;}
.lselimgs {float: right; width: 300px; text-align: right;}
.lselimgs img {border: 1px solid #CCCCCC;}
.langimgactive {border: 1px solid #000000;}

.aform {}
.formInput {border: 1px solid #D9D9D9; color: #333333; font-size: 12px; width: 100%;}
.aform div fieldset {margin: 0; padding: 0; border: 0;}
.aform div fieldset textarea {width: 100%; border: 1px solid #D9D9D9; color: #333333; font-size: 12px;}

#sidenav {margin: 25px 0 50px 0; padding: 0;}
#sidenav li {margin: 0 0 10px 0; list-style: none; background: url(../../img/navBack.png) center no-repeat; width: 180px; height: 32px;}
#sidenav li a {color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 12px; display: block; width: 100%; height: 32px; padding: 7px 0 0 10px;}
#sidenav li a:hover {color: #CCCCCC;}

#orderNav {margin: 0; padding:0;}
#orderNav li {margin: 0 10px 0 0; list-style: none; background: #CCCCCC; width: 150px; height: 20px; float: left;}
#orderNav li a {display: block; width: 100%; height: 100%; color: #000000; text-decoration: none; text-align: center; text-transform: uppercase;}
#orderNav li a:hover {color: #666666;}

#orderNav li.active {margin: 0 10px 0 0; list-style: none; background: #CC0000; width: 150px; height: 20px; float: left;}
#orderNav li.active a {display: block; width: 100%; height: 100%; color: #FFFFFF; text-decoration: none; text-align: center; text-transform: uppercase;}
#orderNav li.active a:hover {color: #999999;}

/* Contact Page */
.contactMail {width: 376px; float: left; margin: 20px 0 0 40px;}
.contactCall {width: 280px; float: left; margin: 20px 0 0 150px;}
.cMailHeader {height: 79px; background: url('../../img/contact/contact-mail.jpg') center center no-repeat;}
.cCallHeader {height: 79px; background: url('../../img/contact/contact-callback.jpg') center center no-repeat;}

.contentBlock {background: #EFEFEF; text-align: left; min-height: 360px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.cFax {}
.cFax input.formField {width: 100%; border: 1px solid #000000; padding: 0px; height: 30px; margin: 0 0 10px 0;}
.cFax select.formField {width: 100%; border: 1px solid #000000; padding: 0px; margin: 0 0 10px 0;}
.cFax div fieldset {border: 0; margin: 0; padding: 0;}
.cFax div fieldset textarea {width: 100%; border: 1px solid #000000; padding: 0px; margin: 0 0 10px 0;}

/* Golf Page */
.golfLeft {width: 315px; float: left; text-align: left;}
.golfRight {width: 550px; float: right; margin: 0 15px 0 10px; text-align: left;}
.golfMain {clear: both; text-align: left;}


/* Add ons */
.nImageContainer {width: 380px; height: 300px; margin: 0 auto 0 auto;}
.nGolfContainer {width: 550px; height: 300px; margin: 0 auto 0 auto;}
.greyBox {background: #E9E9E9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}