@charset "utf-8";
@import "reset.css";
@import "nav_styles.css";
@import "colorbox.css";
@import "tipsy.css";

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; margin-bottom: 20px; margin-left: 20px; }

caption, th, td { text-align:center; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; color: #006; font-size: 11px; line-height:14px; }

td span { text-align:center; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; color: #006; font-style:italic; font-size: 10px; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }

blockquote, q { quotes:"" ""; }

body { background: #666666; margin: 0; padding: 0; text-align: center; /* IE 5* fix*/ color: #333; background-color:#CECDD2; background-image:url(../_images/body.png); font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; }

.main #containerRef { width: 1140px; margin: 0 auto; /* auto centers page */ text-align: left; background:#d8d8da url(../_images/bottom_bg1.jpg) no-repeat bottom; }

.main #container { width: 1140px; margin: 0 auto; /* auto centers page */ text-align: left; background:#d8d8da url(../_images/bottom_bg0.jpg) no-repeat bottom /*0 220px*/;
-webkit-box-shadow: 0px 0px 20px 2px #666;
-moz-box-shadow: 0px 0px 20px 2px #666;
box-shadow: 0px 0px 20px 2px #666;  }

.main #containerMed { width: 1140px; margin: 0 auto; /* auto centers page */ text-align: left; background:#d8d8da url(../_images/bottom_bg2.jpg) no-repeat bottom /*0 220px*/;  -webkit-box-shadow: 0px 0px 20px 2px #666;
-moz-box-shadow: 0px 0px 20px 2px #666;
box-shadow: 0px 0px 20px 2px #666;}

.main #containerTall { width: 1140px; margin: 0 auto; /* auto centers page */ text-align: left; background:#d8d8da url(../_images/bottom_bg3.jpg) no-repeat bottom;  -webkit-box-shadow: 0px 0px 20px 2px #666;
-moz-box-shadow: 0px 0px 20px 2px #666;
box-shadow: 0px 0px 20px 2px #666;}

.main #header { background-image: url(../_images/header.jpg); background-repeat: no-repeat; background-position: center top; height: 234px; width: 1140px; padding:0px; }

.main #header h1 { margin: 0; padding: 10px 0; }

.main #subContainer { width: 100%; margin: 0 auto; /* auto centers page */ position: relative; text-align: left; }

.main #mainContent { background: #fff; width:673px; margin: 20px 0 0 325px; padding: 20px; min-height: 800px; border-top: 1px solid #b7b7b8; border-right: 1px solid #b7b7b8; text-align:justify; top:auto; z-index:20; }

.main #mainContent h1 { background:url(../_images/title_bar.jpg) no-repeat; margin: 0px; padding: 10px 10px 10px 85px; clear: right; float: left; height: 60px; width: 670px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #FFF; }

.main #mainContent h3 { margin: 0 0 20px 0; padding: 0 20px; clear: right; float: left; width: 625px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; text-align:center; color: #006; }

.main #mainContent sub { font-size:10px; vertical-align: bottom; line-height: 0.5em;/*		font-size: 0.75em;*/
}

.main #mainContent sup { font-size:10px; vertical-align:top; line-height: 0.5em;/*		font-size: 0.75em;*/
}

.main #mainContent p sup a { color:#00C; text-decoration:none; }

.main #mainContent p sup a:hover { color:#00C; text-decoration: underline; }

.main #mainContent p sup a:visited { color:#00C; text-decoration: none; }

.main #mainContent p { margin: 0 0 20px 0; padding: 0 20px; clear: right; float: left; width: 625px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333; line-height: 20px;/*	text-align:justify;*/ }

.main #mainContent p a { color:#03C; text-decoration:underline; }

.main #mainContent p a:hover { color:#03C; text-decoration: underline; }

.main #mainContent p a:visited { color:#03C; text-decoration: underline; }

.main #mainContent p span { margin: 0px; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color: #006;/*	text-align: center;*/ }

.main #mainContent p.strong { padding-top: 10px; color: #006; font-style:italic; font-weight:bold; font-size:15px; }

.main #mainContent .indent { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight:normal; color: #333; line-height: 20px; }

.main #mainContent .list { margin: 0 0 20px 20px; background-color: #F7F7F7; padding: 20px 20px 15px 20px; width: 600px; color:#006; }

.main #mainContent .simple li { margin: 10px 0 20px 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight:normal; color: #333; line-height: 10px; list-style:inside disc; }

.main #mainContent .closer { margin: 0 0 20px 20px; border:1px solid #006; padding: 10px; width: 600px; }

.main #mainContent .noteSmall { /*border:1px solid #006;*/
	margin: 0 0 20px 75px; padding: 10px; width: 500px; background:#ECECEC; color:#006; }

.main #mainContent .quote { margin: 0 0 20px 40px; padding: 10px; width: 550px; background:#ECECEC; color:#006; }

.main #mainContent .quote2 { margin: 0 0 20px 40px; padding: 10px; width: 550px; background:#ECECEC; color:#006; }

.main #mainContent .caption { width: 625px; margin-left: 20px; margin-bottom: 20px; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #006; text-align:center; }

.main #mainContent .caption span { font-size: 10px; font-style:italic; line-height:16px; }

.main #mainContent p span.pullquote { display: block; float: right; padding: 5px 5px 5px 10px; margin: 5px 0 10px 10px; width: 180px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; text-align: left; color:#006; background-color:#ECECEC; }

.main #mainContent p span.pullquote1 { display: block; float: right; padding: 5px 5px 5px 10px; margin: 20px 0 10px 30px; width: 270px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; text-align: left; color:#006; background-color:#ECECEC; }

.main #mainContent p span.pullquote2 { display: block; float: right; padding: 5px 5px 5px 10px; margin: 5px 0 10px 10px; width: 270px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; text-align: left; color:#006; background-color:#ECECEC; }

.main #mainContent p span.indent { display: block; padding: 5px 10px 0px 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333; line-height: 20px; text-align:justify; font-weight: normal; }

.main #container #mainContent p .verse { color: #900; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }

/*Search*/
#search {
	float:right;
	height:43px;
	margin:35px 0 0;
	padding-left:15px;
	padding-top:12px;
	width:250px;
	background: url(../_images/search.png) no-repeat;
}
#search input#query {
	background:none;
	border:none;
	color:#a7a8a4;
	/*width:175px;*/
}
#search-button {
	cursor:pointer;
	background:none;
	width:35px;
	height:30px;
	border:none;
}

