/*------------------------------------------------------------------
[Table of contents]

1. Body
	2. Header 
       2.1. Logo 
       2.2. Naviation Bar
       2.3. Search
       2.4. Store Navigation
	3. Content 
		3.1. Content layouts
		3.2. Side Nav
	4. Footer 
   5. Buttons / Links
   6. Typography
   7. Color Codes
	8. Printer Styles

-------------------------------------------------------------------*/

/* Substruct specific Styling */

/* Reset all margins and padding to ensure x-browser compatibility */
/* Adam Ellio - 18-dec-2008 - This is causing more problems than I believe
   it's solving. so I'm removing it for the time being. Please test the site
   throughly if you enable it again.
* {
	padding: 0px;
	margin: 0px;
}
*/

/*** 1. Body ***/
html, body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 13px;
	line-height: 1.5em;
	font-family: helvetica, tahoma, arial;
	color: #353535;
}

.wrapper {
	width: 100%;
}
#container {
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #000;
}
#main_callout {
	width: 690px;
	height: 310px;
	float: left;
}
#minor_callouts {
	width: 240px;
	float: right;
}
/*** 2. Header / #header ***/

h1#new_sale_header {
	width: 120px;
	height: 180px;
	padding-top: 20px;
	text-align: center;
	background-image: url(/plugin_assets/substruct/images/public-ui/new-sale-header-bg.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 20px;
	color: #f86d0a;
}

/***** 2. Header  *****/

#header {
	position: relative;
	border: 0px solid #000;
}

/*** 2.1. Logo ***/

#header span#logo {
	float: left;
	margin: 16px 0px 0px 0px;
}
#header span#logo a {
	display: block;
	height: 60px;
	width: 250px;
	text-indent: -9999px;
	background: url("/images/NewCastleRockLogo.gif") no-repeat;
}
#regions {
	float: right;
	margin-top: 50px;
	padding: 0px 0px 0px 0px;
	color: #999999;
	border: 0px solid #000;
}

/***** Header Backgrounds *****/

.header {
	background: url("../images/bg-headermenu.png") repeat-x;
	height: 123px;
}
.shadow {
	background: url("../images/bg-shadow.png") repeat-x;
	padding-top: 1.5em;
	border-top: 1px solid #ccc;
}

.checkoutHeader {
	background: url("../images/bg-header.png") repeat-x;
	height: 123px;
}
.CRRClogo {
	margin-top: 14px;
}

.home {
	background-color: #d1cdce;
	border-top: 1px solid #999999;
}
.company {
	background-color: #3d6620;
	border-top: 1px solid #999999;
}
.products {
	background-color: #53624f;
	border-top: 1px solid #999999;
}
.services {
	background-color: #2a2110;
	border-top: 1px solid #999999;
}
.contact {
	background-color: #0f2231;
	height: 173px;
	border-top: 1px solid #999999;
}
.blankBackgroundBar {
	background-color: gray;
	height: 50px;
	border-top: 1px solid #999999;
}
.LCRBackgroundBar {
	background-color: #2770B2;
	height: 50px;
	border-top: 1px solid #999999;
}
.LRC {
	color: white;
	padding:0 0 0 20px;
		
}
/*****  2.2. Naviation Bar *****/
#menu {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 7px;
	margin-top: 0px;
	font-family: helvetica, tahoma, arial;
	height: 42px;
	border: 0px solid #000;
}
.mainNav {
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	list-style: none;
	height: 42px;
	position: relative;
	border: 0px solid #000;
	width: 75%;
}
.mainNav li {
	float: left;
	border: 0px solid #000;
	padding: 0px 1px 0px 0px;
	margin: -3px 0px 0px 0px;
	list-style-type: none;
}
.mainNav li a {
	display: block;
	float: left;
	height: 42px;
	line-height: 43px;
	color: #aaa;
	text-decoration: none;
	font-size: 18px;
	font-family: helvetica, tahoma, arial;
	font-weight: lighter;
	text-align: center;
	padding: 0px 0px 0px 6px;
	cursor: pointer;
}
.mainNav li a b {
	float: left;
	display: block;
	padding: 0 16px 0 8px;
	color: #333333;
	font-weight: lighter;
}
.mainNav li.current a {
	background: url("../images/button_2.png");
}
.mainNav li.current a b {
	background: url("../images/button_2.png") no-repeat right top;
	color: black;
}
.mainNav li a:hover {
	background: #000 url("../images/button_1.png");
	text-decoration: none;
}
.mainNav li a:hover b {
	background: url("../images/button_1.png") no-repeat right top;
}
.mainNav li.current a:hover {
	background: #000 url("../images/button_2.png");
	cursor: default;
}
.mainNav li.current a:hover b {
	background: url("../images/button_2.png") no-repeat right top;
}

