/*
Site Name: SMX Corporate site
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated:
Last update made by:

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 					{ text-align: center; }
.right 						{ text-align: right !important; }
.left 						{ text-align: left !important; }
.small 						{ font-size: 9px !important;}
.ie6 .small, .ie7 .small	{ font-size: 10px !important;}
.float-right 				{ float: right; }
.float-left 				{ float: left;}
.clear 						{ clear: both; }
.uppercase 					{ text-transform: uppercase; }
.nowrap 					{ white-space: nowrap; }
.offscreen					{ position: absolute; left: -9999px; top: -9999px; }
.hidden						{ display: none; }
.self-clear 				{ zoom: 1; }
.self-clear:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin			{ margin-right: 0 !important; }
.no-left-margin				{ margin-left: 0 !important; }
.no-top-margin				{ margin-top: 0 !important; }
.no-bottom-margin			{ margin-bottom: 0 !important; }
.hot						{ cursor:pointer; }

/* *02a: Phrase Elements -------------------- */
strong, .bold 				{ font-weight: bold !important; /*letter-spacing:1px;*/ }
em, .italic					{ font-style: italic; }
code						{ font-family: Courier, serif; color: #999; font-size: 0.5em; }
cite						{ font-style: italic; }
abbr, acronym				{ border-bottom: 1px dotted; cursor: help; }
q							{ color: #000; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6 Helvetica, Arial, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff;
	color: #4f4f4f;
}

img, #feature-rotator li img, #feature-rotator .next, #feature-rotator .prev { behavior: url(../scripts/iepngfix.htc) }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; letter-spacing: 0px; margin-bottom: 0; color: #4f4f4f; font-weight: bold; }

h1 { font-size: 2.7em; margin: 0 0 0 0; }
h2 { font-size: 1.6em; margin: 26px 0 0 0; }
h3 { font-size: 1.4em; margin: 35px 0 0 0; }

p { font-size: 1.3em; line-height: 1.4em; margin: 15px 0 0 0; }

a { color: #10aab4; text-decoration: none; }

h3 a { color: black; text-decoration: none; }
h3 a:hover, h3 a:active { color: black; text-decoration: underline; }

a:hover, a:active { color: #0f838a; }

ul li {
	list-style-type: none;
}

ol li {
	list-style-type: decimal;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

.header {
	width: 920px;
	margin: auto auto;
	position: relative;
}

.main-nav {
	width: 920px;
	margin: auto auto;
}

.section-nav {
	border-top: 10px solid #10aab4;
}

.page {
	margin: auto auto;
	background: url(../images/interface/bg-page.jpg) repeat-x;
}
.homepage, .page.homepage { background: url(../images/interface/bg-page-home.jpg) repeat-x; }

.page-content {
	width: 960px;
	margin: 0 auto 50px auto;
}

.footer {
	background: url(../images/interface/bg-footer.gif) repeat-x;
	height: 93px;
}
.footer a {
	display: block;
	width: 920px;
	margin: auto auto;
}

.footer-nav {
	width: 920px;
	margin: 17px auto 30px auto;
}

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/
/* header ========================= */
#logo {
	display: block; width: 191px; height: 81px;
	background: url(../images/interface/logo-smx.jpg) no-repeat;
	text-indent: -9999px; overflow: hidden;
	margin: 0px 0px 13px 0px;
}

#prefs-bar { position: absolute; top: 6px; right: 0px; font-family: arial, helvetica, verdana, sans-serif; }

#prefs-bar a {
	font-size: 1.1em; text-decoration: none;
	float: left;
	display: block;
}

#prefs-bar #contact-us-link 	{ margin: 11px 16px 0 0; text-transform: uppercase; font-weight: bold; }

#prefs-bar fieldset 			{ float: left; margin-top: 10px; }

#prefs-bar select 				{
	font-size: 1.1em;
	padding: 2px 0px 2px 5px; margin: 0px 10px 0px 0px;
	border: 1px solid #d9d9d9;
}

#prefs-bar #login-link {
	width: 186px; height: 38px;
	background: url(../images/interface/btn-login.jpg) no-repeat;
	text-indent: -9999px; overflow: hidden;
}

