/*!
#######################################################################
# 
# Becel
# Print CSS stylesheet
#
# Hand-crafted by Phenotype (phenotype.net)
#
#######################################################################
-----------------------------------------------------------------------
* You may use this file for learning purposes.
*
* The unique combination of images, colours, sizes, typography and 
* positioning ('the design') is copyright.
*
* Copying, modifying or any other use of design-related images 
* is prohibited.
*
* Don't rip our site, be creative!
-----------------------------------------------------------------------
*/

/*
***********************************************************************
// Dependencies
***********************************************************************
* Global reset
* 	reset.css
*
***********************************************************************
*/

/*-------------------------------------------------------------------
// Page layout and appearance
-------------------------------------------------------------------*/

	
#accessibility, #header h1, #navigation, #search, #sub-navigation, #footer {
	display: none;
	}
	
#container {
	}
	
	#header {
		margin: 0 0 24px 0;
		padding: 0 0 24px 0;
		border-bottom: 2px solid #999;
		}

		#logo {
			
			}

	#content {
		}
		
		#content-primary {

			}

		#content-secondary {

			}
		
/*-------------------------------------------------------------------
// Typography and content formatting
-------------------------------------------------------------------*/

/* 
XHTML tag styles 
---------------------------
*/

body {
	font-size: 62.5%; /* Resets font sizes to 10px, so 1em = 10px */
	/*font-family: Tahoma, Verdana, sans-serif;*/
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	color: #0c293b;
	}
	
a {
	color: #52587e;
	border-bottom: 0;
	text-decoration: none;
	border-bottom: 1px solid #88a8ae;
	}
	
a:hover {
	color: #33364b;
	border-bottom: 0;
	}
	
	a.image-link {
		display: block;
		padding: 0 !important;
		border: 0 !important;
		line-height: 0 !important;
		}
  
acronym, abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
/* Quotes */	
blockquote {
	}
	
cite, q {
	font-style: italic;
	}
/* /Quotes */
  
code, pre {
	font-family: monospace;
	font-size: 1.6em;
	line-height: 1.875;
	}
  
dl {
	margin: 0 0 1.333em 0;
	font-size: 1.2em;
	line-height: 1.333;
	text-align: left;
	}

em, i {
	font-style: italic;
	}
	
h1 {
	margin: 0 0 1.5em 0;
	font-size: 3.2em;
	line-height: 1.5;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	}
	
h2 {
	width: 454px;
	margin: 0 0 12px 0;
	padding: 0 12px;
	font-size: 3.2em;
	line-height: 1.5;
	font-family: "Poplar Std", Impact, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #215b87;
	text-transform: uppercase;
	}
	
h3 {
	margin: 0 0 2em 0;
	font-size: 2.4em;
	line-height: 2;
	font-family: "Poplar Std", Impact, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #7c8a94;
	text-transform: uppercase;
	}

h4 {
	margin: 0 0 1.429em 0;
	font-size: 1.4em;
	line-height: 1.429;
	font-weight: bold;
	text-align: left;
	color: #b6a190;
	}
	
hr {
	display: none;
	}
	
/* Images */
img {
	border: 0;
	}
	
	#content p img {
		margin: 0 0 12px 12px;
		display: block;
		float: right;
		border: 1px solid #fff;
		}
		
/* /Images */
	
ol {
	margin: 0 0 1.429em 1.4em;
	font-size: 1.4em;
	line-height: 1.429;
	text-align: left;
	list-style-position: outside;
	}
	
	ol li {
		list-style-type: decimal;
		}
	
p {
	margin: 0 0 1.429em 0;
	font-size: 1.4em;
	line-height: 1.429;
	text-align: left;
	vertical-align: top;
	}
  
select {

	}
  
small {
	font-size: 0.8em;
	}
	
strong, bold {
	font-weight: bold;
	}
	
ul {
	margin: 0 0 1.429em 0;
	font-size: 1.4em;
	line-height: 1.429;
	text-align: left;
	list-style: none;
	list-style-position: outside;
	}
	
	ul li {
		padding-left: 20px;
		list-style: none;
		list-style-position: outside;
		text-indent: 0;
		background: url(../../images/template/screen/interface-sprites.gif) -2436px -356px no-repeat;
		}
  
	ul dl, ul h2, ul h3, ul h4, ul ul, ul ol, ul p, ol dl, ol h2, ol h3, ol h4, ol ul, ol ol, ol p, dl dl, dl h2, dl h3, dl h4, dl ul, dl ol, dl p, ol label, ol input, ol select, ol textarea {
		font-size: 1em !important;
		}

/*
Section-specific styles 
---------------------------
*/
.footnote {
	font-style: italic;
	}
	
	.footnote h4, .footnote p {
		font-size: 1em;
		}
		
/*
Page sections
---------------------------
*/

