/*   
Theme Name: FirstSTREET - Mini Site
Theme URI: http://www.arthuso.com
Description: Theme created to FirstSTREETonline
Author: Rodrigo Zane Arthuso
Author URI: http://www.arthuso.com
.
General comments/License Statement if any.
.
*/
   
body {
	background:#f4f8fb url(images/bodyBg.jpg) repeat-x;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
}

img { border:0; }

#accessibility {
	width:783px;
	margin:-5px auto;
	text-align:right;
}
#accessibility a { text-decoration:none; color:#000; margin:0 -2px; }
#accessibility a:hover { text-decoration:underline; }
#accessibility .accessibility_small { font-size:9.4pt; }
#accessibility .accessibility_medium { font-size:10.5pt; }
#accessibility .accessibility_large { font-size:11pt; }

#wrapper {
	width:788px;
	margin:0 auto;
	border:1px solid #000;
	background-color:#fff;
}

/* Header */
#header {
	color:#000;
}
#header_left {
	float:left;
	margin-left:0;
	width:230px;
	
}
#header_left .header_left_content {
	text-align:center;
	padding:6px;
}
#header_middle {
	width:330px;
	margin-left:250px;
	/*border:1px solid #000;
	border-top:0;
	border-bottom:0;*/
}
#header_middle .header_middle_content {
	padding:30px 10px;
	text-align:center;
	font-size:1.3em;
}
#header_right {
	float:left;
	width:220px;
	position:absolute;
	margin-left:560px;
}
#header_right .header_right_content {
	padding:5px;
	text-align:center;
	font-size:1em;
}

/* Menu Bar */
#menubar {
	height:29px;
	border:1px solid #000;
	border-right:0;
	border-left:0;
}
#menubar ul { list-style-type:none; padding:0; margin:0; }
#menubar ul li {
	padding:6px;
	margin:0;
	width:184px;
	float:left;
	text-align:center;
	border-right:1px solid #000;
	border-left:0;
}
#menubar ul li:hover { background-color:#EAEAEA; }
#menubar a { color:#000; text-decoration:none; }
#menubar a:hover { text-decoration:underline; color:#005991; }

/* Main Content Wrapper */
#content_wrapper {
	margin:0;
}
#rotation-bar { /* images rotation bar */
	text-align:center;
}

/* vertical menu */
#vertical_menu {
	float:left;
	padding:5px;
	width:200px;
	text-align:center;
}
#vertical_menu .menu_active, #vertical_menu .current_page_item { border:1px solid #ccc; background-color:#fff; color:#000; }
#vertical_menu .menu_active a, #vertical_menu .current_page_item a { color:#000; }
#vertical_menu ul { padding:0; margin:0; list-style-type:none; color:#005991; }
#vertical_menu ul li { padding:5px; width:200px; border:1px solid #fff; background-color:#EAEAEA; }
#vertical_menu ul li a { display:block; color:#005991; text-decoration:none; }
#vertical_menu ul li a:hover { color:#000; }
#vertical_menu ul li:hover { background-color:#fff; text-decoration:underline; color:#000; }

/* Content - texts, images, etc */
#content {
	width:540px;
	margin-left:230px;
	padding:5px;
	min-height:710px;
}
#content .title {
	font-weight:bold;
	color:#000;
}
#content .title a { text-decoration:none; color:#000; }
#content .specifications {
	margin:0;
	padding:15px;
	list-style-type:square;
}
#content .specifications li {
	padding:3px;
}
#content .testimonial_author { font-style:italic; text-align:right; color:#005591; }
#content a { color:#005591; }
#content a:hover { text-decoration:none; }
#content .notes { color:#005591; font-size:8pt; }

/* Add to Cart box */
#cartBox {
	padding:5px;
	border:1px solid #808080;
	background-color:#FF0C15;
}
#cartBox .cartBox_right {
	float: right;
	padding:5px;
	margin:-5px;
}

/* As Seen In.. Box */
#seenBox {
	padding:2px;
}

