/* ####################################### */
/* ############## TYPO CORE ############## */
/* ####################################### */


/* NB: default browser font size is usually 16px */

body {
	x-system-font: none;
	font:normal normal 80%/1.5 Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	color: #555;
}

html > body {
	font-size: 13px; /* size good modern browsers to 13px */
}

p, ul, ol, dl, blockquote, pre, td, th, label, table {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1.5em;
	padding:0;
}


/* ####################################### */
/* ############## HEADINGS ############### */
/* ####################################### */



#page-title,
h1, .h1{
	font-size:3em; 
	color:#111; 
	letter-spacing: -0.035em;
	line-height: 1;
	margin-bottom:0.5em;
	font-weight: bold;
}

h2,.h2 {
	font-size:2em;
	line-height: 1;
	margin-bottom:0.75em;
	color: #222;
	font-weight: bold;
}
h3,.h3,legend {
	font-size:1.5em;
	line-height:1;
	padding-top: 0.5em;
	margin-bottom:0.5em;
	color: #333;
	font-weight: normal;
}
h4,.h4 {
	font-size:1.2em;
	line-height:1;
	padding-top: 1em;
	margin-bottom:.5em;
	color: #555;
	font-weight: bold;
}
h5,.h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:0.8em;
	padding-top: 0.7em;
}
h6,.h6 {
	font-size:1em;
	font-weight:bold;
}


/* SITE LOGO
------------------------------------------------*/

h1#site-logo,
img#site-img-logo {
    height: 87px;
    width: 159px;
	margin: 0;
	padding: 0;
}

/* PAGE TITLE/SUB TITLE
------------------------------------------------*/

.e-page_title {
	margin-bottom: 1.5384615384615384615384615384615em;
}

#page-title {
	margin-bottom: 0.1em;
}

#page-subtitle {
	margin-bottom: 0;
	color: #777;
	font-size: 1.4em;
	font-weight: normal;
}

.catalogue-page #page-subtitle {
	margin-bottom: 1em;
}





/* ####################################### */
/* ################ =LINKS ############### */
/* ####################################### */

/* GLOBAL LINK STYLES
------------------------------------------------*/

a:link,
a:visited {
	color: #ff0000;
}

/* CALL TO ACTIONS
------------------------------------------------*/

.cta,
div.f-submit-unit button,
button.submit,
.f-pwd-submit input {
	display: inline-block;
	text-decoration: none;
	position: relative;
	white-space:nowrap;
	font-size: 0.92307692307692307692307692307692em;
	padding: 0;
	background-repeat: repeat-x;
	background-position: 0 1px;
}



a.cta:hover,
a.cta:focus {
	text-decoration: none;
}

.cta span,
div.f-submit-unit button span,
button.submit span {
	padding: 4px 40px 4px 20px;
	display: block;
}



a.cta-primary:link,
a.cta-primary:visited,
div.f-submit-unit button,
button.submit,
.f-pwd-submit input {
	border: 4px solid #CFDFDE;
	background-color: #272727;
	background-image: url(/images/cta_primary_bg.png);
	color: #e1e1e1;

	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px; 
	-ms-border-radius: 100px;
	border-radius: 100px;

	 -moz-background-clip: padding;      
   -webkit-background-clip: padding-box; 
           background-clip: padding-box;  


}

a.cta-primary:hover,
a.cta-primary:focus,
div.f-submit-unit button:hover,
div.f-submit-unit button:focus,
button.submit:hover,
button.submit:focus,
.f-pwd-submit input:hover,
.f-pwd-submit input:focus {
	background-image: url(/images/cta_primary_bg_hover.png);
	color: #fff;
}

.cta-primary span,
div.f-submit-unit button span,
button.submit span {
	background: url(/images/cta_span_arrow.png) no-repeat 90% 50%;
	border: 1px solid #000;
		 

	-moz-border-radius: 100px; 
	-webkit-border-radius: 100px; 
	-ms-border-radius: 100px;
	border-radius: 100px;
}

.cta-primary .arrow-left {
	background-image: url(/images/cta_span_arrow_left.png);
	background-position: 10% 50%;
	padding: 4px 20px 4px 40px;
}


a.cta-large:link,
a.cta-large:visited { 
	background-position: 0 0;
	border-color: #555;
}

.cta-large span {
	padding: 15px 40px 15px 20px;
}




/* ####################################### */
/* ############### LISTS ################# */
/* ####################################### */

ol, ul, dl {
    margin-left: 1.2em;
    padding-left: 1.2em;
}

.arrow-list {
	margin-bottom: 1.5em;
}

.arrow-list li {
	background: url("/r/i/css_framework/graphics/arrow.gif") no-repeat 0 0.5em;
	padding-left: 1.3em;
}

.hoz-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hoz-list li {
	float: left;
	margin-right: 20px;
}




/* ####################################### */
/* ############### TABLES ################ */
/* ####################################### */

th,td {
	vertical-align: top;
	padding: 0.5em 15px;
	border: 1px solid #e1e1e1;
}

th {
	background-color: #333;
	color: #fff;
	border-color: #555;
}

td {
	
}