/***************************************************************
Style Sheet for Step It Up Queen

Copyright 2008 by Step It Up Queen, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance Code
***************************************************************/

body {
	font-family:arial, helvetica, sans-serif;
	font-size:89%;
	color: #1A0605;
	background: url('images-layout/body-bg.gif') left top repeat;
}

p {
	margin:0 0 1.0em 0;
	padding:0;
	line-height:1.4em;
}

form {
	display:inline;
}
.formRight{
	text-align: right;
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}

label {
	font-weight:bold;
}


a:link, a:visited {
	color:#ddb330;
}
a:hover, a:active { 
	color:#dca23f;
	text-decoration:none;
}

h1 {
	margin:0;
	margin-bottom:.5em;
	padding-top:20px;
	font-family: arial, helvetica, sans-serif;
	font-size:175%;
	color:#490C09;
}

h2 {
	margin:0;
	margin-bottom:.3em;
	font-family: arial, helvetica, sans-serif;
	font-size:120%;
	color:#e8a22d;
}

h3 {
	margin-top:0;
	margin-bottom:.3em;
	font-family: arial, helvetica, sans-serif;
	font-size:110%;
}

img {
	border:0px;
	margin:0px;
}

.hr {
	margin:12px 0;
	border-bottom:1px solid #dbdbdb;
}
.hr1 {
	margin:12px 0;
	border-bottom:1px solid #dbdbdb;
	width:450px;

}

ul, ol {
	margin-top:0;
	margin-bottom:.6em;
}
.clear1 {
	clear:left;
}


/***************************************************************
Appearance Code Applied to Layout Elements
***************************************************************/

#container {
	top:0;
	width:100%;
	padding-top:223px;
	padding-left:0;
	padding-right:0;
}

#content {
	width:100%;
	padding:0 0 0 0;
	background: url('images-layout/content-bg.gif') top left repeat-x #370101;
}

#columnWrapper {
	width: 960px;
	left: 50%;
	margin-left: -480px;
	padding:0;
	border-right: 1px solid #1e0504;
}



.columnStyle1 {
	position:relative;
	margin:0;
	padding: 0 10px 20px 20px;
}
.columnStyle1 .columnTopLeft {
	display:none;
}
.columnStyle1 .columnTopRight {
	
}
.columnStyle1 .center {
	padding:0;
}
.columnStyle1 .columnBottomLeft {
	display:none;
}
.columnStyle1 .columnBottomRight {
	
}



.columnStyle2 {
	padding:0;
}
	.columnStyle2 .columnTopLeft {
		display:none;
	}
	.columnStyle2 .columnTopRight { }
	.columnStyle2 .center {
		margin:0;
		padding:0 0 1px 0;
		min-height: 400px;
		/* IE6 Mumbo Jumbo */
		height: auto !important;
		height: 400px;
		font-size:90%;
		border-width: 0 1px;
		border-style: solid;
		border-color: #1e0504;
		background: #fff url('images-layout/left-nav-bg.gif') repeat-x;
	}
	.columnStyle2 .columnBottomLeft {
		display:none;
	}
	.columnStyle2 .columnBottomRight { }

	
	
.column3 {
	font-size:90%;
}

.storeButton {
	margin:20px 0 0 100px;
}
	.storeButton a:link, .storeButton a:visited {
		display:block;
		width:500px;
		height:59px;
		padding-top:16px;
		text-align:center;
		text-decoration:none;
		font-size:33px;
		color:#FFFFFF;
		border:3px solid #DDB330;
		background:transparent url(images-layout/store-button-bg-uhl.gif) no-repeat scroll 0 0;
		}
		.storeButton a:active, .storeButton a:hover {
			background:transparent url('images-layout/store-button-bg-hl.gif') no-repeat;
		}
#flashContent1 {

	}
#flashContent2 {
	
	}
#flashContent3 {

	margin-top:20px;
	}
#flashContent4 {
	margin-top:20px;
	}
/***************************************************************
List Styles
***************************************************************/
.ulStyle1 {
	margin:6px 0 .5em 11px;
	padding-left:0;
	
	list-style:none;
}
.ulStyle1 li {
	margin:0;
	margin-bottom:.6em;
	padding-left:12px;
	height:1%;
	background: url('images-layout/bullet-red-disc.gif') 0 5px no-repeat;
}
.ulStyle1 li a:link, .ulStyle1 li a:visited {
	text-decoration:underline;
}
.ulStyle1 li a:hover, .ulStyle1 li a:active {
	text-decoration:none;
}
.ulStyle1 ul {
	margin:.4em 0 4px .4em;
	padding-left:0;
	
	list-style:none;
}
.ulStyle1 ul li {
	margin-bottom:.4em;
	padding-left:12px;
	background: url('images-layout/bullet-red-disc.gif') 0 7px no-repeat;
}


.ulStyleSpaced li{
	margin-bottom:.6em;
}