/* Testimonials */
#testimonial_customers ul {
	margin:0pt;
	padding:0pt;
	width:530px;
}
#testimonial_customers li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:20px 0pt;
	padding:10px;
}
#testimonials_white {
	background-color:#FFFFFF;
	width:530px;
}
#testimonials_white .testimonials_wContent {
	line-height:18px;
	margin:0pt 35px;
}
#testimonials_white .testimonials_wCustomer {
	color:#005591;
	font-size:12px;
	font-style:italic;
	margin-left:35px;
}
#testimonials_white .testimonials_wlq {
	background:#FFFFFF url(images/testimonials_qbl.jpg) no-repeat scroll 0%;
	height:28px;
	margin:0pt 5px;
	width:24px;
}
#testimonials_white .testimonials_wrq {
	background:#FFFFFF url(images/testimonials_qbr.jpg) no-repeat scroll 0%;
	float:left;
	height:26px;
	margin-left:490px;
	width:22px;
}
* html #testimonials_white .testimonials_wrq {
	float:none;
}
#testimonials_blue {
	background-color:#D3E3F1;
	width:530px;
}
#testimonials_blue .testimonials_blue_BorderTopLeft {
	background:#D3E3F1 url(images/testimonials_blueBorderTopLeft.jpg) no-repeat scroll 0%;
	height:6px;
	width:7px;
}
#testimonials_blue .testimonials_blue_BorderTopRight {
	background:#D3E3F1 url(images/testimonials_blueBorderTopRight.jpg) no-repeat scroll 0%;
	float:right;
	height:6px;
	width:7px;
}
#testimonials_blue .testimonials_blue_BorderBottomRight {
	background:#D3E3F1 url(images/testimonials_blueBorderBottomRight.jpg) no-repeat scroll 0%;
	float:right;
	height:6px;
	width:7px;
}
* html #testimonials_blue .testimonials_blue_BorderBottomRight {
	background:transparent url(images/testimonials_blueBorderBottomRight.jpg) no-repeat scroll center bottom;
}
#testimonials_blue .testimonials_blue_BorderBottomLeft {
	background:#D3E3F1 url(images/testimonials_blueBorderBottomLeft.jpg) no-repeat scroll 0%;
	height:6px;
	width:7px;
}
* html #testimonials_blue .testimonials_blue_BorderBottomLeft {
	background:transparent url(images/testimonials_blueBorderBottomLeft.jpg) no-repeat scroll center bottom;
}
#testimonials_blue .testimonials_bContent {
	line-height:18px;
	margin:0pt 35px;
}
#testimonials_blue .testimonials_bCustomer {
	color:#005591;
	font-size:12px;
	font-style:italic;
	margin-left:35px;
}
#testimonials_blue .testimonials_blq {
	background:#FFFFFF url(images/testimonials_qwl.jpg) no-repeat scroll 0%;
	height:24px;
	margin:0pt 5px;
	width:21px;
}
#testimonials_blue .testimonials_brq {
	background:#FFFFFF url(images/testimonials_qwr.jpg) no-repeat scroll 0%;
	float:left;
	height:25px;
	margin-left:490px;
	width:24px;
}
* html #testimonials_blue .testimonials_brq {
	float:none;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Foot */

#foot_container {
	width:788px;
	margin:0 auto;
	border:1px solid #000;
	background-color:#f0f0f0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}
#foot_container a { color:#055991; }
#foot_wrapper {
	position:relative;
	width:788px;
}
#foot-first{
	width:300px;
}
#foot-first .foot-first_title {
	padding:5px 10px;
	background-color:#055991;
	color:#fff;
	border-right:2px solid #709dba;
	font-weight:bold;
}
#foot-first .foot-first_content {
	padding:10px;
	border-right:2px solid #d6d7d6;
}
#foot-second {
	position:absolute;
	width:488px;
	right:0;
	top:0;
}
#foot-second .foot-second_title {
	padding:5px 10px;
	background-color:#055991;
	color:#fff;
	font-weight:bold;
}
#foot-second .foot-second_content {
	padding:10px;
	line-height:18px;
}
#foot-second .foot-third_title {
	position:absolute;
	left:180px;
	width:150px;
	top:4px;
}
#foot-second .foot-third_content {
	position:absolute;
	left:180px;
	top:35px;
	width:150px;
}
#foot-second .foot-fourth_title {
	position:absolute;
	left:360px;
	width:150px;
	top:4px;
}
#foot-second .foot-fourth_content {
	position:absolute;
	left:360px;
	top:35px;
	width:150px;
}
#foot_notes {
	width:788px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#000;
}
#foot_notes table { width:788px; margin:0; padding:0; }
#foot_notes table td { padding:0 10px; }
#foot_notes .copyright {  text-align:center; }
#foot_notes .foot-address { text-align:right; }

/* table */
#planTable td { border:1px solid #dfdfdf; font-size:8pt; background-color:#fff; padding:1px; }
#planList td { border:0; }
.ordering { color:#fff; font-weight:bold; }

form { padding:0; margin:0; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/