@import url('jquery-ui.css');

/*
Title: RainComputers.com screen styles
Date Modified: 12/12/2011
--
Author: Rain Computers, Inc.
Contact: http://raincomputers.com/contact
--
Table of Contents:
	layout
	typography
	navigation
	alignment
	icons
	legacy
*/

/* layout
------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	}

body {
	/* background: #7694D6 url(/images/backgrounds/gradient.jpg) left top repeat-x; */
	background: #051f51 url(/images/backgrounds/main.jpg) center top no-repeat;
	color: #5a5a5a;
	font: normal 12px/1.5em  Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align: center; /* for centering Win IE 5 */
	}

#wrapper {
	background: #fff;
	width: 1000px;
	margin: 5px auto;
	padding: 0;
	text-align: left;
	}

/* ----- header ----- */
#header {
	margin: 0;
	background: transparent url(/images/backgrounds/masthead.jpg) no-repeat top left;
	height: 130px;
	padding-right: 75px;
	position: relative;
	}

#logo {
	float: left;
	width: 141px;
	padding: 25px 0 0 38px;
	}

#logo h1, #logo h1 a {
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0;
	width: 141px;
	height: 90px; 
	background: url(/images/logos/raincomputers_141x90.gif) 0 0 no-repeat;
	border-bottom: none;
	text-decoration: none;
	}

/* ----- main content ----- */
#main {
	margin: 0 auto;
	padding: 0;
	padding-bottom: 45px;
	width: 915px;
	text-align: left;
	}

ul, ol {
	font-size: 11px;
	}

ul {
	list-style-type: square;
	}

ol {
	list-style-type: decimal;
	}

/* column boxes */
.col_box {
	margin-top: 20px;
	width: 100%;
	}

.col_box_content {
	padding: 0 10px 5px 10px;
	font-size: 90%;
	line-height: 1.5em;
	}

.col_image, a .col_image {
	margin: 0 10px 5px 0;
	padding: 0;
	border: none;
	text-decoration: none;
	}

.col_box_left, .col_box_right, .col_box_center {
	width: 270px;
	margin: 0;
	padding: 0;
	}

.col_box_center {
	width: 100%;
	}

.col_box_left, .col_box_right, .col_box_center {
	background: #e6e6e6 url(/images/backgrounds/rounded_box/bottom_curve.gif) bottom right no-repeat;
	margin-bottom: 25px;
	}

.col_box_left h3, .col_box_right h3, .col_box_center h3 {
	background: #ccc url(/images/backgrounds/rounded_box/heading.gif) top left no-repeat;
	font-size: 115%;
	color: #333;
	text-shadow: #fff 2px 2px;
	margin: 0;
	padding: 5px 10px;
	}
	
.col_box_left h3 a, .col_box_right h3 a, .col_box_center h3 a {
	color: #333;
	text-decoration: none;
	}

.col_box_left h3 a:hover, .col_box_right h3 a:hover, .col_box_center h3 a:hover {
	color: #000;
	text-decoration: none;
	}

.col_box_left h4, .col_box_right h4, .col_box_center h4 {
	font-size: 110%;
	margin: 15px 0 0 0;
	padding: 0;
	}

.col_box_left {
	float: left;
	}

.col_box_right {
	float: right;
	}
	
.col_box_center {
	margin-left: auto;
	margin-right: auto;
	}

#right_col {
	float: right;
	margin: 25px 0;
	width: 175px;
	}
	
#right_col ul {
	list-style-type: square;
	}

#right_col ul li {
	font-size: 90%;
	line-height: 1.4em;
	margin-left: -15px;
	padding-left: 0;
	padding-right: 15px;
	padding-bottom: 5px;
	}

/* ----- tabs ----- */
.tab_container {
	margin: 10px 0 50px 0;
	width: 540px;
	}

div.tab-pane dl {
	margin: 25px 25px 25px 5px;
	}

div.tab-pane ul {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: 25px;
	}

div.tab-pane ul li ul {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 25px;
	}