.profession1 {
	z-index: 100;
	position: absolute;
	margin-top: 15px;
	margin-left: 58px;
}
.profession2 {
	z-index: 100;
	position: absolute;
	margin-top: 15px;
	margin-left: 236px;
}
.profession3 {
	z-index: 100;
	position: absolute;
	margin-top: 15px;
	margin-left: 396px;
}

/*** 2.3. Search ***/

#search {
	float: right;
	height: 31px;
	padding: 0px;
	margin-top: -37px;
}
#search_box {
	width: 158px;
	height: 31px;
	margin: 0;
	padding: 3px 0 0 11px;
	background: url("../images/bg_topSearch.gif") no-repeat;
}
#search_box #s {
	width: 130px;
	font-size: 10pt;
	border: 0;

}
#search_box #go {
	margin: 0;
}

#search input {
   outline-width: 0px;
   outline-style: none;
   outline-color: initial;
}

/*** 2.4. Store Navigation ***/

#navigation {
	background:#ccc url(/plugin_assets/substruct/images/public-ui/nav-middle-bg.gif) repeat-x;
	overflow: hidden;
	border-top: 1px solid silver;
	border-bottom: 0px solid silver;
}

/* This is a hack to make the substruct store render well. -Adam (18-dec-2008) */
#navigation div {
 padding: 0;
 margin: 0 auto;
}

ul.showOrders {
 line-height: 11px;
}

.product a {
 line-height: 1.2em;
}

#navigation ul.navigation li {
	margin-right: 10px;
	padding-right: 20px;
}

#navigation ul.navigation li a {
	height: 40px;
	font-weight: normal;
	width: 50px;
	text-align: center;
	line-height: 45px;
	font-size: 12pt;
	white-space: nowrap;
}
#navigation ul.navigation li.active {
 background-image: url(/plugin_assets/substruct/images/public-ui/nav-tab-left.gif);
	font-size: 1em;
}

#navigation ul.navigation li.active a {
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-tab-right.gif);
	color: #3b3b3b;
	font-size: 12pt;
	font-weight: normal;
	
}
#subnavigationWrapper {
	border-bottom: 1px solid #CCCCCC;
	height: 30px;
}
#subnavigation {
	margin: 0 auto;
	width:950px;

}
#subnavigation ul {
	border-bottom: 0px solid red;
}
#subnavigation ul.gradeNavigation li {
	margin: 5px 0 5px 10px;
	padding: 3px 10px;
	list-style: none;
	float: left;
	border-right:1px dotted #CCCCCC;
}
#subnavigation ul.gradeNavigation li a {
	color: #5e5e5e;
	font-weight: normal;
	font-size: 13px;
}
#subnavigation ul.gradeNavigation li.active a {
	color: #487BCE;
	font-weight: normal;
	font-size: 13px;
}
#subnavigation ul.gradeNavigation li.active {
/*	background: url(/plugin_assets/substruct/images/public-ui/subnav-tab-left.gif) no-repeat; */
	text-decoration: none;
	color: red;
}

.gradeNavigation li.active a {
/*	background: url(/plugin_assets/substruct/images/public-ui/subnav-tab-right.gif) no-repeat top right; */
	font-weight: normal;
}

.storeBreadcrumb { margin: 20px 0 30px 15px; }
.storeTitle { margin: 10px 0 5px 15px; }

/* Secondary actions: orders ready to ship, on hold etc */

ul.storeNavigation {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 12pt;
}

ul.storeNavigation li {
	list-style: none;
	float: left;
	padding: 10px 10px 0 15px;
	margin: 0px;
	height: 25px;
	color: white;	
}
ul.storeNavigation li.active a {
	color: black;
}

ul.storeNavigation li.active {
	background-color: White;
}
ul.storeNavigation li a.active {
	color: black !important;
}
ul.storeNavigation li a { color: White; }