/*Footer*/
.main #footer { height: 255px; width: 1140px; padding:0px; background: url(../_images/footer_bg.jpg) no-repeat; clear:both;/*	bottom: 0;*/ -webkit-box-shadow: 0px 0px 20px 2px #666;
-moz-box-shadow: 0px 0px 20px 2px #666;
box-shadow: 0px 0px 20px 2px #666; }

.main #footer p { margin: 0; padding: 10px 0; }

#footer_inner_wrapper { width:940px; float:left; margin:45px 0 0 100px; text-align:left; }

#copyright { display:block; clear:both; padding:3px; text-align: center; color:#CCC; font-size:10px }

#copyright a.south { cursor:help; color:#9ea1c0; text-decoration:none; }

#copyright a.south:hover { text-decoration:underline; }

#copyright a.south:visited { color: #9ea1c0; }

/*#footer_inner_wrapper div a.south{cursor:help; color:#9ea1c0; text-decoration:none;}
#footer_inner_wrapper div a.south:hover{ text-decoration:underline; }
#footer_inner_wrapper a.south:visited{color: #9ea1c0; }*/

#middle, #right { float:left; width:270px; padding:10px 20px 10px 35px; }

#left { float:left; width:125px; height:155px; padding: 20px 125px 0 20px; margin:15px 0 0 20px; background-image:url(../_images/footer_book.png); background-repeat:no-repeat; }

