@import "reset.css";
@import "dframed.css";
@font-face {
  font-family: 'Sans';
  src: url('/styles/medium.eot');
  src: local('☺'), url('/styles/medium.ttf') format('truetype');
}
body {font-family:Verdana,Arial,Helvetica,sans-serif;background:#fff url(/images/bg/bg.jpg) no-repeat 50% 0;}
textarea{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
#right-nav.blue li {background-color:#1d689e;}
#right-nav.blue a.on, .blue #section-intro, .n-blue #section-intro {color:#1d689e;}
#right-nav.purple li {background-color:#492b9f;}
#right-nav.purple a.on, .purple #section-intro, .n-purple #section-intro {color:#492b9f;}
#right-nav.fuchsia li {background-color:#b82084;}
#right-nav.fuchsia a.on, .fuchsia #section-intro, .n-fuchsia #section-intro {color:#b82084;}
#right-nav.red li {background-color:#c40f0f;}
#right-nav.red a.on, .red #section-intro, .n-red #section-intro {color:#c40f0f;}
#right-nav.orange li {background-color:#e84900;}
#right-nav.orange a.on, .orange #section-intro, .n-orange #section-intro {color:#e84900;}
#right-nav.green li {background-color:#5db51d;}
#right-nav.green a.on, .green #section-intro, .n-green #section-intro {color:#5db51d;}
#right-nav.lightblue li {background-color:#1fa2a7;}
#right-nav.lightblue a.on, .lightblue #section-intro, .n-lightblue #section-intro {color:#1fa2a7;}





.item-sum, #head, #comments-head, .comment, #article-links-next, #dubz, #carousel, .gallery li, #slideshow-container, #nav {position:relative;}
#logo, #stiuser, #search-bar, #dubz img {position:absolute;}
.left, .btnCancel, .form label, .form input, .form .text, .form .label, #nav li, .item img, .item-sum, #search-bar .head, #search-bar input, .btnSearch, .comment img, #article-links-back, #article-links-next, .image-left {float:left;}
.right, .image-right, #dubz, .btnLogin, .btnSavePassword, .btnEditDetails, .btnSaveDetails, .btnRegister, .btnSubmit {float:right;}
.dblue, #maincontainer, .item h3 a, .links, .links a, #article-links-back, .paging a, .pagination a, #foot .footer-links a {color:#001c30;}
.white, .gallery .content, #right-nav a, .items h2, .form h2, #stiuser, #stiuser a, #comments-head h2, #comments-head p, #comments-head p a, .links h2, #article-links-next {color:#fff;}
.blue, #article h1, .article h1, .story a, #section-intro, .captcha a {color:#1d689e;}
#comments-head p a, .links a, #article-links, .paging a.on, .story h2, .story h3, .story h4 {font-weight:bold;}
.item h3 {font-size:1.7em;font-weight:bold;}
.item p, #stiuser, .date, .story, #foot, .PicTitText .ptt-text {font-size:1.1em;}
#comments p, .links p, .links li, #article-links-next, #article-links-back, .form fieldset, .paging li, .pagination, .caption, .links.category, .form .form-response {font-size:1.2em;}
#right-nav a, .gallery .content .text, .PicTitText .ptt-title, .story h2 {font-size:1.3em;}
#section-intro p {font-size:1.6em;line-height:1.1em;padding-bottom:0.8em;}
#article h1, .article h1 {font-size:2.5em;font-weight:bold;line-height:1.1em;}
.items h2, #comments-head h2, .links h2, .form h2, .gallery .content .heading {font-size:3.0em;font-family:Sans,Verdana,Arial,Helvetica,sans-serif;}
#section-intro h1 {font-size:5em;font-family:Sans,Verdana,Arial,Helvetica,sans-serif;line-height:1em;}
.item h3, #section-intro h1 {padding-bottom:0.25em;}
.story li, .story p, .form p {padding-bottom:0.5em;}
#nav, #comments, #article, #right-nav, #section-intro, .links {margin-bottom:14px;}
#article .date, .article .date {line-height:2.5em;}
.image-left {margin-right:14px;margin-bottom:14px;}
.image-right {margin-left:14px;margin-bottom:14px;}
#article, .article {padding:14px 0; background:#FFFFFF;}
.border-top {border-top:solid 1px #ccd1d6;}

/* Gilder/Levin */

/*  Additional Nav styles for Submenus  */
#nav {z-index:9499;}
#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#nav li {
	float:left;
	position:relative;
}
#nav li ul {
	position:absolute;
	display:none;
	left:0;
	top:60px;
}
#nav li ul ul {left:200px;top:auto;}

/* SHOW SUBMENU  1 */
#nav li:hover ul, #nav li.over ul {
	display:block;
}
#nav li:hover ul ul, #nav li.over ul ul {
	display:none;
}
/* SHOW SUBMENU  2 */
#nav ul li:hover ul, #nav ul li.over ul {
	display:block;
}

