/* ================================== */
/* =   Styles for Text Formatting   = */
/* ================================== */

/* ============== */
/* = Typography = */
/* ============== */
/* Widths and Margins  */
h2, h3, h4, h5, p, ul, ol, dl, legend, table, blockquote {margin-bottom: 1.5em;}
table {width: 100%;}
ol, ul {margin-left: 30px; padding-left: 30px;}

/* Weights */
h3, h4, legend, th, dt {font-weight: bold;}

/* Sizes */
h2 {font-size: 3em; line-height: 0.5; text-transform: uppercase; margin-bottom:0.5em; margin-top: 0.5em;color:#000; font-weight: normal;} 
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em; margin-top: 1em; clear:left}
h4, legend {font-size:1.333333em;line-height: 1.125em;margin-top: 0.5625em; margin-bottom: 1.125em;}
h4 {clear: both}
p, dt, dd, li, ul, h5 {font-size: 1em; margin-top: 1em; margin-bottom: 1.5em;}

/* Lists */
li ul, li ol {margin-top: 1.2em;}
ul li {list-style-image: url('../img/bullet.png');}
li {margin-bottom: 0; margin-top:0;line-height: 1.5;}
li li {font-size: 1em;}
ul, dl, ol {margin-top:1.5em;overflow: hidden}
li ul, li ol {margin-top: 0; margin-bottom: 0;}
a img {border:none}
#page a:hover { outline:none; color:#6BC75C}
#page a {color:#4287ff}
#page h3 a {color:#000}