ul.storeNavigation.secondary {
	float: right;
	margin-top: -30px;
	margin-right: 0px;
}
ul.sortable {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

ul.sortable li {
	cursor: pointer;
	cursor: hand;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	margin-left: 0px !important;
}

ul.sortable li p {
	margin-bottom: 5px;
}

.navigation a, .navigation a:link, .navigation a:visited {
}
.navigation.secondary a, .navigation.secondary a:link, .navigation.secondary a:visited {
	color: #5272E0;
}
.navigation.tertiary a, .navigation.tertiary a:link, .navigation.tertiary a:visited {
	color: #000;
	padding: 4px;
}
.navigation.tertiary li {
	background-color: #ccc;
	padding-left: 4px;
	padding-right: 4px;
}
.navigation.tertiary li.active {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 0px;
}
#subnav {
	border-bottom: 1px solid #ccc !important;
	border-bottom: 0px;
	height: 18px;
}
/*ul { list-style-type: none; }*/


/*** Shopping Cart / Tracking / Checkout ***/

#checkoutTotal {
 position: fixed;
 margin-top: 0;
 margin-right: 18px;
 margin-left: 716px;
}

.checkoutNavigation {
 padding: 11px;
	list-style-type: none;
}
.checkoutNavigation a { color: white; }

#trackOrderCart {
	float: right;
	margin-top: 20px;
	padding-top:10px;
	width: 250px;
	
}
#trackOrderCart ul {
}

#trackOrderCart li a {
	color: white;
}
#trackOrderCart .showOrders li { 
	list-style-type: none; 
	float: right; 

	font-size: 10pt;
	text-align: right;
}

#trackOrderCart .trackOrder li { 
	list-style-type: none; 
	float: left; 

	padding:0 0 11px 10px;
	color: gray;
	font-size: 10pt;
}
.shoppingCart a.active, .shoppingCart a:hover {
	background-position:0 -16px; 
	color: blue;

}
.shoppingCart a {
background:transparent url("../images/store/cart_go.png") no-repeat scroll 0 0px;
color:#8F9091;
font-weight:normal;
height:16px;
margin-left: 20px;
padding:1px 0px 0px 20px;
width:19px;
}

.strackOrder a.active, .trackOrder a:hover {
	background-position:0 -16px; 
	color: blue;

}
.trackOrder a {
background:transparent url("../images/store/trackIcon.png") no-repeat scroll 0 0px;
color:#8F9091;
font-weight:normal;
height:16px;
margin-left: 20px;
padding:1px 0px 0px 20px;
width:19px;
}

.wishList {
	margin-top:10px;
	text-align:center;
}

/*** 3. Content ***/

#bottomSpacer {
	margin-top:25px;
}

form {
}
img {
	display: inline;
}
img.floater {
	margin: 20px;
	border: 1px dotted #C2B2FB !important;
	border: 1px solid #9C8FCA;
}
img.floater2 {
	margin-right: 10px;
	margin-bottom: 10px;
}
p {
	line-height: 1.5em;
}
td {
	vertical-align: top;
}
label {
	clear: both;
	font-weight: bold;
	color: #666666;
	display: block;
}
option {
	padding: 0px 4px;
}
input[type=hidden] {
	display: none;
}

img {
	border: 0px;
}

/***** Team *****/

.teams {
	background-color: #f0f5f9;
	height: 175px;
	border-top: 1px solid #999999;
}


.teamPhoto { margin-bottom: px; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.teamPhoto-left { margin:4px 10px 4px 0; padding: 3px; border: 1px solid #ccc; background-color: #fff; }

.teamNameHeading {
margin:-50px 0 0 120px;
line-height: 1.5em;
font-size: 18px;
color: #487BCE;
}
.teamTitleHeading {
margin: 10px 0 0 120px;
line-height: 0em;
font-size: 13px;
font-style: italic;
font-weight: normal;
}

.team_info { margin-left: -30px; padding-bottom: 10px;}
.teamEmailIcon { padding: 0 5px 0 5px; }
.teamIcons { padding: 0 5px 0 0; }

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}


/***** 3.1. Content layouts *****/
.sideMenu {
	background: red;
	padding: 15px 10px 15px 20px;
	border-bottom: 1px solid black;
	line-height: 1.5em;
}    


#titlepage {
	width: 34%;
	float: left;
	position: relative;
	margin: 0;
	padding: 0 0 0 20px;
	border: 0px solid #000;
}

.titlepage_image {
	background: none;
	text-align: right;
}