.olStyleSpaced li{
	margin-bottom:.6em;
}
.olStyleSpaced li p{
	padding:.6em 0 0 0;
}



/***************************************************************
Table Styles
***************************************************************/

.comparison {
	margin-bottom:1em;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
}
.comparison th {
	padding:6px 4px 6px 6px;
	color:#fff;
	border:1px solid #fff;
	border-width:0 1px 1px 1px;
	background:#004167;
}
.comparison td {
	padding:4px 4px 4px 6px;
	border:1px solid #d1dde4;
	background-color:#fff;
}

.comparison .topLeft {
	padding-left:10px;
	border-left:none;
	background:url('/images-layout/comparison-top-left.gif') top left no-repeat #004167;
}
.comparison .top {

}
.comparison .topRight {
	padding-right:10px;
	border-right:none;
	background:url('/images-layout/comparison-top-right.gif') top right no-repeat #004167;
}

.comparison .left {
	padding-left:10px;
	color:#fff;
	border-left:none;
	border-color:#fff;
	background-color:#768aa0;
}
.comparison .right {
	border-right:1px solid #004167;
}

.comparison .bottomLeft {
	padding-bottom:6px;
	padding-left:10px;
	color:#fff;
	border-width:1px 1px 0 0;
	background:url('/images-layout/comparison-bottom-left.gif') bottom left no-repeat #768aa0;
}
.comparison .bottom {
	border-bottom:1px solid #004167;
}
.comparison .bottomRight {
	border-width:1px 0 0 1px;
	background:url('/images-layout/comparison-bottom-right.gif') bottom right no-repeat #fff;
}

/***************************************************************
Text Styles
***************************************************************/
.price {
	font-weight:600;
	color:#065e25;
}
.bonusText {
	font-weight: bold;
	color:#f00;
}


h2.error {
	margin:1em 0;
	text-align:center;
	color:#c00;
}
p.error {
	margin:1em 8%;
	padding:1%;
	width:80%;
	border:2px solid #c00;
	background:#fcc;
}

h2.message {
	margin:1em 0;
	text-align:center;
	color:#090;
}
p.message {
	margin:1em 8%;
	padding:1%;
	width:80%;
	border:2px solid #090;
	background:#cfc;
}

.errorText {
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}
.yes {
	font-weight:600;
	color:#065e25;
}
.no {
	font-weight:600;
	color:#8f2525;
}

.quote {
	padding:0 3px;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}

.extraLine {
	margin-bottom:1.5em;
}
.halfLine {
	margin-bottom:.5em;
}

.rss-feed.website {
	margin: 25px 0 25px 30px;
    position: relative;
    right: 0;
    top: 0;
	}
	.rss-feed.website img {
		left: -3px;
		}

.rss-feed {
	position: absolute;
    right: 26px;
    top: 25px;
	}
	.rss-feed a {
		display:block;
		text-decoration:none;
		font-weight:bold;
		}
	.rss-feed a img {
		left: -40px;
    position: absolute;
    top: -8px;
		}

.preOrder.newsletter a {
	background: url('/images-layout/sign-up-for-newsletter.png') no-repeat;
	height:39px;
	width:180px;
	margin:10px 0;
	}
	.preOrder.newsletter a:hover {
		background: url('/images-layout/sign-up-for-newsletter.png') 0 bottom no-repeat;
		}

.preOrder.newsletter .button {
	background: url('/images-layout/sign-up-for-newsletter.png') no-repeat;
	height:39px;
	width:180px;
	margin:10px auto 0;
	}
	.preOrder.newsletter .button:hover {
		background: url('/images-layout/sign-up-for-newsletter.png') 0 bottom no-repeat;
		}

/* ------------------ Headers -----------------*/


/* ------------------- Links ------------------*/

.call-to-action-blog {
	border: 2px solid #B5A1A1;
    display: block;
    height: 146px;
    position: relative;
    right: -9px;
    text-align: center;
    width: 176px;
	}
	.call-to-action-blog .text {
		color: #490C09;
		display: block;
		font-size: 115%;
		font-weight: bold;
		padding-top: 0;
		position: relative;
		top: 21px;
		}
	.call-to-action-blog .button a {
		background: url("images-layout/blog-button-bg.png") no-repeat scroll 0 0 #FFFFFF;
    bottom: 9px;
    clear: both;
    color: #000000;
    display: block;
    font-size: 150%;
    font-weight: bold;
    height: 39px;
    padding-top: 12px;
    position: absolute;
    right: 7px;
    text-decoration: none;
    width: 161px;
		}
.mailFormLabel{
    float: left;
    margin-top: 2px;
    width: 50px;
}
.mailFormSubmit{
	margin-left:50px;
}
.successfulSubmit {
    background: none repeat scroll 0 0 #CFDBEC;
    display: inline-block;
    padding: 10px;
}
/***************************************************************
Image Classes
***************************************************************/