/* main nav ========================= */
.main-nav li { float: left; }

.main-nav li a {
	display: block;
	width: 128px; height: 31px;
	line-height: 31px;
	margin: 0px 2px 0px 0px;
	background: url(../images/interface/bg-main-nav.jpg) no-repeat;
	text-align: center; font-size: 1.5em; font-weight: bold; color: #e9e9e9; text-decoration: none;
	text-shadow: rgba(0,0,0,0.4) 0px 0px 3px;
}
.main-nav li a:hover {
	background-position: 0 -36px;
	color: #FFF;
	text-shadow: rgba(0,0,0,0.7) 0px 0px 3px;
}
.main-nav li.on a {
	background-position: 0 -72px;
	color: #4f4f4f;
	text-shadow: none;
}

/* section nav ========================= */
ul.section-list {
	width: 920px;
	padding-top: 18px;
	margin: 0px auto 18px auto;
}

ul.section-list li {
	float: left;
	margin-right: 30px;
}

ul.section-list .section-name 			{ font-size: 1.1em; text-transform: uppercase; color: #999; font-weight: bold; padding-top: 2px; }
.ie6 ul.section-list .section-name,
.ie7 ul.section-list .section-name 	{ padding-top: 3px; }
ul.section-list a 						{ font-size: 1.4em; font-weight: bold; text-decoration: none; }
ul.section-list a:hover 				{ text-decoration: underline; }
ul.section-list .on a 			{ color: #4f4f4f; }
ul.section-list .on a:hover 			{ text-decoration: none; cursor: default; }

/* detail styles ========================= */
.main {
	width: 600px;
	float: left; display: inline;
	margin-left: 20px;
	padding-top: 30px;
}

.section-identifier { font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #999999; margin-top: 0; }
p.page-abstract		{
    font-size: 1.4em; 
    color: #4f4f4f;
    font-weight: bold;
    margin-top: 17px;
    line-height: 1.6;
}

.small-rotator-holder 	{ margin-top: 17px; }
.small-flash-holder 	{ outline: none; }

.content-image 		{ float: right; width: 276px; margin: 15px 0 20px 30px; }
.content-image p	{ text-align: center; float: left; font-weight: bold; font-size: 1.3em; padding: 5px 10px 0 10px; margin: 0; }
.content-image p.more { padding-top: 0; margin-top: 5px; }

.quote {
	background: #ededed;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 18px 24px 18px 24px; margin: 35px 0 35px 0;
	line-height: 1.8em;
}

.main .quote {
    -moz-box-shadow: 5px 5px 7px #777; -webkit-box-shadow: 5px 5px 7px #777; box-shadow: 5px 5px 7px #777;
}

blockquote 		{ font-size: 1.5em; font-weight: bold; font-style: italic; display: inline; }
p.quote-src 	{ font-size: 1.2em; color: #999; display: inline; padding-left: 15px; }

.body-copy ul { margin-top: 20px; }
.body-copy li {
	font-size: 1.3em;
	background: url(../images/interface/bg-li.gif) no-repeat 0 7px;
	padding-left: 10px; margin-top: 9px;
	line-height: 1.2em;
}

.body-copy table {
	width: 100%;
	background: #efefef;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
	font-size: 1.2em;
	margin-top: 40px;
}
.body-copy table tr.alt 	{ background: #e5e5e5; }
.body-copy table th 		{ font-weight: bold; font-size: 1.1em; }
.body-copy table th,
.body-copy table td			{ padding: 5px 10px 5px 10px; border-right: 1px solid #fff; }

.documents-list 			{ background: #f2f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 20px; margin-top: 50px; }
.documents-list li 			{ padding: 0; margin: 0; font-size: 1em; padding-left: 50px; margin-top: 30px; background: url(../images/interface/ico-BLANK.gif) no-repeat; }
.documents-list li a 		{ font-size: 1.5em; font-weight: bold; text-decoration: none; }
.documents-list li a:hover	{ text-decoration: underline; }
.documents-list li a span 	{ font-size: 0.8em; color: #999; }
.documents-list li p 		{ margin: 5px 0 0 0; }

.documents-list li.pdf		{ background: url(../images/interface/ico-PDF.gif) no-repeat; }
.documents-list li.doc		{ background: url(../images/interface/ico-DOC.gif) no-repeat; }
.documents-list li.xls		{ background: url(../images/interface/ico-XLS.gif) no-repeat; }
.documents-list li.ppt		{ background: url(../images/interface/ico-PPT.gif) no-repeat; }
.documents-list li.jpg		{ background: url(../images/interface/ico-JPG.gif) no-repeat; }
.documents-list li.zip		{ background: url(../images/interface/ico-ZIP.gif) no-repeat; }
.documents-list li.mp3		{ background: url(../images/interface/ico-MP3.gif) no-repeat; }

/* sidebar styles ========================= */
.sidebar {
	width: 280px;
	float: left; display: inline;
	margin-left: 60px;
	background: #e5e5e5 url(../images/interface/bg-sidebar.gif) no-repeat bottom left;
}

.sidebar .wrapper {
	background: url(../images/interface/bg-sidebar-top.jpg) repeat-x;
	padding: 20px;
}

#link-pod {
	background: #fff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#link-pod p {
	margin: 0;
	font-size: 1.2em; font-weight: bold; text-align: center;
	padding: 12px;
}
#link-pod ul { padding-bottom: 12px; }

#link-pod li a {
	background: url(../images/interface/button-bg.png) no-repeat;
    color: white;
    display: block;
    font-size: 1em;
    font-weight: bold;
    height: 36px;
    line-height: 33px;
    margin: 12px 0px 0px 12px;
    padding: 0 0 0 38px;
    text-transform: uppercase;
    width: 217px;
}

.sidebar-img { margin-top: 22px; }

.sidebar-pod {
	margin-top: 22px;
}

.sidebar-pod h4 {
	margin: 12px 0 0 0;
	font-size: 1.6em;
}

.sidebar-pod p {
	margin: 0px 0px 0px 0px;
	font-size: 1.2em;
}

.more, .back {
    display: inline-block;
    font-size: 10px !important;
    line-height: 16px !important;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    margin-top: 10px;
    background-image: url(../images/interface/smx-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-position-y: 3px;
    padding: 0 0 0 8px;
    -moz-background-origin: border;
}

/* IE6 */
* html #recent-news {
    margin-left: 15px;
}

* html .more {
    position: relative;
    zoom: 1;
}
* html .sidebar {
    margin-left: 10px;
}
/* IE6 end */

.sidebar-pod .documents-list 			{ background: none; padding: 0; margin: 10px 0 0 0; }
.sidebar-pod .documents-list li 		{ padding-left: 30px; margin: 0; min-height: 23px; background: url(../images/interface/ico-Small_BLANK.gif) no-repeat; }
.sidebar-pod .documents-list li a 		{ font-size: 1em; background: none; padding: 4px 0 0 0; margin-top: 0; }

.sidebar-pod .documents-list li.pdf		{ background: url(../images/interface/ico-Small_PDF.gif) no-repeat; }
.sidebar-pod .documents-list li.doc		{ background: url(../images/interface/ico-Small_DOC.gif) no-repeat; }
.sidebar-pod .documents-list li.xls		{ background: url(../images/interface/ico-Small_XLS.gif) no-repeat; }
.sidebar-pod .documents-list li.ppt		{ background: url(../images/interface/ico-Small_PPT.gif) no-repeat; }
.sidebar-pod .documents-list li.jpg		{ background: url(../images/interface/ico-Small_JPG.gif) no-repeat; }
.sidebar-pod .documents-list li.zip		{ background: url(../images/interface/ico-Small_ZIP.gif) no-repeat; }
.sidebar-pod .documents-list li.mp3		{ background: url(../images/interface/ico-Small_MP3.gif) no-repeat; }

.sidebar-pod .quote 			{ background: none; padding: 0; margin: 12px 0 0 0; }
.sidebar-pod .quote blockquote	{ font-size: 1.4em; font-style: normal; }
.sidebar-pod .quote .quote-src	{ color: #4f4f4f; padding: 0; display: block; margin: 7px 0px 0px 0px; }

/* footer & footer nav ========================= */
.footer a {
	display: block;
	width: 820px; height: 68px;
	background: url(../images/interface/bg-footer-link.jpg) no-repeat;
	font-family: helvetica, arial, verdana, sans-serif; color: #4f4f4f; font-weight: bold; font-size: 2.2em; text-decoration: none; line-height: 1em;
	padding: 25px 0px 0px 100px;
}
.footer a span 	{ color: #1aa8b0; }
.footer a em 	{ font-size: 0.6em; font-weight: normal; display: block; }
.footer a:hover { background-position: 0 -93px; }

.footer-nav ul		{ font-size: 1.1em; }
.footer-nav ul li 	{ float: left; }
.footer-nav ul li a { border-left: 1px solid #585858; padding-left: 10px; margin-left: 10px; text-decoration: none; }


/* *06: Forms -----------------------------------------------------------------------------------------------------------------*/


/* *07: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* homepage ========================= */
.home-flash-holder {
	height: 327px;
	background: url(../images/interface/bg-home-flash-holder.jpg) repeat-x;
}
.home-flash-holder .wrapper 		{ width: 920px; margin: auto auto; }
.home-flash-holder .flash-holder 	{ outline: none; }

.homepage-content {
	width: 920px;
	margin: auto auto;
	padding: 40px 0px 50px 0px;
}

.homepage-content .main {
	margin: 0;
	padding: 0;
    width: 605px;
}

.homepage-content .sidebar {
	margin: 0;
	padding: 0;
    background: none;
}

.homepage-content h2 {
	margin: 0 0 16px 0;
}

#feature-rotator {
	width: 605px;
	float: left;
	position: relative;
}

#feature-rotator.active #feature-mask {
	overflow: hidden;
	width: 605px; height: 241px;
	position: relative;
}

#feature-rotator.active ul {
	position: absolute; top: 0; left: 0;
}

#feature-rotator li {
	width: 195px; height: 241px;
	background: url(../images/interface/bg-rotator-item.jpg) no-repeat;
	float: left;
	margin: 0 10px 10px 0;
    position: relative;
}

#feature-rotator li img {
	margin: -10px auto -10px auto;
}

#feature-rotator li h4 			{ font-size: 1.6em; margin: 0px 20px 0px 20px; }
#feature-rotator li h4 a 		{ text-decoration: none; }
#feature-rotator li a.more	    { margin: 0 0 0 1.2em; position: absolute; bottom: 5px; left: 8px; }
#feature-rotator li h4 a:hover 	{ text-decoration: underline; }
#feature-rotator li p 			{ margin: 5px 20px 0px 20px; font-size: 1.2em; }

span.more {
    color: #10AAB4;
    cursor: pointer;
    display: block;
    margin: 0;
    font-size: 0.77em;
    line-height: 1.6em;
}

a.next, a.previous {
    font-size: 1.3em; text-transform: uppercase; font-weight: bold; text-decoration: none;
    float: left; margin-top: 10px;
}
a.next {
    float: right;
}

#feature-rotator #next, #feature-rotator #prev { display: none; }

#feature-rotator.active #next, #feature-rotator.active #prev {
	display: block;
	width: 40px; height: 40px;
	background: url(../images/interface/rotator-control-sprite.png) no-repeat;
	text-indent: -9999px; overflow: hidden;
	position: absolute; top: 76px;
}

#feature-rotator.active #next 			{ background-position: -40px 0; right: -15px; }
#feature-rotator.active #prev 			{ left: -15px; }
#feature-rotator.active #next:hover		{ background-position: -40px -40px; }
#feature-rotator.active #prev:hover		{ background-position: 0 -40px; }

#recent-news {
	width: 280px;
	float: left;
	margin-left: 35px;
}

#recent-news ul {
	background: url(../images/interface/bg-home-news.jpg) no-repeat;
	height: 241px;
}

#recent-news li {
	margin: 0px 20px 0px 20px;
	padding: 13px 0 0 0;
}