div.tab-pane ul li {
	list-style-type: disc;
	}

div.tab-pane ul li ul li {
	list-style-type: circle;
	}

div.tab-pane dt {
	font-size: 90%;
	font-weight: bold;
	padding-left: 65px;
	}

div.tab-pane h3 {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.5em;
	padding-bottom: 0;
	margin: 0;
	}

ul.overview li, div.tab-pane ul li, div.tab-pane dd {
	padding-bottom: 12px;
	font-size: 90%;
	}

ul.overview li, div.tab-pane ul li {
	margin-left: -15px;
	padding-left: 0;
	}

.featured-quotes blockquote {
	color: #333;
	font-size: 12px;
	line-height: 1.2em;
	padding: 0; 
	margin: 15px auto;
	}

.featured-quotes blockquote p.quote {
	padding: 30px 0 0 0;
	line-height: 1.2em;
	text-align: left;
	}

.featured-quotes blockquote p.author {
	text-align: right;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	}
	
.featured-quotes blockquote img {
margin: 5px auto;
text-align: center;
}

/* ----- blue quote box----- */
blockquote.bluebox {
	background: #3388E9 url(/images/backgrounds/quote_top.jpg) no-repeat top left;
	color: #fff;
	font-size: 90%;
	line-height: 1.4em;
	width: 375px; 
	padding: 0; 
	margin: 25px auto;
	}

blockquote.bluebox p.quote {
	padding: 30px 25px 0 75px;
	text-align: left;
	}

blockquote.bluebox p.author {
	background: url(/images/backgrounds/quote_bottom.jpg) no-repeat bottom left;
	text-align: right;
	padding: 0 25px 25px 5px;
	}

/* ----- footer ----- */
#footer {
	background: #fff url(/images/backgrounds/footer.jpg) no-repeat bottom left;
	height: 150px;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 25px;
	text-align: center;
	clear: both;
	color: #ccc;
	font-style: normal;
	font-size: x-small;
	}

.footer_nav ul {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background: none; 
	color: #333;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
	}

.footer_nav ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	}

.footer_nav ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #333;
	text-decoration: none;
	border-right: 1px solid #DBDBDB;
	}

.footer_nav ul li a:hover {
	background: none;
	color: #000;
	}

.footer_nav ul li a.last { border-right: none; }
	
#footer p {
	clear: both;
	}


/* typography
------------------------------------- */
h1, h2, h3, dt, dt a, legend {
	font-family: museo-sans, "Helvetica Neue", helvetica, arial, sans-serif; /* nimbus-sans */
	/* letter-spacing: .1em; */
	color: #3A4278; /* #636 */
	font-style: normal;
	font-weight: 400;
	line-height: 1.4em;
	text-shadow: 0 0 1px transparent;
	}

h2 {
	color: #5F7196; /* #8799C5 */
	font-size: 180%;
	text-shadow: none;
	text-align: left;
	margin: 10px auto;
	/* margin-top: 0; */
	width: 900px;
	}

h2 a, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited {
color: #5F7196;
text-decoration: none;
}

h2 a:hover {
color: #8799C5;
}

h2 {
margin-left: 50px;
padding-left: 0;
}

h2 span {
color: #666666;
font-size: 70%;
}

#main h2 {
margin-left: 0;
}

h3, dt, legend {
	font-weight: normal;
	font-size: 125%;
	}

h4 {
	font-size: 100%;
	}


.section-heading {
}

