html, body {
	background: #1a4c7e url('images/bgGradient.png') no-repeat;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

body {
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%; /* 10px */
	color: #000;
}

/*  Layout 
---------------------------------------------------------------*/
#container {
	background: url('images/bgRadial.png') no-repeat;
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 1.2em; /* 12px */
	line-height:1.5em;
}

LI LI, LI P, TD P, BLOCKQUOTE P {
	font-size: 1.2em; /* 12px */
	line-height:1.5em;
}

#page {
	color: #95c0e8;
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 1em; /* center, not in IE5 */
}

#header {
	width: 900px;
	height: 77px;
	margin: 0;
	padding: 0 0;
	text-align: left;
	clear: both;
}

#content {
	background: #fff;
	color: #000;
	width: 890px;
	padding: 5px;
	float: left;
	clear: both;
	border: 1px solid #ffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	position: relative;
}

.entry {
	position: relative;
}

.entrytitle {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em; /* 27px */
	font-weight: normal;
	color: #0973b0;
}

.entrydate {
	background: #fff;
	width: 60px;
	position: absolute;
	left: -66px;
	border: 1px solid #dedede;
}

.posted, .comma {
	display: none;
}

.month, .day, .year {
	text-align: center;
	display: block;
}

.month {
	font-size: 1em;
}

.day {
	color: #B82D26;
	font-size: 2em;
}

.year {
	font-size: 1em;
}

.entrycontent {

}

.entrycontent a, .entrycontent a:visited, a.editLink {
	font-weight: bold;
}

.entrydata {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
}

.entrydata-right {
	float: right;
	text-align: right;
}

#left-col {
	width: 710px;
	padding: 0 5px 10px 0;
	float: left;
}

#right-col {
	width: 170px;
	padding: 0 0 0 5px;
	float: left;
}

#footer {
	background: #c3cbd4;
	color: #212121;
	/*font-weight: bold;*/
	width: 890px;
	padding: 5px;
	margin: 1em 0;
	clear: both;
	float: left;
	border: 1px solid #c3cbd4;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

#footer ul {
	list-style: none;
	padding: 0 0 0 1em;
	margin: 0;
}

#footer:after {
	background: url('images/footerShadow.png');
	height: 11px;
}

#footer h2 {
	font-size: 1.2em;
}

#footer .phoneNumber {
	font-size: 1.8em;
}

#quickLinks {
	width: 443px;
	padding: 0 0 0 10px;
	float: right;
	text-align: left;
	border-left: 1px solid #a9b1b8;
}

/*  images
---------------------------------------------------------------*/
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

.imgfloatleft {
	float: left;
	border-right: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}

.imgfloatright {
	float: right;
	border-left: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
}

/*  Links 
---------------------------------------------------------------*/
#page a {
	color: #95c0e8;
	text-decoration: none;
	outline: none;
}

#page a:hover {
	text-decoration: underline;
}

#page #content a {
	color: #257AA3;
	text-decoration: none;
}

#page #content a:hover {
	text-decoration: underline;
}

#page #footer a {
	text-decoration: none;
	color: #0c76d4;
}

#page #footer a:hover {
	text-decoration: underline;
}


/*  H1 H2 H3
---------------------------------------------------------------*/
h1 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em; /* 27px */
	font-weight: normal;
	color: #0973b0;
}

h2 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.33em; /* 24px */
	font-weight: bold;
	color: #0973b0;
	margin: 0px 0px 5px 0px;
}

h3 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.30em; /* 21px */
	font-weight: normal;
	color: #0973b0;
}

/*  Navigation 
---------------------------------------------------------------*/
#top-nav {
	width: 536px;
	height: 77px;
	float: right;
	position:relative;
}

#nav {
	width: 536px;
	height: 77px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
	padding: 0 1em 0 0;
}

#nav li a {
	color: #fff;
	height: 77px;
	margin: 0;
	padding: 0;
	line-height: 77px;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
}

#nav li a:hover {
	background: url('images/navHoverBG.png');
	text-decoration: none;
}

/*  Side Navigation
---------------------------------------------------------------*/
#sidebar {
	color: #656565;
	display: inline;
	line-height: 1.5em;
	padding-top: 5px;
	width: 200px;
	margin: 5px 20px 20px 0;
	list-style: none;
}

#sidebar li, #sidebar li ul li {
	list-style: none;
}

