html, body, h1, h2, h3, h4, h5, h6, div, p, ul, li, input, select, td, a{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

body{
    margin: 0px;
    padding: 0px;
    font-size: 12px;

    background-image: url(/images/m_backgroundimage.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    background-attachment: fixed;

    background-color: #C9C9CA;
    text-align: center;
}

.noshow{
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
}

#homelinkC{
    position: absolute;
    top: 86px;
    left: 8px;
    width: 204px;
    height: 54px;
}
#homelink{
    display: block;
    text-decoration: none;
    width: 204px;
    height: 54px;
}
#homelink:hover{
    text-decoration: none;
}

#mainContainer{
    position: relative;
    background-color: #FFFFFF;
    position: relative;
    margin: 0px auto 0px auto;
    width: 742px;
    text-align: left;
}

/*#############################################################*/
/*############ LOGO STYLES ####################################*/
#header{
    background-image: url(/images/m_header.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px; margin: 0px;
    width: 742px; height: 141px;
}
/*################ END LOGO STYLES ############################*/
/*#############################################################*/

/*#############################################################*/
/*################ MENU BAR STYLES ############################*/
#menubarContainer{
    position: relative;
    z-index: 5000;

    background-image: url(/images/m_menubar.jpg);
    background-repeat: repeat-x;
    background-position: top left;

    margin: 0px; padding: 0px;
    width: 100%;
    height: 24px;
    text-align: right
}
#menubarContainer2{
    background-image: url(/images/m_menubar_right.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height: 24px;
    white-space: nowrap;
    text-align: right;
    width: auto;
    padding-right: 149px;
}

#footermenu{
    position: relative;
    background-color: #0D585E;

    height: 24px;
    white-space: nowrap;
    text-align: center;
    padding-right: 0px;
    width: 742px;
}

#footermenu a{
    height: 15px;

    background-image: url(/images/m_pipe.jpg);
    background-repeat: no-repeat;
    background-position: center left;

    padding: 1px 12px 0px 12px;

    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
#footermenu a.a0{
    background-image: none;
}
#footermenu a:hover{
    color: #EEE810;
    text-decoration:none;
}

#tmenu{
    position: relative;
    z-index: 2500;
    padding: 0px;
    list-style-type: none;
    white-space: nowrap;
    float: right;
    margin: 3px 0px 0px auto;
}

#tmenu li{
    display: inline;
    list-style-type: none;
    text-align: center;
}

#tmenu li a{
    display: block;
    float: left;
    height: 15px;

    background-image: url(/images/m_pipe.jpg);
    background-repeat: no-repeat;
    background-position: center left;

    padding: 1px 12px 0px 12px;

    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
#tmenu li a.a0{
    background-image: none;
}

#tmenu li a:hover{
    color: #EEE810;
    text-decoration:none;
}

.empty{ visibility: hidden; position: absolute; left: 0; top: 0; }

.dropDownMenu{
    display: block;
    position: absolute;
    z-index: 5000;
    top: 21px;
    left: 0px;

    background-image: url(/images/m_cellheader_repeat.jpg);
    background-repeat: repeat;
    background-position: top left;
    background-color: #0D585E;

    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 100px;
    border: 1px solid #34FCFA;

    visibility: hidden;
}
html>body .dropDownMenu{
    width: auto;
    min-width: 100px;
}

#tmenu li .dropDownMenu li{
    list-style-type: none;
    display: block;
    width: 100px;
    height: 16px;
    padding: 0px;
    margin: 0px;
    height: 16px;
    text-align: left;
    font-size: 11px;
    white-space: nowrap;
}
html>body #tmenu li .dropDownMenu li{
    padding: 0px 0px 3px 0px;
    width: auto;
    min-width: 100px;
}

#tmenu li .dropDownMenu li a{
    display: block;
    float: none;
    padding: 2px 8px 2px 8px;
    margin: 0px 0px 0px 0px;

    background-image: none;
    text-decoration: none;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    width: 100%;
    height: 16px;
    color: #FFFFFF;
    text-transform: none;
}
html>body #tmenu li .dropDownMenu li a {
    width: auto;
}

