/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/*
** HTML elements
*/
/* General CSS Attributes */


* { }

body, p, * {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 12px;
	line-height:17px;
	text-align:left;

}

div {margin: 0; padding: 0; }

body {
	
		background: #CCCCCC /**url('/images/images/BG_RAIL.jpg') top repeat-x; **/ ; margin: 0px; padding: 0px;

}


/** LAYOUT **/

.wrapper { width: 100%; margin: 0px; padding: 0px;}
.header * {margin: 0px auto; padding: 0px; }

.top-full, .image-full, .nav-full {width: 100%; margin: 0; padding: 0;}
.top-full table, .image-full table, .nav-full table {margin: 0 auto; width: 1000px;}

.top-full { height: 105px;  background-color: #000;  }
.top-full img { margin-top: 20px;}

.image-full { background-color: #c00000}
.image-full * {margin: 0px; padding: 0px; display: inline;}
.image-full table, .image-full img {display: block;}


.nav-full { clear: left; background-color:#000; padding: 2px 0; border-top: 1px solid #333;}



h1 {font-size:17px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: #230c48; font-weight:normal; margin:0; padding:0 0 5px 0;}

h2 {
	font-size:17px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #230c48;
	font-weight:normal;
	margin: 0;
	padding:0 0 5px 0;
	line-height: 1.25em;
}
h3 {
	font-size:17px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FBFBFB;
	font-weight:normal;
	margin: 0;
}
ul {
	list-style-image: url(/images/bullet.gif);
	margin-left: 0px;
	padding-left: 20px;
	margin-bottom: 5px;
	line-height: 20px;
	margin-top: 0px;
}
a, a:visited {
	text-decoration: none;
	border-bottom: 1px solid #230c48;
	color: #230c48;
}

a img {border: 0px;}

a:hover, X {
	text-decoration: none;
	color: #666;
	border-bottom-style: none;
}

tr.odd td, tr.even td {
  padding: 0.3em;
}

p {
  margin-top: 0.2em;
  margin-bottom: 0.3em;
}

fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;
}
#header {
  background-color: #69c;
}
#logo {
  vertical-align: middle;
  border: 0;
}
#logo img {
  float: left; /* LTR */
  padding: 0 1em;
  border: 0;
}
#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}

ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}

#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
padding: 0 0px 0 5px; margin-top: 7px;
}
#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}

#footer {
/**  background-color: #eee;*/
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0; /* LTR */
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}


#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}



.menu a, .menu a:visited {
	color: #FFFFFF;
}
.menu a:hover {
	color: #999999;
}

.footer {
	color: #999999;
}
.footer a, .footer a:hover, .footer a:visited {
	color: #999999;
	text-decoration: none;
	
}

/** CUSTOMS STYLES **/

/** Page Layout **/

.side-bar { margin: 10px 5px 0 0px; width: 320px;}

#left-side-bar {float: left;}

#left-side-bar a{color: #333333;}

#right-side-bar {float: right;}

#right-side-bar table {padding: 0px;}

#right-side-bar h2 {margin-left: 10px;}
/** Custom **/

.teaser-container {margin-left: 10px;}

.teaser-container td.image  { background: url('/images/images/teaser_left.gif') top right no-repeat; }
.teaser-container td.teaser  { background: url('/images/images/teaser_right.gif') top right no-repeat;  width: 471px;}

.teaser-container td.teaser div {margin: 0 8px;}

.teaser-container td.image img {margin: 8px 0 0 20px;  }

.teaser-container p {margin: 0px 0;}

.teaser div p {clear: left; display: inline;}

.teaser h2 {margin-bottom: 2px;}

table.front-page {margin-left: 10px;}
.front-page {width: 649px; margin-right: 10px; margin-left: 10px;} 
.front-page td.top { height:12px; /** background: url('/images/images/redcenter_top.gif') bottom right no-repeat;*/ width: 659px;}
.front-page td.body {/** background: url('/images/images/redcenter_bg.gif') top right repeat-y;*/ width: 649px; }