#sidebar {
	list-style: none;
	padding-left: 15px;
}

#sidebar a, #sidebar a:visited {
	color: #656565;
	text-decoration: none;
}

#sidebar li.title {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
}

#sidebar li.feed {
	padding-bottom: 3px;
	padding-top: 3px;
}

#sidebar li.feed a, #sidebar li.feed a:visited {
	background: url('images/rss_icon.png') no-repeat left 50%;
	padding-left: 25px;
	border-style: none;
}

/*  Customize and Order Buttons
---------------------------------------------------------------*/
input.button {
	border: 1px solid #ddd;
	background: #f9f9f9;
	font-weight: bold;
	color: #000;
	padding: 2px 10px !important;
	padding: 2px 0px;
	margin: 2px;
}

input.button:hover, input.button:sfhover { 
	border: 1px solid #3da6b8; 
	background: #e7eef0;
}

input.buyButton, input.customizeButton, input.checkoutButton, .checkoutLink, input.continueButton, .continueLink, .continueLink span, input.goBackButton, .goBackLink, .goBackLink span, input.updateButton, .updateLink, .updateLink span, input.loginButton, .loginLink, .loginLink span, input.saveOrderButton, .saveOrderLink, .saveOrderLink span, input.confirmOrderButton, .confirmOrderLink, .confirmOrderLink span, input.editOrderButton, .editOrderLink, .editOrderLink span, input.editPaymentButton, .editPaymentLink, .editPaymentLink span, input.editSystemButton, .editSystemLink, .editSystemLink span, input.emailSpecsButton, .emailSpecsLink, .emailSpecsLink span, input.applyCouponButton, .applyCouponLink, .applyCouponLink span, input.createAccountButton, .createAccountLink, .createAccountLink span, input.addToCartButton, .addToCartLink, .addToCartLink span {
	width: 100px;
	height: 31px;
	outline: none;
	border: 0px;
	cursor: pointer;
	text-indent: -9000px;
}

input.buyButton {
	background: url('images/buttons/buyButton.png') no-repeat left top;
}

input.customizeButton {
	background: url('images/buttons/customizeButton.png') no-repeat left top;
}

input.checkoutButton, .checkoutLink {
	background: url('images/buttons/checkoutButton.png') no-repeat left top;
}

input.continueButton, .continueLink {
	background: url('images/buttons/continueButton.png') no-repeat left top;
}

input.goBackButton, .goBackLink {
	background: url('images/buttons/goBackButton.png') no-repeat left top;
}

input.updateButton, .updateLink {
	background: url('images/buttons/updateButton.png') no-repeat left top;
}

input.loginButton, .loginLink {
	background: url('images/buttons/loginButton.png') no-repeat left top;
}

input.saveOrderButton, .saveOrderLink {
	background: url('images/buttons/saveOrderButton.png') no-repeat left top;
}

input.confirmOrderButton, .confirmOrderLink {
	background: url('images/buttons/confirmOrderButton.png') no-repeat left top;
}

input.editOrderButton, .editOrderLink {
	background: url('images/buttons/editOrderButton.png') no-repeat left top;
}

input.editPaymentButton, .editPaymentLink {
	background: url('images/buttons/editPaymentButton.png') no-repeat left top;
}

input.editSystemButton, .editSystemLink {
	background: url('images/buttons/editSystemButton.png') no-repeat left top;
}

input.emailSpecsButton, .emailSpecsLink {
	background: url('images/buttons/emailSpecsButton.png') no-repeat left top;
}

input.applyCouponButton, .applyCouponLink {
	background: url('images/buttons/applyCouponButton.png') no-repeat left top;
}

input.createAccountButton, .createAccountLink {
	background: url('images/buttons/createAccountButton.png') no-repeat left top;
}

input.addToCartButton, .addToCartLink {
	background: url('images/buttons/addToCartButton.png') no-repeat left top;
}

