@charset "UTF-8";
/* CSS Document */

body {
	background: url(../emotion-imgs/back.gif) repeat-x #c4d6d5;
	margin: 0 auto;
	padding: 0;
}

#head {
	background: url(../emotion-imgs/topBG.png) no-repeat bottom;
	width: 990px;
	height: 200px;
	padding: 50px 0 0 0;
	margin: 0 auto;
}

#logo {
	width: 285px;
	height: 148px;
	float: right;
	margin: 0 80px 0 0;
}

#testHead {
	background: url(../emotion-imgs/testRideBG.png) no-repeat bottom;
	width: 990px;
	height: 200px;
	padding: 50px 0 0 0;
	margin: 0 auto;
}

#cyclesHead {
	background: url(../emotion-imgs/powabykes.png) no-repeat bottom;
	width: 990px;
	height: 200px;
	padding: 50px 0 0 0;
	margin: 0 auto;
}

#scootHead {
	background: url(../emotion-imgs/e-scooters.png) no-repeat bottom;
	width: 990px;
	height: 200px;
	padding: 50px 0 0 0;
	margin: 0 auto;
}

#powaHead {
	background: url(../emotion-imgs/powabykes.png) no-repeat bottom;
	width: 990px;
	height: 200px;
	padding: 50px 0 0 0;
	margin: 0 auto;
}

#testLogo {
	width: 285px;
	height: 148px;
	float: left;
	margin: 0 0 0 40px;
}

#pageTitle {
	width: 590px;
	margin: 0 0 0 25px;
	padding: 105px 0 0 0;
	float: left;
}

#pageTitle h1 {
	font: 34px Georgia, "Times New Roman", Times, serif;
	color: #006633;
	font-weight: normal;
	margin: 0;
}

#wrap {
	background: url(../emotion-imgs/arrowBottom.png) no-repeat top;
	width: 990px;
	margin: 0 auto;
}

#content {
	background: url(../emotion-imgs/whiteBack.gif) top no-repeat #FFF;
	width: 869px;
	margin: 0 0 0 16px;
	padding: 0 0 10px 0;
}

#nav {
	height: 21px;
	margin: 0 0 0 10px;
}

#left {
	width: 620px;
	margin: 0 10px;
	float: left;
}

#left h1 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #339933;
}

#left p {
	font: 13px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #333;
	margin: 5px 0;
	line-height: 19px;
}

#left p.sans {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	margin: 5px 0;
	line-height: 19px;
	width: 580px;
}

#left a:link, #left a:visited {
	color: #333;
	text-decoration: none;
}

#left a:hover, #left a: active {
	color: #000;
	border-bottom: 1px dashed #333;
}

#orangeHome {
	width: 200px;
	float: left;
	border-top: solid 4px #ff9a00;
	border-bottom: solid 2px #ff9a00;
	margin: 0 10px 0 0;
}

#orangeHome a:link, #orangeHome a:visited {
	color: #ff9a00;
	text-decoration: none;
}

#orangeHome a:hover, #orangeHome a:active {
	color: #ff9a00;
	text-decoration: underline;
}

#orangeHome h1 {
	font: 19px Georgia, "Times New Roman", Times, serif;
	color: #ff9a00;
	margin: 5px 0;
}

#orangeHome p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

#orangeHome p.orangeTop {
	font: 13px Arial, Helvetica, sans-serif;
	color: #ff9a00;
	margin: 5px 0;
	border-top: solid 2px #ff9a00;
	padding: 5px 0 0 0;
}

#greenHome {
	width: 200px;
	float: left;
	border-top: solid 4px #7ecd0d;
	border-bottom: solid 2px #7ecd0d;
	margin: 0 10px 0 0;
}

#greenHome a:link, #greenHome a:visited {
	color: #7ecd0d;
	text-decoration: none;
}

#greenHome a:hover, #greenHome a:active {
	color: #7ecd0d;
	text-decoration: underline;
}

#greenHome h1 {
	font: 19px Georgia, "Times New Roman", Times, serif;
	color: #7ecd0d;
	margin: 5px 0;
}

#greenHome p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

#greenHome p.greenTop {
	font: 13px Arial, Helvetica, sans-serif;
	color: #7ecd0d;
	margin: 5px 0;
	border-top: solid 2px #7ecd0d;
	padding: 5px 0 0 0;
}

#turquoiseHome {
	width: 200px;
	float: left;
	border-top: solid 4px #009b9b;
	border-bottom: solid 2px #009b9b;
}

#turquoiseHome a:link, #turquoiseHome a:visited {
	color: #009b9b;
	text-decoration: none;
}

#turquoiseHome a:hover, #turquoiseHome a:active {
	color: #009b9b;
	text-decoration: underline;
}

#turquoiseHome h1 {
	font: 19px Georgia, "Times New Roman", Times, serif;
	color: #009b9b;
	margin: 5px 0;
}