.section-heading h2 {	
width: auto;
	font-size: 28px; /* 200% */
	line-height: 1.3em;
	font-weight: normal;
	color: #000;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
	
.section-heading p {	
width: 600px;
	font-size: 18px; /* 200% */
	line-height: 1.3em;
	font-weight: normal;
	color: #848892;
	text-align: center;
	margin: 5px auto 0 auto;
	padding: 0;
	}



.caption {
	text-align: left;
	line-height: 1.5em;
	font-size: x-small;
	}

.caption_big {
	text-align: left;
	line-height: 1.5em;
	font-size: small;
	}

.alert {
	color: #C00;
	}

.small {
	font-size: 90%;
	line-height: 1.3em;
	}
	
abbr, acronym {
	font-style: italic;
	cursor: help;
	}

sup {
font-size: 10px;
margin-left: 2px;
margin-right: 2px;
}

sup a {
text-decoration: none;
}


/* navigation
------------------------------------- */
a {
	color: #3d60ca;
	text-decoration: none;
  outline: none;
	}

a:link {
	color: #3d60ca;
	text-decoration: none;
	outline:none;
	}

a:hover  {
	color: #3d60ca;
	text-decoration: underline;
	outline:none;
	}
	
a.no_link_color, a.no_link_color:link, a.no_link_color:hover, a.no_link_color:active, a.no_link_color:visited {
color: #5a5a5a;
text-decoration: none;
}

a.no_link_color:hover {
background: #ffc;
}


#header {
position: relative;
}

#header .nav {
z-index: 10000;
position: absolute;
top: 50px;
right: 75px;
background: #ccc url(/images/backgrounds/navbar.gif) repeat-x top left; 
width: 585px;
height: 30px;
}

#header .nav ul {
oveflow: hidden;
list-style-type: none;
margin: 0;
padding: 0 0 0 35px;
}

a {
text-decoration: none;
}

#header .nav ul li {
float: left;
margin: 0;
padding: 0;
line-height: 30px;
font-size: 12px;
}

#header .nav ul li a {
display: block;
padding: 0 15px;
color: #000;
text-shadow: 1px 1px 1px #f7f7f7;
border-right: 1px solid #DBDBDB;
text-decoration: none;
}

#header .nav ul li a:hover, #header .nav ul li a.active:hover, #header .nav ul li .active {
background: #e4e4e4;
text-decoration: none;
}

#header .nav ul li a.active:hover, #header .nav ul li .active {
border-right: 1px solid transparent;
}

#header .nav ul li a.selected {
color: #4469da;
background: #dbdbdb url(/images/backgrounds/navbar_r.gif) repeat-x top left;
text-shadow: none;
}

#header .nav ul li a.last {
border-right: 1px solid transparent;
}


#header .nav ul li.submenu {
position: relative;
}

/* defines mega dropdown look */
#header .nav ul li.submenu div.mega-dropdown {
background: #e4e4e4 url(md-background.jpg) 0 0 repeat-x;
z-index: 10000;
position: absolute;
top: 30px;
left: -130px; /* left:-375px; */
margin: 0;
padding: 5px 15px 25px 15px;
width: 700px; /* 968px for full width */
min-height: 300px;
overflow: hidden;
border: 1px solid #ccc;
border-top: none;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

box-shadow: 1px 7px 10px #999;
}

#header .nav ul li.submenu div.mega-dropdown div.md-column {
width: 155px;
min-height: 215px;
margin: 15px 20px 10px 0;
float: left;
font-size: 12px;
border-right: 1px solid #ccc;
}

#header .nav ul li.submenu div.mega-dropdown div.md-column div.md-section {
margin: 0 0 25px;
}

#header .nav ul li.submenu div.mega-dropdown h3 {
margin: 0 0 5px 0;
font-weight: normal;
font-size: 16px;
color: #000;
}

#header .nav ul li.submenu div.mega-dropdown ul {
padding-left: 0;
}

#header .nav ul li.submenu div.mega-dropdown ul li {
float: none;
margin: 0;
padding: 0;
line-height: 1.4em;
}

#header .nav ul li.submenu div.mega-dropdown ul li a {
display: block;
padding: 3px 0;
background: none;
border: none;
color: #333;
}

#header .nav ul li.submenu div.mega-dropdown ul li a span {
color: #666;
font-weight: normal;
display: block;
font-size: 10px;
}

#header .nav ul li.submenu div.mega-dropdown .md-section li {
margin-bottom: .5em;
}

#header .nav ul li.submenu div.mega-dropdown ul li a:hover {
background: none;
border: none;
color: #000;
}

