@import url(reset.css);

body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
					    /* The min-width property does not work in old versions of Internet Explorer */
    font-size:100%;
    font-family: Verdana, Arial, Sans-Serif;
    
    background: #fff url(../images/bodybg.png) repeat-y center;
}

a {
    color: #330066;
    text-decoration: none;
}

textarea,input,select,label,button,optgroup {
    margin-top:5px;
}
input[type="checkbox"],input[type="radio"] {
    margin-bottom:7px;
}

input[type="submit"], button {
    /*color: #333;
    background-color: #eee;
    padding: 0 2px;
    border: 1px solid #666;*/
}

input[type="submit"]:hover, button:hover {
    /*background-color: #ddd;*/   
}

ul.horiz {
    float: left;
    list-style: none;
}
    ul.horiz li {
        display: block;
        float: left;
        margin: 0 0 0.5em 0;
    }

ul.floating {
    float: left;
}

ul.plain {
    list-style: none !important;
}
    
.error {
    color: #d00 !important;
}
.hidden {
    display: none !important;
}

#accessibleOptions {
    float: left;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

#controlBox {
    display: none;
    
    float: left;
    position: fixed;
    bottom: 2px;
    left: 2px;
    width: auto;
    padding: 10px;
    font-size: 0.8em;
    border: 1px solid #000;
    color: #eee;
    background-color: #444;
    z-index: 99;
}
    #controlBox a
    {
        color: #eee;
    }

/* column container */
.colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear: both;
    float: left;
    width: 100%;			/* width of whole page */
	overflow: hidden;	/* This chops off any overhanging divs */
}

/* 2 column left menu settings for sidebar and rest of page*/
.leftmenu {
    background-color: #330066;
}
.leftmenu .colright {
    background-color: #fff;
}

.leftmenu .colright {
    float: left;
    width: 200%;
	position: relative;
	left: 110px;
	background: #fff url(../images/contenttopleftcorner.png) no-repeat left top;
}

.leftmenu .col1wrap {
    float: right;
    width: 50%;
    position: relative;
    right: 110px;
    padding-bottom: 1em;
	
}

.leftmenu .col1 {
    margin: 5px 5px 5px 115px;
    position: relative;
    right: 100%;
    overflow: hidden;
}

.leftmenu .col2 {
    float: left;
    position: relative;
    width: 110px;
    right: 110px;
}

.clear {
    clear: both;
}

#menubar {
    color: #ffffff;
    background-color: #330066;
}

#sidelogo {
    width: 104px;
    height: 90px;
    margin-left: 2px;
    margin-top: 30px;
    margin-bottom: 20px;
}

ul#menu {
    /*background: #330066 url(../images/menuglow.png) no-repeat top left;*/
}

/* Static menu */
ul#menu.static {
    position: relative;
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

ul#menu.static li {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 0.5em;
}

ul#menu.static li a {
    display: block;
    padding: 0.7em;
    height: 100%;
    
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
    border-bottom: 1px solid #000033;
}

ul#menu.static li a:hover {
    background-color: #FF6600;
}

ul#menu.static li ul {
    font-size: 0.85em;
    line-height: 1.2em;
}

ul#menu.static li ul li {
    border: 0;
    margin-top: 0em;
}

ul#menu.static li ul li a {
    background-color: inherit;
    padding: 0.5em;
    padding-left: 1em;
    border: 0;
    font-weight: normal;
    
}

ul#menu.static li ul li a:hover {
    background-color: #FF6600;
}

/* Popout menu */

ul#menu.popout {
    position: relative;
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

ul#menu.popout li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #000033;
}

ul#menu.popout li a {
    display: block;
    padding-left: 1em;
    line-height: 42px;
    height: 100%;
    
    color: #ffffff;
    text-decoration: none;
}