/* Common styles */
.section {
	margin: 0 0 24px 0;
	padding: 0 0 24px 0;
	border-bottom: 2px solid #999;
	}

/* /Common styles */

/* Home features */

/* /Home features */

/* Body */

/* Body */

/* Masthead */
#content-primary .section.masthead {
	padding: 0;
	border: 0;
	}
	
	#content-primary .section.masthead img {
		width: 654px;
		display: block;
		}
/* /Masthead */

/* Product Masthead */
#content-primary .section.product-masthead {
	padding: 0;
	border: 0;
	}
	
	#content-primary .section.product-masthead img {
		width: 654px;
		display: block;
		}
/* Product /Masthead */

/* Featured Masthead */
#content-primary .section.featured-masthead {
	width: 654px;
	height: 360px;
	padding: 0;
	border: 0;
	}
	
	#content-primary .section.featured-masthead img {
		width: 654px;
		display: block;
		}
		
	#content-primary .section.featured-masthead h2 {
		
		}
		
	#content-primary .section.featured-masthead h3 {
		
		}
		
	#content-primary .section.featured-masthead ul {
		display: none;
		}
/* /Featured Masthead */


/* Common listing styles */
.section.index br, .section.related br {
	clear: both;
	}

ul.listings {
	margin: 0 -10px 0 0;
	list-style: none;
	list-style-position: outside;
	}
	
	ul.listings li {
		margin: 0 10px 12px 0;
		padding: 0;
		display: block;
		float: left;
		position: relative;
		background: 0;
		}
			
		ul.listings li img {
			position: absolute;
			top: 0;
			left: 0;
			}
	
/* /Common listing styles */

/* Index listings */
.section.index {
	width: 632px;
	overflow: hidden;
	}
	
	.section.index ul.listings li {
		width: 146px;
		height: 84px;
		padding: 146px 0 0 0;
		}
		
	#products .section.index ul.listings li {
		height: 60px;
		}
		
		.section.index ul.listings li img {
			width: 146px;
			height: 146px;
			display: block;
			}
			
		#content-primary .section.index ul.listings li h3 {
			width: 134px;
			height: 72px;
			margin: 0;
			padding: 6px 6px;
			font-size: 1.143em !important;
			line-height: 1.5;
			}
			
		#products #content-primary .section.index ul.listings li h3 {
			height: 48px;
			}

/* /Index listings */

/* Related listings */
.section.related {
	width: 430px;
	overflow: hidden;
	}
	
	.section.related ul.listings li {
		width: 96px;
		height: 96px;
		}
		
		.section.related ul.listings li img {
			width: 96px;
			height: 96px;
			position: static;
			display: block;
			}
			
		#content-primary .section.related ul.listings li h3 {
			display: none;
			}

/* /Related listings */

/* Competition */

/* /Competition */

/*
Forms
---------------------------
*/

.form {
	margin: 0 0 12px 0;
	padding: 12px 12px;
	background: #fff;
	}

/* Buttons */

/* /Buttons */

/* Messages */

.message {
	display: none;
	}
	
.message.current {
	display: none;
	}
	
.message.initial {
	display: block;
	}

	.message h4 {

		}

/* /Messages */

/* Instructions */

.instructions {
	font-style: italic;
	}

/* /Instructions */

/* Form controls */

.error {
	border: 1px solid #ff0000 !important;	
	}

.required {
	color: #ff0000;	
	}
	
a.button {
	height: 36px;
	width: 88px;
	padding: 0 16px 0 6px;
	display: block;
	float: left;
	color: #fff;
	border: 0;
	font-size: 2.4em;
	font-family: "Poplar Std", Impact, Helvetica, Arial, sans-serif;
	line-height: 36px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	background: url(../../images/template/screen/interface-sprites.gif) -560px -86px no-repeat;
	}
	
a.button:hover {
	color: #c6dede;
	}

input.button {
	}
  
input.text {
	height: 20px;
	padding: 8px 4px;
	font-size: 1.4em;
	font-family: Tahoma, Verdana, sans-serif;
	color: #999;
	background: #e2eeee;
	border: 1px solid #b8d9d9;
	}

input.text:focus {
	color: #333;
	}
	
label {
	font-size: 1em;
	font-weight: bold;
	}
	
	label.other {
		font-weight: normal;
		color: #999;
		}

legend {
	margin: 0 0 1em 0;
	padding: 0 12px 0 0;
	font-size: 2.4em;
	line-height: 1;
	font-weight: normal;
	font-family: "Poplar Std", Impact, Helvetica, Arial, sans-serif;
	color: #7C8A94;
	}
	
select {
	margin: 0 0 1.429em 0;
	padding: 8px 4px;
	font-size: 1.4em;
	font-family: Tahoma, Verdana, sans-serif;
	color: #999;
	background: #e2eeee;
	border: 1px solid #b8d9d9;
	}
	
select:focus {
	color: #333;
	}
	