#header .nav ul li.submenu div.mega-dropdown a:hover span {
background: none;
border: none;
text-decoration: none;
}

#header .nav ul li.submenu div.mega-dropdown {
display: none;
position: absolute;
}

/* on hover */
.hover {
display: block;
}



/* special styles for mega dropdown md-columns */
#header .nav ul li.submenu div.mega-dropdown #md-service-support {
position: absolute;
right: 0;
border: none;
}

.md-banner-bottom {
clear: both;
background: #c12b2d;
color: #fff;
padding: 10px;
font-size: 14px;
}

.md-banner-bottom a, 
.md-banner-bottom a:link, 
.md-banner-bottom a:hover {
background: none;
color: #fff;
}

#header .nav ul li.submenu div.mega-dropdown .md-banner-bottom a {
padding: 10px;
border: 1px solid #fff;
color: #fff;
font-size: 18px;
text-shadow: none;
text-align: center;
background: none;
font-family: Georgia, "Times New Roman", serif;
}

#header .nav ul li.submenu div.mega-dropdown .md-banner-bottom a span {
margin-left: 10px;
font-size: 12px;
}





 
/* subnav */
div.subnav {
	float: none;
	width: 100%;
	border-top: 1px solid #ccc;
	margin: 0 auto 10px auto;
	/* margin-right: 100px; */
	}

.subnav ul {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	background: #333 url(/images/backgrounds/subnavbar.gif) repeat-x top left; 
	color: #fff;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
	}

.subnav ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	}

.subnav ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #ccc;
	text-decoration: none;
	border-right: 1px solid #333;
	}

.subnav ul li a:hover {
	background: #333; /* url(/images/backgrounds/subnavbar_r.gif) repeat-x top left */
	color: #fff;
	}

.subnav ul li a.selected {
	color: #c3daf6;
	background: #000 /* url(/images/backgrounds/navbar_r.gif) repeat-x top left */;
	}

.subnav ul li a.last { border-right: none; }

.subnavcontainer #active { border-left: 1px solid #fff; }


/* subnav pane */
#subnav-pane {
display: none;
margin: -10px 55px 0 45px;
height: 450px;
overflow: hidden;
position: relative;
background: url(/images/backgrounds/subnav-pane-bg.jpg) center bottom no-repeat;
}

#subnav-pane ul {
overflow: hidden;
margin: 0;
width: 100%;
list-style-type: none;
}

#subnav-pane ul li {
float: left;
}

#subnav-pane ul li a {
display: block;
width: 100px;
color: #666666;
}

#subnav-pane #loader {
margin: 100px auto;
text-align: center;
}



/* section nav */
ul#section-nav {
list-style-type: none;
margin: 15px 0 0 0;
padding-left: 60px;
overflow: hidden;
background: url(/images/backgrounds/section-nav-bg.jpg) left 45px repeat-x;
}

#section-nav img {
display: none;
}

#section-nav li {
float: left;
}

#section-nav li a {
display: block;
width: 180px;
height: 130px;
margin: 0;
padding: 5px 20px 20px 20px;
font-size: 12px;
line-height: 1.5em;
text-decoration: none;
color: #000;
}

ul#section-nav li.selected a {
color: #000;
background: url(/images/backgrounds/section-nav-item.jpg) center bottom no-repeat;
}

ul#section-nav li a h2 {
font-size: 18px;
color: #000;
margin-bottom: 0;
padding-bottom: 0;
}

ul#section-nav li.selected a h2 {
color: #000;
}

ul#section-nav li a p {
margin-top: .5em;
padding-top: 0;
color: #848892;
font-size: 14px;
}

ul#section-nav li a:hover, ul#section-nav li a:hover h2 {
color: #5769e1;
text-decoration: none;
}
/*
ul#section-nav li a:hover {
background: url(/images/backgrounds/section-nav-item.jpg) center bottom no-repeat;
}
*/
ul#section-nav li.last_col {
margin-right: 0;
}







/* social share (products) */
#social-share {
	position: relative;
	width: 1000px;
	height: 32px;
	margin: 0;
	padding: 0;
	}