ul#menu.popout li:hover > a {
    /*background-color: #FF6600;*/
    /*background: #330066 url(../images/menuglow.png) no-repeat top left;*/
}
    ul#menu.popout li:hover > a.home {
        background: transparent url(../images/homeglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.about {
        background: transparent url(../images/aboutglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.products {
        background: transparent url(../images/productsglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.network {
        background: transparent url(../images/networkglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.signup {
        background: transparent url(../images/signupglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.news {
        background: transparent url(../images/newsglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.testimonials {
        background: transparent url(../images/testimonialsglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.events {
        background: transparent url(../images/eventsglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.contact {
        background: transparent url(../images/contactglow.png) no-repeat top left;
    }
    ul#menu.popout li:hover > a.links {
        background: transparent url(../images/linksglow.png) no-repeat top left;
    }

ul#menu.popout li ul {
    position: absolute;
    float: left;
    display: none;
    background-color: #FF6600;
    width: 150px;
    font-size: 0.8em;
}

ul#menu.popout li:hover ul {
    position: absolute;
    display: block;
    left: 100%;
    top: 0;
    border: 3px solid #FF6600;
    background-color: #ff954e;
    padding: 10px 5px;
    color: Black;
}

ul#menu.popout li:hover ul li {
    border-bottom: 1px solid #cc6600;
}

ul#menu.popout li:hover ul a {
    padding: 0 4px;
    font-size: 0.9em;
    line-height: 30px;
    color: #000;
    background-image: none;
    background-color: #ff954e;
}

ul#menu.popout li:hover ul a:hover {
    background: #FF6600;
    background-image: none;
}

#page {
    position: relative;
    margin: 0 auto;
    width: 960px;
    font-size: 0.8em;
}

#header {
    width: 100%;
    height: 120px;
    background-color: #3B3943;
    text-align: right;
}

#content1 {
    float: right;
    width: 635px;
    right: 0;
}

#content2 {
    width: 200px;
}

#operations {
    padding: 8px;
    color: #ffffff;   
    background: #3366ff url(../images/operationstopleftcorner.png) no-repeat left top;
}
    #operations h1.blockhead {
        font-size: 1.0em;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        margin-bottom: 0.5em;
    }
    #operations a {
        color: #ffffff;
    }
    
    #membersLogIn {
        padding: 10px;
        background-color: #330066;
    }
        #membersLogIn h1 {
            margin-bottom: 0.5em;
            text-align: center;
        }
        #membersLogIn #callUs {
            font-size: 1em;
            font-weight: normal;
            margin-top: 1em;
        }
        #membersLogIn #phoneNumber {
            font-size: 1.3em;
        }
        #membersLogIn #phoneNumber2 {
            font-size: 0.8em;
            text-align: center;
        }
        #membersLogIn .error {
            font-weight: bold;
        }
        #corporateIdLabel, #passwordLabel {
            float: left;
            display: block;
            clear: left;
            margin-right: 0.5em;
            text-align: left;
            font-size: 0.8em;
            width: 65px;
            line-height: 2em;
        }
        #corporateIdField, #passwordField {
            width: 85px;
            padding: 2px;
            font-family: Verdana;
            font-size: 0.8em;
        }
        #corporateIdField:focus, #passwordField:focus {
        }
        #forgotPassword {
            float: left;
            font-size: 0.8em;
            font-style: italic;
            line-height: 3em;
            margin-right: 1em;
        }
        #loginButtonBlock {
            text-align: left;
        }
        #loginButton {
            cursor: pointer;
            margin-right: 0;
            margin-left: 60px;
        }
        #loginButton:hover {
            /*background-color:#ddd;*/
        }
        #membersLogIn h2 {
            margin: 1em 0;
            text-align: center;
            font-size: 0.9em;
        }
    
    #loadsAvailableLabel {
        margin: 5px 0;
        padding: 0.5em 0.7em;
        color: #fff;
        background-color: #ff6600;
    }
        #loadsAvailableLabel h5, #loadsAvailableLabel h6 {
            display: inline;
        }
        #loadsAvailableLabel h5 {
            font-size: 1.2em;
        }
        #loadsAvailableLabel h6 {
            font-style: italic;
            font-weight: normal;
        }
        #loadsAvailableLabel a {
            color: #2c318a;
        }
        #loadsAvailableLabel .numberspinner {
            height: 10px;
            overflow: hidden;
        }
        #loadsAvailableLabel .numberspinner img {
            width: 10px;
            height: 10px;
        }
        p.activetrucks {
            margin-top: 3px;
            font-size: 0.9em;
        }
        p.activetrucks * {
            vertical-align: text-bottom;
        }
        
    #updatesSummary {
        margin: 5px 0 0 0;
        padding: 8px;
        color: #ffffff;
        background-color: #330066;
    }
        #updatesSummary .alt {
        }
        #updatesSummary li {
            margin-bottom: 1em;
            line-height: 1.2;
        }
        #updatesSummary h1 {
            font-size: 1.2em;
            margin-bottom: 1em;
        }
        #updatesSummary a.updateLink {
            font-weight: bold;
            color: #ffffff;
            font-size: 0.85em;
        }
        #updatesSummary #trainingSignup {
            font-size: 0.8em;
        }
        #updatesSummary a.more {
            font-size: 0.8em;
            text-decoration: underline;
            text-transform: uppercase;
        }