#recent-news li .date 		{ font-size: 1.1em; }
#recent-news li h5 			{ font-size: 1.3em; text-decoration: none; line-height: 1.0; margin-top: 5px; margin-bottom: 5px; }
#recent-news li h5 a		{ text-decoration: none; }
#recent-news li h5 a:hover	{ text-decoration: underline; }
#recent-news li p 			{ margin: 0; font-size: 1.2em; line-height: 1em; }

/* staff listing ========================= */

.item-listing li {
	background: none;
	padding: 0;
	border-top: 1px solid #cacaca;
	padding-top: 30px;
	margin: 30px 0 0 0;
}

.item-listing li img {
	float: left;
}

.item-listing li .copy {
	float: left;
	margin-left: 25px;
	width: 455px;
}

.item-listing li h3 { margin: 0; }

/* case study */
.casestudy {
    line-height: 1.4;
}
.casestudy img {
    float: left;
    margin: 1.5em 3em;
    margin-top: 0.5em;
}
/* hosting page */
.key-benefits p {
    font-size: 1em;
    margin: 0;
}

.key-benefits h3 {
    font-size: 1em;
    margin: 0;
}

.option-list p {
    font-size: 1em;
    margin: 0;
}

.option-list h3 {
    font-size: 1em;
    margin: 0;
}

