/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
html, body {height: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
body {font-size: 100%;} /* remove if we use the font sizing below */
/* END RESET CSS */


/* normalize monospace sizing */
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; }

/* #444 looks better than black */ 
body, select, input, textarea { color:#444; }
/* Improve Text Legibility */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active { outline: none; }
a:focus { outline: thin dotted; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
.nobreak { white-space: nowrap; }
/* align checkboxes, radios, text inputs with their label  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button, .showHand { cursor: pointer; }
/* make buttons play nice in IE */
button {  width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* for image replacement */
.ir { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
/* keep legacy sites happy */
.clear {clear: both;}

/* Style selected text color */
::-moz-selection{ background: #71a44b; color:#fff; text-shadow: none; }
::selection { background:#71a44b; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #71a44b; }

/* Add correct element hover actions for IE6 */
body.ie6 {behavior: url("https://www.trusightinc.com/App_Themes/HTC/csshover3.htc");}

/* headers were showing up with visibility hidden for ie6 oddly */
.ie6 h1, .ie6 h2, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6, .ie6 span { visibility: visible; }

/* =========================================================================================================================
*	We're done with all the resets & utility classes:
*	ADD GLOBAL SITE STYELS HERE
*
*	be general with these. We want to allow as much recycling as possible
*	========================================================================================================================= */

body {font-family: Helvetica, Arial, sans-serif; background: #bfb9af url(../../images/bg1.jpg) top left repeat-x;}
#overlay { display: none; top:0px; left: 0px; width: 100%; height: 100%; position: absolute; }
#container {background: #ffffff; width: 998px; margin: 0 auto; border: 1px solid #fbfbfa; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
#header ul {list-style:none;}

a, a:active, a:visited { color:#d79a49; }
a:hover { color:#71a44b; }

a.btn {display: inline-block; color: #ffffff; text-align: center; text-decoration: none; background-color: #d79a49; padding: 5px; min-width: 190px; cursor: pointer; font-weight: 500; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif;}
a.btn:hover {background: #f7e89d; color: #808080;}
a.btn:visited { color: #fff; }
.ie6 a.btn {width: 190px;}

h1 {} /* reserved for logo don't reuse this */
h2 {font-size: 36px; line-height:38px; color: #bfba88; font-weight: normal; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; }
.fancyFont h2 { font-weight: 300; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; }
h3 {font-size: 14px; font-weight:normal; line-height: 14px; text-transform: uppercase;}
h4 {font-size: 20px; line-height:22px; color: #bfba88; font-weight: normal; }
h5 {font-size: 13px; /* color: #dcd1a8; */ color:#78787B; font-weight:700; font-style: italic; line-height: 14px; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif;}

p {color: #616161; font-size: 14px; line-height: 18px;}
.dynamicText {color: #616161; font-size: 14px; line-height: 19px;}
.accordian .dynamicText {font-size: 12px; line-height: 17px;}
.dynamicText b, .dynamicText strong {font-weight: 700; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif;}
.dynamicText ul {list-style: disc outside; margin-bottom: 20px;}
.dynamicText ul ul {list-style: square outside; margin-bottom: 10px;}
.dynamicText ol {list-style: decimal-leading-zero outside; margin-bottom: 20px;}
.dynamicText li {margin-left: 15px;}
.dynamicText p {margin-bottom: 20px;}
.dynamicText h3 {color: #78787B; margin-bottom: 10px; text-transform: uppercase !important;}


/* generic layout */
.col3-wrapper, .col4-wrapper { display: block; list-style:none; }
.col3-wrapper .col {display: block; float: left; margin-right: 40px; width: 270px;}

.ui-icon {display: block; float: right; width: 15px; height: 15px; margin-right: 5px; margin-top: 5px;}
.ui-icon-triangle-1-e {background: transparent url(../../images/accordianDown.gif) top left no-repeat;}
.ui-icon-triangle-1-s {background: transparent url(../../images/accordianUp.gif) top left no-repeat;}

/* page layout */
#loginSearch {margin: 8px auto; width: 1000px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #ffffff;}
#loginSearch #login
	, #loginSearch #newsletter
	, #loginSearch #search {display: block; float: right; margin-left: 8px; position: relative; height: 26px; z-index: 20;}
#loginSearch #login { cursor: pointer; }
#loginSearch #login, #loginSearch #login .inner {background: #cc7f18;}
#loginSearch #newsletter, #loginSearch #newsletter .inner {background: #ecc610;}
#loginSearch #search {background: rgba(191, 185, 175, 0.4) url(../../images/searchIcon2.gif) center left no-repeat; padding-left: 30px;}
.ie6 #loginSearch #search
	, .ie7 #loginSearch #search
	, .ie8 #loginSearch #search {background: #CDCAB4 url(../../images/searchIcon.gif) center left no-repeat; padding-left: 30px;}

#loginSearch #login a
	, #loginSearch #newsletter a {padding: 7px 35px 4px 15px; display: block; color: #ffffff; text-decoration: none; background: transparent url(../../images/downArrow.gif) right center no-repeat;}
#loginSearch #login .userPanel { cursor: pointer; }
#loginSearch #login .inner a { background: none; padding: 0px 4px 8px; }

#loginSearch #search input {display: block; float: left; background: transparent; border: 0px none; width: 150px; color: #ffffff; padding: 3px 6px; margin-top: 2px; margin-right: 3px;}
#loginSearch #search input:focus {background: #dfdcc3; color: #808080;}
#loginSearch #search button {display:block; float:left; color: #629a37; background: #ffffff; border: 0 none; margin: 3px 3px 0 0; height: 20px; width: 30px; line-height: 20px;}
.ie6 #loginSearch #search button { display: inline; }

#loginSearch .inner {display: none; position: absolute; padding: 10px; right: 0px; z-index: 20;}
#loginSearch .inner label {display: block; color: #333333; margin-bottom: 5px;}
#loginSearch .inner input.tf {display: block; color: #808080; margin-bottom: 15px; width:245px;}
#loginSearch .inner p {font-size: 11px; line-height: 14px; text-transform: none; margin-bottom: 10px;}
#login button, #newsletter button {display: block; width: 100%; margin-top:10px; background: #ffffff; border: 1px solid #e9e9ea; padding: 5px 0;}

#newsletter .left, #newsletter .right {display: block; float: left;}
#newsletter .right .newsletterRow {display: block; float:  left; width: 50%; padding-bottom: 5px;}
#newsletter .right .newsletterRow input {display: block; float: left;}
#newsletter .right .newsletterRow span {display: block; float: left; margin-left: 5px;}
.ie6 #newsletter .right .newsletterRow span { display: inline; }
#loginSearch #newsletter .inner {width: 250px;}

#loginSearch #login:hover .inner
	, #loginSearch #newsletter.active .inner {display: block;}
#loginSearch #cart {display: block; float: right; margin-left: 10px; margin-top: 6px; }
.ie6 #loginSearch #cart { width: 45px; margin-top: 0px; }
#loginSearch #cart a {display: block; height: 23px; margin-top:-5px; padding-left: 27px; background: transparent url(../../images/shopping_cart_icon.png) bottom left no-repeat; color: #ffffff; text-decoration: none;}
.ie6 #loginSearch #cart a {background: transparent url(../../images/shopping_cart_icon.gif) bottom left no-repeat; height: 29px; margin-top: -5px; overflow: visible; }
#loginSearch #cart a span {display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 11px; background: #629a37; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.ie6 #loginSearch #cart a span { margin-left: 7px; padding-top: 3px; }
#loginSearch #cart a:hover span {background: #cc7f18;}

#header {margin-bottom: 10px;}
#header h1 {display: block; float: left; margin: 30px 0 0 -10px;}
.ie6 #header h1 { display: inline; }
#header h1 a {display:block; width: 274px; height: 44px; background: transparent url(../../images/mainLogo.gif) top left no-repeat;}

#header #mainNav {display: block; float:right; margin-right: 30px;}
.ie6 #header #mainNav { display: inline; }
#header #mainNav a {text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold;}
#header #mainNav .mainNavItem {display: block; float: left; position: relative; z-index: 10;}
#header #mainNav a.mainNavLink {display:block; color: #629a37; padding: 50px 10px 5px 10px;}
#header #mainNav a.mainNavLink:hover {background: #f6f3e7;}
#header #mainNav .subNav {display: none; position: absolute; background: #ffffff; width: 230px; left: 0px; right: auto; padding-bottom: 20px;}
#header #mainNav .subNav.last {right:0px; left: auto;}
#header #mainNav .subNavItem {padding: 2px 10px;}
#header #mainNav .mainNavItem:hover .subNav {display: block;}


.tagline {margin: 0 30px 30px 0}
.tagline h2 {display: block; float: right; width: 390px; text-align: right;}

#footer {background: #bfba88; padding: 15px 70px; color: #606060; font-size: 11px;}
#footer .footLeft {display: block; float: left; background: transparent url(../../images/footLogo.gif) left center no-repeat; padding: 7px 0 7px 30px;}
#footer .footRight {display: block; float: right; color: #ffffff; padding: 7px 0; width: 330px; }
#footer .footLeft span {margin-right: 20px;}
#footer .footLeft .copyright {font-weight: bold;}
#footer a {color: #ffffff; text-decoration: none; padding: 0 5px;}
#footer a:hover {text-decoration: underline;}

.generic .columnLeft{width: 660px; float: left;}
.ie6 .generic .columnLeft { width: 655px; }
.noFloat{float: none !important;}
.generic .columnLeft h2{margin-bottom: 10px;}
.generic .columnLeft p.maincopy{margin-bottom: 20px;}
.generic .columnLeft .copy{padding: 30px 70px 40px 70px;}
.consulting .columnLeft .copy { padding: 30px 60px 40px 60px; }
.generic .columnLeft .copy h3{ padding: 0px; margin-bottom: 8px;text-transform: none; }
.generic .columnLeft .copy h3 a.relatedCourse{background-color: #fcf7db;}
.generic .columnLeft .copy h3 a.relatedCourse:hover{background-color: #faf0be; color:#cc7f18;}
.generic .columnLeft .copy h3 a{text-decoration: none;padding:5px;text-transform:uppercase; line-height: 16px !important; display: block;background-color: #f6f3e7;}
.generic .columnLeft .copy h3 a .clickNote{font-size: 10px; color: #097fa8; margin-left: 10px;}
.generic .columnLeft .copy .accordion h3 a:hover{background-color: #faf0be; color: #cc7f18;}
.generic .columnLeft .copy .accordion h3 a.related{background-color: #e3eddb; color: #cc7f18;}
.generic .columnLeft .copy .accordion h3 a.related:hover{background-color: #dbe8d1; color: #cc7f18;}
.generic .columnLeft .copy .accordion h3 a.resources{background-color: #e1eff4; color: #cc7f18;}
.generic .columnLeft .copy .accordion h3 a.resources:hover{background-color: #d3e8ef; color: #cc7f18;}
.generic .columnLeft .copy .spacer{height:300px;}

.generic .columnLeft .copy .newsStory{margin: 40px 0px 10px 0px; position: relative;}
.generic .columnLeft .copy .newsStory .articleTitle h4 { color:#cc7f18; width: 450px; }
.generic .columnLeft .copy .newsStory .articleTitle h4 a { text-decoration: none; }
.generic .columnLeft .copy .newsStory .author h3{/* color:#bfba88; */ color: #78787B;}
.generic .columnLeft .copy .newsStory .date{position:absolute; right: 0px; top:0px; font-size: 12px; color: #c0b6ae;}
.generic .columnLeft .copy .newsStory .excerpt{}
.generic .columnLeft .copy .newsStory .excerpt a.readMore{text-transform: uppercase; font-size: 10px; color: #cc7f18; margin-left: 10px; text-decoration: none;}
.generic .columnLeft .copy .newsStory .excerpt a:hover{text-decoration: underline;}
.generic .columnLeft .copy .pagination .selected { font-weight: bold; text-decoration: none; }


.consulting .fullPageContainer { padding: 30px 60px 20px; }
.consulting .fullPageContainer h2 { margin-left: 5px; }


.accordion .expand{color: #8c8b8d; font-weight: normal; line-height: 16px; margin: 20px 0px 30px 0px;}
.hint{font-size: 12px; font-style: italic; /* color: #bfba88; */ color: #78787B; background-color: #ffffff;line-height: 14px !important; margin-top: 5px;}
.accordion .expand ul{margin:10px; /* list-style: none; */}


.generic .columnRight{width: 338px; float: left;padding-top: 55px;}
.generic .columnRight h3 a{color:#ffffff; text-decoration: none;}
.generic .columnRight .info
	, .generic .columnRight .mediaBlurbs div { background-color: #faf9f4;padding:20px 15px 10px 20px; margin-bottom: 5px; text-decoration: none; }
.generic .columnRight .info:hover
	, .generic .columnRight .mediaBlurbs div:hover  {background-color: #f2efe2;}
.generic .columnRight .info .copy
	, .generic .columnRight .mediaBlurbs p { font-size: 12px; margin: 6px 0px 15px 0px; line-height: 16px; width: 300px; }
.generic .columnRight .info h5{color: #cc7f18;}
.generic .columnRight .info .benefitsOverview h5 { margin: 9px 0px; }
.generic .columnRight .map{width: 338px; height: 260px; overflow: hidden;}
.generic .columnRight .info .profile
	, .generic .columnRight .mediaBlurbs div img { float: left; margin:-20px 10px 0px -20px; }
.ie6 .generic .columnRight .info .profile
	, .ie6 .generic .columnRight .mediaBlurbs div img { display: inline; }	
.generic .columnRight .mediaBlurbs label { font-size: 14px; color: #616161; line-height: 19px; }
.generic .columnRight .info ul{list-style: none; font-size: 10px; color: #8c8b8d; line-height: 14px; padding: 5px 0px 10px 0px; display: block;}
.generic .columnRight .title{padding: 20px 40px 10px 10px; background-color: #097fa8; margin: 0px -10px 0px 0px;}
.generic .columnRight .title h4{color: #ffffff;}
.generic .columnRight .apply{padding: 20px 40px 10px 10px; background-color: #cc7f18; margin-right: 0px;margin-bottom: 30px;font-size: 20px; color: #ffffff; font-weight: 500; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 20px; display:block; cursor: pointer;}
.generic .columnRight .apply:hover{background-color: #bb700c;}
.generic .columnRight .deptHead{padding: 12px 40px 10px 10px; background-color: #c0b6ae; color: #ffffff;}
.generic .columnRight .deptHead h3 { font-size: 16px; }



.fullPageContainer{padding:10px 60px 20px 60px;}
.consultants{width:880px;}
.consultants .details{margin:9px; float: left; width: 200px;}
.ie6 .consultants .details { display: inline; }
.consultants .consultant{margin: 9px; float: left; text-decoration: none; cursor: pointer;}
.ie6 .consultants .consultant { display: inline; }
.consultants .consultant:hover{-webkit-box-shadow: 0px 0px 5px #bdbaa2; -moz-box-shadow: 0px 0px 5px #bdbaa2; box-shadow: 0px 0px 5px #bdbaa2;}
.consultants .consultant .info{width:200px; display: block;}
.consultants .consultant .info .title{color:#faf9f4; font-size: 20px; line-height: 20px; padding: 8px 10px 10px 10px; background-color: #097fa8; margin-top: -4px; height: 40px; }
.consultants .consultant .info .name{color:#8c8b8d; font-size: 16px; line-height: 16px; padding:  8px 10px 8px 10px; background-color: #f7e89d;}
.consultants .consultant .info .caption{font-size: 11px; line-height: 14px; padding: 5px; height: 55px;}



.passwordHelp .inputForm { color: #808080; margin-top: 15px; }
.passwordHelp .inputForm th { text-align: left; font-size: 12px; vertical-align: middle; width: 50px; padding-right: 5px; }
.passwordHelp .inputForm td { padding: 1px; }
.passwordHelp .inputForm td input { width: 192px; background-color: #F6F4E7; border: 1px solid #CC7F18; color: #CC7F18; padding: 3px; }
.passwordHelp .inputForm .btn { margin-top: 10px; }
.passwordHelp .inputForm .error
	, .passwordHelp .inputForm .error li { color: #e32222 !important; font-size: 12px; }



/* =========================================================================================================================
*	ADD PAGE SPECIFIC OR SPECIALTY STYLES HERE
*
*	be specific with these (only use them where needed)
*	========================================================================================================================= */

/* home page */
.homePage .col3-wrapper {margin-left: 65px; margin-bottom: 40px;}
.homePage .col3-wrapper p {margin-bottom: 20px;}

.homeFMA {margin-bottom: 80px;}
.homeFMA .FMAContent, .homeFMA .FMANav{display: block; float: left;}
.homeFMA .FMANav a {display: block; height: 119px; width: 310px; text-decoration: none; }
.homeFMA .FMANav a span {display: block;}
.homeFMA .FMANav a span.title {font-size: 22px; color: #097fa8; padding: 30px 20px 2px 45px; font-weight: 500; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif;}
.homeFMA .FMANav a span.desc {font-size: 11px; font-weight: normal; color: #878585; padding: 0 20px 5px 45px}
.homeFMA .FMANav a div.arrow {display: none; float: left; width: 18px; margin-left: -17px; height: 100%; background:transparent url(../../images/fmaArrow.png) center center no-repeat;}
.ie6 .homeFMA .FMANav a div.arrow {background:transparent url(../../images/fmaArrow.gif) center center no-repeat;}

.homeFMA #fma1nav, .homeFMA #fma2nav, .homeFMA #fma3nav {position:relative; border-bottom: 1px solid #f8e9a2;}
.homeFMA #fma1nav {background-color: #faf1c3; background: -moz-linear-gradient(left, #fefbf0 25%, #fbf4ce 100%); background: -webkit-gradient(linear, left top, right top, from(#fefbf0), to(#fbf4ce));}
.homeFMA #fma2nav {background-color: #f8e9a2; background: -moz-linear-gradient(left, #fdf8e3 25%, #f9edb1 100%); background: -webkit-gradient(linear, left top, right top, from(#fdf8e3), to(#f9edb1));}
.homeFMA #fma3nav {background-color:#f5e07c; background: -moz-linear-gradient(left, #fcf6d9 25%, #f6e592 100%); background: -webkit-gradient(linear, left top, right top, from(#fcf6d9), to(#f6e592));}
.homeFMA #fma1nav:hover, .homeFMA #fma2nav:hover, .homeFMA #fma3nav:hover {background-color:#cdebf6; background: -moz-linear-gradient(left, #e2f2f8 25%, #cdebf6 100%); background: -webkit-gradient(linear, left top, right top, from(#e2f2f8), to(#cdebf6));}

.homeFMA .FMANav a.active div.arrow {display: block;}
.homeFMA #fma1nav.active {background: #fcf7db;}
.homeFMA #fma2nav.active {background: #fcf7db;}
.homeFMA #fma3nav.active {background: #fcf7db;}

.homeFMA .active .title, .homeFMA .desc {padding-left: 45px;}

.homeFMA .fmaContent {width: 675px; height: 360px; position: relative;}
.homeFMA .fmaControlsInner {position: absolute; top: 280px; right: 40px; z-index: 10;}
.homeFMA .fmaControlsInner a {display:inline-block; width: 22px; height: 22px; text-align: center; text-decoration: none; color: #ffffff; background-color: #00678a; font-size: 14px; line-height:22px; margin-right: 10px; border: 4px solid #54a9c7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-weight: bold;}
.homeFMA .fmaControlsInner a:hover {color: #ffffff; border: 4px solid #f5e79d;}
.homeFMA .fmaControlsInner a.selected, .homeFMA .controls a.selected:hover {border: 4px solid #96d0e5; background: #71A44B;}

.homeFMA .contentSection { zoom: 1; display:block; position:absolute; margin-left: 28px; background: #097fa8; height: 346px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); border-bottom: 5px solid #2594BB;border-right: 2px solid #006183;border-top: 8px solid #006183;}
.homeFMA .contentSection .quote {color: #ffffff; font-size: 18px; line-height: 20px; font-weight: bold; text-transform: uppercase; background: rgba(98,154,55,0.9); padding: 30px 60px; width: 280px; position: absolute; top: 230px; left: -30px; z-index: 3; border:1px solid #709e4d;}
.ie6 .homeFMA .contentSection .quote
	, .ie7 .homeFMA .contentSection .quote  
	, .ie8 .homeFMA .contentSection .quote { background: transparent !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5629A37,endColorstr=#E5629A37)"; /* IE8 */    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5629A37,endColorstr=#E5629A37);   /* IE6 & 7 */      zoom: 1;}

.ie6 .homeFMA .contentSection .quote
	, .ie7 .homeFMA .contentSection .quote
	, .ie8 .homeFMA .contentSection .quote {background: #71A44B;}
.homeFMA .contentSection p { font-size: 16px; line-height: 18px; font-weight: bold; color: #ffffff; padding: 30px 40px 30px 40px; font-weight: 500; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; background-color: #006e94;}
.ie6 .homeFMA .contentSection p, .ie7 .homeFMA .contentSection p, .ie .homeFMA .contentSection p {font-size: 14px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
.homeFMA .contentSection.video p {padding-left: 330px;}
.ie6 .homeFMA .contentSection.video p, .ie7 .homeFMA .contentSection.video p, .ie .homeFMA .contentSection.video p {padding-left: 320px; padding-right: 60px;}
.homeFMA .contentSection.video .vidObject {width: 272px; height: 386px; position: absolute; z-index: 2; left:30px; top: -23px; -webkit-box-shadow: 0px 0px 3px #404040; -moz-box-shadow: 0px 0px 3px #404040; box-shadow: 0px 0px 3px #404040; }


.memberBenefitsOverview { padding: 30px 70px 0px; }
.memberBenefitsOverview .copy { padding: 0px 0px 40px !important; }

.membershipApplication { font-size: 12px; color: #808080; }

.membershipApplication .textField { background-color: #F6F4E7; border: 1px solid #CC7F18; color: #CC7F18; padding: 3px; }

.membershipApplication .error .textField { background-color: #FE6F6F !important; color: white !important;  }
.membershipApplication h4 { margin-top: 20px; }

.membershipApplication ul { margin-top: 10px; }
.membershipApplication ul li { list-style-type: none; margin-bottom: 2px; }
.membershipApplication ul li input { margin-bottom: 10px; width: 200px; }
.membershipApplication ul li label { font-weight: bold; display: block; }

.membershipApplication .mailingLists input
	, .membershipApplication .membershipTypes input { width: auto; margin-bottom: 0px; }
.membershipApplication .mailingLists label
	, .membershipApplication .membershipTypes label { display: inline; }

.membershipApplication .membershipTypes p { margin-left: 24px; font-size: 12px; }
.membershipApplication .membershipTypes .benefits { margin-bottom: 20px; margin-left: 40px; }
.membershipApplication .membershipTypes .benefits li { list-style-type: disc; }

.membershipApplication .membershipLevels .errorMessage { display: none; }
.membershipApplication .membershipLevels.error .errorMessage { display: inline; color: #e32222; margin-left: 20px; font-weight: bold; }

.membershipApplication .grossRevenueContainer .errorMessage { display: none; }
.membershipApplication .grossRevenueContainer.error .errorMessage { display: inline; color: #e32222; font-weight: bold; }

.membershipApplication h3 { margin-top: 10px; margin-bottom: 5px; font-weight: bold; }

.membershipApplication .membershipApplicationErrors { color: #e32222; margin-top: 10px; font-weight: bold; }


.trainingHome .col3-wrapper {margin-bottom: 40px; margin: 30px 0 40px 65px;}
.trainingHome .col3-wrapper p {margin-bottom: 20px;}
.trainingHome .col3-wrapper h3 {color: #CDCCB2; margin-bottom: 10px; font-size: 20px; line-height: 22px; font-style: normal;}

.trainingHome .columnRight .hrciSeal { margin-top: 22px; padding-right: 20px; margin-bottom: 15px; }
.trainingHome .columnRight .hrciSeal img { float: left; margin-right: 10px; }
.trainingHome .columnRight .hrciSeal p { font-size: 11px; }



.newsDetails.copy h5 { margin-bottom: 20px; }
.newsDetails.copy h5 span { float: right; }



.courseList {margin: 0px 30px 40px 70px;}
.courseList h2 {margin-bottom: 30px;}
.courseList h4 {margin-bottom: 10px; background: #CDCBB3; /* color: #ffffff; */ color:#78787B; margin-left: -20px; padding: 6px 20px; font-size: 11px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}

.courseFinder {display: block; float: left; width: 20%; margin-right: 20px;}
.courseFinder ul {list-style: none;}
.courseFinder .filterItem {margin-bottom: 20px;}
.courseFinder .checkRow {color: #616161; font-size: 12px; line-height: 13px; margin-bottom: 10px;}
.ie7 .courseFinder .checkRow { margin-bottom: 0px; }
.courseFinder .checkRow input {display: block; float: left; margin: 0;}
.courseFinder .checkRow span {display: block; float: left; width: 86%; margin-left: 5px;}
.ie6 .courseFinder .checkRow span { display: inline; }
.ie7 .courseFinder .checkRow span { margin-top: 4px; }
.courseFinder #courseSearchBox {width: 170px;}
.courseFinder .filterItem select {width: 170px;}
.courseFinder .filterItem select.certificationFilterSelect {margin-bottom: 10px;}

.courseListing {display: block; float: left; width: 75%;}
.courseListing ol {margin-left: 20px; display: block; border-top: 2px solid #CDCAB4; border-right: 2px solid #CDCAB4; border-left: 2px solid #CDCAB4; list-style: none;}
.courseListing ol li a {display:block; border-bottom: 2px solid #CDCAB4; padding: 15px 30px; text-decoration: none;}
.courseListing a.altRow {background-color: #F6F3E7;}
.courseListing a .courseName { color: #78787B; text-decoration: none; font-weight:300; font-size: 18px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
.fancyFont .courseListing a .courseName { font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; }
.courseListing a .classRowBottom {display:block; font-size: 11px; color: #cc7f18; margin-bottom: 3px;}
.courseListing a .classRowBottom strong {color: #78787B;}
.courseListing a .classRowBottom span {margin-right: 20px;}
.courseListing a .classRowBottom .learnMore {color: #CDCBB3; display:none; margin-right:-25px; float: right; font-weight:700; font-style: italic; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; text-transform: uppercase;}
.ie6 .courseListing a .classRowBottom .learnMore { display: inline; }
.courseListing a:hover {background-color: #71A748; margin: 0 -10px; padding-left: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px #000000; -moz-box-shadow: 0px 0px 3px #000000; box-shadow: 0px 0px 3px #000000; }
.ie7 .courseListing a:hover { width: 600px; }
.courseListing a:hover .classRowBottom .learnMore {display: block;}
.courseListing a:hover span, .courseListing a:hover strong {color: #ffffff;}
.courseListing a:hover .classRowBottom .learnMore {color: #CDCBB3;}
.courseListing .noCourses {margin: 60px;}
.earlyBirdIcon { position: absolute; background: #ffffff url(../../images/icon_earlybird.gif) no-repeat; height: 20px; color: transparent; padding-left:20px; padding-right: 0px; font-size: 10px;}
.earlyBirdIcon span {display: none; color: #333333; line-height: 16px; margin: 0 5px;}
.earlyBirdIcon:hover {-webkit-box-shadow: 1px 1px 2px #262626; -moz-box-shadow: 1px 1px 2px #262626; box-shadow: 1px 1px 2px #262626;}
.earlyBirdIcon:hover span {display: block;}


.productDetails { }

.productDetails .columnLeft .description { margin-bottom: 30px; }

.productDetails .columnLeft .addToCart { margin-top: 20px; }
.productDetails .columnLeft .addToCart a { text-align: center; min-width: 120px; font-weight: bold;}

.productDetails .columnLeft .prices h5 { font-size: 14px; }
.productDetails .columnLeft .prices .memberPrice { color: #71A748; font-weight: bold; }
.productDetails .columnLeft .prices span { color: #808080; }


.productDetails .columnRight { padding-top: 30px; }
.productDetails .columnRight .productImage { margin: 88px 0px 0px 60px;  }
.productDetails .columnRight .productImage img { border: solid 1px #BFBA88; }

.searchPage .tabControl { border-bottom: 4px solid #cc7f18; width: 660px; height: 28px; margin-top:30px; }
.searchPage .tabControl a { padding: 0px 10px; background-color: #78787B; color: #ffffff; text-decoration: none; line-height: 28px; display: inline-block; }
.searchPage .tabControl a:hover{background-color: #cfc08a;}
.searchPage .tabControl a.active { font-weight: bold; background-color: #cc7f18;}

.searchPage .tabs { position:relative; margin-top: 20px; width: 660px; }
.searchPage .tabs .tab { display: none;}
.searchPage .tabs .tab.active { display: block; }

.searchPage .gsc-search-box { display: none; }

.searchPage .gsc-control-cse { margin: 0px 0px 20px 0px; width: auto !important; }
.searchPage .gsc-control form { display: none; }
.searchPage .gsc-resultsbox-visible table { display: none; }
.searchPage .gsc-resultsbox-visible a, .gsc-resultsbox-visible a b { color: #AB7537 !important; font-size: 16px; text-decoration: none !important; }
.searchPage .gs-visibleUrl {display: none; }
.searchPage .gs-title { text-decoration: none !important; padding: 10px 0px 2px 0px; }
.searchPage .gs-title:hover { text-decoration: none !important; color: #629a37 !important;}
.searchPage .gs-snippet{color: #616161; font-size: 14px; line-height: 19px;}
.searchPage .gsc-results .gsc-cursor-box{margin: 40px 0px 20px 0px;}
.searchPage .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #cc7f18 !important; text-decoration: none !important; font-size: 16px; }
.searchPage .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #B2B2B2 !important; font-weight: bold !important; font-size: 18px; }
.searchPage .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { text-decoration: none !important; color: #629a37 !important;}




ul.productList { width: 660px; list-style: none; margin: 20px 10px 20px 10px; border-bottom: 2px solid #CDCAB4; }
ul.productList .sectionHead { margin: 20px 0px 20px 0px; }
ul.productList li { }
ul.productList .productName { display: block; padding: 10px; border-top: 2px solid #CDCAB4; border-right: 2px solid #CDCAB4; border-left: 2px solid #CDCAB4; }
ul.productList .productName a { text-decoration: none; }
ul.productList .productName .productLink { color: #78787B; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 20px; text-decoration: none; text-transform: uppercase; width: 530px; text-decoration: none; float: left; }
.fancyFont ul.productList .productName .productLink { font-family: brevia-1, brevia-2, Helvetica, Arial, sans-serif; font-weight: 300; }
ul.productList .productName .productPrice { display: inline-block; width: 100px; text-align: right; color: gray; font-size: 15px; }
ul.productList .oddRow { background-color: #f6f3e6; }
ul.productList .productName:hover { background-color: #71A748; margin: 0 -10px; padding: 11px 22px 11px 22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px #000000; -moz-box-shadow: 0px 0px 3px #000000; box-shadow: 0px 0px 3px #000000; color: #ffffff; border: 0px; }
ul.productList .productName:hover .productLink { color: #ffffff; }
ul.productList .productName:hover .productPrice { color: #ffffff; }




/* ---------------- training list page --- */
.courseInfo {display:block; font-size: 11px; color: #cc7f18; margin-bottom: 10px;}
.courseInfo a { text-decoration: none; padding: 5px 5px; display: inline-block; }
.courseInfo a:hover {background: #FAF9F4;}
.courseInfo strong {color: #78787B;}
.courseInfo span {margin-right: 20px; padding: 5px 0px; display: inline-block; }
.courseInfo .learnMore {color: #CDCBB3; display:none; margin-right:-25px; float: right; font-weight:700; font-style: italic; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; text-transform: uppercase;}
.ie6 .courseInfo .learnMore { display: inline; }

.availableSections {background: #FAF9F4; padding: 20px; font-size: 13px;}
.availableSections h4 {margin-bottom: 10px;}
.availableSections .prices { float: right; }
.availableSections .prices th { text-align: right; padding-right: 5px; color: #71A748; padding-bottom: 2px; }
.availableSections .prices td { padding-right: 5px; color: #808080; font-weight: bold; }
.availableSections .sections td {padding: 5px 0; border-bottom: 1px solid #BFBA88; vertical-align: middle; color: #808080;}
.availableSections .sections thead {margin-bottom: 10px;}
.availableSections .sections tbody tr:hover {background: #F2F0E2;}

.availableSections .sections td.code { display: none; padding-right: 10px; font-style: italic }
.availableSections .sections td.seats {text-align: center;}
.availableSections .sections td.price { text-align: center; padding-right: 10px; }
.availableSections .sections td.price .memberprice {color: #71A748; font-weight: bold;}
.availableSections .sections td.locations
	, .availableSections .sections td.instructor {width: 150px;}
.availableSections .sections td.register a {display: block; background: #cc7f18; padding:5px 10px; margin: 3px; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight:700; font-style: italic; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.availableSections .sections td.register a span {font-size: 8px; font-weight: normal; display: block; font-family: Arial, sans-serif; font-style: normal;}
.availableSections .sections td.register a:hover {background: #f7e89d; color:#808080;}






/* ---------------- login and register page --- */

.loginPage {min-height:400px; margin-bottom: 40px;}
.ie6 .loginPage {height: 400px;}
.loginPage h2 {margin: 30px 60px;}

.loginPage h4 {margin-bottom: 10px;}
.loginPage .left {display: block; float: left; width: 38%; margin: 0 60px 0 60px; border-right: 1px solid #CDCBB3;}
.ie6 .loginPage .left { display: inline; }
.loginPage .right {display: block; float: left; width: 45%;}
.loginPage p {margin-bottom: 10px; width: 310px;}
.loginPage .error ul {list-style: none;  margin: 20px 0;}
.loginPage .error ul li {font-size: 13px;}

.loginPage label {font-weight: normal; text-transform: uppercase; font-size: 13px; color: #78787B;}
.loginPage th {text-align: right; padding-right: 10px; vertical-align: top; width:85px; padding-top: 2px; }

.loginPage .username, .loginPage .password {width: 200px; border: #CC7F18 1px solid; margin-bottom: 10px; padding: 3px; background: #F6F4E7; color: #CC7F18;}
.loginPage .buttons {padding: 20px 0; text-align: center;}
.loginPage input.btn {display: inline-block; color: #ffffff; border: 0 none; text-decoration: none; background-color: #d79a49; padding: 5px 30px; margin-right: 10px; cursor: pointer; font-weight: 700; font-family: "brevia-1","brevia-2", Helvetica, Arial, sans-serif;}
.loginPage input.btn:hover {background: #f7e89d; color: #808080;}
.ie6 .loginPage input.btn {width: 100px;}

.loginPage .forgotPass {text-align: left;}
.loginPage .forgotPass a {text-decoration: none; font-size: 11px;}
.loginPage .requirements {font-size: 10px; line-height: 12px; color: #808080;}





.myCredentials { }
.myCredentials .inputForm { color: #808080; font-size: 12px; margin-top: 20px; }
.myCredentials .inputForm th { text-align: left; padding-right: 5px; vertical-align: middle; }
.myCredentials .inputForm td { padding: 1px; }
.myCredentials .inputForm input { background-color: #F6F4E7; border: 1px solid #CC7F18; color: #CC7F18; padding: 3px; }

.myCredentials .inputForm .saveChanges { margin-top: 10px; background: #cc7f18; padding: 5px 10px; margin: 3px; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 700; font-style: italic; font-family: "brevia-1" , "brevia-2" , Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.myCredentials .inputForm .saveChanges:hover { background: #f7e89d; color: #808080; }





/* ---------------- modal windows and bio page --- */
#lightbox {display: none; position: relative; width: 600px;}
#lightbox .container {margin: 0 auto; background: #ffffff; border: 10px solid #1D7DA9; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
#lightbox a.closeBtn {display:block; position: absolute; right: -30px; top: -10px; width: 22px; height: 22px; text-align: center; text-decoration: none; color: #ffffff; background-color: #00678a; font-size: 14px; line-height:26px; border: 4px solid #54a9c7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-weight: bold; padding-bottom: 3px;}
.ie6 #lightbox a.closeBtn { padding-bottom: 0px; }

#lightbox #bioContent { max-height: 500px; overflow-y: scroll; }
.ie6 #lightbox #bioContent { height:500px; height:expression(this.scrollHeight>499?"500px":"auto"); }

#bioContent {padding: 30px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; position: relative;}
#bioContent .person {display: block; float: left; margin: 0 20px 20px 0;}
#bioContent .person img {border: 1px solid #808080;}
#bioContent h4 {margin-bottom: 10px;}
#bioContent .contactInfo { margin-bottom: 10px; }
#bioContent .contactInfo p { margin: 1px 0px; }
#bioContent .dynamicText
	, #bioContent .contactInfo p {font-size: 12px; line-height: 14px;}





/* ---------------- Basket Page --- */

.basketPage { min-height: 500px; margin: 10px 20px; }
.ie6 .basketPage { height: 500px; }
.basketPage ul { list-style: none; }
.basketPage h2 { margin: 30px 60px; }
.basketPage h4 { margin-left: 60px; }
.basketPage h4 .priceHeader { margin-left: 424px; font-size: 14px; color: #808080; text-transform: none; font-weight: normal; }
.basketPage h4 .priceHeader strong { color: #71A748; }
.basketPage .empty { margin-left: 60px; }


.basketPage a { text-decoration: none; }

.basketPage .date { font-size: 12px; font-weight: normal; color: #808080; margin: 10px 0; }

.basketPage #courseListBasket { margin: 0 60px 40px 60px; border-top: 1px solid #BFBA88; }

.basketPage #courseListBasket .course { border-bottom: 1px solid #BFBA88; padding: 10px; }

.basketPage #courseListBasket .course .info { display: block; float: left; width: 550px; margin-right: 10px; }

.basketPage #courseListBasket .course a.removeCourse { float: right; display: block; background: #cc7f18; padding: 5px 10px; margin: 3px; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 700; font-style: italic; font-family: "brevia-1" , "brevia-2" , Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ie6 .basketPage #courseListBasket .course a.removeCourse { display: inline; }
.basketPage #courseListBasket .course a.removeCourse span { font-size: 9px; font-weight: normal; display: block; }
.basketPage #courseListBasket .course a.removeCourse:hover { background: #f7e89d; color: #808080; }

.basketPage #courseListBasket .course .attendees { margin: 10px 0 0 50px; }
.basketPage #courseListBasket .course .attendees h5 { margin-bottom: 5px; }
.basketPage #courseListBasket .course .attendees ul li { display: block; margin-bottom: 5px; clear: both; }
.basketPage #courseListBasket .course .attendees ul li .price { float: left; width: 125px; color: #808080; font-size: 15px; display: inline-block; text-align: right; margin-top: 2px; }
.basketPage #courseListBasket .course .attendees ul li .price strong { font-weight: bold; color: #71A748; }
.basketPage #courseListBasket .course .attendees ul li label { float: left; font-size: 11px; color: #808080; margin-right: 10px; display: inline-block; width: 55px; margin-top: 5px; }
.basketPage #courseListBasket .course .attendees ul li .attendeeName
	, #courseListBasket .attendees ul li .attendeeEmail { float: left; width: 200px; border: #CC7F18 1px solid; padding: 3px; background: #F6F4E7; color: #CC7F18; margin-right: 6px; }
.ie7 .basketPage #courseListBasket .course .attendees ul li .attendeeName { margin-left: -42px; }
.basketPage #courseListBasket .course .attendees ul li a.removeAttendee { margin-top: 2px; float: left; display: inline-block; width: 20px; height: 20px; background: #808080; color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 9px; line-height: 22px; text-align: center; margin-left: 10px; }
.ie6 .basketPage #courseListBasket .course .attendees ul li a.removeAttendee { display: inline; }
.basketPage #courseListBasket .course .attendees ul li a.removeAttendee:hover { background: #CC7F18; }
.basketPage #courseListBasket .course .attendees a.addAttendee { float: left; background: #cc7f18; padding: 5px 10px; margin: 3px 0 3px 425px; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 700; font-style: italic; font-family: "brevia-1" , "brevia-2" , Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ie6 .basketPage #courseListBasket .course .attendees a.addAttendee { display: inline; }
.basketPage #courseListBasket .course .attendees a.addAttendee span { font-size: 8px; font-weight: normal; display: block; font-family: Arial, sans-serif; font-style: normal; }
.basketPage #courseListBasket .course .attendees a.addAttendee:hover { background: #f7e89d; color: #808080; }

.basketPage #courseListBasket .course .totalPrice { float: left; width: 125px; text-align: right; margin-left: 37px; color: #808080; font-size: 15px; }
.ie6 .basketPage #courseListBasket .course .totalPrice { display: inline; }
.basketPage #courseListBasket .course .totalPrice .aboutPrice { color: #888888; font-weight: bold; font-size: 12px; display:block; }
.basketPage #courseListBasket .course .totalPrice strong { font-weight: bold; color: #71A748; }

.basketPage #courseListBasket .course .earlyBird { float: left; width: 100px; color: #71A748; font-size: 12px; margin-left: 10px; font-weight: bold; }

.basketPage .buttons { margin: 30px 60px; }
.basketPage .buttons .nextStep { float: right; }

.basketPage .productsList { margin: 0 60px; width: 845px; }
.basketPage .productsList a.removeLine { display: inline-block; background: #cc7f18; padding: 5px 10px; margin: 3px; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 700; font-style: italic; font-family: "brevia-1" , "brevia-2" , Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.basketPage .productsList a.removeLine span { font-size: 8px; font-weight: normal; display: block; font-family: Arial, sans-serif; font-style: normal; }
.basketPage .productsList a.removeLine:hover { background: #f7e89d; color: #808080; }

.basketPage .productsList td { padding: 10px 0; font-size: 13px; color: #606060; border-bottom: 1px solid #BFBA88; vertical-align: middle; }
.basketPage .productsList td.itemName { width: 500px; }
.basketPage .productsList td.quantity { width: 50px; }
.basketPage .productsList td.quantity input { width: 30px; border: #CC7F18 1px solid; padding: 3px; background: #F6F4E7; color: #CC7F18; }
.basketPage .productsList td.rowButton { width: 103px; }
.basketPage .productsList td.priceEach { text-align: right; padding-right: 15px; }
.basketPage .productsList td.priceTotal { text-align: right; padding-right: 10px; width: 90px; }

.basketPage input.error { background-color: #FE6F6F !important; color: white !important; }

.basketPage .errors { float: right; font-size: 12px; color: #e32222; font-weight: bold; margin: -10px 20px 20px; }
.ie6 .basketPage .errors { display: inline; }





.onePageCheckout { margin: 20px 70px; font-size: 12px; }

.onePageCheckout input { background-color: #F6F4E7; border: 1px solid #CC7F18; color: #CC7F18; padding: 3px; }
.onePageCheckout .radio input { background-color: transparent; border: none; }

.onePageCheckout h2 { font-size: 18px; font-weight: 500px;}

.onePageCheckout .checkoutBasket { border-bottom: 1px solid #BFBA88; padding-bottom: 20px; margin-bottom: 20px; color: #808080; }
.onePageCheckout .checkoutBasket h3 a { text-decoration: none; }

.onePageCheckout .checkoutBasket .coursesList
	, .onePageCheckout .checkoutBasket .productsList { margin-bottom: 20px; }
.onePageCheckout .checkoutBasket .coursesList thead tr
	, .onePageCheckout .checkoutBasket .productsList thead tr { margin-bottom: 10px; }
.onePageCheckout .checkoutBasket .coursesList thead tr td
	, .onePageCheckout .checkoutBasket .productsList thead tr td { border-bottom: 1px solid #BFBA88; }
.onePageCheckout .checkoutBasket .coursesList thead tr td
	, .onePageCheckout .checkoutBasket .productsList thead tr td { vertical-align: bottom; padding-bottom: 3px; }
.onePageCheckout .checkoutBasket .coursesList .course td
	, .onePageCheckout .checkoutBasket .productsList tbody td { padding-top: 10px; }
.onePageCheckout .checkoutBasket .coursesList .price
	, .onePageCheckout .checkoutBasket .productsList .price { text-align: right; width: 60px; }
.onePageCheckout .checkoutBasket .coursesList .qty
	, .onePageCheckout .checkoutBasket .productsList .qty { text-align: center; width: 40px; }
.onePageCheckout .checkoutBasket .coursesList .extendedPrice
	, .onePageCheckout .checkoutBasket .productsList .extendedPrice { text-align: right; width: 60px; }

.onePageCheckout .inputForm .rowHeader
	, .onePageCheckout .paymentForm .rowHeader { text-align: left; font-size: 12px; padding-right: 5px; vertical-align: middle; color: #808080; }
.onePageCheckout .inputForm td
	, .onePageCheckout .paymentForm td { padding: 1px; }
.onePageCheckout .inputForm td input { width: 200px; margin-bottom: 5px;}
.onePageCheckout .inputForm td select { width: 206px; margin-bottom: 5px;}


.onePageCheckout .billingAddress {display: block; float: left;}
.onePageCheckout .shippingAddress { width: 405px; margin-top: 0px; font-size: 12px; color: #808080; width:50%; display: block; float: right;}
.onePageCheckout .shippingAddress .inputForm { margin-top: 10px; }
.onePageCheckout .addressContinue { padding-top: 20px; clear:both;}

.onePageCheckout .addresses { float: left; margin-right: 30px; color: #808080; width:780px; margin-bottom: 20px;}

.onePageCheckout .shippingAndCoupon { float: left; margin-right: 30px; color: #808080; }
.onePageCheckout .shippingAndCoupon .shippingRates { margin-bottom: 20px; }
.onePageCheckout .shippingAndCoupon .couponDialog { width: 250px; }
.onePageCheckout .shippingAndCoupon .couponDialog .applyCoupon
	, .onePageCheckout .paymentInfo .payButton { background: #cc7f18; padding: 5px 10px; margin: 3px; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 700; font-style: italic; font-family: "brevia-1" , "brevia-2" , Helvetica, Arial, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.onePageCheckout .shippingAndCoupon .couponDialog .applyCoupon:hover
	, .onePageCheckout .paymentInfo .payButton:hover { background: #f7e89d; color: #808080; }

.onePageCheckout .paymentInfo { float: left; width: 420px; color: #808080; margin-left: 108px;}

.onePageCheckout .paymentInfo .errors { color: #e32222 !important; margin-left: 20px; margin-bottom: 10px; }

.onePageCheckout .paymentInfo td.opcPaymentForm { width: 300px; }
.onePageCheckout .paymentInfo td.opcPaymentMethods { padding-top: 4px; padding-right: 8px; }

.onePageCheckout .paymentInfo .paymentForm { font-size: 12px; margin-left: 10px; }
.onePageCheckout .paymentInfo .paymentForm th { text-align: left; }
.onePageCheckout .paymentInfo .paymentForm td { padding: 1px; }

.onePageCheckout .checkoutBasket .extendedPrice { text-align: right; }

.onePageCheckout .checkoutBasket .orderSummary { float: right; }
.onePageCheckout .checkoutBasket .orderSummary th { padding-right: 20px; }
.onePageCheckout .checkoutBasket .orderSummary td { text-align: right; width: 60px; padding: 1px 0px; }




.orderDetails { font-size: 12px; color: #808080; margin-top: 30px;}
.orderDetails .orderInfo {font-size: 14px; font-weight: bold; margin-bottom: 20px;}
.orderDetails .addresses {margin-bottom: 20px;}
.orderDetails .addresses div {display: block; float: left; margin-right: 20px;}

.orderDetails .orderLines {}
.orderDetails .orderLines tbody {border-top: 1px solid #BFBA88; border-bottom: 1px solid #BFBA88;}
.orderDetails .orderLines tbody td {padding: 10px 0;}
.orderDetails .orderLines thead td { font-weight: bold; padding: 10px 0;}
.orderDetails .orderLines .price
	, .orderDetails .orderLines tfoot td { width: 100px; text-align: right; padding-left: 10px; }
.orderDetails .orderLines tfoot th { text-align: right; padding-top: 10px;}
.orderDetails .orderLines tfoot td { padding-top: 10px;}
.orderDetails .orderLines .totalPrice {font-size: 16px;}
.orderDetails .orderLines .totalPrice li {margin-left: 10px;}
.orderDetails .orderLines strong.reg {margin-top: 20px;}



.myOrderHistory {min-height: 500px;}
.myOrderHistory .orders {list-style: none; margin-top: 30px; margin-bottom: 20px; font-size: 12px; border-top: 1px solid #BFBA88;}
.myOrderHistory .orders .order {margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #BFBA88;}
.myOrderHistory .orders .order ol li {margin-left: 20px;}
.myOrderHistory .orders .order ol {margin-left: 20px;}
.myOrderHistory .orders .order h5 {margin: 5px 0 5px 20px;}
.myOrderHistory .orders .order .quantity {font-weight: bold; color: #71A748; margin-right: 5px;}
.myOrderHistory .orders .order .orderLink {margin-left: 20px;}
.myOrderHistory .orders .order .orderDate, .myOrderHistory .orders .order .orderNum {color: #606060; font-weight: bold;}


#careersIframe {margin: 30px; width: 600px; min-height: 600px; border: 1px solid #BFBA88; background: #ffffff; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);}

/* =========================================================================================================================
*	MEDIA QUERIES FOR PRINT AND MOBILE DEVICES
*
*	inlined to avoid required HTTP connection
*	========================================================================================================================= */

@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}