input.buyButton:hover, input.customizeButton:hover, input.checkoutButton:hover, .checkoutLink:hover, input.continueButton:hover, .continueLink:hover, .continueLink span:hover, input.goBackButton:hover, .goBackLink:hover, .goBackLink span:hover, input.updateButton:hover, .updateLink:hover, .updateLink span:hover, input.loginButton:hover, .loginLink:hover, .loginLink span:hover, input.saveOrderButton:hover, .saveOrderLink:hover, .saveOrderLink span:hover, input.confirmOrderButton:hover, .confirmOrderLink:hover, .confirmOrderLink span:hover, input.editOrderButton:hover, .editOrderLink:hover, .editOrderLink span:hover, input.editPaymentButton:hover, .editPaymentLink:hover, .editPaymentLink span:hover, input.editSystemButton:hover, .editSystemLink:hover, .editSystemLink span:hover, input.emailSpecsButton:hover, .emailSpecsLink:hover, .emailSpecsLink span:hover, input.applyCouponButton:hover, .applyCouponLink:hover, .applyCouponLink span:hover, input.createAccountButton:hover, .createAccountLink:hover, .createAccountLink span, input.addToCartButton:hover, .addToCartLink:hover, .addToCartLink span:hover {
      background-position:0% -32px;
}

input.payWithPayPalButton, .payWithPayPalLink, .payWithPayPalLink span, input.payWithCheckWireButton, .payWithCheckWireLink, .payWithCheckWireLink span {
	width: 124px;
	height: 31px;
	outline: none;
	border: 0px;
	cursor: pointer;
	text-indent: -9000px;
}

input.payWithPayPalButton, .payWithPayPalLink {
	background: url('images/buttons/payWithPayPalButton.png') no-repeat;
}

input.payWithCheckWireButton, .payWithCheckWireLink {
	background: url('images/buttons/payWithCheckWire.png') no-repeat;
}

input.payWithPayPalButton:hover, .payWithPayPalLink:hover, .payWithPayPalLink span:hover, input.payWithCheckWireButton:hover, .payWithCheckWireLink:hover {
      background-position:0% -32px;
}

ul.buttonLinkHolder {
	margin: 0;
	padding: 0;
}

.continueLink, .goBackLink, .updateLink, .loginLink, .continueLink, .checkoutLink, .saveOrderLink, .saveOrderLink, .confirmOrderLink, .editOrderLink, .editPaymentLink, .editSystemLink, .emailSpecsLink, .applyCouponLink, .createAccountLink, .addToCartLink, .payWithGoogleLink, .payWithCreditCardLink, .payWithCheckWireLink {
	float: left;
	list-style: none;
}

.continueLink span, .goBackLink span, .updateLink span, .loginLink span, .continueLink span, .checkoutLink span, .saveOrderLink span, .saveOrderLink span, .confirmOrderLink span, .editOrderLink span, .editPaymentLink span, .editSystemLink span, .emailSpecsLink span, .applyCouponLink span, .createAccountLink span, .addToCartLink span, .payWithGoogleLink span, .payWithCreditCardLink span, .payWithCheckWireLink span {
	display: block;
}

/* Little Silver Buttons */
.moreInfoLink, .visitSiteLink, .emailUsLink { 
	width: 84px;
	height: 33px;
	outline: none;
	border: 0;
	margin: 0;
	text-indent: -9000px;
}

.moreInfoLink, .visitSiteLink, .emailUsLink {
	float: left;
}

.moreInfoLink {
	background: url('images/buttons/moreInfoButton.png') no-repeat left top;
}

.visitSiteLink {
	background: url('images/buttons/visitSiteButton.png') no-repeat left top;
}

.emailUsLink {
	background: url('images/buttons/emailUsButton.png') no-repeat left top;
}

.moreInfoLink span, .visitSiteLink span, .emailUsLink span {
	display: block;
}

.moreInfoLink:hover, .visitSiteLink:hover, .emailUsLink:hover { 
      background-position: 0% -33px;
}

/*  Quotes and Codes
---------------------------------------------------------------*/
.quotetop, .codetop {
	background: #97c660;
	color: #fff;
	border: 1px solid #97c660;
	border-left: 5px solid #97c660;
	padding: 5px;
	margin-left: 25px;
}

.quotemain, .codemain {
	background: #FFFFDD;
	border: 1px solid #97c660;
	border-left: 5px solid #97c660;
	padding: 5px;
	margin-left: 25px;
}

.inplaceeditor-saving, .inplaceeditor-loading { background: url('/images/wait.gif') bottom right no-repeat; }

/*  Row Styles
---------------------------------------------------------------*/
.contentBox {
	width: 100%;
	border: 1px solid #353535;
}