.option-list li {
    background: none;
}


/* products page ========================= */
a .product-half, .product-narrow, .product-wide {
    color: #4F4F4F;
}

.product-half, .product-narrow, .product-wide {
    /*background: url(../images/interface/bg-page-home.jpg) repeat-x;*/
    background: #E5E5E5;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 10px;
    position: relative;
}

.product-half .more, .product-narrow .more, .product-wide.more {
    position: absolute;
    bottom: 5px;
}

.product-half .more {
    left: 70px;
}

.product-wide .more {
    left: 90px;
}

.product-narrow .more {
    left: 10px;
}

.product-half h3, .product-narrow h3, .product-wide h3 {
    margin-top: 10px;
    color: #10AAB4;
}

.product-half:hover, .product-narrow:hover, .product-wide:hover, .selected-product {
    background: #10AAB4;
    color: #FFFFFF;
}

.product-half:hover .more, .product-narrow:hover .more, .product-wide:hover .more,  .selected-product .more {
    color: #FFFFFF;
}

.product-half:hover h3, .product-narrow:hover h3, .product-wide:hover h3, .selected-product h3 {
    color: #FFFFFF;
}

.product-half {
    width: 270px;
    height: 200px;
    margin-right: 10px;
    float: left;
}

.product-wide {
    width: 570px;
    height: 100px;
}
.product-narrow {
    width: 170px;
    height: 235px;
    margin-right: 10px;
    float: left;
}

