/***********************************************/
/* Web Site: Big Toddle micro site             */
/*                                             */
/* Media: Print                                */
/*                                             */
/* Author: Oliver Hoad                         */
/*                                             */
/* Created: 13th December 2010                 */
/***********************************************/

/* 
-- CSS INDEX --

1. BASIC HTML
2. STRUCTURE
3. GLOBAL NAVIGATION
4. HOMEPAGE
5. STANDARD PAGE ELEMENTS
6. PAGE ACTIONS
7. POPUPS
8. FORMS

*/

/* ----- 1. BASIC HTML ---------------------------------------*/

h1 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 200%;
	line-height: 170%;
	padding: 0;
	margin: 0 0 10px 0;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 170%;
	line-height: 190%;
	padding: 0;
	margin: 1em 0 0 0;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 140%;
	line-height: 190%;
	padding: 0;
	margin: 1em 0 0 0;
}

p {
	font-weight: normal;
	font-size: 130%;
	line-height: 190%;
	padding: 0;
	margin: 0.2em 0 0.8em 0;
}

ul {
	margin: 8px 0 10px 14px; /* Required for cross-browser list indentation */
	padding: 0 0 0 14px; /* Required for cross-browser list indentation */
	color: #444;
	list-style-image: url(toddle08_standard_bullet.gif);
}

ol {
	margin: 8px 0 10px 15px; /* Required for cross-browser list indentation */
	padding: 0 0 0 15px; /* Required for cross-browser list indentation */
	color: #444;
}

ul li {
	font-weight: normal;
	font-size: 100%;
	line-height: 180%;
	margin: 0 0 10px 0;
	padding: 0;
}

ol li {
	font-weight: normal;
	font-size: 100%;
	line-height: 180%;
	margin: 0 0 5px 0;
	padding: 0;
}

a {
	color: #6d9c16;
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
	background: #f0f7e5;
	padding: 2px 0 3px 0;
}

hr {
	height: 1px;
	border: none;
	border-bottom: 1px dotted #bbb;
	margin: 7px 0;
}

/* ----- 2. STRUCTURE ----------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 75%;
	color: #000;
}

.clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

.toddle_image {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#cutout,
#banner,
#actions,
#actions p,
#actions a,
#actions a:hover,
#text_size,
#search,
#search_field,
#search_input,
#search_button,
#sign_up_banner,
#nav,
#canvas_top,
#canvas_bottom,
#sidebar,
#footer,
#corporate_info,
#corporate_info p,
#corporate_info a,
#corporate_info a:hover
.hide {
	display: none;
}

#wrapper {
	width: auto;
	height: auto;
}

#main {
	width: auto;
	height: auto;
	background: #fff;
}

#header {
	width: auto;
	height: auto;
}

#logo {
	display: inline;
	float: left;
	width: 165px;
	height: 114px;
	margin: 31px 30px 0 15px;
}

#content {
	width: auto;
	height: auto;
}

#canvas {
	width: auto;
	height: auto;
	padding: 10px 48px 20px 48px;
}

#section {
	width: auto;
	height: auto;
}

/* ----- 3. GLOBAL NAVIGATION --------------------------------*/

/* hidden above */

#breadcrumbs,
#breadcrumbs a, #breadcrumbs a:visited,
#breadcrumbs a:hover, #breadcrumbs_container a:visited:hover {
	display: none;
}

/* ----- 4. HOMEPAGE -----------------------------------------*/

#widget_top {
	width: 517px;
	height: 5px;
	background: url(toddle09_widget_top.gif) no-repeat;
	font-size: 1px; /* Required to fix IE6 minimum height bug */
}

#widget_body {
	position: relative;
	z-index: 1;
	width: 485px;
	height: 215px;
	padding: 5px 15px 10px 15px;
	border-right: 1px solid #e4e4e4;
	border-bottom: 4px solid #94c342;
	border-left: 1px solid #e4e4e4;
	background: #fafafa;
}

#widget_content {
	float: left;
	width: 240px;
	height: auto;
}

#widget_content h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 130%;	
	line-height: 150%;
	padding: 0;
	margin: 0 0 5px 0;
}

#widget_content p {
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 150%;
	padding: 0;
	margin: 0.2em 0 0.8em 0;
}

#widget_image {
	display: inline;
	float: right;
	width: 230px;
	height: 200px;
	margin: 6px 0 0 0;
}

#widget_tabs {
	width: 517px;
	height: 45px;
}

#widget_tabs ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#widget_tabs li {
	position: relative;
	float: left;
	z-index: 0;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

#widget_tabs span {
	display: block;
	width: 130px;
	height: 45px;
  line-height: 17px;
}

.selected {
	padding: 5px 0 0 0;
	background: url(toddle09_widget_tab_on.gif) no-repeat;
	color: #fff;
}