#welcomes {
    margin: 10px 0;
}
    #welcomes h1 {
        text-align: center;
        font-size: 1.2em;
        margin-bottom: 0.5em;
        color: #330066;
    }
    #welcomes .box {
        padding: 8px 5px;
        font-size: 0.8em;
        background-color: #ccc;
    }
    #welcomes .box .date {
        font-weight: bold;
        display: block;
    }
    #welcomes .box ul {
    }
    #welcomes .box li {
        margin-bottom: 0.8em;
    }
    #welcomes .box li:last-child {
        margin-bottom: 0;
    }

#softwareMgmtOptions {
    position: relative;
    margin: 5px 0;
    padding: 5px;
    font-size: 0.8em;
    color: #330066;
    background: #FFFFFF url(../images/connectbg.png) repeat-x;
}
    #softwareMgmtOptions a {
        color: #330066;
        text-decoration: none;
        display: block;
    }
    #softwareMgmtOptions a:hover {
        text-decoration: underline;
    }
    #softwareMgmtOptions h1 {
        font-size: 1.5em;
        margin-top: 0.5em;
        text-align: center;
        margin-bottom: 1em;
    }
    #softwareMgmtOptions ul {
        margin: 0.5em 0;
        line-height: 1.6;
    }
    #softwareMgmtOptions ul#levels {
        margin-bottom: 1.5em;
        padding-left: 1em;
    }
    #softwareMgmtOptions ul#levels li {
       clear: left;
       /*padding-left: 1em;*/
    }
    #softwareMgmtOptions ul#levels li .productlogo {
        display: block;
        float: left;
        width: 80px;
        height: 30px;
        cursor: pointer;
    }

a#connectToMembers {
    display: block;
    margin-top: 5px;
    padding: 7px 0;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #330066;
}

#teanalogo {
    display: block;
    margin: 5px;
    text-align: center;
}
    #teanalogo h1 {
        font-size: 0.8em;
    }
    #teanalogo img {
        margin: 5px;
    }