.product-half h3 {
    float: left;
    width: 210px;
}
.product-wide h3 {
    float: left;
    width: 480px;
}

.product-half img {
    width: 70px;
    height: 70px;
    float: left;
    margin-left: -10px;
}
.product-wide img {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
}
.product-narrow h3 {
    text-align: center;
}
.product-narrow img {
    width: 80px;
    height: 80px;
    margin: auto;
}

.product-half p {
    float: left;
    width: 210px;
}
.product-wide p {
    float: left;
    width: 480px;
}

.partner-point {
    border-top: 1px dotted #dcdcdc;
    padding-top: 20px;
    padding-bottom: 20px;
}
.partner-point img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    float: left;
}
.partner-point h3 {
    margin: 0;
    width: 500px;
    float: left;
    color:#10AAB4;
}
.partner-point p {
    width: 500px;
    float: left;
    color: #4F4F4F !important;
}

.partner-products {
    margin-bottom: 10px;
}

.partner-products .product-narrow img {
    margin-top: -10px;
    margin-bottom: -10px;
}
.partner-products .product-narrow {
    height: 110px;
    width: 120px;
    text-align: center;
}
.partner-products .product-half {
    text-align: center;
    height: auto;
}

.partner-products .product-half h3 {
    width: 200px;
    text-align: left;
    padding-top: 10px;
}