#footer_inner_wrapper #left em { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 18px; color:#FFF; }

#footer_inner_wrapper h1 { margin-bottom: 10px; color: #424459; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }


#footer_inner_wrapper #left h1 { font-size: 15px; }

#footer_inner_wrapper h1 a { color: #FFF; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-decoration:none; }

#footer_inner_wrapper h1 a:hover { text-decoration:underline; }

#footer_inner_wrapper #right h4 { padding: 20px 0 8px 0;}
#footer_inner_wrapper #right h4 a {
	color: #009;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
}
#footer_inner_wrapper #right h4 a:hover { text-decoration:underline; }

#footer_inner_wrapper h3 { color:#FFF; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#footer_inner_wrapper h3 em { color:#FFF; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#footer_inner_wrapper #middle a { display: block; margin-top: 5px; width: 264px; height: 110px; text-decoration: none; background: url(../_images/video_btn.jpg); }

#footer_inner_wrapper #middle a.rollover:hover { background-position: -263px 0; }

.displace { position: absolute; left: -5000px; }

/*Floats*/
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; }

.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }

/*Adverts*/
#ads { width:940px; height:88px; background-color:#FFF; margin:0 0 10px 88px ; border: 1px solid #b7b7b8; padding:10px; }
.left { /*float:left;*/ display: none;}
.right { /*float:right;*/ text-align: center;}
/*Breadcrumbs*/
#breadcrumb-top { width:680px; height:20px; background-color:#006; margin:-30px 0 10px 0; padding-top: 2px; }

#breadcrumb-top a { color:#FFF; text-decoration:none; }

#breadcrumb-top a:hover { text-decoration:underline; }

#breadcrumb-bottom { width:670px; height:20px; background-color:#006; margin:20px 0 20px 0; float:right; padding-top: 2px;}

#breadcrumb-bottom a { color:#FFF; text-decoration:none; }

#breadcrumb-bottom a:hover { text-decoration:underline; }

