
#wrap {
	width: 100%;
	margin: 0px;
	background: #F2F2F2;
}


#header {
        background: #333333;
        color: #CCCCCC;
        line-height: normal;
        height: 80px;
        width: 100%;
        overflow: hidden;
}



#logo {
        float: left;
        margin-left: 25px;
}



#header_img {
        float: right;
        width: 602px;
        height: 80px;
        background: url(http://www.steps2.net/templates/images/header3.jpg) no-repeat top right
}

#header_mask {
        width: 602px;
        height: 80px;
        background: url(http://www.steps2.net/templates/images/header-mask.png) no-repeat top right;
}



#top_menu {
        float: left;
        width: 100%;
        height: 36px;
        line-height: 34px;
	border-top: 1px solid #666666;
	background: #444444;
}



#top_menu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        padding-left: 25px;   
}

#top_menu li {
        float: left;
        text-align: center;
       	background-color: #444444;
	border-left: 1px solid #666666;
	border-right: 1px solid #333333;
	margin-right: 1px;
}



#top_menu a{
        text-decoration: none;
        display: block;
        color: #CCC;
        padding: 0px 20px;
}

#top_menu li a:hover, #top_menu li a:active, #top_menu li a:focus {
	background: url(http://www.steps2.net/templates/images/arrow_up.png) no-repeat bottom center #555555;
	color: #FFFFFF;
}



#main_area {
        float: left;
        width: 100%;
        background-color: #ECECEC;
}




#left_area {
        float: left;
        width: 21%;
        background: url(http://www.steps2.net/templates/images/left_area_bkg.jpg) repeat-x #ECECEC;
}


#left_area ul {
        margin: 32px 0px 0px 20px;
        padding: 0px;
        list-style: none;
}


#left_area li {
        padding-right: 20px;
}



#left_area li a{
        color: #333;
        text-decoration: none;
        font-weight: normal;
        padding: 0 0 0 15px;
        display: block;
        border-bottom: 1px dotted #333;
        line-height: 25px;
        background: url(http://www.steps2.net/templates/images/bullet.gif) no-repeat 2px center;
}

#left_area .first {
        border-top: 1px dotted #333;
}

#left_area li a:hover {
        background-color: #DDD;
}

#left_area li a:active, #left_area li a:focus {
        background-color: #FFF;
}


.bnew {
        font-weight: bold;
        color: red;
}



#content_area {
        float: left;
        width: 79%;
        min-height: 450px;
        background: url(http://www.steps2.net/templates/images/content_bkg.jpg) repeat-x #F6F6F6;
}

#content{
        margin: 32px;
        font-size: 12px;
        line-height: 18px;
        text-align: justify;
        color: #333;
}

#content h1 {
        font-size: 24px;
        font-weight: bold;
        line-height: 18px;
        color: #333;
        padding-bottom: 10px;
        background: url(http://www.steps2.net/templates/images/dot2line.gif) repeat-x 50% 100%;
}

#content h2 {
        font-size: 18px;
        font-weight: normal;   
        line-height: 24px;
        color: #333;
}

#content .h2_space {
        margin-top: 30px;
}

#content p {
        font-size: 12px;
        font-weight: normal;
        color: #333;
        line-height: 18px;
        margin: 12px 0 12px 0;
}


#content .footer_note_top {
        margin: 12px 0 0 0;
}

#content .footer_note_bottom {
        margin: 0 0 12px 0;
}


#content .ul_height li {
        line-height: 24px;
}

#content ol {
        padding: 0px;
}


#content ol li {
        line-height: 24px;
        margin-left: 50px;
        margin-top: 18px;
}

#content a {
        color: #333
}


#content .h2bkg {
        background: #DDD 100%;
        padding-left: 5px;
}



#content .contacts {
        list-style: none;
        margin: 0px;
        padding: 0px;
}

#content .table3 {
         width: 100%;
}

#content .table3 tr {
         vertical-align: top;
}

#content .table3 td {
         width: 33%;
}


#content #contact_form ul {
         list-style: none;
         padding: 0;
         margin: 30px 0px 10px 0px;
}


#content #contact_form li{
         padding-bottom: 10px;

}

#content #contact_form li label {
         display: block;
         float: left;
         width: 8em;
         margin-right: 1em;
}


#content #contact_form select {
         width: 362px;
}

#content #contact_form .button {
	padding: 3px 5px;
	border: 1px solid #333333;
	background: url(http://www.steps2.net/templates/images/button_effect.gif) repeat-x top #333;
	color: #CCCCCC;
	font-size: 85%;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 30px;
	width: 120px;
}

#content #contact_form .button:hover, #create_account .button:focus {
	border: 1px solid #999999;
	background: #333333;
	color: #FFFFFF;
}

#content #contact_form .required_field {
         font-size: 16px;
         font-weight: bold;
}

#content #contact_form .error_message {
         margin-left: 5px;
         color: red;
}

#content #contact_form .error_message_description {
         line-height: 181px;
         vertical-align: 50%;
         color: red;
}


#content .p15 {
         margin-top: 15px;
}


#content .paypal_info .paypal_col1 {
         width: 90px;
         font-weight: bold;
}



#footer_area{
        float: left;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: url(http://www.steps2.net/templates/images/footer_bkg.jpg) repeat-x;
}



#copyright {
        float: left;
        width: 20%
        font-weight: bold;
        color: #333;
}

#copyright p{
        margin: 0;
        margin-left: 25px;
}



.designed-space {
       margin-left: 10px;
}

.designed-by {
       padding-left: 10px;
}

.designed-by a{
       color: #333;
}




#footer_menu {
        float: right;
        width: 50%;
        text-align: right;
}


#footer_menu ul {
        list-style: none;
        margin:0;
}

#footer_menu li{
        display: inline;
        padding-left: 15px;
        padding-right: 15px;
        border-right: 1px dotted #333;
}
 
#footer_menu .last_option {
        border-right: none;
        padding-right: 25px;
}


#footer_menu li a{
        color: #333;
        text-decoration: none;
}

#footer_menu li a:hover, #footer_menu li a:active, #footer_menu li a:focus {
        color: #000;
}