.pagetext {
	width: 100%;
	float: left;
	position: relative;
	margin: 0;
}


/* 3 COLUMNS START */
.threeCol {
	width: 950px;
	background: none;
	margin: 0 auto;
	text-align: left;
	border: 0px solid #000;
	padding-bottom: 20px;
}
.threeCol #sidebar1 {
	float: left;
	width: 160px;
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
}
.threeCol #sidebar2 {
	float: right;
	width: 160px;
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
	border: 0px solid #000;
}
.threeCol #mainContent {
	margin: 0 190px;
	padding: 0 20px 0 0;
}
/* 3 COLUMNS END */


/* CENTER START */
.oneColCenter {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
	border: 0px solid #000;
}
.oneColCenter #mainContent {
	padding: 0 20px;
}
/* CENTER END */


/* LEFT START */
.twoColLeft {
	width: 950px;
	background: none;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
	border: 0px solid #000000;
}
.twoColLeft #sidebar1 {
	float: right;
	width: 200px;
	background: #EBEBEB;
	padding: 15px 10px;
}
.twoColLeft #mainContent {
	margin: 0 250px 0 0;
	padding: 0 20px;
}
/* LEFT END */

/* RIGHT START */
.twoColRight {
	width: 950px;
	background: none;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
	border: 0px solid #000000;
}
.twoColRight #sidebar1 {
	float: left;
	width: 200px;
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
}
.twoColRight #mainContent {
	margin: 0 0 0 250px;
	padding: 0 20px;
}
/* 2 COLUMNS START */
.twoColCenter {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 20px;
	border: 0px solid #000;
}
.twoColCenterBottom {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 0px;
	border: 0px solid #000;
}
.twoColCenter #mainContentLeft {
	float: left;
	width: 435px;
	padding: 0 20px 0px 20px;
}
.twoColCenter #mainContentRight {
	float: right;
	width: 440px;
	padding: 0 10px 0px 10px;
}
/* 2 COLUMNS STOP */

/* 3 COLUMNS DIVIDED */

.threeCol #Col1 {
	float: left;
	width: 310px;
	background: #FFF;
	padding: 15px 10px 15px 20px;
}
.threeCol #Col2 {
	float: left;
	width: 280px;
	background: none;
	padding: 15px 10px 15px 20px;
}
.threeCol #Col3 {
	float: right;
	width: 250px;
	background: none;
	padding: 15px 10px 15px 20px;
}
.threeCol #mainContent {
	margin: 0 190px;
	padding: 0 20px 0 0;
}
/* 3 COLUMNS END */


.Colborder {
	padding-right: 1px;
	margin-right: 1px;
	border-right: 1px solid #eee;
}
.clearfloat {
	clear:both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/*************/

.paymentInfo { 
	border-bottom: 1px solid #DDDAD1;
}

.creditCards { margin: -15px 3px; }
.orderSteps {
	background: url(../images/store/secureLock.png) no-repeat;	
	padding-left: 50px;
	border-bottom: 1px solid #DDDAD1;
	padding-top: 15px;
	height: 50px;
}
.shippingAddress {
	border-bottom: 1px solid #DDDAD1;
}
.differentAddress {
	border-bottom: 1px solid #DDDAD1;
}
.cartHeading {  }

.needHelp { 
	background: url(../images/store/question.png) no-repeat;	
	padding-left: 40px;
	font-size: 16pt;
	height: 32px;
}

.shoppingOptions {
	background: url(../images/store/shoppingOptions.gif) no-repeat;	
	padding-left: 40px;
	padding-top: 3px;
	font-size: 16pt;
}
.warning { 
	background: url(../images/store/alert.png) no-repeat;	
	padding-left: 40px;
	font-size: 16pt;
}

.contactUsIcon {
	background: url(../images/store/email.png) no-repeat;	
	padding: 2px 20px 0 ;
	margin-left:8px;
}

.continueShoppingIcon {
	background: url(../images/store/cart_cont.png) no-repeat;	
	padding: 2px 20px 0 ;
	margin-left:8px;
}

.shippingMethod {
	background: url(../images/store/delivery.png) no-repeat;	
	padding-left: 50px;
	border-bottom: 1px solid #DDDAD1;
	padding-top: 5px;
}

.confirmOrder{
	background: url(../images/store/ok.png) no-repeat;	
	padding-left: 50px;
	border-bottom: 1px solid #DDDAD1;
	padding-top: 5px;
}

div.line {
	border-bottom: 1px solid #DDDAD1;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 1px;
	overflow: hidden;
	clear: both;
}


div.indent {
	padding: 0px;
	margin: 0px;
	margin-top: -10px;
	padding-left: 20px;
}

div.padLeft {
	padding-left: 10px;
	padding-top: 20px;
}
div.price {
	background-color: #6ABE32;
	color: #fff;
	font-size: 24px;
	padding: 10px 10px;
	text-align: center;
	font-style: italic;
	-moz-border-radius: 10px;
}

.info {
	font-size: 10px;
	font-style: italic;
	color: #666666;
	line-height: 14px;
}

.money {
	color: #466B2E;
	font-style: italic;
}




/* BUTTONS */
/* This is used on anchors as well as button objects, so some css trickery is needed */
.button, .buttonWarning {
	background-color: #046c82;
	background-image: url(/plugin_assets/substruct/images/public-ui/buttons/bg.gif) !important;
	background-repeat: repeat-x;
	border: 1px solid #000;
	font-size: 15px;
	font-weight: bold !important;
	color: #eeeeee !important;
	color: #eeeeee;
	text-decoration: none !important;
	text-decoration: none;
	line-height: 20px;
	padding: 5px;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	display: block;
}

#right a.button, a.button {
	text-decoration: none;
	color: #eeeeee;
	font-weight: bold;
}