#social-share ul {
	z-index: 9999;
	position: absolute;
	height: 18px;
	top: 5px;
	right: 45px;
	width: 150px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 22px;
	}

#social-share ul li {
	float: left;
	width: 16px;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	}

#social-share ul li.first {
	width: 80px;
	}

#social-share ul li a.twitter, #social-share ul li a.facebook {
	background-position: left top;
	display: block;
	width: 16px;
	height: 18px;
	margin: 0 auto;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
	}

#social-share ul li a.email {
	display: block;
	background-position: right top;
	height: 18px;
	padding-right: 25px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #848897;
	}

/* temp disabled */
/* DELETE below 3 items to show email icon when ready */
/*
#social-share ul {
	right: 35px;
	width: 150px;
	}
	
#social-share ul li.first {
	width: 60px;
	}

#social-share ul li a.email {
	background: none;
	padding-right: 5px;
	text-decoration: none;
	}
*/



#share-email-window {
display: none;
z-index: 99999;
position: absolute;
top: 45px;
left: 245px;
width: 500px;
height: 500px;
padding: 0;
background: #fff url(/images/backgrounds/subnav-pane-bg.jpg) center bottom no-repeat;
border: 1px solid #999;

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

-moz-box-shadow: 0 3px 15px #666666;
-webkit-box-shadow: 0 3px 15px #666666;
box-shadow: 0 3px 15px #666666;
}

#share-email-window .window-header {
margin: 0 0 15px; 0;
padding: 15px 25px;
background: #efefef;
font-size: 18px;
color: #000;
border-bottom: 1px solid #ccc;

-moz-border-top-left-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
position: relative;
}

.share-email-details {
padding: 5px 15px;
overflow: hidden;
}

/*
.share-email-details img {
width: 100px;
height: 100px;
}
*/

.share-email-details h3 {
color: #000;
font-size: 16px;
line-height: 1.3em;
margin-bottom: .3em;
}

.permalink {
margin-top: 0;
color: #000;
font-size: 14px;
}

.selectable {

}

.selectable.highlight {
background: #0FF;
}

/* form */

#share-email fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0; 
	border: none;
	}

#share-email fieldset ol {
	padding: 1em 1em 0 1em;
	list-style: none; 
	}

#share-email fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em; 
	}

#share-email fieldset.submit {
	float: none;
	width: auto;
	border: 0 none #FFF;
	padding-left: 12em; 
	}

#share-email legend {
display: none;
}

#share-email label {
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right; 
	font-size: 12px;
	font-weight: bold;
	}

#share-email input.field { 
width: 200px;
border: 2px solid #ccc;
background: #f7f7f7;
}

#share-email textarea.field { 
border: 2px solid #ccc;
background: #f7f7f7;
font-size: 12px;
}

#share-email li.alert input.field, #share-email li.alert textarea.field {
/* border: 2px solid #c00; */
background: #ffc;
}




/* buttons */

/*
.button {
display: block;
margin: 25px 0;
text-align: center;
width: 100px;

border: 1px solid #999;
border-radius: 5px;
background: #b5bfc9 url(/images/navigation/button-gradient-silver) left top repeat-x;
-moz-box-shadow: 3px 3px 5px #ccc;
-webkit-box-shadow: 3px 3px 5px #ccc;
box-shadow: 3px 3px 5px #ccc;
padding: 5px 15px;
color: #000;
font-size: 12px;
font-weight: bold;
text-shadow: 0px 1px 1px #fff;
text-decoration: none;
}

.button.btn-blue {
background: #2b6aad url(/images/navigation/button-gradient-blue) left top repeat-x;
color: #fff;
text-shadow: 0px 1px 1px #000;
}

.button.btn-green {
background: #37763d url(/images/navigation/button-gradient-green) left top repeat-x;
color: #fff;
text-shadow: 0px 1px 1px #000;
}

.button:hover {
background-position: left -75px;
text-decoration: none;
}

.button:active {
background-position: left bottom;
text-decoration: none;
position: relative;
top: 1px;
left: 1px;
}


.button.btn-med {
width: 175px;
padding: 10px 15px;
font-size: 16px;
}

.button.btn-lrg {
width: 225px;
padding: 15px 15px;
font-size: 20px;
}

.button.btn-inline {
display: inline-block;
}
*/