.front-page td.body * {margin: 3px 15px; color: #333;}

.front-page h1 {font-size: 20px; color: #230c48;}

.front-page .body h1 {color:  #230c48}

.front-page td.bottom {height:12px; /**background: url('/images/images/redcenter_bottom.gif') top right no-repeat **/; width: 471px;}

/**NAV TABLE **/

.navtable td {border-right: 1px solid #ccc; text-align: center; padding: 0 8px;}
.navtable a,.navtable a:hover{color: #FFFFFF; border: 0px; margin: 0px; text-align:center;}

.navtable a:hover{color: #666;}
table.navtable { vertical-align:top; text-align:center; margin: 6px 0px;}

.navtable div {margin: 0px; padding: 0px;}

td.header-gfx {margin: 0px; padding: 0px;}

.header-gfx p, .header-gfx,  {margin: 0px; padding: 0px;}

div.category img {float: left;}

table.navtable {height: 40px; padding: 0; margin: 0 auto; }

/** BOXES **/

/** FAVOURITES BOX **/
table.favorites {padding: 0px; background: url('/images/boxes/testimonialbg.gif') repeat-y left;}
table.favorites div, table.testimonials p {margin:3px 10px 3px 15px; color: #333;}
table.favorites div p {margin: 3px 10px 6px 15px; color: #333;}
table.favorites div a, table.testimonials div a:visited {color: #333333; border-bottom: 1px solid #000000; margin-right: 5px; } table.favorites div a:hover {border-bottom: 1px solid #fff;}

table.favorites * {border: none !important; background-color: #FFFFFF;}

table.favorites .views-field-view-node a {color: #230c48; border-bottom: 1px solid #230c48 !important;}

table.favorites .views-field-view-node a:hover {border-bottom: 1px solid #fff !important;}

/** TESTIMONIALS BOX **/
table.testimonials {padding: 0px; background: url('/images/boxes/testimonialbg.gif') repeat-y left;}
table.testimonials div, table.testimonials p {margin:3px 10px 3px 15px; color: #333;}
table.testimonials div p {margin: 3px 10px 6px 15px; color: #333;}
table.testimonials div a, table.testimonials div a:visited {color: #230c48; border-bottom: 1px solid #230c48; margin-right: 5px; } table.testimonials div a:hover {border-bottom: 1px solid #fff;}

table.testimonials .view-content p {color: #999999;}



/**SPECIAL DEALS 1 **/
table.specialdeals1 {padding: 0px; background: url('/images/boxes/special2bg.gif') repeat-y center;}
table.specialdeals1 div, table.specialdeals1 p {margin: 3px 10px; color: #333;}
table.specialdeals1 div p {margin: 3px 10px 6px 15px; color: #333; }
table.specialdeals1 div a, table.specialdeals1 div a:visited {color: #333; margin-right: 5px; text-decoration: none; border: none;}
table.specialdeals1 .item-list ul, table.specialdeals1 .item-list ul li { list-style: none; padding: 0px; margin: 4px 0; clear: both;}

table.specialdeals1 .views-field-field-special-offer-savings-value a,table.specialdeals1 .views-field-field-special-offer-savings-value a:visited {font-size: 10px; border-bottom: 1px solid  #230c48; color: #230c48; font-weight: normal; } table.specialdeals1 .views-field-field-special-offer-savings-value a:hover {text-decoration: none;border-bottom: 1px solid #fff;}

table.specialdeals1 li .views-field-title a{ text-decoration:none;  }

table.specialdeals1 li {display: block; padding: 2px 0;  }

/**CONTACT US BLOCK **/
table.contactus {padding: 0px; background: url('/images/boxes/contactbg.gif') repeat-y left;}
table.contactus div, table.contactus p {margin: 3px 10px 3px 15px; color: #333;}
table.contactus div p {margin: 3px 10px 6px 15px; color: #333;}
table.contactus div a, table.contactus div a:visited {color: #fff; border-bottom: 1px solid #CCCCCC; margin-right: 5px;}


/** SEO BOX **/
.jd-seo-box {clear: both;}

.view-seobox a { width: 230px; display: inline-block; margin: 2px; padding: 0 3px; float: left; font-size: 9px; border: 0px;  text-decoration: none; color: #999999; border-left: 1px solid #CCCCCC; clear: none; }


/** dodgy lazy !important fixes... should not do this FIX WHEN TIME **/

.more-link a { color: #230c48 !important;border: 0px;}

#main h2 {color: #230c48; margin-top: 15p; }

#main .ui-tabs-panel h2 {color: #230c48 !important; }

.teaser a h2 {color: #230c48 !important; border-bottom: none !important; }

a h2 {border-bottom: none !important; }

/** MAKES THE SPECIAL PAGES WITH NO RIGHT COL FULL WIDTH **/

#page_55, #page_23 {width: 949px !important;}


.view-content td.col-1, .view-content td.col-2 { padding: 10px 15px; border: 1px solid #ccc;}