
/* PAGE PADDING */

* {
	padding: 0px; /* static */
	margin: 0px; /* static */
}

/* BODY */

body {
	background-color: #fff;
	font: normal 13px Century Gothic;
	background-position: default;
	background: url("/images/body-bg.gif") repeat-x scroll 0 0 transparent;
}

/* PAGE WRAPPERS */

#contentWrapper {
	min-height: 950px; /* static */
	width: 1000px; 
	margin-top:220px;
}
#contentWrapperHome {
	min-height: 950px; /* static */
	width: 1000px; 
	
}
#pageWrapper {
	margin: auto;
	width: 1000px;
	background-image: none;
	background-position: none;
	background-repeat: none;
	background-color: transparent;
	padding: 5px;
	margin-top: 0px;
}

/* H1 STYLES */

#mastHead h1 {
	float: left;
	width: 200;
	height: 56px;
	margin-top: 24px;
	border: none;
}
h1 a span {
	display: none;
}

/* H2 H3 H4 H5 STYLES */

h2 {
	font-family: "Century Gothic"; 
	font-size: 30px;
	color: #000; 
	font-style: normal; 
	font-weight: normal;
}
.myaccounttable h2 {
	font-family: "Century Gothic"; 
	font-size: 23px;
	color: #000; 
	font-style: normal; 
	font-weight: normal;
}
h3 {
	font-family: "Trebuchet MS"; 
	font-size: 14px;
	color: #F7941D;
	font-style: normal; 
	font-weight: 100; 
	border-bottom: none;
	border-bottom-style: none;
	border-bottom-color: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #333333;
	text-transform: uppercase;
}

/* LINK STYLES */

a {
	color: #663399; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
}
a:hover, a:link:hover, a:visited:hover {
	color: #663399;
	text-decoration: underline;
	border: none;
}
a:active {
	color: #668501;
	text-decoration: none;
}
a:visited {
	color: #111;
	text-decoration: none;
}

/* PARAGRAPH STYLES */

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 123%;
	padding-left: 0px;
	padding-top: 5px;
}

/* UL LI BULLET HELPERS */

ul li {
	list-style: none;
	list-style-image: none;
	list-style-position: inherit;
}
ul {
	margin-left: 20px;
}

/* LAYOUT HELPERS */

.clear {
	clear: both;
}

/* HORIZONTAL RULE */

.horizontalRule {
	color: #FBFBFB;
	margin-top: 15px;
}

/* HEADER */

 #mastHead {
height: 96px;
width: 1000px;
color: default;
padding-top: 0px; 
padding-bottom: 0px;
background-color: fff;
    border: solid 1px #fff;
}

/* HEADER LOGIN */

 #userPassWrapper {
height: 45px;

float: right;
margin-top: 15px;
margin-right: 10px;  
}

/* NAVIGATION */

#primaryNavigationWrapper {
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: url(../images/Template00/nav_bg.jp);
	background-position: center;
	background-repeat: no-repeat;
	height: 32px;
	margin-top: 54px;
	width: 420px;
	margin-left: 230px;
}
#primaryNavigationWrapper ul, #primaryNavigationWrapper ul ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 1;
}
#primaryNavigationWrapper ul a {
	display: block;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#primaryNavigationWrapper ul li {
	float: left;
	list-style: none;
	padding-left: 0px; 
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 3px;
	width: default;
}
#primaryNavigationWrapper ul li a {
	color: #888888;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: normal;
	background-color: transparent;
	font-family: "Century Gothic"; 
}
#primaryNavigationWrapper ul li a:hover {
	text-decoration: none;
	color: #000000;
}

/* DROP DOWN NAVIGATION */

#primaryNavigationWrapper ul li ul {
	position: absolute;
	margin: 0px;
	margin: 5px;
	margin-top: 2px;
	left: -999em;
	z-index: 10000;
	border-color: none;
	border-style: solid;
	border-width: 0px;
	background-color: transparent;
	border-top-color: #fff;
}
#primaryNavigationWrapper ul li ul li {
	clear: both;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 170px;
}
#primaryNavigationWrapper ul ul li a {
	display: block;
	color: #666666;
	text-decoration: none;
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-left: 10px; 
	padding-right: 0px; 
	width: 100%;
	height: 20px;
	background-color: #fff;
    border-left: solid 1px #000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#primaryNavigationWrapper ul li:hover ul, #primaryNavigationWrapper ul li.sfhover ul {
	left: auto;
	background: transparent;
}
#primaryNavigationWrapper ul li ul ul {
	margin-left: 10em;
	margin-top: -1em;
}
#primaryNavigationWrapper ul.navigation li:hover ul ul, #primaryNavigationWrapper ul.navigation li.sfhover ul ul {
	left: -999em;
}
#primaryNavigationWrapper ul li li:hover ul, #primaryNavigationWrapper ul li li.sfhover ul {
	left: auto;
}
#primaryNavigationWrapper ul ul li a:hover {
	display: block;
	color: #000000;
	text-decoration: none;
	height: 20px;
	background-color: #ffffff;
	background-image: none;
}