#turquoiseHome p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

#turquoiseHome p.turquoiseTop {
	font: 13px Arial, Helvetica, sans-serif;
	color: #009b9b;
	margin: 5px 0;
	border-top: solid 2px #009b9b;
	padding: 5px 0 0 0;
}

#3colorWrap p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

.split {
	clear: both;
}

#3colorWrap {
	padding: 10px 0;
}

#right {
	border-top: 4px #00662b solid;
	width: 210px;
	float: left;
	margin: 10px 0 0 0;
}

#right h1 {
	color:#00662b;
	font: 20px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 5px 0 10px 0;
}

h2.postTitle {
	font: 14px Arial, Helvetica, sans-serif;
	color: #009a22;
	margin: 5px 0;
	font-weight: bold;
}

#right p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0;
	line-height: 19px;
}

#right a:link, #right a:visited {
	color: #00662b;
	text-decoration: none;
}

#right a:hover, #right a:active {
	color: #00662b;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

#right2 {
	width: 210px;
	float: left;
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
}

#right2 h1 {
	color:#00662b;
	font: 20px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 5px 0 10px 0;
}

h2.postTitle {
	font: 14px Arial, Helvetica, sans-serif;
	color: #009a22;
	margin: 5px 0;
	font-weight: bold;
}

#right2 p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0;
	line-height: 19px;
}

#right2 a:link, #right2 a:visited {
	color: #00662b;
	text-decoration: none;
}

#right2 a:hover, #right2 a:active {
	color: #00662b;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

.post {
	/* border-bottom: 1px dashed #666; */
}

/* For the other Pages */

#infoLeft {
	width: 595px;
	float: left;
	padding: 0 10px 0 0;
}

#infoLeftPad {
	width: 585px;
	float: left;
	padding: 0 10px;
}

#infoLeftPad a:link, #infoLeftPad a:visited {
	color: #333;
	text-decoration: none;
}

#infoLeftPad a:hover, #infoLeftPad a:active {
	color: #333;
	text-decoration: underline;
}

#infoLeftPad h1 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
}

#infoLeftPad h2 {
	font: 20px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
}

#infoRight {
	width: 260px;
	float: left;
}

#infoRight h1 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
}

h1.center {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
	text-align: center;
}

p.greenSerif {
	font: 15px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #009922;
	margin: 5px 0;
	line-height: 19px;
}

p.greySans {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	margin: 5px 0;
	line-height: 19px;
}

p.greySansCenter {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	margin: 5px 0;
	line-height: 19px;
	text-align: center;
}

p.greySans2 {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	margin: 10px 0;
	line-height: 19px;
}

p.greenSans {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00662b;
	margin: 5px 0;
	line-height: 19px;
}

p.greenSansCenter {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00662b;
	margin: 5px 0;
	line-height: 19px;
	text-align: center;
	border: 1px #b7d4d3 solid;
	padding: 5px 0;
}

.splitter {
	border-top: #999 dashed 1px;
}

/* For the shopping pages */

#shopLeft {
	width: 595px;
	float: left;
	padding: 0 10px 0 0;
}

#shopLeftPad {
	width: 655px;
	float: left;
	padding: 0 10px;
}

#shopLeftPad a:link, #shopLeftPad a:visited {
	color: #00662b;
	text-decoration: none;
}

#shopLeftPad a:hover, #shopLeftPad a:active {
	color: #00662b;
	text-decoration: underline;
}

#shopLeftPad h1 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
}

#shopLeftPad h2 {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00662b;
}

#cartPage {
	width: 830px;
	float: left;
	padding: 0 10px;
}

#cartPage a:link, #cartPage a:visited {
	color: #00662b;
	text-decoration: none;
}

#cartPage a:hover, #cartPage a:active {
	color: #00662b;
	text-decoration: underline;
}

#cartPage h1 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
}

#cartPage h2 {
	font: 18px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #00662b;
}

p.catIntro {
	font: 13px Arial, Helvetica, sans-serif;
	color: #666;
}

p.breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0;
}

#shopRight {
	width: 175px;
	float: left;
	padding: 10px 0 0 0;
}

#shopRight a:link, #shopRight a:visited {
	color: #00662b;
	text-decoration: none;
}

#shopRight a:hover, #shopRight a:active {
	color: #00662b;
	text-decoration: none;
}

#shopRight h1 {
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #00662b;
}

#shopRight h2 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00662b;
	border-top: 2px #00662b solid;
}

/* Product List stuff */

.prodItem {
	width: 200px;
	height: 200px;
	margin: 10px 10px 10px 0;
	border: 2px #9fc6c4 solid;
	float: left;
}

p.prodItemName {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
	color: #00662b;
}

p.prodItemPrice {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
	color: #00662b;
}

p.prodItemAdd {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
	color: #00662b;
}