#nav ul, #nav ul li { z-index:2002;}
#nav ul ul, #nav ul ul li { z-index:2003; }

#nav li a , .button, #search-bar .head {display:block;position:relative;}
#nav li a span, .button span, #search-bar .head span {display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
#nav li a span, .button span {cursor:pointer;}

#nav ul.nav-child a { color:#FFFFFF; font-size:14px; display:block; padding:5px 10px 5px 10px; text-decoration:none; height:auto; width:auto;}
#nav ul.nav-child a:hover { background-color:White; }
#nav ul.nav-child, #nav ul.nav-child ul { padding-bottom:10px; }
#nav ul.nav-child li {min-width:200px;}

#nav ul.nav-child li ul { margin-top:-2em; }

#nav #nav-blue ul.nav-child, #nav #nav-blue ul.nav-child ul { right:6000px; position:relative; }

#nav #nav-lightblue ul.nav-child, #nav #nav-lightblue ul.nav-child ul { background-image:url(/images/bg/dropdown_news.jpg); background-repeat:repeat-x; background-position:left top; background-color:#0e484a; }
#nav #nav-lightblue ul.nav-child a:hover { color:#1FA2AA; }

#nav #nav-green ul.nav-child, #nav #nav-green ul.nav-child ul { background-image:url(/images/bg/dropdown_events.jpg); background-repeat:repeat-x; background-position:left top; background-color:#2a510e; }
#nav #nav-green ul.nav-child a:hover{ color:#5BB31F; }

#nav #nav-orange ul.nav-child, #nav #nav-orange ul.nav-child ul { background-image:url(/images/bg/dropdown_vessels.jpg); background-repeat:repeat-x; background-position:left top; background-color:#672000; }
#nav #nav-orange ul.nav-child a:hover { color:#E74902; }

#nav #nav-fuchsia ul.nav-child, #nav #nav-fuchsia ul.nav-child ul { background-image:url(/images/bg/dropdown_got-on-board.jpg); background-repeat:repeat-x; background-position:left top; background-color:#520f3b; }
#nav #nav-fuchsia ul.nav-child { width:213px; }
#nav #nav-fuchsia ul.nav-child a, #nav #nav-fuchsia ul.nav-child a:hover { width:203px; }
#nav #nav-fuchsia ul.nav-child a:hover { color:#B92283; }

#nav #nav-red ul.nav-child, #nav #nav-red ul.nav-child ul {  background-image:url(/images/bg/dropdown_host-ports.jpg); background-repeat:repeat-x; background-position:left top; background-color:#560806; }
#nav #nav-red ul.nav-child a:hover { color:#C31111; }
#nav #nav-red ul.nav-child ul { left:-200px; width:200px; }

#nav #nav-purple ul.nav-child, #nav #nav-purple ul.nav-child ul  { background-image:url(/images/bg/dropdown_about-us.jpg); background-repeat:repeat-x; background-position:left top; background-color:#211348; }
#nav #nav-purple ul.nav-child a:hover { color:#4A2BA0; }
#nav #nav-purple ul.nav-child { left:-50px; width:200px; }
#nav #nav-purple ul.nav-child ul { left:-200px; width:200px; }

/*  End - Additional Nav styles for Submenus  */






/* Main styles */
#outercontainer {background:url(/images/trans.png);}
#head, #nav, #article, #comments, .items {}
#head {height:103px;border-bottom:solid 10px #fff;background-image:url(/images/bg/header.jpg);}
/*#logo {left:14px;top:8px;}*/
#search-bar {bottom:14px;right:14px;width:306px;height:30px;}
#search-bar .head {width:77px;height:30px;}
#search-bar .head span {background:url(/images/sprites.gif) no-repeat 0 0;}
#search-bar input {width:197px;border:none;padding:3px;height:24px;font-size:1.6em;vertical-align:middle;}
#stiuser {right:14px;top:14px;}
#stiuser li {display:inline;padding-left:8px;}
#stiuser li:first-child {padding-right:8px;border-right:solid 1px #fff;}
#stiuser p {text-align:right;}