/* ----- misc ----- */
/*
div.financing_banner {
	margin: 15px; 
	padding: 5px 7px; 
	background: #ffc; 
	text-align: center;
	font-size: 12px;
	border: 1px solid #dfe0b5;
	border-right: 1px solid #c7ba8b;
	border-bottom: 1px solid #c7ba8b;
	}
*/

.hide {
display: none;
}

div.financing_banner {
margin: 15px auto; 
margin-bottom: 25px;
text-align: center;
}

div.financing_banner a {
	background: url(/products/images/misc/card-35x29.gif) left 50% no-repeat; 
	padding: 15px 7px 15px 42px;
	font-size: 12px;
	}

p.footnote, div.item p.footnote {
	color: #999;
	font-size: 80%;
	}

input:focus, textarea:focus { 
	background-color: #D8E9FB; 
	}

img, a img {
	border-width: 0;
	border: none;
	text-decoration: none;
	}

.border {
	border: 1px solid #ccc;
	}

.border_btm {
	border-bottom: 1px dashed silver;
	}

.lrg_banner {
	margin: 15px auto 45px auto;
	text-align: center;
	}

.banner {
	margin: 15px auto 20px auto;
	text-align: center;
	}

.inset {
	width: 125px;
	margin: 0 0 10px 15px;
	text-align: center;
	float: right;
	}

.inset .caption {
font-size: 80%;
}

.no_bullet {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
dd {
	margin: 0;
	}

.social-fb {
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding: 15px 0;
margin: 45px auto;
}

div.social_networks h3 {
margin: 15px 5px 0 5px;
color: #6b87c6;
}

.social_networks ul {
margin: 5px 5px 15px 15px;
padding-left: 15px;
}

.social_networks ul li {
padding-bottom: 5px;
}



/* */




/* feedback styles */
#feedback {
margin-top: 75px;
}

#feedback #left_col {
float: left;
width: 650px;
}

#feedback #right_col {
margin-top: 0;
margin-left: 15px;
float: right;
width: 200px;
min-height: 400px;
background: #fff; /* #f7f7f7 */
padding: 0 15px 0;
}

#feedback #left_col .row .column, #feedback #left_col .row .column-last {
/* float: none; */
width: 200px;
}


#feedback .testimonial {
background: #f7f7f7 url(/images/misc/quote-left.png) 20px 15px no-repeat;
padding: 25px 55px 25px 75px;
margin-bottom: 50px;
border: 1px dashed #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#feedback .testimonial .quote {
font-size: 14px;
line-height: 1.5em;
position: relative;
}


#feedback .testimonial .end-quote {
position: absolute;
bottom: -15px;
right: -30px;
display: block;
width: 25px;
height: 25px;
background: url(/images/misc/quote-right.png) left top no-repeat;
}

#feedback .testimonial .author {

}






/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:660px; /* 640px */		
	
	/* some padding to layout nested elements nicely  */
	padding:35px 55px;

	/* a little styling */	
	font-size: 100%;
}

/* default close button positioned on upper right corner */
div.close, .apple_overlay div.close {
	background-image:url(/images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.apple_overlay h2 {
margin-left: 0;
width: auto;
}

#overlay {
height: 555px; /* 520px */	
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:547px; /* 512px */
	overflow-y:auto;
}


/* */

#custom, #dealers-list {
overflow: hidden;
}

#dealers-list .dealer {
float: left;
width: 210px;
height: 115px;
margin: 3px 5px 10px 7px;
padding: 5px 0;
background: #fff;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}

#dealers-list .sale {
background: #fff url(/images/misc/sale-ribbon.png) left bottom no-repeat;
}