.partner-products .product-half img {
    height:80px;
    width:80px;
    margin-top:-10px;
    margin-bottom:-10px;
}

.key-points a {
    cursor: pointer;
}

.terms ol li {
    background: none;
    margin-left: 40px;
    list-style-type: lower-roman;
}

img.inline {
    display: inline;
}

.main-points h2 {
    display: block;
    margin-top: 10px;
    line-height: 26px;
}

.main-points p {
    margin-top: 0;
    padding: 0 0 0 18px;
}

.emphasis {
    font-weight: bold;
}

#contactus h2 .note {
    font-size: 0.9em;
    font-weight: normal;
}

.stark {
    background-color: #1aa8b0;
    color: white;
    font-weight: bold;
}

ul.long-options li {
    padding: 0.5em 1em;
    font-size: 1.3em;
}

ul.check-options {
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    float: left;
    width: 100%;
}
.check-options li {
    display: block;
    padding: 1em 2em;
    font-size: 1.3em;
    float: left;
}

.form-details {
    font-size: 1.4em;
}

.form-details input {
    width: 290px;
}
.form-details label {
    display: block;
}

#contactus textarea {
    width: 100%;
    height: 8em;
}

#contactus form label.error {
    background-color: red;
    display: inline-block;
    color: white;
    font-weight: bold;
    padding: 2px 0.5em;
    font-size: 0.8em;
/*    margin: 0 0 0 1em;   */
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

#contactus form label.required:after {
    font-weight: bold;
    color: red;
    content: "*";
}

#contactus select, #contactus input[type=submit] {
    font-size: 1.4em;
}

#contactus form h2 {
    margin-top: 0.5em;
}

#contactus .stark.error {
    outline: 3px solid red;
}

.space {
    margin-top: 1em;
}

ul.form-details .float-left {
    width: 200px;
    font-weight: bold;
}

.address {
    width: 400px;
    float: left;
}

ol.steps {
    margin-left: 4em;
}

ol.steps li {
    font-size: 1.3em;
    list-style: outside lower-alpha;
}

div.flash-alternate {
    position: relative;
    width: 920px;
    height: 327px;
}
div.flash-alternate .quote {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 300px;
    color: white;
    font-size: 2em;
    margin-left: 0;
    padding-left: 0;
    background: none;
}
div.flash-alternate .person {
    position: absolute;
    top: 200px;
    left: 0px;
    width: 300px;
    color: white;
    font-size: 1.2em;
}
div.flash-alternate .more {
    position: absolute;
    top: 230px;
    left: 0px;
    width: 130px;
    color: #4F4F4F;
    background-color: #e5e5e5;
    font-size: 1.2em;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.flash-alternate img {
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.form-details li.half-width {
    width: 295px;
    float: left;
}

ul.form-details .rhs {
    margin-left: 5px;
}

ul.form-details .lhs {
    margin-right: 5px;
}

ul.messages {
    background-color: #4F4F4F;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -moz-box-shadow: 5px 5px 7px #222; -webkit-box-shadow: 5px 5px 7px #222; box-shadow: 5px 5px 7px #222;
    padding: 1em;
    margin: 1em;
}

ul.messages li {
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 1.4em;
}

ul.errors {
    background-color: #ff0000;
    padding: 1em;
    margin: 1em;
}

ul.errors li {
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 1.4em;
}

#hiddencost {
    display: none;
    background: #E5E5E5;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 15px;
}