/* MAIN HOME CONTENT */

.promo {
	width: 1000px;
	height: 198px;
	float: left;
	margin-top: -207px;
}
.whattoutone {
	width: 650px;
	height: 250px;
	float: left;
	margin-top: 50px;
	
}
.touttwo {
	width: 275px;
	height: 280px;
	float: right;
	margin-top: 102px;
	margin-left: 20px;
	
}
.featuredToutTwo {
	width: 300px;
	height: 200px;
	float: left;
	margin-left: 20px;
    margin-top: 80px;	
}
.featuredWhatTout {
	width: 650px;
	height: 200px;
	float: left;
	margin-left: 0px;
	margin-right: 40px;
	margin-top: 20px;
	
}
.featuredWhatTout img {
	float: left;
	margin-right: 20px;
}
.toutone {
	width: 1000px;
	height: 400px;
	float: left;
	margin-top: 50px;
}
.toutone img {
	margin-bottom: 10px;
	margin-top: 5px;
}
.featuredMainTout {
	width: 300px;
	height: 300px;
	float: left;
	margin-left: 0px;
	margin-right: 40px;
	margin-top: 20px;
}
.featured {
	width: 150px;
	height: 310px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
}
.featuredText {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
}
.featuredTextBlack {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
}
.featuredTout {
	width: 474px;
	height: 170px;
	float: left;
	margin-top: 20px;
	margin-right: 18px;
	margin-bottom: 80px;
}
.featuredTout img {
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;
}
.featuredTout p {
	margin-bottom: 10px;
	margin-top: 5px;
}


/* HOW IT WORKS */

.template {
	width: 220px;
	height: 210px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
.howitworkstoutone {
	width: 1000px;
	height: 200px;
	float: left;
	margin-top: 30px;
	padding: 0px;
}
.howitworksText {
	color: #EC009B; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
}
.requestTout {
	width: 474px;
	height: 370px;
	float: left;
	margin-top: 20px;
	margin-right: 18px;
}
.requestTout p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 123%;
	padding-left: 0px;
	padding-bottom: 40px;
}

/* SERVICES */

.servicestoutone {
	width: 1000px;
	height: 200px;
	float: left;
	margin-top: 30px;
	padding: 0px;
}
.services {
	width: 440px;
	height: 120px;
	float: left;
	margin-top: 20px;
	margin-left: 0px;
}
.services p {
	float: left;
	width: 280px;
	margin-bottom: 10px;
}
.services img {
	float: right;
	clear: right;
	margin-top: 0px;
}

/* SEO TEXT */

.seo {
    color: #CCCCCC; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
}

/* FOOTER */

#footer {
    width: 1000px;
	height: 300px;
	clear: both;
	color: #000;
	background-color: #fff;
}
#footer img {
	border: none;
}
#footer h4 {
	color: #fff;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
}
.footerLinksWrapper {
	background-color: white;
	height: 200px;
	margin-top: 35px;
}
.footerLinks {
	width: 155px;
	height: 100px;
	float: left;
	padding: 0px;
	border-right-color: #eeeeee;
	border-right-style: solid;
	border-right-width: 1px;
}
.footerLinks a {
    color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
}
.footerLinks a:hover {
	color: #000000;
	text-decoration: none;
}
.footerLinks div ul {
	padding-bottom: 5px;
	margin-left: 0px;
}
.footerLinks div ul li {
	float: left;
	margin: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	margin-left: 0px;
}
.footerLinksLast {
	width: 155px;
	height: 100px;
	float: left;
	padding: 0px;
	border-right-color: none;
	border-right-style: none;
	border-right-width: none;
}
.footerLinks a {
    color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
}
.footerLinks a:hover {
	color: #000000;
	text-decoration: none;
}
.footerLinks div ul {
	padding-bottom: 5px;
	margin-left: 0px;
}
.footerLinks div ul li {
	float: left;
	margin: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 0px;
	margin-left: 0px;
}
.floatLeft1
{
                margin-left: 120px;
                margin-right: 15px;
                float: left;
}