#contentbanner {
    width: 100%;
    height: 80px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 3px solid #ccc;
}
    /*#contentbanner.hidden, #contentbanner .hidden {
        display: none;
    }*/
    #contentbanner > div {
        margin-right: 5px;   
    }
    #mainpagelinks {
        float: left;
        width: 200px;
    }
        #mainpagelinks a {
            display: block;
            text-decoration: none;
            text-align: center;
        }
        #mainpagelinks a.operations {
            margin: 0 0 4px 0;
            padding: 6px 0;
            font-size: 1.1em;
            font-weight: bold;
            text-transform: uppercase;
            color: #fff;
            background: #3366FF url(../images/operationstopleftcorner.png) no-repeat top left;
        }
        #mainpagelinks a.software, #mainpagelinks a.news {
            float: left;
            margin-bottom: 4px;
            padding: 4px 4px;
            font-size: 0.8em;
            font-weight: bold;
        }
        #mainpagelinks a.software {
            width: 110px;
            margin-right: 4px;
            color: #330066;
            background-color: #FFCD99;
        }
        #mainpagelinks a.news {
            width: 70px;
            margin: 0;
            color: #fff;
            background-color: #FF6600;
        }
	#contentbanner .phonenumber {
	    float: left;
	    width: 200px;
	    font-size: 1.2em;
	    font-weight: bold;
	    text-align: center;
	    line-height: 28px;
	    letter-spacing: 0.1em;
	    color: #f00;
	    background-color: #ffc700;
	}
    #nextevent {
        float: left;
        width: 122px;
        /*height: 56px;*/
        height: 100%;
		/*padding: 2px 4px;*/
		padding: 0;
		color: #fff;
		font-size: 0.9em;
		line-height: 1.1;
		font-weight: bold;
		text-align: center;
		/*text-transform: uppercase;*/
        background-color: #ac92ab;
    }
        #nextevent a {
            display: block;
            padding: 2px 4px;
            color: #fff;
            text-decoration: none;
        }
    #pollbox {
        float: left;
        width: 300px;
        height: 100%;
		font-size: 0.7em;
        background-color: #eae8e3;
    }
        #pollbox h1 {
            padding: 5px 2px;
            color: #fff;
            background-color: #ff9966;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 1.5em;
        }
        #pollbox p {
            padding: 5px 5px 0 5px;
        }
        #pollbox #votebox {
            padding: 0 5px 0;
			line-height: 12px;
        }
        #votebox * {
            vertical-align: middle;
        }
        #pollbox ul.polloptions {
            width: 100%;
        }
        #pollbox ul.polloptions li {
            line-height: 16px;
            margin: 0;
        }
        #pollbox span.polloptiontext {
            margin: 0 1em 0 0.5em;
        }
        #pollbox input[type='radio'] {
			/* TODO: style these somehow? */
			margin: 0;
        }
        #pollbox input#pollsubmit {
            clear: both;
            font-size: 1.3em;
			margin: 0;
            padding: 0 2px;
            border: 0;
            color: #fff;
            background-color: #999999;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            cursor: pointer;
        }
        #pollbox a.viewresults {
            text-align: right;
            vertical-align: bottom;
        }
        #pollbox ul.pollresults {
            margin-top: 5px;
            margin-left: 3px;
        }
        #pollbox ul.pollresults li {
            margin: 0 7px;
            font-weight: bold;
        }
    #newsticker {
        float: left;
        width: 195px;
        height: 51px;
		padding: 2px 0 4px;
		font-size: 0.7em;
		line-height: 1.1;
		overflow: auto;
		margin-right: 0 !important;
    }
        #newsticker h1 {
            font-size: 1.2em;
            text-align: center;
            margin-bottom: 0.3em;
        }
		#newsticker p {
			margin-bottom: 0.7em;
		}
		#newsticker a {
		    color: #330066;
		    text-decoration: none;
		}
		#newsticker a:hover {
		    text-decoration: underline;
		}
		#newsticker .date {
			font-weight: bold;
		}
	#contentbanner a.phonenumber {
	    display: block;
	    text-decoration: none;
	}
	#contentbanner .sylectusnow {
	    float: left;
	    width: 200px;
		margin-right: 0 !important;
	}
	#contentbanner a.sylectusnow {
	    display: block;
	    text-decoration: none;
	}

.content * {
    line-height: 1.8;
}
.content .divider {
    clear: both;
    width: 100%;
    background-color: #cccccc;
    height: 1px;
    margin: 0.5em 0;
}
.content p {
    margin: 1em 0;
    text-align: justify;
}
.content a {
    text-decoration: underline;
}
.content address {
    margin: 1em 0;
    font-style: normal;
    font-size: 0.9em;
}
.content ul {
    list-style: square outside;
}
.content ol {
    list-style: decimal outside;
}
.content ul li, .content ol li {
    margin-left: 3em;
    margin-top: 0.3em;
    margin-bottom: 0.8em;
}