#custom {
margin: 15px 10px 3px 12px;
padding: 0;
text-decoration: none;
overflow: hidden;
}

#dealers-list .dealer a:hover {
text-decoration: none;
}

#dealers-list div.dealer:hover {
border: 1px solid #ccc;
text-decoration: none;
}
/*
#dealers-list .dealer .dealer-price {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	list-style: none;
	color: #008909;
	line-height: 1.3em;
	}
*/
/* */

div.button, #dealers-list .dealer .dealer-price {
border: 1px solid #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
background: #fff url(/images/backgrounds/button.gif) left top repeat-x;
width: 100px;
}

div.button a {
display: block;
color: #000;
text-decoration: none;
}

div.button:hover, #dealers-list div.dealer .dealer-price:hover {
background: #ffc;
text-decoration: none;
}

#dealers-list .dealer .dealer-price {
	margin: 15px auto;
	margin-bottom: 5px;
	text-align: center;
	width: 175px;
	color: black;
	text-decoration: none;
}

#dealers-list .dealer .dealer-phone {
margin: 0 auto;
margin-top: 10px;
text-align: center;
}

#dealers-list {
margin-top: 5px;
}

#dealers-list h3 {
margin-bottom: 0;
margin-left: 12px;

	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

#dealers-list p {
margin-top: 0;
margin-left: 12px;
}

div#custom {
border-bottom: 1px solid #ccc;
position: relative;
padding-bottom: 15px;
}

div#custom h3 {
	float: left;
	width: 490px;
	margin: 15px 0 15px 0;
	padding-left: 0;
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: right;
}

div#custom .button {
	position: absolute;
	top: -10px;
	right: 5px;
	margin: 15px 110px 0 0;
	text-align: center;
	width: 250px;
	text-decoration: none;
}

div#custom .button a {
border-radius: 5px;
background: #37763d url(/images/navigation/button-gradient-green.jpg) left top repeat-x;
padding: 12px 5px;
color: #fff;
font-size: 18px;
text-shadow: 0px 1px 1px #000;
-moz-box-shadow: 3px 3px 15px #ccc;
-webkit-box-shadow: 3px 3px 15px #ccc;
box-shadow: 3px 3px 15px #ccc;
}

div#custom .button a:hover {
background-position: left -75px;
}

div#custom .button a:active {
background-position: left bottom;
}



/* alignment
------------------------------------- */
.align_left {
	float: left;
	}

.pad_left {
	float: left;
	margin: 0 15px 10px 0;
	}

.align_right {
	float: right;
	}

.pad_right {
	float: right;
	margin: 0 0 10px 15px;
	}

.pad_center {
	text-align: center;
	margin: 0 auto 10px auto;
	}

.clear {
	clear: both;
	}

/* icons
------------------------------------- */
.v2 .social-share ul {
background: #ccc;
}

.sale-banner {
z-index: 100;
position: absolute;
top: 32px;
left: -495px;
width: 1000px;
margin: 0 auto;
padding: 10px 0;
background: #b0190e url(/images/backgrounds/ribbon.jpg) 0 0 no-repeat;
color: #fff;
font-size: 22px;
text-align: center;
text-shadow: 1px 1px 1px #900;
}

.sale-banner a { 
color: #fff;
display: block;
}

.more { 
	padding-right: 12px; 
	background: url(/images/nav/arrow-sm.gif) no-repeat 100% 50%; 
	cursor: pointer; 
	}

#section-nav .more {
	color: #5769e1;
	margin: .5em 0 0 0;
	white-space: nowrap;
	}

.notice {
	margin: 17px auto;
	padding: 5px 7px;
	background: #ffc;
	border: 1px solid #ccc;
	text-align: center;
	}

.alert_good {
	margin: 17px auto;
	padding: 5px 7px 5px 25px;
	border: 1px solid #ccc;
	text-align: center;
	background: #ffc url(/images/icons/check.gif) no-repeat 5px 50%;
	text-align: left;
	font-size: 105%;
	}