#foot {clear:both;height:73px;line-height:73px; background:url(/images/bg/foot.gif) repeat-x;padding:0 14px;}
#foot .footer-links { line-height:36px; float:left;}
#foot .footer-links ul{ margin:0px; padding:0px; }
#foot .footer-links ul li { list-style:none; float:left; margin-right:10px; }
#foot .footer-links ul li a { display:block;}
#foot .footer-links ul li a.rss-link { background:url(/images/bg/rss_icon.gif) no-repeat left center; padding-left:20px; }
#foot .footer-links #copyright {clear:both}

#dubz {padding-right:64px;}
#dubz img {top:4px;right:0;}

#nav {height:60px;}
#nav li { float:left;height:60px;}
#nav li li { float:none;height:auto;}
#nav li a {display:block;height:60px;}
#nav li a a {height:auto;}
#nav li a span {background-image:url(/images/nav.gif);background-repeat:no-repeat;}

#nav-blue a {width:100px;}
#nav-purple a {width:151px;}
#nav-fuchsia a {width:214px;}
#nav-red a {width:177px;}
#nav-orange a {width:114px;}
#nav-green a {width:117px;}
#nav-lightblue a {width:100px;}

#nav-blue span {background-position:0 0;}
#nav-purple span {background-position:-100px 0;}
#nav-fuchsia span {background-position:-251px 0;}
#nav-red span {background-position:-465px 0;}
#nav-orange span {background-position:-642px 0;}
#nav-green span {background-position:-757px 0;}
#nav-lightblue span {background-position:-874px 0;}

#nav-blue a:hover span, #nav-blue span.on {background-position:0 -60px;}
#nav-purple a:hover span, #nav-purple span.on {background-position:-100px -60px;}
#nav-fuchsia a:hover span, #nav-fuchsia span.on {background-position:-251px -60px;}
#nav-red a:hover span, #nav-red span.on {background-position:-465px -60px;}
#nav-orange a:hover span, #nav-orange span.on {background-position:-642px -60px;}
#nav-green a:hover span, #nav-green span.on {background-position:-757px -60px;}
#nav-lightblue a:hover span, #nav-lightblue span.on {background-position:-874px -60px;}