#tmenu li .dropDownMenu li a:hover{
    display: block;
    padding: 2px 8px 2px 4px;
    border-left: 4px solid #34FCFA;
    text-decoration:none;
    color: #EEE810;
}

    /*################ DROP DOWN ##################################*/
/*################ END MENUBAR STYLES #########################*/

/*################ END COLUMN LEFT ############################*/
/*#############################################################*/

/*#############################################################*/
/*################ COLUMN MAIN ################################*/

#contentContainer{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 742px;
}

#columnRight{
    position: absolute;
    left: 518px;
    width: 224px;
    top: 0px;
    z-index: 2000;
    margin: 0px; padding: 0px;
}

#columnMain{
    position: relative;
    left: 0px; top: 0px;
    z-index: 1000;
    background-color: #FFFFFF;
    padding: 0px; margin: 0px;

    font-size: 16px;
    color: black;

    width: 742px;
}

#ccontent{
    width: 489px;
    padding: 4px;
}
html>body #ccontent{
    width: 489px;
}

#content{
    position: relative;
    height: 342px;
    padding: 0px;
}
html>body #content{
    height: auto;
    min-height: 342px;
}

#copyright{
    position: relative;
    background-color: #0BBACB;
    padding: 4px 0px 0px 0px;

    height: 21px;
    font-size: 10px;
    color: #2E4547;
    text-align: center;
    white-space: nowrap;
    width: 742px;
}
#copyright a{
    color: #2E4547;
    text-decoration: underline;
}
#copyright a:hover{
    color: #FFFFFF;
    text-decoration: none;
}
/*################ END COLUMN MAIN ############################*/
/*#############################################################*/

/*#############################################################*/
/*################ boxes ###############################*/

.box1, .box2, .box3{
    position: absolute;
    top: 16px;
    background-color: #E7EDED;
    border: 1px solid #035B69;
    height: 320px;
    width: 226px;
}
.box1{left: 12px; top: 12px;} .box2{left: 256px; top: 12px;} .box3{left: -16px; width: 224px;}
html>body .box1, html>body .box2{ width: 224px; }
html>body .box3{ width: 222px; }

.box1 ul, .box2 ul, .box3 ul, .box1 ol, .box2 ol, .box3 ol{
    margin: 1px 0px 1px 20px;
    padding: 0px 0px 0px 0px;
}
.box1 ul, .box2 ul, .box3 ul{
    list-style-image: url(/images/m_bullet.jpg);
}

.box1 ul li, .box2 ul li, .box3 ul li{
    margin: 0px;
    padding: 0px;
    font-size: 13px;
}