.alert_bad {
	margin: 17px auto;
	padding: 5px 7px 5px 25px;
	border: 1px solid #ccc;
	text-align: center;
	background: #ffc url(/images/icons/close.gif) no-repeat 0 50%;
	text-align: left;
	font-size: 105%;
	}

.alert_notice {
	margin: 17px auto;
	padding: 5px 7px 5px 25px;
	border: 1px solid #ccc;
	text-align: center;
	background: #ffc url(/images/icons/alert.gif) no-repeat 5px 50%;
	text-align: left;
	font-size: 105%;
	}

.alert_option {
	padding-bottom: 3px;
	padding-left: 21px;
	background: url(/images/icons/alert.gif) no-repeat left top;
	text-align: left;
	color: #900;
	}
	
.alert_option a, .alert_option a:link, .alert_option a:hover, .alert_option a:visited, .alert_option a:active  {
color: #900;
}



p.flag_uk {
	background: url(/images/icons/flags/uk_ball.jpg) left top no-repeat; 
	padding-left: 45px;
	padding-bottom: 5px;
	font-weight: normal;
	vertical-align: bottom;
	line-height: 1.4em;
	}

a.pdf {
	background: url(/images/icons/pdf_12x12.gif) left top no-repeat; 
	padding-left: 20px;
	}
	
a.feed {
	background: url(/images/icons/feed-icon12x12.gif) left top no-repeat; 
	padding-left: 20px;
	}

a.info {
	background: url(/images/icons/info_12x12.gif) left top no-repeat;  
	padding-left: 20px;
	}

a.pages {
	background: url(/images/icons/pages_12x12.gif) left top no-repeat;  
	padding-left: 20px;
	}
	
.attention {
	background: url(/images/icons/alert_12x12.gif) left top no-repeat;  
	padding-left: 20px;
	}

.notice {
	background: url(/images/icons/alert_12x12.gif) left top no-repeat;  
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.4em;
	text-align: justify;
	}

a.download {
	background: url(/images/icons/download.gif) left top no-repeat;  
	padding-left: 23px;
	padding-bottom: 7px;
	}

.notice_big {
	background: url(/images/icons/alert_32.gif) left top no-repeat;  
	padding: 5px 0 15px 45px;
	}

/* -- Social -- */
a.email {
	background: url(/images/icons/social/email.png) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

a.twitter {
	background: url(/images/icons/social/twitter.gif) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}
	
a.facebook {
	background: url(/images/icons/social/facebook.gif) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

a.blog {
	background: url(/images/icons/social/wordpress.png) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

a.myspace {
	background: url(/images/icons/social/myspace.gif) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

a.google {
	background: url(/images/icons/social/google.png) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}
	
a.youtube {
	background: url(/images/icons/social/youtube.gif) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

a.digg {
	background: url(/images/icons/social/digg.gif) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

a.stumbleupon {
	background: url(/images/icons/social/stumbleupon.gif) left top no-repeat;  
	padding-left: 20px;
	padding-bottom: 10px;
	}

.internal-comment {
background: #ffc;
padding: 5px 25px;
margin: 25px 75px;
border: 1px solid #ccc;
text-shadow: 1px 1px 1px #fff;
color: #000;
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
}


/* legacy (DO NOT USE)
Currently only used for Press sidebar box
------------------------------------- */
/* ----- rounded corner box ----- */
div.rounded {
	width: 200px;
	background: #E4E9EC;
	padding-bottom: 15px;
	}

div.rounded h3 {
	font: normal 20px/20px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding: 15px 15px;
	margin: 0;
	}

div.rounded h3 a {
	color: #4e6172;
	text-decoration: none;
	}

div.rounded h3 a:link {
	color: #4e6172;
	text-decoration: none;
	}

div.rounded h3 a:hover  {
	color: #619DB7;
	text-decoration: none;
	}
	
div.rounded p {
	padding: 5px 15px;
	}

div.rounded dt {
	font-size: 14px;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	}

div.rounded dd {
	font-size: 11px;
	margin: 0 10px 10px 10px;
	padding: 0 10px 10px 10px;
	}