.content h1 {
    font-size: 2.2em;
    font-weight: normal;
    text-align: left;
    margin: 0 0 0.3em 0;
    margin-bottom: 0.5em;
    color: #666;
    /*border-bottom: 1px solid #666;*/
}
.content h2 {
    font-size: 1.7em;
    font-weight: normal;
    text-align: left;
    margin: 1em 0;
    color: #666;
    /*color: #888; Nobody likes this grey... */
}
.content h3 {
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    margin: 1em 0;
    color: #666;
}
.content h4 {
    font-size: 1.2em;
    text-align: left;
    margin: 1em 0;
    color: #666;
}
.content h5 {
    font-size: 1em;
    text-align: left;
    margin: 1em 0;
}
.content h6 {
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    text-decoration: underline;
    margin: 1em 0;
}
.content a.more {
    font-size: 0.8em;
    text-transform: uppercase;
}
.content .url {
    font-family: Monospace;
    font-size: 1.2em;
    line-height: 2;
    white-space: nowrap;
    color: #777;
}
.content p.thumb {
    width: 100%;
    text-align: center;
}
.content p.thumb img {
    border: 1px solid #888;
    max-width: 100%;
}
.content img.thumb {
    max-width: 100%;
}
.content .center {
    text-align: center !important;
}

#mainContent {
    clear: both;
    position: relative;
    
    padding: 0.5em 1.5em 1.5em;
    
    color: #333;
    background-color: #fff;
    
    font-size: 0.9em;
    line-height: 1.3;
    
    margin: auto;
}
#mainContent.narrow {
    width: 80%;
}
    #mainContent h2.memberlist {
        clear: right;
    }
    #mainContent ul.memberlist {
        font-size: 0.8em;
        margin-bottom: 1em;
    }
    #mainContent ul.memberlist li {
        width: 250px;
        margin-left: 1em;
    }
    #mainContent #techpartners {
        /*
        position: absolute;
        right: 1em;
        top: 1em;
        */
        float: right;
        width: 350px;
        margin-top: 1em;
        padding: 0 0.5em;
        background-color: #EEEEEE;
    }
    #mainContent #techpartners h2 {
        text-align: center;
    }
    #mainContent #techpartners ul {
        font-size: 1.2em;
        margin-bottom: 1em;
        text-align: center;
    }
    #mainContent #techpartners li {
        display: block;
        width: 175px;
        margin-left: 0;
    }
    #mainContent iframe {
        width: 820px;
        height: 600px;
        margin-top: -15px;
    }

#markettingsplash {
	width: 100%;
	margin: 5px 0;
	color: #fff;
}
	#markettingsplash #tabs {
		clear: left;
		float: left;
		width: 100%;
		text-align: center;
		background-color: #8f738e;
	}
	#markettingsplash #tabs .tab {
	    display: block;
	    float: left;
	    width: 209px;
		line-height: 25px;
		text-align: center;
		text-transform: uppercase;
		color: #ddd;
		text-decoration: none;
	}
	#markettingsplash #tabs .tab:hover {
		
	}
	#markettingsplash #tabs .tab.current {
		color: #fff;
		cursor: inherit;
		font-weight: bold;
	}
	#markettingsplash #tabs #tab2  {
		border: solid #fff;
		border-width: 0 3px;
	}
#markettingsplash div.splashcontent {
    position: relative;
    display: none;
    height: 165px;
}
#markettingsplash div.splashcontent.current {
    display: block;
}
#markettingsplash div.splashcontent.text {
	padding: 10px;
	height: 145px;
}
#markettingsplash div.splashcontent.text h1 {
	margin-bottom: 0.4em;
}
#markettingsplash div.splashcontent.text p {
	font-size: 0.85em;
	margin-bottom: 0.3em;
}
#markettingsplash div.splashcontent.text p.more {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
}
#markettingsplash div.splashcontent.text p.more a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
#markettingsplash #page1 {
	padding-left: 260px; 
	background: #5698c9 no-repeat top left;
}
    #markettingsplash #page1.image1 {
        background-image: url(../images/stued.png);
    }
    #markettingsplash #page1.image2 {
        background-image: url(../images/obxharryz.png);
    }
    #markettingsplash #page1.image3 {
        background-image: url(../images/testimonials/mikewelch.png);
    }
    #markettingsplash #page1 h1 {
        font-size: 2.3em;
    }
    #markettingsplash #page1 div.logo {
        display: block;
        text-align: right;
        margin-top: 1em;
    }