span.left { float:left; color:#FFF; font-size:11px; margin:2px 0 0 5px; padding-top:1px; }

span.right { float:right; color:#FFF; font-size:11px; margin:2px 5px 0 0; padding-top:1px; }

/*READ MORE TOGGLE DIV*/
h2.trigger { background: url(../_images/read_more.jpg) no-repeat right top; margin: 0 0 0 20px; padding: 0px; clear: right; float: left; width: 580px; height: 36px; line-height: 36px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; cursor: pointer; }

h2.trigger a { color: #006; text-decoration: none; }

h2.trigger a:hover { color: #00F; }

h2.active { background-position: right bottom; }

h4.trigger { background: url(../_images/read_more.jpg) no-repeat right top; margin: -10px 0 0 20px; padding: 0px; clear: right; float: left; width: 140px; height: 36px; line-height: 36px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight:bold; cursor: pointer; }

h4.trigger a { color: #006; text-decoration: none; }

h4.trigger a:hover { color: #00F; }

h4.active { background-position: right bottom; }

.toggle_container { margin: 0; padding: 0; /*	overflow: hidden;*/
	clear: right; float:left; }

.main #container .toggle_container p { background: #ECECEC url(../_images/rm_bg2.jpg) no-repeat top; margin: 0 0 0 20px; padding: 30px 30px 20px 35px; clear: right; float: left; width: 540px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; }

.toggle_container ul { background: #ECECEC url(../_images/rm_bg.jpg) no-repeat top; margin: 0 0 0 20px; padding: 30px 30px 10px 35px; clear: right; float: left; width: 540px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; list-style: disc outside; }

.toggle_container ul li { margin-bottom: 10px; }

.main #container .toggle_container span { background: #ECECEC url(../_images/rm_bg2.jpg) no-repeat top; margin: 0 0 0 20px; padding: 30px 30px 20px 35px; clear: right; float: left; width: 540px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; }

.toggle_container ol { margin: 0; padding-left:20px; clear: right; float: left; width: 500px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; list-style: disc outside; }

.toggle_container ol li { margin-bottom: 10px; }

.main #container #mainContent .toggle_container p .tooltip { display:none; position: absolute; padding: 10px; width: 550px; border:3px solid #006; background-color: #E9E9E9; background-image:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#006; text-align: justify; z-index:25; }

.main #container #mainContent .toggle_container p .tooltip .tip span { display: none; }

.main #container #mainContent .toggle_container p .tooltip a.tip:hover span { /*the span will display just on :hover state*/ display:block; position: absolute; margin-top:-2px; margin-left: 20px; padding: 10px; width: 550px; border:3px solid #006; background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#006; text-align: justify; }

/* Tool tip*/
.main #mainContent a.tip { position:relative; /*this is the key*/ z-index:24; text-decoration: underline; color:#333; cursor:help; }

.main #mainContent a.tip:hover { z-index:25; background-color:#eee; color: #006; font-weight:bold; }

.main #mainContent a.tip span { display: none; }

.main #mainContent a.tip:hover span { /*the span will display just on :hover state*/ display:block; position: absolute; margin-top:-2px; margin-left: 20px; padding: 10px; width: 550px; border:3px solid #006; background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#006; text-align: justify; }

/* trigger button */
.main #mainContent .tool_btn { text-decoration: none; color: #00C; cursor:help; position:relative; z-index:24; }

/* mouseover state */
.main #mainContent .tool_btn a:hover { text-decoration: underline; background-color:#eee; color: #00C; }

.main #mainContent .tool_btn a:visited { text-decoration:none; background-color:#eee; color: #00C; }

/* clicked state 
#tool_btn:focus {
		background-color:#eee;
	color: #006;
	font-weight:bold;	;
}*/

/* tooltip styling */
.main #mainContent .tooltip { display:none; position: absolute; padding: 10px; width: 550px; border:3px solid #006; background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#006; text-align: justify; z-index:25; }

.main #mainContent .tooltipSmall { display:none; position: absolute; padding: 10px; width: auto; border:3px solid #006; background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#006; text-align: justify; z-index:25; }

.main #mainContent .tooltip a { color:#00F; }

/*Share This*/
a.stbar.chicklet img { border:0; height:32px; width:32px; margin-right:3px; vertical-align:middle; }

a.stbar.chicklet { height:32px; line-height:32px; color:#FFF; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-decoration:none; }

.highlight img { border: none; margin:10px; }

.highlight:hover img { border:solid 4px #CCC; margin:6px; }

.highlight:hover { color: red; /* Dummy definition to overcome IE bug */ }

#video a { display: block; margin: 90px 0 20px 10px; width: 650px; height: 359px; text-decoration: none; background: url(../_images/video-btn.jpg) no-repeat; }

#video a.rollover:hover { background-position: -650px 0; }

.order { background: url(../_images/corner_gradient.png) no-repeat top right transparent; border:1px solid #EEE; border-top: none; margin-left: 20px; padding: 40px 0px 20px 30px; float:left; width:595px; font-size:14px; color:#006; line-height: 20px; text-align:left}

.price { margin-top:10px; background-color: #eee; width:260px; height: 58px;border: #CCC 1px solid; padding:10px; font-size:38px; float:none; clear:right; padding-left: 20px; padding-top: 12px; padding-bottom: 12px;}
.price span { font-size:18px; vertical-align:top; line-height: 0.5em; }

.reviews { background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    clear: right;
    float: none;
    font-size: 16px;
	margin-right: 30px;
    margin-top: 0;
    padding: 12px 20px;}
.reviews span { font-size: 12px;
    line-height: 14px; }