/* BASE CSS */

body {
    font-size: 76.1%;
    text-align: center;
    line-height: 1.3em;
    margin: 10px 0px;
}

#wrap-b {
    position: relative;
}

#wrap {
    height: 100%;
    margin: 0px;
    position: relative;
    padding: 0px;
}

#wrap-inner {
    text-align: left;
    position: relative;
    margin: 0px;
    padding: 0px;
}

.topbar {
    height: 2.25em;
    position: relative;
    top: 1px;
    margin: 0px 1px;
}

#header {
    position: relative;
    width: 100%;
}

#header h1 {
    position: relative;
    top: 5px;
    left: 10px;
    margin: 0px;
    padding: 0px;
}

#header h1 a {
    display: block;
    text-indent: -5000px;
    text-decoration: none;
}

#navbar {
    padding: 0px;
    height: 24px;
}

.moduletopnav {
    padding: 0;
    margin: 0;
}

.moduletopnav div {
    margin: 0px;
    padding: 4px 0px 0px 0px;
}

.moduletopnav div div {
    padding: 0px 0px 0px 5px;
}

.moduletopnav div div div {
    padding: 0px 0px 5px 0px;
}

#navbar .moduletopnav ul {
    list-style: none;
    margin: 1px 0px;
    padding: 0px;
}

#navbar .moduletopnav li {
    display: inline;
    margin: 0px 0px;
}

#navbar .moduletopnav a:link,#navbar .moduletopnav a:visited {
    margin: 0px;
    padding: 4px 8px;
}

#user1 {
    position: absolute;
    top: 5px;
    right: 10px;
}

#main-body {
    clear: both;
    float: left;
    width: 80%;
    position: relative;
    z-index: 100;
    padding-bottom: 10px;
}

#content {
    float: right;
    width: 75%;
}

#sidebar {
    float: left;
    width: 23.5%;
    margin-right: -3px;
    overflow: hidden;
}

#sidebar-2 {
    float: right;
    width: 19.25%;
    position: relative;
    margin-left: -3px;
    overflow: hidden;
}

#sidebar .inside {
    padding: 10px 4px 10px 10px;
}

#sidebar-2 .inside {
    padding: 10px 10px 10px 4px;
}

#content .inside {
    padding: 10px 4px;
}

#footer {
    position: relative;
    clear: both;
    margin:1px;
}

.clear {
    clear:both;
    height:10px !important;
    height:0;
}

.user4split2, .user6split2 {
    float: left;
    width: 49%;
    overflow: hidden;
}

.user5split2, .user7split2 {
    float: right;
    width: 49%;
    overflow: hidden;
}

.user6, .user7, .user6split2, .user7split2 {
    padding-top: 10px;
    overflow: hidden;
}

.module, .moduledarkS, .modulelightS, .modulemidS, .moduledark, .modulemid, .modulelight, .modulebdr {
    position: relative;
    margin: 0 0 1em;
    padding: 0px;
}

#headerleader .module, #headerleader .module div {
    margin: 0px;
    padding: 0px;
}

.modulelight div div div div, .modulemid div div div div, .moduledark div div div div, .modulelightS div div div div,.modulemidS div div div div,.moduledarkS div div div div, .modulebdr div div div div {
    background:none;
}

.module div, .moduledarkS div, .modulelightS div, .modulemidS div {
    margin: 0px;
    padding:2px 0px 0px 0px;
}

.module div div, .moduledarkS div div, .modulelightS div div, .modulemidS div div {
    padding: 0px 0px 0px 11px;
    margin: 0;
}

.module div div div, .moduledarkS div div div, .modulelightS div div div, .modulemidS div div div {
    padding: 0px 11px 11px 0px;
    height: auto !important;
    height: 1%;
}

.moduledark h3, .modulemid h3, .modulelight h3, .modulebdr h3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0.1em 0 0 !important;
}

.moduledark div, .modulemid div, .modulelight div, .modulebdr div {
    margin: 0px;
    padding:2.2em 0 0;
}

.moduledark div div, .modulemid div div, .modulelight div div, .modulebdr div div {
    margin: 0px;
    padding: 0px 0px 0px 12px;
}

.moduledark div div div, .modulemid div div div, .modulelight div div div, .modulebdr div div div {
    height: 1%;
    padding: 5px 12px 12px 0px;
}

td.buttonheading {
    width: auto;
    padding-right: 2px;
}

div.mosimage {
    margin: 5px;
}

.designertoo {
    display: none;
}

a img {
    border: 0px;
}

ul {
    margin-left: 15px;
}

p {
    margin: 1em 0;
}

table.contenttoc {
    margin: 5px;
    padding: 5px;
}

table.contenttoc td {
    padding: 0 5px;
}

*, .user4 p, .user5 p, .user6 p, user7 p, .user4split2 p, .user5split2 p, .user6split2 p, .user7split2 p, .modulebdr p {
    margin: 0px;
    padding: 0px;
}

#footer #mainlevel ul { 
    cursor: default;
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

#footer #mainlevel li {
    cursor: default;
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px 5px;
    line-height: 12px;
}

.access {
    width: auto;
    height: 21px;
    position: absolute;
    right: 1.2em;
    top: 1.2em;
}

#access_buttons {
    width: 103px;
    height: 21px;
    white-space: nowrap;
    margin-left: 7px;
}

#access_buttons a {
    width: 21px;
    height: 21px;
    white-space: nowrap;
    text-decoration: none;
}

.designer {
    margin: 5px;
}

.designer a:link, .designer a:visited {
    font-size: 0.8em;
    text-decoration: none;
}

.designer a:hover {
    text-decoration: underline;
}


/* 800 WIDTH */

#wrap-a {
	width: 767px;
	margin-right: auto;
	margin-left: auto;
}