.floatLeft2
{
                float: left;
                clear: none;
}
.signup li 
{
	list-style: none;
	float:left;
	padding: 0px 7px;
	border-right:1px solid #A0A0A0;
}
.signup .last
{
	border-right:none;
}

.signuptext
{
	width:127px;
	height:23px;
	color:#A0A0A0;	
}
/* Class Specific ******************************/

.formWrapper div {
	clear: both;
	text-align: left;
}

.formWrapper label {
	display: block;
	float: left;
	width: 48%;
	padding: .4em .4em 0 0;
	text-align: right;
}

.label {
	display: block;
	float: left;
	width: 48.5%;
	padding: .2em 0;
	text-align: right;
}

.staticField {
	display: block;
	float: right;
	width: 48.5%;
	padding: .2em;
	text-align: left;
}

.formWrapper .inputDesc {
	margin-left: 49%;
}
.quote,  .quote a
{
	
	font-size:10px;
	text-decoration:none;
}
/***********************************************/
/* Checkout Steps                              */
/***********************************************/ 

.steps {
	position: relative;
		top: 0;
		left: 0;
	height: 30px;
}

.steps span {
	float: left;
	display: block;
	width: auto !important;
	width: 50px;
	min-width: 50px;
	padding: 3px 30px;
	background: url(/images/checkout2_bg.gif) transparent no-repeat right center;
	text-align: center;
	white-space: nowrap;
}

.steps span.past {
	background: url(/images/checkout1_bg.gif) transparent no-repeat right center;
	color: #fff;
}

.steps .step1 {
	z-index: 5;
	position: relative;
	margin-left: 0;
}

.steps .step2 {
	z-index: 4;
	position: relative;
	margin-left: -10px;
}

.steps .step3 {
	z-index: 3;
	position: relative;
	margin-left: -10px;
}

.steps .step4 {
	z-index: 2;
	position: relative;
	margin-left: -10px;
}

.curStep {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
/***********************************************/
/* Layout Table                                */
/***********************************************/ 
.layoutTable {	
	padding:2px;
	width:800px;
}
.layoutTable td {
	padding: 2px 1px;	
	border: 1px solid #333333;
	text-align: center;
}
.layoutTable .row td {	
	border: 1px solid #BC3023;
}
.layoutTable .altRow td {	
	border: 1px solid #BC3023;
}
.layoutTable img {
	vertical-align: middle;
	padding: 1px;
}
.layoutTable .row:hover td {	
	border: 1px solid #BC3023;
}
.layoutTable .altRow:hover td {	
	border: 1px solid #BC3023;
}
.layoutTable th
{
	background-color:#BC3023;
	border: 1px solid #BC3023;
	color:White;
}

.layoutTable td.cartSubTitle, .layoutTable td.cartTotalTitle {
	text-align: right;
}
/* Dimensions **********************************/
.fullWidth, 
.whole {
	width: 100%;
}
.halfWidth, 
.half {
	width: 48%;
	padding:2px;
}
.thirdWidth
{
	width:30%;
	padding:2px;
}
/* Spacing *************************************/
.padding {
	padding: 5px;
}
.margins {
	margin: 5px;
}
/* Images **************************************/
.pic {
	width: 282px;
}
.thumb {
	width: 100px;
	margin: 4px;
	background: transparent;
}
a:hover .thumb {
}
/* Fonts ***************************************/
.smaller {
	font-size: .9em;
}
.larger {
	font-size: 1.1em;
}
.important {
	color: #a00;
}
/* Alignment ***********************************/
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.margin {
	margin: auto;
}
/* Borders *************************************/
.noBorder {
	border: none;
}
/***********************************************/
/* Forms                                       */
/***********************************************/

form {
	margin-bottom: .5em;
}

fieldset {
	padding: .5em;	
	border:solid 1px #666;
}

legend {	
	color: #666;
}

label {
	font-weight: none;
	cursor: pointer;
}

input, select, textarea {
	margin: 2px;
}

input[type=checkbox] {
	margin: 4px 2px;
}

label, input, select {
	vertical-align: middle;
}