.buttonWarning {
	background-color: #FF0000;
	border-color: #B00000;
	color: #eeeeee;
}

/* end buttons */

*.small {
	padding: 1px;
	font-size: 0.9em;
}


/*** BEGIN YOUR CART TABLE LIST CSS ***/

div.listContainer {
	height: 300px;
	width: 100%;
	border: 1px solid #666666;
	background-color: #fff;
	overflow: auto;
}


.list {
	border: 1px solid #666666;
	width: 100%;
}
/* don't put a border around tables contained by a div */
div.listContainer .list {
	border: 0px;
	width: 100%;
}

.list td {
	background-color: #fff;
	padding: 6px 6px;
	border-right: 1px solid #cccccc;
}

.list tr.odd td {
	background-color: #fff;
}

.list tr.even td, .even {
	background-color: #ECEEF2;
}
.numeric, .list .numeric {
	text-align: right;
}
.list th, .list tr.header td, .list td.header {
	font-weight: bold;
	background-color: #777777;
	background-image: url(/plugin_assets/substruct/images/table_header_bg.png);
	color: #eeeeee;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	text-transform: capitalize;
	padding: 0 5px;
	text-align: left;
	font-size: 10pt;
	height: 27px;
	
}

.list tr.footer td {
	font-weight: normal;
	font-style: italic;
	color: #333333;
	background-color: #cccccc;
	border-top: 1px solid #666666;
	text-transform: capitalize;
}

.list td.borderTop {
	border-top: 1px solid #999999;
}
.list th.first { padding-left: 10px;}

/* END TABLE LIST CSS */

*.hover {
	cursor: pointer;
	cursor: hand;
}


.notes {
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #999999;
	margin-bottom: 10px;
	width: 400px;
}

.notesEdit {
	padding: 10px;
	width: 400px;
}

div.float, div.floatHalf {
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
div.floatHalf {
	width: 45%;
}

/* MAIN TRI FLOATS */

div.floatTri {
	float: left;
	width: 31%;
	margin-right: 20px;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-middle.gif);
	background-repeat: repeat-x;
}
div.floatTri h2 {
	text-align: center;
	margin-bottom: 10px;
}

div.floatTri h4 {
	margin-left: 20px;
}

div.floatTri p {
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
}
div.floatTri form {
	margin-left: 20px;
	margin-right: 20px;
}

.floatTri .left {
	float: left;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-left.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 150px;
}
.floatTri .right {
	float: right;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-right.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 150px;
}
.floatTri .middle {
	padding-top: 20px;
}

/* /MAIN TRI FLOATS */


.content_pad {
	padding: 20px;
	padding-top: 0px;
}

.fieldWithErrors input, .fieldWithErrors * option, .fieldWithErrors * {
	background-color: #dddddd;
}

.formError {
	color: red;
	font-style: italic;
	padding-bottom: 5px;
	padding-left: 10px;
}

#ErrorExplanation {
	width: 400px;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#ErrorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

#ErrorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#ErrorExplanation ul li {
	font-size: 12px;
	list-style: square;
}