/* Text */
p.highlight {margin:0; font-style: oblique; padding:1em; background:#eee; border:1px solid #ccc; margin-bottom: 1.125em;}

/* Images */
body#corporate-supporters #page p img {border: none}
img.alignleft {float:left; margin: 0 1em 1em 0;}
img.alignright {float:right; margin: 0 0 1em 1em;}
p.imagepara {overflow: hidden}
	#page p.imagepara img {border:none;}
/* Definition Lists */

blockquote {/* border:1px solid #ddd; */ padding:0 20px; /* margin-top: -1px; margin-bottom: -1px; */}
	blockquote p {margin-top:1.5em;}
	blockquote.pullquote {width:300px; float:right; font-style: oblique; font-size: 0.833333em; line-height:1.4; margin-top:0.25em}
/* Images */
img.image-left {float:left; margin-right:10px; margin-bottom:1em;}
img.image-right {float:right; margin-left:10px; margin-bottom:1em;}
img.image-center {display:block; margin: 0 auto 1em auto;}

/* Tables */
table {width: 100%; border-collapse: collapse; margin-bottom: 2em;}
	table.information td {width:50%;}
td, th {border-bottom: 1px solid #222; padding: 0.25em 1em; font-size: 0.95em; }
td.price {width:100px; text-align: right;}
th {text-align: left;}
th.heading-right {text-align: right;}
caption	{text-align: left; font-weight: bold; /* margin-bottom: 1em; */}
tr.even th, tr.th {background:#fff; color:#111; font-weight:bold}
tr.even td {background:#efefef }

/* Colours */
#page h3 a {color:#000; text-decoration: underline;}

/* Forms */
fieldset {border: none; margin-bottom: 1em; border-bottom: 1px solid #000;}
legend {margin-bottom: 1em;}
form ol {list-style: none; margin-left: 0; padding-left: 0;}
form ul {list-style: none;}
	form ol li {margin-bottom: 1em; clear: left;}
		form ol li label {display: block; font-weight: bold;}
		form ol li input[type=radio], form ol li input[type=checkbox] {float: left; margin-right: 10px;}
			form ol li.size input[type=radio] {margin-bottom: 50px;}
		form ol li label span.product-name {font-weight: bold;}
		table input, table select {margin: 0 auto; }
		input[type=text] {padding: 2px; font-weight: bold; font-size: 1.2em;}
		textarea {padding:5px;}
		table.color-table {width:300px;}
		input#your_message {float:left; width:200px}
		div.counter {float:left; width:150px; font-weight: bold; margin-left: 10px; height:25px; line-height: 25px}

		li.message {margin-bottom: 1em;}


		li.delivery_location {display:none}
		li.instructions textarea {width:100%;}

		li.quantity label, li.message label {float:left; width:100px; height: 25px; line-height: 25px;}
			li.quantity label.error, li.message label.error {float:none; width:100%; height: auto; line-height: 1.6;}
		li.quantity input {width:60px;}
		input#use_billing_address {float:left; margin-right:10px}
		/*  Form Errors */
		input.error, select.error {background-color: #FFFFD5; border:1px solid red;color:red;margin:0;}
		label.error {font-weight: bold; background:red; color:white; padding:5px;}

/* External Links */
a.knowledgebase {background:url(../img/Folder.gif) center right no-repeat; padding-right:20px}
.banners a.knowledgebase {background: none; padding: 0;}
a.email {background:url(../img/email.png) center right no-repeat; padding-right:20px;}

/* Action */
#page p.action-button a {background: url(../img/action-button-trans.png) 0% 0px no-repeat transparent; padding-left:16px; font-weight: bold; text-decoration: none; display: inline-block; height:44px; color:#fff; text-shadow: 0 1px 1px #111; line-height:44px; }
				#page p.action-button a span {background: url(../img/action-button-trans.png) 100% 0px no-repeat transparent; display: block; height:43px; line-height:43px;  cursor: hand; padding-right: 13px; margin-right:-19px;}
				#page p.action-button a:hover {background: url(../img/action-button-trans.png) 0% -87px no-repeat transparent;} 
					#page p.action-button a:hover span {background: url(../img/action-button-trans.png) 100% -87px no-repeat transparent;}
	
.action-region, td.description, .action-area {background: url(../img/action-area.png) top left no-repeat #B5E3AD; color:#333; padding:0 1em; overflow:hidden;margin-bottom: 1.125em; border:1px solid #75DB64}
	#page .action-region a, #page .action-area a {color:#333;}
		#page .action-area h3 a {text-decoration:none;}
	#page .action-region ul li, #page .action-area ul li {list-style: circle}

/* Inline Read More */
a.read-more-inline {background:url(../img/inline-read-more.png) bottom right no-repeat transparent; padding:0 7px 0 0; font-weight: bold; text-decoration: none; display:inline-block; margin: 0 5px;}
	a.read-more-inline span {background:url(../img/inline-read-more.png) top left no-repeat transparent; color: #fff; padding-left:7px;text-shadow: 0 1px 1px #111; display:block;}

/* Did You Know */
div.did-you-know {
	background: url(../img/did-you-know.png) top left no-repeat #1F93B9;
	color:#fff;
	padding:0 1em;
	overflow:hidden;
	border: 1px solid #376E7F;
}
	div.did-you-know h4 {text-shadow: 0 1px 1px black}
	div.did-you-know ul, div.did-you-know ul li {list-style: circle; list-style-image: none;}
	
/* ==================== */
/* =   Contact Page   = */
/* ==================== */
div.contacts {overflow:hidden; }
div.contact {/* width:45%; float:left; margin-right:5%; height: 350px;  overflow: hidden;*/ margin-bottom:2em}
/* 	div.contact h4 {border-color: #999; border-width: 1px 0 1px 0; border-style: solid} */
	div.contact p, div.contact h5 {padding: 0 1em;}
	div.contact p, div.mainbox p {margin:0;}
	
	div.contact dl {margin-bottom:0}
	div.contact dt {float: left; width:10em; clear: left; margin:0}
	div.contact dd {overflow: hidden;margin:0}

div.mainbox {float:right; background: url(../img/action-area.png) top left no-repeat #B5E3AD; color:#333; padding:0 1em; overflow:hidden;margin-bottom: 1.125em; border:1px solid #58A24B; width:180px; margin-left:1em;}
	
/* ====================== */
/* =   Media Releases   = */
/* ====================== */
div.media-release {}
	div.media-release h4 {margin-bottom:0; clear:none}
		#page div.media-release h4 a {color: #111; text-decoration:none}
	div.media-release p.news-item-meta {margin:0; font-size: 0.8em; color:#777}
	div.media-release p.read-more a {float:none}

#media-centre div.mainbox {width:200px;}

/* Fancy Styles
---------------------------------------- */
/* Text Shadow - Inset	*/
#page .action-region h4, 
#page .action-region h3, 
#page .action-area h3, 
#page .action-area h4 {text-shadow: 0 1px 1px rgba(255,255,255,0.75);}

/* Rounded Edges
---------------------------------------- */
/* 5px all sides */
.action-area,
.action-region,
p.highlight,
div.did-you-know {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}