/** -------------------------------------------------------------------------------------------- */

/** Reset all styles to fixed defaults (browser neutralisation) */
h1, h2, h3 {margin:0; padding:0; line-height:1.0; font-size:inherit; font-style:bold;}
form, div, p {margin:0; padding:0; line-height:inherit; font-size:inherit;}
ul, li {margin:0; padding:0; list-style:none;}
a img {display:block;}
img {border:0;}


/** Primary body and two-column layout elements */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#000000; color:#BBBBBB; padding:0; margin:0;}
div#layoutBodyWrapper {width:988px; padding:0 0 32px 38px;}
div#layoutSideChannel {float:left; width:190px;}
div#layoutMainChannel {float:left; width:760px;}

/** -------------------------------------------------------------------------------------------- */

/** James Dawson logo (in top-left corner) */
div#layoutSideChannel a.logoLink {display:block; width:158px; margin:22px 0 13px 0;}
div#layoutSideChannel a.logoLink img {width:158px; height:80px;}


/** Two-tiered main menu list elements */
ul#layoutMenu {margin-left:1px; width:152px;}
ul#layoutMenu li a {text-decoration:none; text-align:right; font-size:10px; color:#ffffff; background:url(../images/menu_blue.png) 0px 0px; 
	display:block; width:146px; height:16px; padding:10px 6px 0 0;}
ul#layoutMenu li a:hover {text-decoration:none; background-position:0 -26px; color:#AF677A;}
ul#layoutMenu li a.red {background-image:url(../images/menu_red.png); color:#AF677A;}
ul#layoutMenu li a.red:hover {color:#FFFFFF;}
ul#layoutMenu li a.selected {text-decoration:none; background-position:0 -52px; color:#FFFFFF;}


/** Two-tiered main menu list elements */
ul#layoutMenu li ul {padding:10px 0 1px 0;}
ul#layoutMenu li ul li {text-align:right; padding:2px 6px 3px 0; text-transform: uppercase;}
ul#layoutMenu li ul li a {color:#8F98E4; background:0; display:inline; width:auto; height:auto; padding:0; margin:0;}
ul#layoutMenu li ul li a:hover {color:#FFFFFF;}


/** Award logos (below main menu) */
div#layoutSideChannel img.award1 {display:block; margin:50px 0 0 10px;}
div#layoutSideChannel img.award2 {display:block; margin:16px 0 0 10px;}
div#layoutSideChannel img.award3 {display:block; margin:18px 0 0 0;}



/** -------------------------------------------------------------------------------------------- */

/** Language-selection bar (at top of page) */
div#layoutLanguageBar {background:url(../images/background_language.png) 0 0 repeat-y; height:100%;}
div#layoutLanguageBar div.label {float:left; width:280px; color:#F9F9FA; padding:26px 30px 0px 0px; text-align:right;}
div#layoutLanguageBar ul {float:left; width:420px; padding-top:24px; height:28px; overflow:hidden; display:block;}
div#layoutLanguageBar ul li {float:left; display:block; width:60px;}
div#layoutLanguageBar ul li .tab1 {background-image:url(../images/flag_uk.png);}
div#layoutLanguageBar ul li .tab2 {background-image:url(../images/flag_japan.png);}
div#layoutLanguageBar ul li .tab3 {background-image:url(../images/flag_italy.png);}
div#layoutLanguageBar ul li .tab4 {background-image:url(../images/flag_germany.png);}
div#layoutLanguageBar ul li .tab5 {background-image:url(../images/flag_spain.png);}
div#layoutLanguageBar ul li .tab6 {background-image:url(../images/flag_china.png);}
div#layoutLanguageBar ul li .tab7 {background-image:url(../images/flag_france.png);}
div#layoutLanguageBar ul li a {display:block; width:48px; height:28px; background-position:0px 0px;}
div#layoutLanguageBar ul li a:hover {background-position:0px -24px;}
div#layoutLanguageBar ul li a.selected {background-position:0px -56px;}
div#layoutLanguageBar ul li a.selected:hover {background-position:0px -56px;}