#markettingsplash #page3 {
	padding-left: 260px;
	background: #407742 url(../images/obxharryz.png) no-repeat top left;
}
    #markettingsplash #page3 h1 {
        font-size: 1.7em;
    }
    #markettingsplash #page3 h1 span.small {
        font-size: 0.6em;
        font-weight: normal;
        line-height: 1.2;
    }
#markettingsplash div.splashcontent.productlayout .top {
	text-align: center;
	line-height: 53px;
	font-size: 2.8em;
	font-weight: bold;
	background-color: #ff7c00;
}
    #markettingsplash div.splashcontent.productlayout div.level {
	    float: left;
	    position: relative;
	    width: 211px;
	    /*height: 112px;*/
	    padding: 12px 0;
    }
	#markettingsplash div.splashcontent.productlayout div.level span.number {
        position: absolute;
        top: -7px;
        left: 5px;
        z-index: 0;
	    font-family: Arial;
        font-size: 4em;
        font-weight: bold;
	}
	#markettingsplash div.splashcontent.productlayout div.level span.tagline {
        position: absolute;
        left: 0.8em;
        bottom: 76px;
        font-size: 2em;
        text-align: center;
        color: #520260;
	}
	#markettingsplash div.splashcontent.productlayout div.level div.product {
	    padding: 10px 0;
	    background-color: #fff;
        /*position: absolute;
        bottom: 0;
        width: 100%;
        padding: 1em 0;
        text-align: center;
		background-color: #CCEBF5;*/
	}
		#markettingsplash div.splashcontent.productlayout div.level div.product span.productlevel {
			font-weight: bold;
		}
		#markettingsplash div.splashcontent.productlayout div.level div.product span.small{
			font-size: 0.5em;
		}
    #markettingsplash div.splashcontent.productlayout div.level.level1 {
	    background-color: #028a70;
    }
    #markettingsplash div.splashcontent.productlayout div.level.level2 {
	    background-color: #1c4fa1;
    }
    #markettingsplash div.splashcontent.productlayout div.level.level3 {
	    background-color: #e5000f;
	    width: 213px;
    }

#frontpage {
    float: left;
    width: 417px;
    overflow: auto;
    margin-right: 10px;
}
    #frontpage > *:first-child {
        margin-top: 0;
    }

#whyButton {
    display: block;
    float: left;
    margin-bottom: 2em;
    margin-top: -4em;
}

#stusnews {
    float: left;
    width: 150px;
    margin: 0 0 0 0;
    padding: 0 1em 1em;
    border: 1px solid #999;
    font-size: 0.85em;
}
    #stusnews img.title {
        display: block;
        position: relative;
        margin: -30px auto 0.5em auto;
    }
    #stusnews p {
        line-height: 1.5em;
    }
    #stusnews div.news {
    }
    #stusnews div.news h1 {
        color: inherit;
        font-size: 1.2em;
        margin-bottom: 0;
    }
    #stusnews div.news h1 a {
        color: #333;
    }
    #stusnews div.news p {
        margin-top: 0;
    }
    #stusnews div.news .more {
        font-size: 0.9em;
        font-weight: bold;
        text-decoration: underline;
    }
    #stusnews div.news.alt {
        margin: 1em 0;
        padding: 1px 4px;
        color: #fff;
        background-color: #029587;
    }
    #stusnews div.news.alt h1 {
        color: #fff;
        font-size: 1.2em;
        line-height: 1.2em
    }
    #stusnews div.news.alt a {
        color: #fff;
        text-decoration: none;
    }
    #stusnews div.news.alt p {
        margin-bottom: 3px;
    }
    #stusnews div.newsletter {
        font-size: 1.2em;
        font-weight: bold;
    }
    #stusnews div.newsletter a:hover {
        text-decoration: underline;
    }
    