p.prodItemImage {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
	color: #00662b;
}

#prodDesc p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

p.price {
	font: 16px Arial, Helvetica, sans-serif;
	color: #333;
}

p.logo {
	text-align: center;
}

.catOutline {
	padding: 0 0 20px 0;
	clear: both;
}

#bcBox {
	padding: 10px 0 0 0;
}

#bd a:link, #bd a:visited {
	color: #7fcc0d;
	text-decoration: none;
}

#bd a:active, #bd a:hover {
	color: #7fcc0d;
	border-bottom: 1px dotted #7fcc0d;
}

#right p.newsLink {
	font: 11px Arial, Helvetica, sans-serif;
	color: #009b9b;
	padding: 2px 0;
	margin: 0;
	border-top: solid 2px #00662b;
}

.greenLine {
	border-top: solid 2px #00662b;
}

/*
 * Shopping Cart Styles BEGIN
 */
.ShoppingCart {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: white;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ShoppingCart .Empty{
    padding: 30px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.ShoppingCart input{
}
/*
 * Shopping Cart Styles END
 */
 
 /*
 * Checkout Styles BEGIN
 */
.Checkout {
    padding: 0px;
    margin: 2px;
    width: 100%;
    background-color: white;
    font-family: Tahoma, Verdana;
    color: #333333;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Checkout .Title {
    padding: 12px 0px 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #00662b;
    font-size: 16px;
    font-weight: bold; 
    text-align:left;
}

.Checkout .Block {
    padding: 15px;
    border: 1px #E5E5E5 solid;
}

.Checkout .ColumnTitle {
    white-space: nowrap;
    color: #666666;
    font-weight: bold;
}

.Checkout .ColumnValue {
}

.Checkout .TotalLabel {
    white-space: nowrap;
    padding-right: 7px;
    font-weight: bold;
}

.Checkout .TotalValue {
    font-weight: bold;
}

.Checkout .Left {
    text-align:left;
}

.Checkout .Right {
    text-align:right;
}

.Checkout .Center {
    text-align:center;
}

.Checkout input.Normal,
.Checkout textarea.Normal,
.Checkout select.Normal {
}

.Checkout input.Error ,
.Checkout textarea.Error,
.Checkout select.Error {
    border: 1px solid red;
}

.Checkout select.Short {
    width: 100px;
}

.Checkout .Required {
}

.Checkout .Error {
}

.Checkout .Errors {
    padding: 15px;
    color: red;
    text-align: left;
    line-height: 20px;
}

.Checkout .Empty {
    padding: 30px 0px 40px 0px;
    font-family: Tahoma, Verdana;
    color: #C63983;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.Checkout .ImpossibleToComputeShippingCost {
    padding: 20px;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.CurrencyNotAppropriateForActivePaymentModules
{
    padding: 20px;
    color: #C63983;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

/*
 * Checkout Styles END
 */
 
.OrderInfo .field {
    text-align: right;
    background: #EEF2F8;
    color: #333333;
}

.OrderInfo .value {
    text-align: left;
}

.OrderInfo .products_header {
    color: #333333;
    background: #EEF2F8;
}

.OrderInvoice {
    color: black;
    font-size: 8pt;
}

.OrderInvoice .field {
    font-weight: bold;
    text-align: right;
}

.OrderInvoice .value {
    color: #666666;
    text-align: left;
}

.OrderInvoice .group_header {
    color: black;
    text-decoration: underline;
    font-size: 10pt;
    font-weight: bold;
}

.OrderInvoice .price_field {
    font-weight: normal;
    text-align: right;
    color: black;
}

.OrderInvoice .price_value {
    font-weight: bold;
    color: black;
    text-align: left;
}

#copyright {
	width: 955px;
	margin: 0 auto;
	padding: 10px 0;
	clear: both;
}

#copyright p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0;
}

#copyright a:link, #copyright a:visited {
	color: #666;
	text-decoration: none;
}

#copyright a:hover, #copyright a:active {
	color: #666;
	border-bottom: 1px dotted #333;
}

.smaller {
	font-size: 60%;
}

/* August updates */

.prodItemHoriz {
	width: 315px;
	height: 140px;
	padding: 10px 0 5px 0;
	float: left;
}

.prodItemHorizLeft {
	width: 100px;
	height: 80px;
	float: left;
	margin: 0 10px 0 0;
	padding: 20px 0 0 0;
}

.prodItemHorizMiddle {
	width: 200px;
	float: left;
}

p.itemName {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 0 5px 0;
	text-decoration: underline;
}

p.itemText {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 0;
}

p.itemPrice {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	font-weight: bold;
}

p.buyButton {
	margin: 5px 0 0 0;
}

.prodBreak {
	background: url(../emotion-imgs/dottedLine.gif) repeat-x;
	height: 10px;
	width: 600px;
	clear: both;
}