.widthbuttons {
    display:none;
}



/* CUSTOMIZE STUFF */


/*This CSS controls format of the user1 module*/
#user1 {
    right: 20px;
    top: 1em;
    font-size: 90%;
    line-height: 1em;
    text-align: right;
    width: auto;
}

#user1 .moduletable-text {
    width: 300px;
    font-size: 80%;
    text-align: left;
}

#user1 .moduletable-small {
    /*Intentionally blank*/
}

#user1 h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#user1 p {
    font-family:Arial, Helvetica, sans-serif;
    margin: 0px;
    padding:0px;
}

/*This CSS controls the background image of headerleader module*/
#headerleader .module-gradient {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#headerleader .moduledarkS, #headerleader .modulelightS, #headerleader .modulemidS, #headerleader .modulelight, #headerleader .moduledark, #headerleader .modulemid {
    margin: 8px;
}

/*Font styling for footer*/
#footer {
    background: 0;
    text-align: center;
    height: 19px;
}

#footer #mainlevel li a {
    font: 11px Arial, Helvetica, sans-serif;
    color: #000;
}

#footer #mainlevel li a:hover, #footer #mainlevel li a#active_menu{
    text-decoration: underline;
}

/*Sitewide font style, DONT set size here*/
body {
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/*Set global font sizes here*/
#sidebar { /*left column*/
    font-size:90%;
}

#sidebar-2 { /*right column*/
    font-size:90%;
}

.contentheading, a.contentpagetitle:link, a.contentpagetitle:visited {	
    padding: 1px 0 0.3em 0;
    width: 99%;
    text-decoration: none;
    font: 18px/20px Arial, Helvetica, sans-serif;
    text-align: left;
    letter-spacing: -1px;
}

.componentheading {
    font:1.25em/1.55em Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
}

a.contentpagetitle:hover {
    text-decoration: underline;
}

h1 {
    font: bold 1.6em/1.9em Arial, Helvetica, sans-serif;
    margin: 0px;
    letter-spacing:-1px;
}

h2 {
    font: bold 1.2em/1.9em Arial, Helvetica, sans-serif;
    margin: 1.2em 0;
}

h3 {
    font: bold 1.2em/1.7em Arial, Helvetica, sans-serif;
    margin: 1.2em 0;
}

h4 {
    font: bold 1.2em/1.7em Arial, Helvetica, sans-serif;
    margin: 1.2em 0;
}

h5 {
    font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
    margin: 1.2em 0;
}

h6 {
    font: bold 1em/1.3em Arial, Helvetica, sans-serif;
    margin: 1.2em 0;
}

.createdate, .modifydate, .small {
    font-size: .75em;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table.contenttoc {
    border: 1px solid #ccc;
}

table.contenttoc td {
    font-size: 0.9em;
    font-weight: normal;
    text-align:left;
}

div.mosimage_caption {
    font-size: 0.9em;
}

.pagenav {
    padding: 3px 5px 3px 3px;
}

ul.latestnewsdark, ul.latestnewslight, ul.latestnewsmid, ul.latestnewsdarkS, ul.latestnewsmidS, ul.latestnewslightS {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
	
/*Header for table content*/
td.sectiontableheader {
    font-weight: bold;
    padding: 4px;
}

/*Alternating table rows*/
tr.sectiontableentry1 td, td.sectiontableentry1 {
    padding: 4px;
    font-size: 90%;
}

tr.sectiontableentry2 td, td.sectiontableentry2 {
    padding: 4px;
    font-size: 90%;
}

/*Main horizontal Navigation*/
#navbar .moduletopnav a:link, #navbar .moduletopnav a:visited{
    font: bold 12px Arial,Helvetica,sans-serif;
    text-decoration: none;
}

/*Side Column Navigation*/
ul#mainlevel-sidenav {
    list-style: none;
    margin: 0px;
    padding:0px;
}

ul#mainlevel-sidenav a {
    text-decoration: none;
}

ul#mainlevel-sidenav a:hover {
    text-decoration: underline;
}

/*SOLID Rounded Boxes*/
#sidebar h3, #sidebar-2 h3, .user4 h3, .user5 h3, .user4split2 h3, .user5split2 h3, .user6 h3, .user7 h3, .user6split2 h3, .user7split2 h3 {
    text-align: center;
    margin: 0px;
    font: 1.35em/1.5em Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    padding:0px;
}

.moduledarkS p, .modulelightS p, .modulemidS p {
    font-size: 1em;
    line-height: 1.25em;
}

p {
	text-align: justify;	
}

p.cmsleft {
    text-align: left;
}

p.cmsright {
    text-align: right;
}

p.cmscenter {
    text-align: center;
}

/* OTHER STUFF

/*This CSS controls the height of the header and the user1 box. Adjust the height in ems to fit your logo image*/
#header, #user1{
    height: 6em;
}

/*CSS for logo. Its a image replaced link as an H1 tag*/
#header h1 {/*Set the line-height and width equal to your logo image here*/
    background: url('../img/logo.png') 0 0 no-repeat;
}

#header h1 a {
    width: 760px;
    line-height: 70px;
}

#main-body {
    width: 100%;
}

#content {
    width: 100%;
}

#sidebar-2 {
    width: 0%;
}

/* DOONS ADDITIONS */

.tb_pic {
    border: 0px;
    float: right;
    padding: 5px;
    margin: 5px;
}

.modelselcontainer {
    text-align: center;
}

.modelselcontainer img {
    border: 0px;
}

.pricecompcontainer {
    text-align: center;
}

.pricecompcontainer img {
    border: 0px;
}

.inputbox {
    float: right;
}

label {
    font-weight: bold;
}

.gcms-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.gcms-ul {
    text-decoration: underline;
}

p.linkshorz {
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 8pt;
}