.inline {
	display: inline;
	clear: none;
	margin-bottom: 0px;
}

div.error {
	margin: 10px;
	background-color: #FFFF99;
	border: 1px solid #804D68;
	font-weight: bold;
	padding: 20px;
	text-align: center;
	color: #804D68;
}
input.error {
	background-color: #FFD3E3;
}
.textInput {
	color: #333;
	line-height: 1em !important;
}

.textInput, .textArea {
	border: 1px solid #7d6a55;
	padding: 4px;
}
.textInput.big {
	border: 2px solid #7d6a55;
	height: 25px;
	color: #8a8075;
	font-size: 18px;
	line-height: 28px;
	padding-top: 7px;
	background-image: url(/plugin_assets/substruct/images/public-ui/input-bg.gif);
	background-repeat: repeat-x;
}


/* CLASSES */
.minor_callout {
	margin-bottom: 20px;
}
.minor_callout p {
}
.main_block {
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.form_block {
	margin:0 0 20px;
	padding:5px;
}
.form_block h2 {
	margin-bottom: 10px;
}
.blog_entry {
	padding: 10px;
}
.blog_entry.even {
	background-color: transparent;
	background-image: url(/plugin_assets/substruct/images/public-ui/column-fade-middle.gif);
}

/* PRODUCT 'CHIPS' */
.product {
	width: 150px;
	margin-right: 5px;
	float: left;
	background-image: url(/plugin_assets/substruct/images/public-ui/item-middle.gif);
	background-repeat: repeat-y;
}
.product_top {
	width: 150px;
	height: 10px;
	background-image: url(/plugin_assets/substruct/images/public-ui/item-top.gif);
	background-repeat: no-repeat;
}
.product_bottom {
	width: 150px;
	height: 20px;
	background-image: url(/plugin_assets/substruct/images/public-ui/item-bottom.gif);
	background-repeat: no-repeat;
}
.product_main {
	margin-left: 12px;
	margin-right: 20px;
	margin-top: 10px;
	width: 115px;
	overflow: hidden;
	text-align: center;
}
.product_image {
	height: 149px;
	width: 115px;
	overflow: hidden;
}
.product_title {
	height: 60px;
	margin: 4px 0px;
}
.product .money {
	display: block;
	background-color: #69bf32;
	color: #fff;
	padding: 2px;
	overflow: hidden;
	-moz-border-radius: 5px;
}
.product .icon {
	position: absolute;
	margin-left: 110px;
	z-index: 300;
}

.productName {
	border-bottom: 1px solid #ccc;
}

.backStore {
	margin-top: 10px;
}
.productDescription {
	margin-top: 15px;
}
.productDescription ul {
	list-style: square;
	margin: 10px 0 0 0px;
	line-height:20px;
}
ul.moreProductDescription {
	list-style: square;
	margin: 0 0 0 50px;
	line-height:20px;
}
.comingsoon {
	color: red;
}
.moreInformationHeader {
	margin: 25px 0 0 0;
	font-weight: bold;
	width: 250px;
}
.action {
	
}

#flash {
	margin: 20px;
	padding: 12px;
	z-index: 100;
	background-color: #B2DF83;
	border: 4px solid #6AC034;
	color: #293F1B;
 clear: both;
}
#flash p {
 margin: 0;
	font-size: 14pt;
}

#flash .button {
 display: none;
}

#flash h2 {
	background-color: #6AC034;
	padding: 5px;
	color: #fff;
}
#flash div, #flash .action {
	font-size: 1.8em;
}

#toplinks {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 1.1em;
	width: 550px;
}

#toplinks li {
	margin-left: 15px;
	margin-top: 10px;
	float: right;
}

/* Div that comes before the content */
#preContent {
	height: 83px;
	background-image: ;
	background-repeat: no-repeat;
}
#contentBody {
	padding: 0px;
	clear: both;
	width: 950px;
	margin: 0 auto;
}

#big_product_image {
	float: left;
	margin: 20px;
	margin-left: 0px;
	margin-top: 0px;
	width: 200px;
	overflow: hidden;
}

#bLeftCol, #bMiddleCol, #bRightCol {
	padding: 15px;
	padding-top: 20px;
	float: left;
}
#bLeftCol {
	width: 219px !important;
}
#bMiddleCol {
	width: 260px !important;
}
#bRightCol {
	width: 228px !important;
	width: 210px;
	overflow: visible !important;
	overflow: hidden;
}

