/* apply to all the elements */
* { margin: 0; padding: 0; }

/* html elements */
body
{
    font-size: 62.5%;
    font-family: Arial, Sans-Serif;
    background: url(https://www.preferredce.com/images/page_bg.gif) repeat-x #fff;
    color: #373839;
}
img
{
    border: none;
}
input.btn {   
	color:#000;   
	font: bold 94% 'trebuchet ms',helvetica,sans-serif;   
	}   

/* wrappers, ideed elements and classes */

.whole-wrapper
{
    width: 100%;
    overflow: hidden;
}
#top-container
{
    width: 843px;
    height: 98px;
    margin: 0 auto;
    overflow: hidden;
}
#top-container #logo
{
    width:153px;
    height: 80px;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
	display: inline;	
    font-size: 1.6em;
    color: #1F99D5;
    display: block;
}
#top-container #login-box
{
    float: right;
    margin-top: 15px;
    margin-right: 10px;
    text-align: right;
    overflow: hidden;
}
#login-box label, #login-box strong
{
    font-size: 1.2em;
    color: #939598;
    line-height: 25px;
    margin-right: 5px;
}
.blue-bar
{
    background: url(https://www.preferredce.com/images/blue_bar_bg.gif) repeat-x;
}
#blue-bar-container
{
    width: 843px;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
}
#blue-bar-container ul, #blue-bar-container li
{
    list-style: none;
}
#blue-bar-container ul
{
    float: right;
    margin-top: 4px;
    margin-right: 10px;
}
#blue-bar-container li
{
    display: inline;
    margin-right: 40px;
}
#blue-bar-container li.last
{
    margin-right: 0;
}
#blue-bar-container ul li a
{
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
#blue-bar-container ul li a:hover
{
    color: #FAA21E;
}
.banner-bar
{
    background: url(https://www.preferredce.com/images/banner_bar_bg_internal.gif) repeat-x left top #fff;
}
#banner-bar-container
{
    width: 843px;
    height: 198px;
    background: url(https://www.preferredce.com/images/banner.jpg) no-repeat left top;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
#banner-bar-container p.testimonial
{
    font-size: 1.4em;
    color: #81A0C2;
    position: absolute;
    top: 75px;
    left: 290px;
}
#banner-bar-container p.ipod
{
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 165px;
    left: 30px;
}
#banner-bar-container p.live-help
{
    font-size: 1.8em;
    color: #94AFBE;
    text-align: right;
    position: absolute;
    top: 35px;
    left: 715px;
}
#banner-bar-container a.start-chat
{
    display: block;
    position: absolute;
    top: 85px;
    left: 740px;
    width: 80px;
    height: 20px;
   background: url(https://www.preferredce.com/images/start_chat_button.gif) no-repeat;
}


#banner-bar-container div.start-chat
{
    display: block;
    position: absolute;
    top: 85px;
    left: 740px;
    width: 80px;
    height: 20px;
   /* background: url(https://www.preferredce.com/images/start_chat_button.gif) no-repeat; */
}
#content-wrapper
{
    width: 843px;
    margin: 0 auto;
    padding-bottom: 5px;
    background: url(https://www.preferredce.com/images/content_container_bg.gif) repeat-y;
    position: relative;
    overflow: hidden;
}
#content-wrapper-bottom
{
    width: 843px;
    height: 10px;
    margin: 0 auto 20px;
    background: url(https://www.preferredce.com/images/content_container_bottom.gif) no-repeat;
}
#content-wrapper .blue-bar
{
    width: 823px;
    height: 20px;
    margin: 4px auto 5px;
    background: #81A0C2;
    overflow: hidden;
}
#content-wrapper .blue-bar h2
{
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 500px;
    margin: 2px 10px;
}
#content-wrapper .blue-bar span
{
    float: right;
    font-size: 1.4em;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    margin: 2px 5px;
}
#content-wrapper .blue-bar input.refer-a-friend-button
{
    display: block;
    width: 19px;
    height: 20px;
    float: right;
    background: url(https://www.preferredce.com/images/refer_a_friend_button.gif) no-repeat;
    border: none;
}
#content-wrapper .whole-width-container
{
    width: 803px;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
}
#content-wrapper .orange-bordered-container
{
    width: 691px;
    float: left;
    margin-left: 15px;
    padding: 10px;
    border: solid 1px #FFCC00;
    overflow: hidden;
}
#content-wrapper h1
{
    font-size: 3em;
    color: #1F99D5;
    display: block;
}
#content-wrapper h2
{
    font-size: 1.8em;
    color: #81A0C2;
    display: block;
    margin-bottom: 15px;
}
/*#content-wrapper strong
{
    font-size: 1.4em;
    font-weight: bold;
    color: #FAA21E;
    display: block;
    margin-bottom: 20px;
}*/
#content-wrapper p
{
    font-size: 1.5em;
    color: #373839;
    line-height: 25px;
    display: block;
    margin-bottom: 15px;
}
#content-wrapper p.contact
{
    font-size: 1.4em;
    color: #939598;
    font-weight: bold;
    line-height: 20px;
}
#content-wrapper p a
{
    color: #FAA21E;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
}
#content-wrapper p a:hover
{
    text-decoration: underline;
}
.orange-bordered-container h2, .orange-bordered-container strong, .orange-bordered-container p
{
    width: 555px;
}
/* .orange-bordered-container table
{
    width: 500;
    border-top: solid 1px #E8ECF2;
    border-left: solid 1px #E8ECF2;
    float: left;
    margin-bottom: 5px;
}
.orange-bordered-container td
{
    border-right: solid 1px #E8ECF2;
    border-bottom: solid 1px #E8ECF2;
    padding: 3px;
}
.orange-bordered-container td span
{
    font-size: 1.2em;
    font-weight: bold;
    color #848484;
}
*/
.orange-bordered-container ul
{
    float: left;
    list-style: disc;
    margin-top: 10px;
    margin-left: 30px;
}
.orange-bordered-container li
{
    font-size: 1.4em;
    font-weight: bold;
    font-style: italic;
    color: #81A0C2;
    line-height: 20px;
}
.orange-bordered-container .pantene-blurb
{
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0;
    color: #FAA21E;
}
#content-wrapper .authorize-net
{
    width: 90px;
    height: 72px;
    position: absolute;
    left: 743px;
    top: 30px;
    z-index: 3;
}
#content-wrapper .start-today
{
    width: 223px;
    height: 143px;
    position: absolute;
    left: 615px;
    top: 100px;
    z-index: 2;
}
#content-wrapper .godaddy-blurb
{
    position: absolute;
    left: 733px;
    top: 425px;
    z-index: 4;
}
.empty-space
{
    width: 100px;
    height: 380px;
}
/* usable classes */
.clear       { clear: both; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.block       { display: block; margin-bottom: 5px; }
.strong      { font-weight: bold; }
.black       { font-family: "Arial Black"; }
.italic      { font-style: italic; }