body {
margin:0;
padding:0;

background:#fff url(../images/split/bodyHomePageBg.jpg) top left repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

body#index {
background:#fff url(../images/split/bodyHomePageBg.jpg) top left repeat-x;
}

img {
border:none;
}

a{
  color:#40C8F2;
}

#siteWrapper {
position:relative;
width:1000px;
margin:0 auto;
padding:0;
background:transparent url(../images/split/header.jpg) top left no-repeat;
}

#newsletter {
position:absolute;
top:6px;
right:100px;
font-size:11px;
color:#000;
width:268px;
}

#newsletter p {
float:left;
width:60px;
margin:0px;
padding:0 10px 0 0;
text-align:right;
}

#newsletter input {
float:left;
width:114px;
height:19px;
margin:3px 10px 0 0;
border:none;
font-size:14px;
}

#newsletter input.empty {
  color:#CCC;
}

#newsletter input#newsSubmit {
float:left;
width:44px;
height:19px;
}

#nav {
padding:85px 0 0 385px;
height:37px;
}

#nav ul {
list-style:none;
margin:0px;
padding:0px;
}

#nav ul li {
float:left;
display:inline;
margin:0px;
padding:0px;
line-height:37px;
text-align:center;
}

#nav ul li a {
float:left;
color:#000;
text-decoration:none;
display:block;
font-size:13px;
}

#nav ul li a:hover {
color:#fff;
}

#nav ul li#home a {
width:78px;
}

#nav ul li#home a:hover {
background:transparent url(../images/split/home_over.jpg) bottom left no-repeat;
}

#nav ul li#green a {
width:121px;
}

#nav ul li#green a:hover {
background:transparent url(../images/split/green_over.jpg) bottom left no-repeat;
}

#nav ul li#order a {
width:117px;
}

#nav ul li#order a:hover {
background:transparent url(../images/split/howtoorder_over.jpg) bottom left no-repeat;
}

#nav ul li#faq a {
width:58px;
}

#nav ul li#faq a:hover {
background:transparent url(../images/split/faqs_over.jpg) bottom left no-repeat;
}

#nav ul li#about a {
width:62px;
}

#nav ul li#about a:hover {
background:transparent url(../images/split/about_over.jpg) bottom left no-repeat;
}

#nav ul li#contact a {
width:76px;
}

#nav ul li#contact a:hover {
background:transparent url(../images/split/contact_over.jpg) bottom left no-repeat;
}

/* --- body id-based active rollovers --- */

body#index #nav ul li#home a {
background:transparent url(../images/split/home_over.jpg) bottom left no-repeat;
}

body#green-printing #nav ul li#green a {
background:transparent url(../images/split/green_over.jpg) bottom left no-repeat;
}

body#how-to-order #nav ul li#order a {
background:transparent url(../images/split/howtoorder_over.jpg) bottom left no-repeat;
}

body#faqs #nav ul li#faq a {
background:transparent url(../images/split/faqs_over.jpg) bottom left no-repeat;
}

body#about #nav ul li#about a {
background:transparent url(../images/split/about_over.jpg) bottom left no-repeat;
}

body#contact #nav ul li#contact a {
background:transparent url(../images/split/contact_over.jpg) bottom left no-repeat;
}

/* --- header area --- */

#headerText {
margin-top:90px;
margin-bottom:40px;
}

#headerText p {
text-align:center;
color:#41c8f3;
font-weight:normal;
font-size:15px;
margin:0 0 5px 0;
padding:0px;
}

#mainContent {
width:775px;
margin-left:100px;
}

/*  --- left column elements --- */

#leftColumn {
float:left;
width:562px;
}

#leftColumn h1 {
font-size:22px;
font-weight:normal;
color:#41c8f3;
}

#leftColumn div.bluebox {
width:274px;
height:400px;
overflow:hidden;
background:transparent url(../images/split/bluebox.jpg) top left no-repeat;
margin-bottom:10px;
position:relative;
}

#leftColumn div.blueboxBott{
  background:transparent url(../images/split/bluebox_bott.png) top left no-repeat;
  width:274px;
  height:10px;
  position:absolute;
  bottom:0px;
}

#leftColumn div.bluebox img {
padding:15px 0 10px 25px;
}

#leftColumn div.bluebox h2 {
font-size:18px;
font-weight:normal;
color:#fff;
margin:0px;
padding:0px 20px 5px 25px;
}

#leftColumn div.bluebox h2 a{
  color:#fff;
}

#leftColumn div.bluebox h2 a:hover{
  font-style:oblique;
}

#leftColumn div.bluebox p {
font-size:12px;
color:#000;
margin:0px;
padding:0px 20px 5px 25px;
}

#leftColumn div.boxLeft {
float:left;
}

#leftColumn div.boxRight {
float:right;
}

/* --- right column elements --- */

#rightColumn {
float:right;
width:182px;
margin-top:58px;
}

#rightColumn #wholesale {
width:182px;
height:248px;
background:transparent url(../images/split/wholesaleloginbox.jpg) top left no-repeat;
margin-bottom:10px;
}