div.testimonial {
    clear: both;
    float: left;
    margin-bottom: 1em;
    padding-left: 120px;
    border-bottom: 2px solid #ccc;
    width: 500px;
}
    div.testimonial img.photo {
        float: left;
        margin: 0 1em 1em -120px;
    }
    div.testimonial p {
        
    }
    div.testimonial p.person {
        font-size: 0.9em;
        font-weight: bold;
    }

table.productoverview {
    width: 100%;
    margin-bottom: 2em;
}
    table.productoverview tr.header th {
        border-bottom: 2px solid #330066;
    }
    table.productoverview tr.alt {
        background-color: #eee;
        margin-top: 50px;
    }
    table.productoverview tr.header th {
        font-weight: bold;
        text-align: left;
    }
    table.productoverview tr.sectionhead {
    }
    table.productoverview tr.sectionhead td {
        padding-top: 1em;
        font-size: 1em;
        font-weight: bold;
        color: #330066;
    }
    table.productoverview td.module {
        padding-left: 0.5em;
        font-size: 0.9em;
    }
        table.productoverview td.module .small {
            font-size: 0.9em;
        }
    table.productoverview td.check {
        width: 77px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        color: #330066;
        font-size: 0.8em;
        border: 1px solid #ccc;
        border-width: 0 1px 0;
    }
    table.productoverview a.footnote {
        text-decoration: none;
    }
    table.productoverview caption {
        caption-side: bottom;
        font-size: 0.8em;
        font-style: italic;
        text-align: left;
        color: #999;
    }

#footer {
    clear:both;
    float:left;
    width:100%;
    
    margin-top: 5px;
    padding-bottom: 1em;
    
    color: #555;
    background: #fff;
    
}
    #footer .logo {
        margin: 1em;
        margin-top: 2em;
    }
    #footer p {
        text-align: center;
        font-size: 0.7em;
        margin-top: 10px;
        line-height: 1.5em;
    }
    #footer a {
        color: #555;
        font-weight: normal;
    }
    #footermenu a {
        font-weight: bold;
        text-decoration: none;
    }
    #footer #copyright {
    }

div.products h2.title {
    text-align: center;
}
div.products div.productsBlock {
    clear: both;
    font-size: 95%;
}
    div.products div.productsBlock p.logo {
        float: left;
        text-align: left;
    }
    div.products div.productsBlock p.logo .number {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 5.5em;
        font-weight: bold;
        line-height: normal;
        margin-right: 0;
    }
        div.products div.productsBlock.connect p.logo .number {
            color: #028a70;
        }
        div.products div.productsBlock.vf p.logo .number {
            color: #1c4fa1;
        }
        div.products div.productsBlock.pro p.logo .number {
            color: #e5000f;
        }
    div.products div.productsBlock div.description {
        margin-left: 250px;
        padding-right: 2em;
    }

div.contactCol {
    float: left;
    width: 200px;
    margin: 0 1em;
}
    div.contactCol * {
        text-align: left;
    }
    div.contactCol.bold {
        font-weight: bold;
    }

div.sitemapCol {
    float: left;
    width: 200px;
    margin: 0 1em;
}

table.pollresults {
    width: 100%;
}
    table.pollresults th, table.pollresults td {
        padding: 0.4em 0.8em;
        vertical-align: middle;
        border: 1px solid #ccc;
    }
    table.pollresults th {
        background-color: #ddd;
    }
    table.pollresults td.score {
        width: 50px;
        font-size: 0.9em;
        text-align: center;
        background-color: #eee;
    }
ul.pollresults {
    font-size: 0.9em;
}
    ul.pollresults li {
        margin-top: 0;
        margin-bottom: 0;
    }

table#holidayhours td
{
    padding: 2px 5px;
    padding-left: 3em;
}
table#holidayhours td.day
{
    padding-left: 0;
}