.redRow {
	background: #d25664;
	color: #fff;
	padding-left: 3px;
}

.greenRow {
	background: #7dd256;
	color: #000;
	padding-left: 3px;
}

.yellowRow {
	background: #eaeb7a;
	color: #000;
	padding-left: 3px;
}

.title1 {
	background: #1e728e url('images/titlegrad.gif');
	height: 27px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #353535;
}

.title1 a {
	color: #fff;
	text-decoration: underline;
}

.title1 a:hover {
	text-decoration: none;
}

.title2 {
	background: #257AA3;
	color: #fff;
	padding-left: 3px;
	text-align: left;
}

.title2 a {
	color: #fff;
	text-decoration: underline;
}

.title2 a:hover {
	text-decoration: none;
}

.row1 {
	background: #C3C9D0;
	color: #000;
	padding-left: 3px;
}

.row1 a {
	text-decoration: underline;
}

.row1 a:hover {
	text-decoration: none;
}

.row2 {
	background: #fafafa;
	color: #000;
	padding-left: 3px;
}

.row2 a {
	text-decoration: underline;
}

.row2 a:hover {
	text-decoration: none;
}

.full { 
	width: 100%;
}

.half { 
	width: 50%;
}

.redText {
	color: #bd0606;
}

.greenText {
	color: #6e9d03;
}


/*  Comments
---------------------------------------------------------------*/
.comment {
	background: #FFFFDD;
	width: 100%;
	border: 1px solid #97c660;
	padding: 5px;
}

.comment a, .comment a:visited {
	font-weight: bold;
	color: #5ca605;
	text-decoration: none;
}

.comment a:hover {
	text-decoration: underline;
}

/*  Comments Form
---------------------------------------------------------------*/
form.commentsform fieldset {
	font-weight: bold;
	border: 1px solid #257AA3;
	width: 400px;
	padding: 5px;
	float: left;
}

form.commentsform fieldset legend {
	color: #0973b0;
	/*float: left;*/
	font-weight: bold;
}

form.commentsform label {
	color: #656565;
	width: 120px;
	font-weight: bold;
	clear: both;
}

form.commentsform.input, form.commentsform.select, form.commentsform.textarea{
	width: 180px;
	margin-bottom: 5px;
}

form.commentsform textarea {
	width: 250px;
	height: 150px;
}

form.commentsform ol, form.commentsform ol li {
	list-style: none;
}

form.commentsform input, form.commentsform.select, form.commentsform textarea {
  	background: url("images/input_bg.gif");
	border:1px #ccc solid;
	display:block;
	padding: 4px;
	margin: 0;
}

form.commentsform input button {
  	margin: 23px;
}

form.commentsform input:hover, form.commentsform.select:hover, form.commentsform textarea:hover {
	border:1px #257AA3 solid;
}

form.commentsform input:focus, form.commentsform.select:focus, form.commentsform textarea:focus {
	border:1px #3a535e solid;
}

form.commentsform .hiddenField, form.commentsform input[type=hidden] {
	display: none;
  	background-image: none;
	border: none;
	padding: 0;
}

/*  Message Styles
---------------------------------------------------------------*/
.errorMessage { 
	background: #f1c3c3;
	color: #ff0000;
	padding: 0.4em;
	margin: 0 0 1em; 
	font-weight: bold;
	border: 1px solid #8e2424;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

.errorMessage a {
	color: #ff0000;
}

.successMessage { 
	background: #caf1c3;
	color: #008000;
	padding: 0.4em;
	margin: 0 0 1em; 
	font-weight: bold;
	border: 1px solid #348e24;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}

/*  Alignment Styles
---------------------------------------------------------------*/
.full { width: 100%; }
.half { width: 50%; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.cursorPointer { cursor: pointer; }
.noWrap { white-space: nowrap; }

/*  Margins Styles
---------------------------------------------------------------*/
.marginT5px { margin-top: 5px; }
.marginR5px { margin-right: 5px; }
.marginB5px { margin-bottom: 5px; }
.marginL5px { margin-left: 5px; }

.paddingT5px { padding-top: 5px; }
.paddingR5px { padding-right: 5px; }
.paddingB5px { padding-bottom: 5px; }
.paddingL5px { padding-left: 5px; }

/*  Validation Styles
---------------------------------------------------------------*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
input.button {
	border: 1px solid #707070;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