#rightColumn .sideBox{
  background: #5C615B url(../images/split/gray_sidebox_top.gif) no-repeat scroll top left;
  margin-bottom:10px;
  color:#FFF;
}

#rightColumn .sideBox div.inner{
  padding:16px 12px 0px;
}

#rightColumn .sideBox div.inner p{
  font-style:oblique;
  font-size:.8em;
  margin:6px 0;
  padding:0 0 0 6px;
}

#rightColumn .sideBox a{
  color:#41C8F3;
}

#rightColumn .sideBox div.bott{
  background: #5C615B url(../images/split/gray_sidebox_bot.gif) no-repeat scroll top left;
  width:182px;
  height:16px;
}

#rightColumn form {
position:relative;
padding:48px 0 0 22px;
}

#rightColumn input {
width:138px;
height:18px;
border-top-width:0px;
border-left-width:0px;
border-bottom-width:0px;
border-right-width:0px;
margin-bottom:35px;
font-size:14px;
}

#rightColumn .submitButton {
position:absolute;
width:58px;
height:25px;
top:150px;
right:23px;
border:none;
background:transparent;
margin-bottom:0px;
font-size:13px;
color:#fff;
display:block;
cursor:pointer;
}

#rightColumn p {
color:#fff;
margin:30px 20px 0 20px;
font-size:12px;
}

#rightColumn p a {
color:#fff;
}

#rightColumn p a:hover {
color:#41c8f3;
text-decoration: none;
}

#rightColumn #greenoptions {
margin-bottom:40px;
}

/* --- footer --- */

#footer {
clear:both;
width:1000px;
text-align:center;
font-size:10px;
color:#9d9d9d;
padding:12px 0 0;
}

#footer ul {
list-style: none;
margin:0;
padding:0;
}

#footer ul li {
display:inline;
margin:0;
padding:0;
}

#footer a {
text-decoration: none;
color:#9d9d9d;
}

#footer a:hover {
text-decoration: underline;
}

#footer p {
margin:0;
padding:0;
}

/* ---  secondary page elements --- */

#leftColumn h1 {
/* already declared in leftColumn elements. Style still applies fully */
}

#leftColumn h2 {
font-size:18px;
font-weight:normal;
color:#41c8f3;
}

#leftColumn p {
font-size:14px;
color:#9a9a9a;
}

/*prod general*/

.strikethrough{
  font-size:.9em !important;
  text-decoration:line-through;
}

/*product list*/

ul#prodList{
  margin:0;
  padding:0;
  list-style:none;
}

ul#prodList li{
  border-top:2px solid #5C615B;
}

div.prodImgWrap{
  float:left;
  padding: 0 12px 12px 0;
}

div.prodMoreInfo{
  background-color:#5C615B;
  float:right;
  padding:4px 12px;
}

div.prodMoreInfo a{
  color:#41C8F3;
}

h2.prodTitle, h2.prodPrice{
  color:#000 !important;
}

h2.prodPrice{
  font-style:oblique;
}

/*prod detail*/

#prodImageWrap{
  float:left;
  padding:2px;
  background-color:#5C615B;
  margin: 0 0 12px;
}

#purchaseOptionsWrap{
  border:2px solid #5C615B;
  padding:12px;
  float:right;
  width:250px;
  margin: 0 0 12px;
}

#purchaseOptionsWrap h3{
  margin-top:0px;
}

#purchaseOptionsWrap input{
  width:40px;
}

#prodTotal{
  border-top:1px solid #5C615B;
  padding:12px 0 0;
  color:#000 !important;
  font-size:1em !important;
}

#prodDescWrap{
  clear:both;
}

input.sumbmitButt, button{
  width:auto !important;
  background-color:#5C615B;
  border:0;
  color:#41C8F3;
  cursor:pointer;
  padding:4px;
}

input.sumbmitButt{
  float:right;
}

/*cart*/

table{
  width:100%;
}

td, th{
  padding:2px 12px;
}

td, th{
  font-size:.8em;
}

td{
  vertical-align:top;
}

th, tfoot td{
  background-color:#5C615B;
  color:#41C8F3;
}

.tableNum{
  text-align:right;
}

div.prodOption{
  font-size:.7em;
  padding-left:12px;
}

div#checkoutWrap{
  float:right;
}

/*sign up*/

.hiForm{}

.hiForm label{
  float:left;
  width:150px;
  margin-bottom:12px;
}

.hiForm input{
  float:left;
  margin-bottom:12px;
}

div.form_error{
  color:red;
  font-weight:bold;
  margin-bottom:6px;
}

.hiForm br{
  clear:left;
}

.hiForm span{
  float:left;
  width:270px;
  padding-left:6px;
}

.hiForm span.help{
  font-size:0.8em;
  color:#65AF1C;
  width:250px;
}

p.success{
  font-weight:bold;
  font-size:1.2em;
  text-align:center;
  color:#65AF1C;
}

/*
  custom calculator
*/

div#custCalcWrap{}

p#validateTips{
  color:red;
  font-weight:bold;
}

table#custCalcTable td input{
  text-align:right;
}

table#custCalcTable td.total{
  text-align:right;
  font-weight:bold;
}

td.measureCell input{
  width:50px;
}