.unselected {
	padding: 5px 0 0 0;
	background: url(toddle09_widget_tab_off.gif) no-repeat;
	color: #6d9c16;
	cursor: pointer;
	cursor: hand;
}

#call_to_action {
	width: 518px;
}

#call_to_action h2 {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 170%;
	color: #6d9c16;
	line-height: 190%;
	padding: 0;
	margin: 0;
}

#call_to_action p {
	font-size: 120%;
	line-height: 160%;
}

#call_to_action_left {
	display: inline;
	float: left;
	width: 220px;
	margin: 0 39px 0 5px;
	/*background: orange;*/
}

#call_to_action_right {
	display: inline;
	float: left;
	width: 220px;
	/*background: cyan;*/
}

/* ----- 5. STANDARD PAGE ELEMENTS ---------------------------*/

.quote {
	margin: 0px 37px 20px 5px;
	background: url(toddle09-quote-left.gif) no-repeat;
	color: #777;
}

.quote div {
	padding: 10px 25px;
	background: url(toddle09-quote-right.gif) bottom right no-repeat;
}

.quote div p {
	font-size: 90%;
	line-height: 160%;
}

#content p a, #content li a, .highlightgrey a, .highlight a {
	font-weight: bold;
}

.alignright, .alignleft {
	float: right;
	clear: right;
	/*margin: 5px 0 15px 15px;*/
	margin: 5px 0 15px 15px;
}

.highlightgrey, .highlight {
	clear:both;
	margin: 15px 0 15px 0;
	padding: 10px;
	border: 1px solid #d0e5ac;
	font-size: 0.90em;
	line-height: 1.7em;
}

.highlight br, .highlightgrey br {
	line-height: 0.5em;
}

.quoteright, .quoteleft {
	float: right;
	clear: right;
	width: 170px;
	margin: 10px 0 15px 15px;
	padding: 10px;
	border: 1px solid #abd067;
	font-size: 0.9em;
	line-height: 1.5em;
}

.extrainfotitle {
	margin: 8px 37px 0 5px;
}

.extrainfotitle h2 {
	margin: 0;
	padding: 10px;
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	line-height: 100%;
	font-size: 110%;
	font-weight: bold;
	color: #666;
}

.ulbg {
	margin: 0 37px 0 5px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-top: none;
	font-size: 90%;
}

.ulbg ul li {
	line-height: 140%;
}

.adobe {
	margin: 8px 37px 0 5px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	color: #666;
}

.adobe p {
	font-size: 90%;
	line-height: 160%;
}

table {
	margin: 10px 0;
}

td {
	padding: 5px;
}

.rowheader {
	background: #7fba00;
	color: #fff;
	font-weight: bold;
}

.rowodd {
	background: #fff;
	font-size: 1em;
	color: #000;
}

.roweven {
	background: #f3f3f3;
	font-size: 1em;
	color: #000;
}

.arrowBack {
	padding-left: 15px;
	background: url(arrow-back.jpg) 0px 2px no-repeat;
}

.arrowForward {
	padding-right: 15px;
	background: url(arrow-forward.jpg) right 2px no-repeat;
}

.smalltext {
	font-size: 90%;
}

.rhQuote {
	margin: 0 0 40px 0;
	background: url(toddle08_quote_left.gif) no-repeat;
	color: #666;
}

.rhQuote div {
	padding: 10px 25px;
	background: url(toddle08_quote_right.gif) bottom right no-repeat;
}

.rhQuote div p {
	font-size: 90%;
	line-height: 160%;
}

.rhImage {
	margin: 0 0 20px 0;
}

.rhImage div {
	margin: 0 auto 0 auto;
	text-align: center;
}

#rhFeature, .rhFeature {
	margin: 8px 37px 0 5px;
	border: 1px solid #e5e5e5;
}

#rhFeature h2, .rhFeature h2 {
	margin: 0 0 7px 0;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
	background: #f9f9f9;
	font-size: 105%;
	font-weight: bold;
	color: #666;
	line-height: 140%;
}

#rhFeature p, #rhFeature ul, #rhFeature ol, .rhFeature p, .rhFeature ul, .rhFeature ol {
	padding: 0 10px 7px 10px;	
	font-size: 90%;
	color: #666;
	line-height: 150%;
}

#rhFeature li, .rhFeature li {
	margin-bottom:3px;
}

/* ----- 6. PAGE ACTIONS -------------------------------------*/

.hide,
#page_actions,
#page_actions_share ul,
#page_actions_share li,
#page_actions_top ul,
#page_actions_top li,
#page_actions_clear {
	display: none;
}

/* ----- 7. POPUPS -------------------------------------------*/

#banner_popup div, #centre_popup {
	width: 480px;
	margin: auto;
	padding: 10px;
	background: #fff;
}

/* ----- 8. FORMS --------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}