textarea {
	width: 478px;
	height: 10em;
	margin: 0 0 1.429em 0;
	padding: 8px 4px;
	font-size: 1.4em;
	font-family: Tahoma, Verdana, sans-serif;
	color: #999;
	background: #e2eeee;
	border: 1px solid #b8d9d9;
	}

textarea:focus {
	color: #333;
	}

#content form {
	
	}
	
#content fieldset {
	}
	
	#content fieldset legend {
		}
	
	#content fieldset a.button {
		margin: 0 0 0 192px;
		}
		
	#content fieldset ul {
		width: auto;
		margin: 0;
		list-style: none;
		list-style-position: outside;
		}
		
		#content fieldset ul li {
			margin: 0 0 12px 0;
			padding: 0;
			list-style: none;
			text-indent: 0;
			clear: both;
			background: 0;
			}
			
			#content fieldset ul li input.radio {
				clear: both;
				}
  
			#content fieldset ul li input.text {
				width: 180px;
				margin: 0 0 12px 0;
				font-size: 1em;
				}
				
			#content fieldset ul li input.text.short {
				width: 5em;
				}
				
			#content fieldset ul li label {
				width: 100px;
				margin: 0 12px 24px 0;
				display: block;
				float: left;
				}
			
			#content fieldset ul li select {
				width: 180px;
				margin: 0;
				font-size: 1em;
				}
			
			#content fieldset ul li textarea {
				width: 300px;
				height: 10em;
				margin: 0;
				font-size: 1em;
				}

		
/* /Form controls */

/* Search form */

#search fieldset {
	width: 166px;
	padding: 12px 12px;
	}
	
	#search fieldset label {
		display: none;
		}
		
	#search fieldset a.button {
		width: 36px;
		height: 36px;
		padding: 0 6px;
		display: block;
		float: left;
		color: #999aa5;
		background: #fff;
		border: 0;
		font-size: 2.4em;
		font-family: "Poplar Std", Impact, Helvetica, Arial, sans-serif;
		line-height: 36px;
		text-decoration: none;
		text-align: center;
		}
		
	#search fieldset a.button:hover {
		color: #33364b;
		}

	#search fieldset input.text {
		width: 108px;
		height: 20px;
		float: left;
		}

/* /Search form */

/* Results */
.ajaxSearch_highlight {
	font-weight: bold;
	font-style: normal !important;
	}

.ajaxSearch_results {
	border-top: 1px solid #fff;
	padding: 12px 0 0 0;
	}

.ajaxSearch_result {
	margin: 0 0 24px 0;
	clear: both;
	}
	
	#content-primary .section .ajaxSearch_result h3 {
		width: 506px;
		margin: 0 0 0 112px;
		}
	
	.ajaxSearch_result .ajaxSearch_resultBreadcrumbs {
		margin: 12px 0 12px 112px;
		font-size: 1.2em;
		line-height: 2em;
		}
	
		.ajaxSearch_result .ajaxSearch_resultBreadcrumbs a {
			border-color: #ffcb05;
			}
			
		.ajaxSearch_result .ajaxSearch_resultBreadcrumbs strong {
			font-weight: normal;
			}
	
	.ajaxSearch_result a.image-link {
		width: 98px;
		height: 98px;
		margin: 0 12px 12px 0;
		display: block;
		float: left;
		position: relative;
		background: url(../../images/template/screen/default-search-result.jpg) 0 0 no-repeat;
		border: 1px solid #fff !important;
		}

		.ajaxSearch_result a.image-link img {
			width: 98px;
			height: 98px;
			}
		
	.ajaxSearch_result p {
		margin-left: 112px;
		}
	
	#content-primary .section .ajaxSearch_result p.action-link {
		margin: 0 0 0 112px;
		font-weight: bold;
		}
	
.ajaxSearch_resultExtract {
	font-style: italic;
	}

ul.ajaxSearch_paging {
	width: 630px;
	height: 36px;
	font-size: 1.6em;
	line-height: 36px;
	margin: 0;
	padding: 6px 0;
	clear: both;
	text-align: right;
	border-top: 1px solid #fff;
	}
	
	ul.ajaxSearch_paging li {
		display: inline;
		text-indent: 0;
		margin: 0 0 0 4px;
		padding: 0;
		background: 0;
		}
		
		#content ul.ajaxSearch_paging li a, #content ul.ajaxSearch_paging li span.ajaxSearch_currentPage {
			padding: 6px 6px;
			font-weight: bold;
			border-bottom: 0;
			}
			
		#content ul.ajaxSearch_paging li a:hover{
			background: #DCE8EB;
			}
		
		#content ul.ajaxSearch_paging li span.ajaxSearch_currentPage {
			background: #DCE8EB;
			}

.ajaxSearch_resultsInfo {
	margin: 0 0 1.5em 0;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.6em;
	line-height: 1.5;
	font-style: italic;
	}

/* /Results */