.box1 ul ul li, .box2 ul ul li, .box3 ul ul li{
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.astart{
    display: block;
    background-image: url(/images/m_start_button.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 217px;
    height: 145px;

    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
.astart:hover{
    color: #DDDDDD;
    text-decoration: none;
    cursor: pointer;
}

/* .m_cellHeaderR goes in .m_cellHeader */
.m_cellHeaderR{
    background-image: url(/images/m_cellheader_repeat.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 0px; margin: 0px;
    width: 100%;
    height: 16px;
}
.m_cellHeader{
    background-image: url(/images/m_cellheader_left.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px; margin: 0px;
    height: 16px;

    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

div.sidebar{
    background-color: #F0F0F0;
    border: 1px solid #BBBBBB;

    margin: 10px 0px;
    padding: 7px;
    text-align: left;

    width: 234px;
}
html>body div.sidebar{
    width: 220px;
}
div.sidebar li{
    font-weight: bold;
    color: #222277;
}

/*################ END COLUMN RIGHT ###########################*/
/*#############################################################*/

/*#############################################################*/
/*################ CONTENT TABLES #############################*/

td.cellHeader{
    background-color: #28355D;
    border-top: 1px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;

    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    height: 16px;
}
td.cell{
    background-color: #FFFFFF;
    color: #000000;

    border-top: 0px none #FFFFFF;
    border-bottom: 1px solid #7F82A3;
    border-left: 0px none #FFFFFF;
    border-right: 0px none #FFFFFF;

    padding: 2px 8px;
    font-size: 12px;
    text-align: left;
}
td.cellOdd{
    background-color: #F0F0F0;
    color: #000000;

    border-top: 0px none #FFFFFF;
    border-bottom: 1px solid #7F82A3;
    border-left: 0px none #FFFFFF;
    border-right: 0px none #FFFFFF;

    padding: 2px 8px;
    font-size: 12px;
    text-align: left;
}

td.cellHelp{
    height: 24px;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
}

/* used as a separator */
td.cellBottom{
    background-color: white;
    color: black;
    border: 0px solid white;

    padding: 2px 8px 16px 8px;
    font-size: 12px;
    text-align: left;
}

/*################ END CONTENT TABLES #########################*/
/*#############################################################*/

/*#############################################################*/
/*################ FORM ELEMENTS ##############################*/
.button, .buttonOver{
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    color: #000000;
    border: 0px none #000000;
    font-size: 12px;
    cursor: pointer;
    width: 94px;
    height: 20px;
}
.button{
    background-image: url(/images/m_button.gif);
}
.buttonOver{
    background-image: url(/images/m_button_over.gif);
}

input.buttonMain{
    background-color: #EABA61;
    color: #000000;
    border-left: 2px solid #F3F3F3;
    border-right: 2px solid #000000;
    border-top: 2px solid #F3F3F3;
    border-bottom: 2px solid #000000;
    height: 34px;
    width: 42px;

    padding: 0px 2px;
    font-weight: bold;
    font-size: 12px;
}

input, select{
    background-color: #F3F3F3;
    color: #000000;
    border: 1px inset #595959;

    font-size: 12px;
}

/*################ END FORM ELEMENTS ##########################*/
/*#############################################################*/

/*#############################################################*/
/*################ ANCHORS ####################################*/

a{
    text-decoration: none;
    color: #00488C;
}
a:hover{
    color: #24B0C1;
    text-decoration: underline;
}

a img{
    border: 0px solid #FFFFFF;
}

a.cellHeader{
    color:#FFFFFF;
    text-decoration:none;
    font-weight: bold;
}
a.cellHeader:visited{
   color:#FFFFFF;
}
a.cellHeader:hover{
    color:#F0F0FF;
}

a.cellHeaderSmall{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
a.cellHeaderSmall:visited{
    color: #FFFFFF;
}
a.cellHeaderSmall:hover{
    color: #F0F0FF;
    text-decoration: underline;
}

a.cell{
    text-decoration:none;
    font-weight: bold;
}

a.cellLarge{
    text-decoration:none;
    font-weight: bold;
    text-decoration: none
}
a.cellLarge:hover{
    text-decoration: none
}

a.menucell{
    text-decoration:none;
    font-weight: bold;
    font-size: 12px;

    vertical-align: middle;
}
a.menucell:hover{
    text-decoration:underline;
}

/*################ END ANCHORS ################################*/
/*#############################################################*/

/*#############################################################*/
/*################ MISC #######################################*/

/* DONT CHANGE THIS P */
p{
    margin-top: 0px;
    margin-bottom: 0px;
}
/* END DON'T CHANGE */

ul.menu{
    list-style-type: disc;
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 8px;
}

ul.menu li{
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FF0000;
}

h1{
    font-size: 20px;
    color: #073F50;
    border-left: 7px solid #708A99;
    border-bottom: 2px solid #708A99;
    padding: 2px 5px;
}
h2{
    font-size: 19px;
    color: #0C4B52;
    margin: 18px 0px;
}
h3{
    font-size: 16px;
    color: #0C4B52;
}
h4{
    font-size: 14px;
    color: #0C4B52;
}
h5{
    font-size: 12px;
    color: #0C4B52;
}
h6{
    font-size: 10px;
    color: #0C4B52;
}

ul, ol{
    margin: 16px 0px 4px 24px;
    padding: 0px 0px 0px 0px;
}

ul li, ol li{
    margin: 3px 0px;
    padding: 0px;
    font-size: 14px;
}

ul ul li{
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

/*used for the checkout page header text and for email header text*/
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}

strong{
    color: #6F0608;
    font-weight: bold;
}

span.boldHeader{
    color: #0000FF;
    font-weight: bold;
}

span.small{
    font-size: 12px;
}

span.large, span.error{
    color: #FF0000;
    font-weight: bold;
}

span.good{
    color: #0000FF;
    font-weight: bold;
}

/* replacement for hr */
div.hr{
    height: 1px;
    width: 100%;
    border-top: 1px solid #FF0000;
    margin: 8px 0px;
}

form{
    padding: 0px;
    margin: 0px;
}

table.center{
    margin-left: auto;
    margin-right: auto;
}

table.right{
    margin-left: auto;
    margin-right: 0px;
}

/* general 100% + 0 padding and 0 margin (where applicable) */
.t100{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

td.pad0{
    padding: 0px;
}

div.center{
    width: 100%;
    text-align: center;
}

div.right{
    width: 100%;
    text-align: right;
}

div.press, td.feature{
    margin: 15px 5px;
    padding: 8px;
    background: #F0F0F0;
    border: 1px solid #BBBBBB;
    text-align: left;
    vertical-align: top;
}
td.feature h3{
    margin-top: 0px;
}
td.feature img{
    border: 3px outset #777777;
}

/* for the theme selector */
ul.themes{
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
    white-space: nowrap;
}

ul.themes li{
    border: 0px solid #FFFFFF;
    margin: 4px 0px 0px 0px;
    padding: 0px;
    text-align: left;
    width: 140px;
}

ul.themes li a, ul.themes li a:visited{
    display: block;
    padding: 1px 0px 1px 4px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #000000;
    width: 100%;
    background-color: #222288;
    color: #FFFFFF;
}

html>body ul.themes li a, html>body ul.themes li a:visited{
    width: auto;
}

ul.themes li a:hover{
    background-color: #AA2222;
    text-decoration:none;
    border: 1px solid #000000;
    color: #FFFFFF;
}

/* for the site package buttons */
.package, .package1, .package2{
    margin: 5px auto;
    padding: 0px;
    width: 240px;
}
.package1, .package2{
    text-align: left;
    font-size: 14px;
}
.package1 p, .package2 p{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 8px;
}
.package1{
    border: 1px solid #7777BB;
    background-color: #EEEEFF;
}
.package1 strong, .package1 a{
    color: #0000BB;
}
.package2{
    border: 1px solid #BB7777;
    background-color: #FFEEEE;
}
.package2 strong, .package2 a{
    color: #BB0000;
}
.package span.price{
    font-size: 26px;
    color: #F3E330;
}
.package a, .package a:visited{
    display: block;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    width: 100%;
}
html>body .package a, html>body .package a:visited{
    width: auto;
}
a.package1{
    border: 3px outset #000077;
    background-color: #222288;
}
a.package2{
    border: 3px outset #770000;
    background-color: #882222;
}
.package a:hover{
    text-decoration: none;
    color: #FFFFFF;
}
a.package1:hover{
    border: 3px inset #000077;
    background-color: #2222DD;
}
a.package2:hover{
    border: 3px inset #770000;
    background-color: #DD2222;
}

.tnail{
   /* margin: 3px; */
}
.tnail img{
    border: 1px solid #999999;
    margin: 4px 1px 4px 1px;
}
.tnail a, .tnail a:visited{
    display: block;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #999999;
    background-color: #D0D0D0;
    color: #333333;
}
html>body .tnail a, html>body .tnail a:visited{
    width: auto;
}
.tnail a:hover{
    text-decoration: none;
    background-color: #E5E5E5;
    color: #333333;
}

div.sitedesign{
    padding: 8px;
    margin: 8px;
    background-color: #F0F0F0;
    border: 1px solid #BBBBBB;
}
div.sitedesign h3{
    margin-top: 0px;
    text-align: center;
}
div.sitedesign p{
    margin-bottom: 10px;
    text-align: justify;
}