#maincontainer {}
.story, #article-links-next, #article-links-back {padding:20px 10px;}
.links ul, .links p, .form fieldset, .form .form-response, .links.category {padding:10px; background-color:#fff;}
#share, #article h1, .article h1, #article .date, .article .date {padding:0 10px;}
#media {margin-top:0.5em;}

#carousel {overflow:hidden;width:626px;}
#carousel #prevBtn, #carousel #nextBtn, #slideshow-container .prev, #slideshow-container .next {display:block;width:31px;height:138px;position:absolute;top:85px;background-image:url(/images/buttons.png); background-repeat:no-repeat;}
#slideshow-container .prev, #slideshow-container .next {top:110px;}
#carousel #prevBtn, #slideshow-container .prev {left:0; background-position:0 -22px;}
#carousel #nextBtn, #slideshow-container .next {right:0; background-position:-31px -22px;}
#slideshow-container {width:626px;height:352px;}
#slideshow a:hover {text-decoration:none;}
.ss-controls { display:none;}
.ss-controls .play, .ss-controls .pause {background:url(/images/buttons.png) no-repeat;width:82px;height:82px;display:block;left:272px;top:135px;position:absolute;}
.ss-controls .pause {background-position: 0 -163px;}
.ss-controls .play {background-position: 0 -243px;}
.caption { text-align:center;padding:0.5em 0;}
.pagination {padding:0.0em 0;}
.pagination a, .pagination span {padding:0 4px;}

.gallery { width:626px; height:304px; margin-bottom:10px; display:block; overflow:hidden;}
.gallery a {display:block;width:626px;height:304px;}
.gallery a:hover {text-decoration:none;}
.gallery .content .heading, .gallery .content .text {line-height:1em; display:block;}
.gallery .content {width:606px;display:block;height:80px;padding:65px 10px 0 10px;position:absolute;bottom:0;left:0;background-position:0 100%; background-repeat:no-repeat;cursor:pointer;}

.gallery .st_blue {background-image:url(/images/promo/blue.png);}
.gallery .st_purple {background-image:url(/images/promo/purple.png);}
.gallery .st_fuchsia {background-image:url(/images/promo/fuchsia.png);}
.gallery .st_red {background-image:url(/images/promo/red.png);}
.gallery .st_orange {background-image:url(/images/promo/orange.png);}
.gallery .st_green {background-image:url(/images/promo/green.png);}
.gallery .st_lightblue {background-image:url(/images/promo/light-blue.png);}

.items, .right-promo, .category-item-htmls .category-item-html {margin-bottom:10px;clear:both;}
.items h2, #comments-head, .links h2, .form h2, .videoplayer h2 {background:url(/images/bg/hdr_backg_blue.png) repeat-x;height:49px;line-height:58px;padding:0 10px; overflow:hidden;}


.item, .grid-item {padding:10px;background-color:#fff;min-height:78px;}
.items .item, .paging {border-top:solid 1px #ccd1d6;}
.items .odd {background-color:#e8f0f5;}
.item img {margin-right:10px;}
.item-sum {min-height:53px;padding-bottom:22px;}

.items.grid { clear:both; }
.grid-item { float:left; margin:4px; width:128px; }
.grid-item.side { margin:2px; }
.grid-item img { display: block; margin-left: auto; margin-right: auto; }
.grid-item .title { font-weight:bold; font-size:12px; margin:2px 0; height:30px; overflow:hidden; }
.grid-item .image { width:128px; height:73px; }

#left .item-sum {width:450px;}
#right .item-sum {width:145px;margin-bottom:8px;}
#right .items h3 {line-height:1.2em;}

.item.commentBlock { display:inline-block; }
.item.commentBlock h3 { line-height:1.1em;}
.item.commentBlock a { color:#1D689E; }
#left .item.commentBlock { width:606px; }
#left .item.commentBlock .item-sum { padding-bottom:0px; }

#left .mptl .button, #right .mptl .button { position:relative; margin-top:10px;}
#right .mptl .item-sum .button { position:absolute; margin-top:0px;}
#left .mptl .item { min-height:inherit; }

#left .mptl .item-sum.noimg { width:auto;}
#right .mptl .item-sum.noimg { width:auto; min-height:0px; margin-bottom:0px; padding-bottom:0px; height:auto;}
#right .mptl .item-sum.noimg a.button { display:none;}
#right .mptl p.noimg { clear:both;}

#right .item.commentBlock { width:286px; }

.category-item-htmls { overflow:hidden; }

.story li {margin-left:1.5em;padding-left:0.5em;list-style-type:disc;}
.story a.story-link {background:url(/images/link.gif) no-repeat 0 1px;padding-left:1em;}

#article-links-back {position: relative;display:block;width:126px;height:72px;margin-right:14px;}
#article-links-next {position: relative;display:block;width:308px;height:72px;background:url(/images/bg/next_grad.gif);padding-right:148px;}
#article-links-next img {position:absolute;right:10px;top:23px;}

.videoplayer h2 {background:url(/images/bg/vid-hdr.png);}
.videoplayer .item { background:#5DB51D; min-height:68px; }
.videoplayer .item a { color:#FFFFFF; }

.links.category {line-height:1.4em;}
.links.category h3 { color:#1D689E; font-weight:bold; font-size:1.4em; }
.links.category a :hover { text-decoration:underline;}
.links.category .see-more {margin-right:5px;color:#757575;}


#comments-head p {position:absolute;right:10px;top:20px;line-height:2em;}
#comments-body { background:#FFFFFF;}
#comments { clear:both;}
#comments a { text-decoration:underline; color:#1d689e; }
.comment {padding:10px; border-top:1px solid #CCD1D6; }
.comment img {width:50px;height:50px;padding-right:10px;}
.comment .abuse { float:right; font-size:75%;}
.comment .abuseLink {font-weight:normal;}
.comment .content { float:left;}
 .comment .commentText {overflow:hidden; font-size:11px;}

.add-comments { padding:10px; margin-bottom:10px;display:inline-block;}
.add-comments textarea {border:solid 1px #CCD1D6;}
.add-comments .register { margin-top:10px; }
.add-comments .register a { float:left; }
.add-comments .charCounter {width:100%; display:block; text-align:center;}


.links li, .links p {margin-bottom:0.75em;}
.links li {background:url(/images/li.gif) no-repeat 0 3px;padding-left:1em;}

.form label, .form .label {width:160px;padding-right:10px;text-align:right;font-weight:bold;position:relative;}
.form input, .form textarea {width:200px;position:relative;}
.form .check input, .form .gender input, .form .gender label, .form .check-list input, form .checkbox input {width:auto;}

.form.conf .gender { float:left; margin-bottom:20px;}
.form.conf select { float:left;}

.form .check-list input {clear:left;}
.form .check label, .form .check-list label {width:400px; text-align:left; padding:0px 0px 0px 10px;}
.form .gender label, .form .check-list label {font-weight:normal;}
.form .check-list {float:left;display:block;width:436px;min-height:20px;margin-bottom:6px;}

.form .check { display:inline-block; }
.form .check input, .form .captcha, .form input.btnFormSubmit, .form-text {margin-left:170px;}
.form .row {clear:both;min-height:20px;margin-top:10px;}
.form .row .leftPadding {float:left;}
.form .row .pre-caption, .form .row .post-caption, .form .file-upload {display:block;padding-left:170px;clear:both;}
.form .row .pre-caption {margin-top:20px;}
.form .row .post-caption {margin-bottom:20px;}
.form-text {font-size:0.85em;clear:both;}
.form input.btnFormSubmit {width:auto;clear:both;margin-top:10px;}
.form .file-upload {font-size:0.9em;font-weight:bold;}
.form .captcha .captcha {margin-left:0;}
.form .captcha label {width:auto;}
.form .captcha-input {margin-top:10px;}

.form-error-list, .form label span, .mandatory-message span {color:Red;font-weight:bold;}
.form-error-list li {font-weight:normal;margin-left:1.25em;padding-left:1.25em;list-style-type:disc;}

.form.conf .row { margin-bottom:2px; display:table;}

.mandatory-message {margin:20px 0 0 170px;clear:both;}

#right-nav {border-top:solid 1px #fff;}
#right-nav li {border:solid 1px #fff;border-top:none;}
#right-nav li li {border:none;border-top:solid 1px #fff;}
#right-nav a {display:block;padding:7px 25px;}
#right-nav a.on {background:url(/images/bg/r-nav.gif) no-repeat 0 0;}
#right-nav a.on.parent {background:url(/images/bg/r-nav-parent.gif) no-repeat 0 0;}
#right-nav ul {margin-bottom:0px;}
#right-nav ul li {}
#right-nav ul li a {padding:7px 25px 7px 45px;}
#right-nav ul li a.on {background:url(/images/bg/r-nav-sub.gif) no-repeat 0 0;}

.paging {padding:10px; margin-bottom:10px; text-align:right;}
.paging li {height:21px;display:inline;}
.paging li a.next-page {padding-right:20px;position:relative;}
.paging li a.prev-page {padding-left:20px;position:relative;}
.paging li a.prev-page span, .paging li a.next-page span {position:absolute;width:16px;height:13px;top:0;}
.paging li a.prev-page span {background-position:-26px -66px;left:0;}
.paging li a.next-page span {background-position:-26px -79px;right:0;}



.PicTitText { margin-bottom:10px; padding:10px; display:inline-block; width:606px; background-color:#FFFFFF; clear:both; }
.PicTitText .ptt-title { font-weight:bold; margin-bottom:10px;}
.PicTitText .ptt-image { float:left; margin:0 10px 0 0; width:auto; }
.PicTitText .ptt-text {  }


div.pagination {
	clear: both;
	display:inline-block;
	width:100%;
	margin:5px 2px;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.pagination a, div.pagination span.current {
	display: inline-block;
	margin-right: 2px;
	height:14px;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}

div.pagination a:first-child { padding-left:20px;position:relative; background-position:-26px -66px;left:0;background-image:url(/images/buttons.gif);}
div.pagination a:last-child { padding-right:20px;position:relative; background-position:-20px -272px;right:0;background-image:url(/images/buttons.gif);}

div.pagination span.current {
	font-weight: bold;
}


.button {width:70px;height:22px;}
.items .button {position:absolute;left:0;bottom:0;}

.items .buttons {position:absolute; left:0; bottom:0;}
.items .buttons .button {position:relative;float:left; margin-right:10px;}

.items .commentBlock .button { position:relative; margin-top:5px; top:auto; left:auto;}

.button span, .paging li a.prev-page span, .paging li a.next-page span  {background-image:url(/images/buttons.gif);background-repeat:no-repeat;}

.btnRead span {background-position:0 0;}
.btnWatch span {background-position:0 -22px;}
.btnSee span {background-position:0 -44px;}
.btnViewProfile {width:96px;position:absolute;right:10px;bottom:10px;}
.btnViewProfile span {background-position:0 -118px;}
.btnBack {width:56px;}
#article-links-back .btnBack {margin-bottom:0.25em;}
.btnBack span  {background-position:0 -96px;}
.btnSearch {width:26px;height:30px;}
.btnSearch span {background-position:0 -66px;}
.btnNext {padding:0 2px;width:66px;}
.btnNext span {background:url(/images/buttons.png) no-repeat 0 0;left: 240px;position: absolute;}
.btnLogin {width:64px;}
.btnLogin span {background-position:0 -140px;}
.btnCancel {width:73px;}
.btnCancel span {background-position:0 -162px;}
.btnSavePassword {width:118px;}
.btnSavePassword span {background-position:0 -184px;}
.btnSaveDetails {width:97px;}
.btnSaveDetails span {background-position:0 -206px;}
.btnEditDetails {width:93px;}
.btnEditDetails span {background-position:0 -228px;}

.btnRegister {width:80px;}
.btnRegister span {background-position:0 -250px;}

.btnComments {width:114px;}
.btnComments:hover {text-decoration:none;}
.btnComments span {background-position:0 -307px; font-size:1.1em; text-align:center; font-weight:bold;color:#445668;line-height:22px;}

.btnSubmit {width:64px;}
.btnSubmit span {background-position:0 -285px;}

.btnPay { float:right; }
.btnPay form { }
.btnPay input[type="submit"] { }

.form fieldset, .form .form-response { clear:both; }
.error, .txfLoginError {float:left;color:Red;padding-left:10px;font-size:0.9em;}

#thumbs .thumbs { clear:both; height:34px;}
#thumbs ul.thumbs { display:inline-block; overflow:hidden; }
#thumbs ul.thumbs li { float:left; width:60px; margin:0px 1px;}

#slideshow { width:626px; height:352px; overflow:hidden; }


/* Category colours */
body.cat-blue, body.blue { background-image:url(/images/bg/bg-blue.jpg) }
body.cat-blue #comments-head, body.cat-blue #left .items h2, body.blue .items h2 { background:url(/images/bg/hdr_backg_blue.png) }
body.cat-blue #article h1, body.cat-blue .article h1, body.blue h1 {color:#002878;}
body.cat-blue #article-links-next { background:url(/images/bg/next-story_backg_blue.png) }

body.cat-lightblue, body.lightblue { background-image:url(/images/bg/bg-paleblue.jpg) }
body.cat-lightblue #comments-head, body.cat-lightblue #left .items h2, body.lightblue .items h2 { background:url(/images/bg/hdr_backg_paleblue.png) }
body.cat-lightblue #article h1, body.cat-lightblue .article h1, body.lightblue h1 {color:#00A8E1;}
body.cat-lightblue #article-links-next { background:url(/images/bg/next-story_backg_paleblue.png) }

body.cat-red, body.red { background-image:url(/images/bg/bg-red.jpg) }
body.cat-red #comments-head, body.cat-red #left .items h2, body.red .items h2 { background:url(/images/bg/hdr_backg_red.png) }
body.cat-red #article h1, body.cat-red .article h1, body.red h1 {color:#D3222A;}
body.cat-red #article-links-next { background:url(/images/bg/next-story_backg_red.png) }

body.cat-yellow, body.yellow { background-image:url(/images/bg/bg-yellow.jpg) }
body.cat-yellow #comments-head, body.cat-yellow #left .items h2, body.yellow .items h2 { background:url(/images/bg/hdr_backg_yellow.png) }
body.cat-yellow #article h1, body.cat-yellow .article h1, body.yellow h1 {color:#CE9600;}
body.cat-yellow #article-links-next { background:url(/images/bg/next-story_backg_yellow.png) }

body.cat-green, body.green { background-image:url(/images/bg/bg-green.jpg) }
body.cat-green #comments-head, body.cat-green #left .items h2, body.green .items h2 { background:url(/images/bg/hdr_backg_green.png) }
body.cat-green #article h1, body.cat-green .article h1, body.green h1 {color:#1A6F00;}
body.cat-green #article-links-next { background:url(/images/bg/next-story_backg_green.png) }

body.cat-orange, body.orange { background-image:url(/images/bg/bg-orange.jpg) }
body.cat-orange #comments-head, body.cat-orange #left .items h2, body.orange .items h2 { background:url(/images/bg/hdr_backg_orange.png) }
body.cat-orange #article h1, body.cat-orange .article h1, body.orange h1 {color:#FF7900;}
body.cat-orange #article-links-next { background:url(/images/bg/next-story_backg_orange.png) }

body.cat-turquoise, body.turquoise { background-image:url(/images/bg/bg-turquoise.jpg) }
body.cat-turquoise #comments-head, body.cat-turquoise #left .items h2, body.turquoise .items h2 { background:url(/images/bg/hdr_backg_turquoise.png) }
body.cat-turquoise #article h1, body.cat-turquoise .article h1, body.turquoise h1 {color:#008E97;}
body.cat-turquoise #article-links-next { background:url(/images/bg/next-story_backg_turqouise.png) }

.groupsList { font-size:12px;}

.form.message h2 { margin-bottom:10px; }
.form.message p, .form.message a { font-size:16px; }

/* === Wizard ===*/
.form.conf{
background: #FFFFFF;
padding-bottom: 60px;
position: relative;
}

/* buttons */
.btn-finish,.btn-previous,.btn-another-candidate, .btn-amend, .btn-secure, .btn-cancel{
background-image: url('/images/buttons.gif');
height:22px;
border:none;
background-color:Transparent;
cursor:pointer;
text-indent:-9999px;
}
.btn-another-candidate,.btn-finish,.btn-previous, .btn-cancel{
margin:20px 0;
}

.btn-finish{
width:64px!important;
float: right !important;
background-position:0 -351px;
}
.btn-previous{
width:81px!important;
background-position:0 -329px;
}

.btn-another-candidate{
width:154px!important;
background-position:0 -373px;
}

.btn-secure{
width:188px!important;
background-position:0 -417px;
float:right!important;
}

.btn-cancel
{
    width:81px!important;
    background-position:0 -162px;
}

.btn-amend{
    width:114px!important;
    background-position:0 -395px;	
}

.summary-wrap{
position:relative;
}

.summary-wrap .btn-amend{
position:absolute;
bottom: 23px;
left: 6px;
}

.row.buttons{position:absolute;bottom:26px;left:10px;}
.row.buttons input{
margin:0;
}
.row.buttons .btnPay{
	margin-left: 184px;
    margin-top: 29px;
}

/* table */
span.applicant{font-size: 120%;}
span.applicant,span.subtotal{padding:6px 4px 6px 4px; display:inline-block;width:598px;color:#1D689E;border-bottom:solid 1px #ccc; background:#eee;font-weight:bold;}
span.subtotal{text-align:right; margin-bottom:20px;color:#444;}


.row.first{margin-bottom:20px!important;width:98%; padding-bottom:20px;display: inline-block !important; border-bottom:solid 1px #ccc;}
.row.first input{width:auto!important;}

.row.total{
padding:6px 4px 6px 4px;position:absolute;color:#1D689E;font-weight:bold;
font-size:22px;text-align:right;margin:0 0 20px!important;bottom:40px;right:10px;
}
.row.total span{font-size: 60%;}

table.summary{width:100%;float:left;}
table.summary td{padding:6px 4px;border-bottom:solid 1px #ddd;}


/*--- gallery pop-up ---*/
#thumbs{position:relative;}
div.hidden{position:absolute; top:-9999px;}
a.pop-link{position:absolute; right: 6px; top: -2px; text-indent:-9999px; width:139px; height:22px; background-image:url(/images/buttons.gif); background-position: 0 -439px;}


/*--*/
#slideshow .image-wrapper,#slideshow .image-wrapper a{width:626px; float:left;}
#slideshow .image-wrapper a img{margin:0 auto; display:block;}