﻿*{
margin:0;
padding:0;
}

body {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif; 
line-height:18px;
background: #9B9B9B url('../images/bg1.gif') no-repeat fixed center top;
color: #3D55A2; 
}

input, select {
font-family: "Trebuchet MS", Arial, sans-serif; 
color:#666666;
font-size:11px;
background: #FAFAFA;
border: 1px solid #C8C8C8;
margin:0 5px;
padding:1px 5px;
}

ul, ol {
	margin: 0 0 0 20px;
}

h1 {
font-size:21px; 
font-weight:bold; 
color: #0063B8; 
margin: 0 0 5px 0; 
text-transform:uppercase;
}

h2 {
font-size:18px; 
font-weight:bold; 
color: #59800D; 
margin: 0 0 5px 0; 
text-transform:uppercase;
}

#redeemmsg {
	font-size:15px;
	text-transform:none;
}

h3 { 
font-size:13px; 
font-weight:bold; 
color: #0063B8; 
margin: 0 0 5px 0; 
}

.emp-blue {
font-weight:bold;
color:#3D55A2;
text-transform:uppercase;
}

.emp-orange {
font-weight:bold;
color:#7EA82C;
}

.emp-orange-ital {
font-weight:bold;
color:#7EA82C;
font-style:italic;
}

.emp-white {
color:#FFFFFF;
font-weight:bold;
}

a img {
border:0;
} 

a { 
text-decoration: none; 
color: #0063B8;
}

a:hover { 
text-decoration: none; 
color: #FFA800; 
}

p {
margin: 0 0 15px 0; 
line-height: 1.64em; 
}

#x { 
clear: both; 
}

/* Form */

form {
display:inline;
}

.thirdtextfield {
width: 61px;
}

.halftextfield {
width: 95px;
}

.textfield {
width: 150px;
}

.comments {
width: 202px;
height:20px;
}

.select {
width: 209px;
}

.stateselect {
width: 64px;
}

.button {
width: 75px;
height: 20px;
padding: 0;
background:#FFA800;
color: #FFFFFF;
margin:0;
font-size:11px;
font-weight:normal;
}

.button:hover {
color: #0063B8;
background:#CCCCCC; 
}

/* Wrapper */

#wrapper {
width: 979px;
margin: 10px  auto 0 auto;
}

/* Logo */

#logo {
	float: left;
	height: 89px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* Navigation */

#navigation {
clear: left;
width:700px;
float: right;
height: 30px;
margin: -30px 0 0 0;
}
	
#navigation ul { 
float: left; 
padding: 7px 0; 
}

#navigation li { 
display: inline;  
}

#navigation li a { 
float: left; 
margin: 0 5px 0 0; 
padding: 6px 0 15px 15px; 
color:#662C92;
}

#navigation li a:hover {
color:#FFFFFF;
}

#navigation li a span { 
padding: 6px 15px 15px 0; 
}

#navigation li a.current { 
background: url(../images/tableft.gif) no-repeat; 
color: #BB7DE7; 
}

#navigation li a.current span {
background: url(../images/tabright.gif) no-repeat right top; 
}

/* Holder */

#holder-top {
clear: both;
height: 26px;
background: url(../images/content-top.gif) no-repeat;
margin: 0 auto;
}

#holder-middle {
background: url(../images/content-middle.gif) repeat-y;
padding: 0 20px 25px 20px;
}

#holder-bottom { 
clear: both; 
padding: 6px 0 7px 0; 
background: url(../images/content-bottom.gif) no-repeat left bottom; 
}

/* Redeem Bar */

#redeem-bar {
width:895px;
padding:10px 10px 10px 15px;
margin:0 auto 10px auto;
border:1px dotted #CCCCCC;
text-align:center;
}

/* Main */
#main {
padding:20px 10px;
margin:0;
}
#rightbox {
	float:right;
	font-size: 10px;
	border: 1px dotted #ccc;
	width: 225px;
	margin: 0px 0px 35px 35px;
	padding: 10px;
	clear: both;
}
#formlabels {
	float:left;
	text-align: right;
}
#formwrapper {
float:left;
}
#formwrapper input{
width:200px;
}
#formwrapper select {
width:213px;
}
.redeembutton {
border:none;
}