/* Left content container */
#left {
	float: left;
	width: 666px !important;
	border-right: 1px solid #DDDAD1;
	padding: 10px 20px 0 20px;
	min-height: 500px;
	margin: 20px 0;

}

/* Right content */
#right {
	float: right;
	width: 220px;
	/*border-color:#DDDAD1 -moz-use-text-color #DDDAD1 #DDDAD1;
	border-style:solid none solid solid;
	border-width:1px 0 1px 1px;*/
	padding: 10px 0 0 20px;
	margin: 20px 0;
}


#right .textInput {
	font-size: 15px;
	line-height: 30px;
	padding-top: 5px !important;
	padding-top: 10px;
	height: 25px;
}

#right h2 {
	color: #5e5e5e;
}
#right h3 {
	color: #8a8075;
	text-align: center;
}


#fullContent {
	width: auto;
	margin: 15px 0px;
}

#customer_msg {
	position: absolute;
	margin-left: 390px;
	margin-top: 53px;
	background-color: #eee;
	width: 200px;
	padding: 0px 5px;
	height: 40px;
	overflow: hidden;
	color: #999;
}

#submittingText {
	display: none;
	font-weight: bold;
	font-size: 1.3em;
	color: green;
	padding: 10px;
}

/***** 	4. Footer  *****/
#footer {
	border-top: 1px solid #929292;
	padding: 0px;
	color: #333333;
	font: 12px Arial, Verdana, sans-serif;
	height: 20px;
	clear: both;
}

ul.footerNavigation {
	display: inline-block;
	padding: 0;
	margin: 0;	
}

ul.footerNavigation li {
	list-style: none;
	float: left;
	padding-left: 15px;
	margin: 15px 0;
}

ul.footerNavigation li.active {

}

ul.footerNavigation.secondary {
	float: right;
	margin-top: -30px;
	margin-right: 0px;
}

.copyRight { 
	padding-right: 20px;
	margin: 15px 0;
	float: left;
}

/***** 5. Buttons / Links *****/

a:active, a:hover {
	color: #487BCE;
	text-decoration: underline;
}
a {
	color: #487BCE;
	text-decoration: none;
}

a.normal {
	font-weight: normal;
}
a.redlink, a.red:link, a.red:visited {
	color: #804D68;
}

.buttonCheckoutNow { float: right; }

/* PAGINATION ============================================= */
div.pagination {
	background-color: #EDEDED;
	/*border-top: 2px solid #C5BEBE;*/
	padding: 10px;
	font-size: 1.2em;
	text-align: right;
	margin: 20px 0px;
	float: left;
	width: 100%;
}
div.pagination a {
	text-decoration: none;
}
div.pagination a, div.pagination span {
	padding: 5px;
	font-weight: bold;
}
div.p * {
	font-size: 1.2em;
}

/***	6. Typography ***/
h1 {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 0.25em;
	font-weight: normal;
}
h1 .info {
	font-size: 14px;
	font-style: normal;
	color: #B8B3AD;
}

h1.border {
	border-bottom: 1px dotted #806a53;
}

h1.important {
	font-size: 1.9em;
	font-style: italic;
	line-height: 1.1em;
}

h2, h3, h4 {
	margin-bottom: 10px;
	padding-bottom: 0px;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	color: #5e5e5e;
	font-weight: normal;
}
h3 {
	margin-top: 0px;
	color: #840018;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
}
h4 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0.5em;
}

/***	7. Color Codes ***/
.white {
	color: white;
}
.red {
	color: red;
}

/*** 8. Printer styles ***/

@media print {
	/*hide the left column when printing*/
	#leftcol {
		display: none;
	}
	/*hide the right column when printing*/
	#rightcol {
		display: none;
	}
	#twocols, #maincol {
		width: 100%;
		float: none;
	}

}

/***** Global Classes *****/
hr {
	background: #ddd;
	color: #ddd;
	clear: both;
	float: none;
	width: 100%;
	height: .1em;
	border: none;
	margin: 0;
}
hr.space {
	background: #fff;
	color: #fff;
}
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