/** User login and search bar (at top of page */
div#layoutUserBar {background:url(../images/background_userbar.png) 0 0 repeat-y; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; height:100%;}
div#layoutUserBar div.colRegister {float:left; width:126px;}
div#layoutUserBar div.colRegister p {float:left; padding:12px 11px 13px 0; background:url(../images/arrow_login.png) 100% 15px no-repeat;}
div#layoutUserBar div.colUserText {float:left; width:68px; padding:12px 0 13px 0;}
div#layoutUserBar div.colUserBox {float:left; width:115px; padding:10px 0 0 0;}
div#layoutUserBar div.colPassText {float:left; width:68px; padding:12px 0 13px 0;}
div#layoutUserBar div.colPassBox {float:left; width:108px; padding:10px 0 0 0;}
div#layoutUserBar div.colUserSend {float:left; width:46px; padding:11px 0 0 0;}
div#layoutUserBar div.colFindText {float:left; width:50px; padding:12px 0 13px 0;}
div#layoutUserBar div.colFindBox {float:left; width:158px; padding:10px 0 0 0;}
div#layoutUserBar div.colFindSend {float:left; width:21px; padding:11px 0 0 0;}
div#layoutUserBar a {text-decoration:none; color:#8F98E4;}
div#layoutUserBar a:hover {text-decoration:underline; color:#FFFFFF;}


/** Footer bar (at bottom of page) */
div#layoutFooterBar {font-family:Arial, Helvetica, sans-serif; text-align:right; color:#FFFFFF; padding-top:8px;}
div#layoutFooterBar a {color:#8F98E4; text-decoration:underline;}
div#layoutFooterBar a:hover {color:#FFFFFF; text-decoration:underline;}
div#layoutFooterBar p.blueText {color:#8F98E4;}
div#layoutFooterBar p {padding-top:4px;}



/** -------------------------------------------------------------------------------------------- */

/** Default styles for content area */
div#layoutContent p {line-height:1.5;}
div#layoutContent a {color:#8F98E4; text-decoration:none;}
div#layoutContent a:hover {color:#FFFFFF; text-decoration:underline;}
div#layoutContent h1 {color:#FFFFFF; font-weight:normal; font-size:20px; padding:20px 0 18px 0;}
div#layoutContent h1 a {color:#FFFFFF; text-decoration:none;}
div#layoutContent h1 a:hover {color:#FFFFFF; text-decoration:underline;}
div#layoutContent h2 {color:#FFFFFF; font-weight:normal; font-size:20px; padding:20px 0 18px 0;}
div#layoutContent h2 a {color:#FFFFFF; text-decoration:none;}
div#layoutContent h2 a:hover {color:#FFFFFF; text-decoration:underline;}
div#layoutContent h3 {color:#FFFFFF; font-weight:bold; padding:4px 0;}


/** General-purpose content styles */
div#layoutContent div.para {line-height:1.5;}
div#layoutContent ul.bulletList {font-weight:bold;}
div#layoutContent ul li span {font-weight:normal;}
div#layoutContent ul.bulletList li {background:url(../images/arrow_bullet.png) 0 6px no-repeat; padding:5px 0 5px 28px; line-height:1.5;}
div#layoutContent a.roBase {background-position:0 0; display:block; width:100px; height:31px;}
div#layoutContent a.roBase:hover {background-position:0 -31px;}


/** Left/right containers for two-column split */
div#layoutContent div.splitLeft {float:left; width:490px; padding-right:30px; background:url(../images/split_tall.png) 100% 0 no-repeat;}
div#layoutContent div.splitRight {float:left; width:200px; padding:0 20px 0 20px;}
div#layoutContent div.splitRight div.para {margin:0 3px;}


/** Grey-bordered thumbnail image */
div#layoutContent div.thumbnail {width:228px; background:url(../images/thumbnail_top.png) 0 0 no-repeat; color:#000000; float: left;}
div#layoutContent div.thumbnail div.thumbInner {width:220px; padding:4px; background:url(../images/thumbnail_bottom.png) 0 100% no-repeat; float: left;}
div#layoutContent div.thumbnail div.thumbInner img {margin:0; width:220px; display:block; }



/** -------------------------------------------------------------------------------------------- */

/** Form element styles */
input.textbox, input.darkbox, textarea.darkbox, textarea.darkbox {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
	border:1px solid #C0C3C8; padding:1px; margin:0;}
input.darkbox, textarea.darkbox {border-color:#545454; background:#3B3B3B; color:#CCCCCC; font-weight:bold;}
input.checkbox {width:13px; height:13px; margin:0; padding:0;}
select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0;}


/** Horizontal rules */
div.rule_white {width:100; background:url(../images/rule_white.png) 100% 0% repeat-y; height:1px; overflow:hidden;}


/** Clearers and spacers */
div.spacer12 {overflow:hidden; height:12px;}
div.spacer24 {overflow:hidden; height:24px;}
div.spacer48 {overflow:hidden; height:48px;}
div.clearer {clear:both; overflow:hidden; height:0;}
.clear {clear:both;}