/* Utilites
------------------------------ */


* { margin: 0;}

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border { border: none!important; }

.container { overflow: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }



/* Main custom rules
------------------------------ */

html { 
background: #ffffff; 
font: .75em/1.5 Helvetica, Verdana, Arial sans-serif; 
}


#wrapper { 
width: 760px;
margin: 0 auto;
border-left: 10px solid #edfaff;
border-right: 10px solid #edfaff;
}

#homepage {
border-left: 1px solid #0e8ebf;
border-right: 1px solid #0e8ebf;
}


/*header*/

#header{
width: 97%;
height: 144px;
background: url(../images/header-bg.jpg) no-repeat;
}

#header a{
color: #090909;
}

#shopcart{
padding-top: 0px;
float: left;
width: 100px;
}

#help {
text-align: right;
}

.header-butt {
width: 95px;
height: 25px;
position: relative;
top: 95px;
left:454px;
float: left;
padding-right: 10px;
}

.header-butt a {
left:0px;
position: absolute;
width: 95px;
height: 25px;
text-indent: -1000em;
}



/*menu*/

#menu{
height: 41px;
font: 13px Helvetica, verdana, arial sans-serif;
color: #044561;
background: url(../images/menu-bg.jpg) no-repeat;
font-weight: bold;
}

.m1 {
width: 130px;
height: 41px;
float: left;
text-align: center;
line-height: 41px;
line-height: 41px;
padding-left: 11px;
padding-right: 11px;
}


a.rollover {
background: url(../images/menu-hover.gif) no-repeat;
display: block;
width: 93px;
height: 82px;
}

a.rollover:hover {
background-position: 0 /*  */  -41px; /*  */
}

.m1 a {
color: black;
text-decoration: none;
width: 130px;
height: 41px;
}


#menu a:hover {
text-decoration: none;
color: #e4faff;
width: 130px;
height: 41px;
}



.gr {
float: left;
width: 16px;
overflow: hidden;
}

.gr-long {
float: left;
width: 40px;
overflow: hidden;
}

#menu a{
color: #006699;
}

.current-page {
width: 130px;
height: 41px;
display: block;
background: url(../images/menu-current.jpg) no-repeat;
background-position: 50% 100%;
float: left;
text-align: center;
line-height: 41px;
color: #e4faff;
padding-left: 11px;
padding-right: 11px;
}

#menu-shadow {
height: 9px;
background: url(../images/menu-shadow.gif) repeat-x;
}


/*content*/


#content-column {
background: url(../images/content-bg.jpg) no-repeat;
height: 451px;
}


.step1{
width: 250px importan;
padding-left: 282px;
padding-top: 63px;
font: 13px Helvetica, arial sans-serif;
color: #303030;
font-style: italic;
}

.ster-title{
font: 16px Helvetica, arial sans-serif;
color: #01779f;
font-style: italic;
text-decoration: none;
font-weight: 600;
}

.step2{
width: 250px importan;
padding-left: 282px;
padding-top: 9px;
font: 13px Helvetica, arial sans-serif;
color: #303030;
font-style: italic;
}

.step3{
width: 250px importan;
padding-left: 282px;
padding-top: 10px;
font: 13px Helvetica, arial sans-serif;
color: #303030;
font-style: italic;
}


.complete {
width: 300px importan;
padding-left: 247px;
position: relative;
top: 10px;
font: 13px Helvetica, arial sans-serif;
color: #303030;
font-style: italic;
}


.content-butt {
float:left;
height:74px;
left:524px;
position:relative;
top:54px;
width:222px;
}

#header_signup {
width: 222px;
height: 74px;
/*text-indent: -1000em;*/
padding-right: 15px;}



.content-butt a {
position: absolute;
width: 222px;
height: 74px;
padding-right: 15px;
z-index:99999;
}


.more {
width: 215px;
height: 39px;
position: relative; 
left:318px;
top: 175px;
float: left;
font: 13px Helvetica, arial sans-serif;
color: #303030;
font-style: italic;
background: url(../images/more-ul.gif) no-repeat;
padding-left: 12px;
padding-bottom: 2px;}


.more a{
color: #1a8eb9;
text-decoration: none;
}



/*constnant*/

img {
vertical-align: middle;
}

input { vertical-align: middle; }

.button {
line-height: 10px; width: auto; overflow: hidden; cursor: pointer;
}

/*footer*/


#footer{
clear: both;
height: 61px;
background: url(../images/footer-bg.jpg) no-repeat;
color: #ffcc66;
font: 10px Helvetica, arial, verdana, tahoma sans-serif;
text-align: center;
line-height: 31px;
}

#footer a{
color: #ffe996;
text-decoration: none;
font: 11px Helvetica, arial, verdana, tahoma sans-serif;
}

.copy {
line-height: 12px;
color: #89d4d4;
}