.underline {
	border-bottom: 1px solid;
}
.highlight {
	background: #ffc;
}
.wrap {
	width: 960px;
	margin: 0 auto;
}
.img-left {
	margin: 4px 10px 4px 0;
}
.img-right {
	float: right;
	margin: 4px 0 4px 10px;
}
.img-tall {
	margin: 4px 12px 100px 0;
}
.img-border {
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	color: #CCCCCC;
}
.nopadding {
	padding: 0;
}
.noindent {
	margin-left: 0;
	padding-left: 0;
}
.nobullet {
	list-style: none;
	list-style-image: none;
}

.sideMenu {
	background: red;
	padding: 15px 10px 15px 20px;
	border-bottom: 1px solid black;
	line-height: 1.5em;
}

.iconsHeading { margin-bottom: 25px;}
.titleHeading { margin: -20px 0 0px 80px; }
.hpContent { width:430px; margin-bottom: 25px;}
.postSecondary {width:220px; float: left; margin-top: 0px; margin-right:150px;}
.colleges {width:220px; float: left;}
.seniorHighEducation {width:220px; float: left;}
.buildersAgenciesCommunities {width:280px; float: left;}
.communityConnections {width:220px; float: right;}
.img-float { float: left; margin:-5px 10px 4px 0;}

.jobTitle { color: #777;}

.servicesIconHeading { padding:0; margin:0;}
.servicesSubHeader { margin-top:1.5em;}

.keyTable tbody tr td { padding:0; valign:top;}

.titleHeadingLeft {
	width: 400px;
}
.districts {
	color: green;
	font-weight: bold;
	border-bottom: 1px dotted green;
}


	.mainNav {
		border:0 solid #000000;
		height:42px;
		list-style:none outside none;
		margin:8px 0 0;
		padding:0;
		position:relative;
		width:80%;
	}
	.solaroBanner {
		background: #2580b9 url("/images/bg-solaro-banner.jpg") no-repeat center;
		border-top:1px solid #999999;
		height:175px;
	}
	.newsolaro {background: no-repeat; float:left; margin:0 0 0 -108px; }
	.hpContent {
	margin:25px;
	width: 100%;
	}

.solaroHeading {
	margin:10px 0 0 0;
}	
	
	
/*Features -------------------------------------------------------------*/
.features,.innerFeatures,.innerPlans{background:url(http://solaro.com/images/bgFeatures.png) no-repeat;padding:0px;margin:0px;width:965px;}
.features{ background-position:-965px 0; padding-top:5px;}
.features ul{}
.features ul li{display: block;float:left;width:100px;color:#634d00;margin:0 6px;background:url(http://solaro.com/images/features-divider.png) no-repeat right center;padding:0 5px 15px 0;min-height:175px;}
.features ul li.heading{width:auto; margin:0px; background:none;}
.features ul li.last{background:none;}
.features ul li h1{width:83px; height:171px; text-indent:-5000px;}
.features ul li h4{color:#b15700; margin-bottom:10px;}

.innerFeatures{background-position:0 bottom;min-height:250px;}
.innerPlans{background-position:-1930px bottom;min-height:50px;}
.highlight-wrap ul li {
	background:url("http://solaro.com/images/ico_list.png") no-repeat scroll 0 4px transparent;
	line-height:25px;
	margin:0;
	padding-left:26px;
	width:auto;
}

.solaroBtn,
.solaroBtn span,
.solaroBetaBtn,
.solaroBetaBtn span{background:url(http://solaro.com/images/solaroBtn.png) no-repeat;display:block;float:right;height:50px;line-height:50px;}
.solaroBtn{background-position:0 0;padding-left:60px;margin-right:10px;}
.solaroBtn span{background-position:right -50px;padding:0 25px 0 10px;position:relative;color:white;font:bold 20px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.solaroBetaBtn{background-position:0 -200px;padding-left:60px}
.solaroBetaBtn span{background-position:right -250px;padding:0 25px 0 10px;position:relative;color:#000;font:bold 20px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
span.dropShadow{position:absolute;top:-1px;left:-1px;color:#000;display:block;background:none;padding-right:0;font:inherit}
span.dropShadow2{position:absolute;top:-1px;left:-1px;color:#fff;display:block;background:none;padding-right:0;font:inherit}
.solaroBtn:hover{background-position:0 -100px; text-decoration:none;}
.solaroBtn:hover span{background-position:right -150px;text-decoration:none;}
.solaroBetaBtn:hover{background-position:0 -300px;text-decoration:none;}
.solaroBetaBtn:hover span{background-position:right -350px;text-decoration:none;}.aCenter{text-align:center;}

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