/* Brands */

#brands {
background: url(../images/content-middle.gif) repeat-y;
padding:5px 0 10px 30px;
margin:0 auto;
}

#brands img {
margin:0 4px 0 0;
}

/* Convert */

.convert-a {
float: left;
width: 111px;
line-height: 2.2em;
margin: 0 12px  0 10px;
border: 1px dotted #CCCCCC;
padding:10px 90px 10px 10px;
background:url(../images/Button.jpg) right top no-repeat;
font-size:12px;
}

.convert-a a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert-b {
float: left;
width: 111px;
line-height: 2.2em;
margin: 0 12px 0 10px;
border: 1px dotted #CCCCCC;
padding:10px 90px 10px 10px;
background:url(../images/Coupons.jpg) right top no-repeat;
font-size:12px;
}

.convert-b a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert-c {
float: left;
width: 111px;
line-height: 2.2em;
margin: 0 12px 0 10px;
border: 1px dotted #CCCCCC;
padding:10px 90px 10px 10px;
background:url(../images/Mouse.jpg) right top no-repeat;
font-size:12px;
}

.convert-c a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert-d {
	width: 111px;
	line-height: 2.2em;
	margin: 0 9px 0 10px;
	border: 1px dotted #CCCCCC;
	padding:10px 90px 10px 10px;
	background:url(../images/Laptop.jpg) right top no-repeat;
	font-size:12px;
	float: right;
}

.convert-d a {
background:url(../images/bullet.gif) left no-repeat;
padding:0 0 0 20px;
}

.convert img { 
padding: 10px; 
border: 1px solid #ddd; 
margin: 0 0 5px; 
}

/* Footer */
	
#footer { 
padding: 11px; 
color: #777777; 
font-size:10px;
}

#footer ul {
margin:0;
padding:0;
}

#footer li {
display:inline;
margin:0;
padding:0 5px;
}

#footer a {
color:#666666;
}

#footer a:hover {
color:#662C92;
}

.lefty { 
float: left; 
}

.righty { 
float: right; 
}

/* Carousel */

.stepcarousel {
position: relative; /*leave this value alone*/
z-index:0;
padding: 0;
overflow: scroll; /*leave this value alone*/
width: 943px; /*Width of Carousel Viewer itself*/
height: 209px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0; /*margin around each panel*/
width: 943px;
height: 209px;
padding: 70px 40px 0 30px;
color: #fff;
}

.stepcarousel .panel h4{ 
float:left; 
line-height:28px;  
font-size:30px;
width:400px; 
padding:0; 
margin:0; 
font-weight: normal; 
font-style:normal;
color: #3D58AF;
}

.stepcarousel .panel h4 span { 
font-size: 18px; 
font-style: italic; 
color: #E31C24; 
}

#mygallery-paginate {
width:900px;
text-align:left;
line-height:100%;
margin:-20px 0 15px 20px;
z-index:1;
position:relative;
}
/* HighSlide */

.highslide-container div {
    font-size: 12px;
}
.highslide-html {
    background-color: #777777;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: #FFFFFF;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #999999;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: #FFFFFF;
    background-color: #FFFFFF;
}
.indent p{
margin: -5px 0 12px 11px;
}

/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: #FFFFFF;
}
.highslide-wrapper .highslide-html-content {
    width:700px;
	height: auto;
    padding: 10px;
	color: #000000;
    background-color: #FFFFFF;
}

.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: #3B6EBF;
    text-decoration: none;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-dimming {
	background: #000000;
}
.style1 {
	text-align: center;
}
.style3 {
	color: #006AA6;
	font-size: 14pt;
}
.style5 {
	color: #0369B1;
	font-size: 13pt;
}
.style7 {
	color: #0369B1;
	font-size: 15pt;
}