* { margin: 0; padding: 0; }

/* tag styles */
body { background: #f5f5f5; }
a, a:focus { color: #06f; outline: none; -moz-outline-style: none; text-decoration: none; }
a:visited, a:active { color: #4c94ff; }
a:hover { color: #06f; text-decoration: underline; }

h1, h2, h3, h4, h5 { font-family: Georgia, serif; font-weight: normal; color: #000; margin: 0 0 5px; }
h1 { font-size: 36px; margin: 0 0 5px; }
h2 { font-size: 28px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; font-family: Helvetica, sans-serif; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; color: #464646; font-family: Helvetica, sans-serif; margin: 15px 0 5px; line-height: 18px; }
h3, h4, h5 { margin-top: 15px; }
h1 small, h2 small, h3 small, h4 small { font-size: 12px; font-weight: bold; color: #707070; display: block; font-family: Helvetica, sans-serif; padding: 3px; }
p { font-family: Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #464646; padding: 4px 0 12px; }
ul, ol { margin: 4px 0 12px 20px; font-family: Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #464646; }


/* structure */
#Body { background: #fff; margin: 0; padding: 0; }
#wrapper { width: 950px; margin: 0 auto; padding: 8px 0; }
#header { margin: 0 0 8px; position: relative; }
#content { margin: 0; }
#footer { margin: 0; background: #f5f5f5 url(/images/global/footer-bg.png) no-repeat top center; height: 100%; }

/* class styles */
.clearfix { height: 1px; clear: both; }

	/* header */
	#header h1 { margin: 0 0 8px 12px; float: left; }
	#header h1 a { 
		background: #fff url(/images/global/logo.png) no-repeat top left; 
		display: block;
		float: left;
		width: 212px;
		height: 72px;
		text-indent: -999em; 
	}
	#header h2 { 
		background: #fff url(/images/global/tagline.png) no-repeat top left;
		display: inline-block;
		width: 146px;
		height: 72px;
		margin: 0;
		padding: 0;
		text-indent: -999em;
	}
		/* navigation */
		#header ul.nav { list-style: none; }
			/* primary */
			#header ul.primary { 
				clear: left;
				height: 46px;
				background: #2a2b2d url(/images/global/ul-nav-bg.png) repeat-x top left;
				border: 1px solid #000;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				-moz-border-radius-topright: 3px;
				-webkit-border-top-right-radius: 3px;
				-moz-border-radius-topleft: 3px;
				-webkit-border-top-left-radius: 3px;
				margin: 0;
				position: relative;
				z-index: 5;
			}
			#header ul.primary li { 
				float: left;
				border-right: 1px solid #000;
			}
			#header ul.primary li.right { float: right; border-right: none; border-left: 1px solid #000; background-color: rgba(255,255,255,0.3); }
			#header ul.primary li a {
				display: block;
				border: 1px solid rgba(255,255,255,0.1);
				height: 20px;
				font-family: Georgia, serif;
				font-size: 18px;
				font-weight: normal;
				text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
				text-decoration: none;
				line-height: 18px;
				color: #fff;
				padding: 12px 20px;
				cursor: default;
				float: left;
			}
			#header ul.primary li a.home {
				text-indent: -999em;
				background: transparent url(/images/global/icon-home.png) no-repeat center;
				width: 20px;
				height: 20px;
			}
			#header ul.primary li.sub a {
				background: transparent url(/images/global/icon-expand.png) no-repeat right -1px; 
				padding-right: 35px;
			}
			#header ul.primary li a:active, #header ul.primary li a:hover { background-color: rgba(0,0,0,0.2); }
			#header ul.primary li a.active, #header ul.primary li.active a { background-color: rgba(0,0,0,0.8); }
			#header ul.primary li.m-activated { background: url(/images/global/ul-nav-bg-active.png) repeat-x top left; }
			#header ul.primary li.m-activated a.expand { background: url(/images/global/icon-collapse.png) no-repeat right; }
			#header ul.primary li.m-activated a:hover { background-color: rgba(0,0,0,0.1); }
			#header ul.primary li.m-activated.right { background: rgba(255,255,255,0.2); }
			
			/* secondary */
			#header ul.secondary { position: absolute; top: 5px; right: 0; font-family: Helvetica, sans-serif; margin: 0 10px 0; }
			#header ul.secondary li { font-size: 14px; margin: 0 0 2px; position: relative; }
			#header ul.secondary li.TollFree { font-size: 12px; text-align: right; color: #777; }
			#header ul.secondary li.TollFree a { color: #777; text-decoration: underline; }
			#header ul.secondary li.TollFree a:hover { text-decoration: none; }
			
			/* alert */
            #header #alert { background: #a20f0f url(/images/smithville/index/alert-bg.png) repeat-x top left; margin: 0; padding: 5px 0; border: 1px solid #000; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); position: relative; top: -2px; left: 0; }
            #header #alert p { margin: 0; padding: 5px 15px; text-align: center; font-family: Georgia, serif; font-size: 16px; line-height: 21px; font-weight: normal; color: #fff; text-shadow: 0 1px 1px #212121; }
            #header #alert a.close { text-indent: -999em; display: block; height: 14px; width: 14px; background: url(/images/global/alert-close.png) no-repeat top left; position: absolute; bottom: 5px; right: 5px; }
			
			/* sub */
			#more, #watch {
				background: #397fe2 url(/images/global/ul-nav-expand-bg.png) repeat-x top left;
				-moz-border-radius-bottomright: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-moz-border-radius-bottomleft: 3px;
				-webkit-border-bottom-left-radius: 3px;
				border: 1px solid rgba(0,0,0,0.4);
				border-top: none;
				font-family: Helvetica, sans-serif;
				position: absolute;
				width: 948px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
				display: none;
				opacity: 0.95;
			}
			#more.top-level, #watch.top-level { z-index: 99 !important; }
			#more { z-index: 98; }
			#watch { height: 164px; background: #9c9c9c url(/images/global/ul-nav-watch-bg.png) repeat-x top left; z-index: 98; }
			#more .more-inside, #watch .watch-inside { 
				-moz-border-radius-bottomright: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-moz-border-radius-bottomleft: 3px;
				-webkit-border-bottom-left-radius: 3px;
				border: 1px solid rgba(255,255,255,0.3);
				border-top: none;
				padding: 12px 0 8px; 
			}
			#watch .watch-inside { height: 163px; padding: 0; }
			#more .set { float: left; display: inline-block; padding: 0; height: 175px; border-right: 1px solid rgba(255,255,255,0.15); border-left: 1px solid rgba(0,0,0,0.15); }
			#more .set.home { width: 18%; border-left: none; }
			#more .set.office { width: 18%; }
			#more .set.premium { width: 23%; }
			#more .set.everything { width: 39%; border-right: none; }
			#more .set .subset { float: left; width: 50%; }

			#watch .carousel { display: block; height: 106px; width: 833px; position: relative; overflow: hidden; margin: 1px auto; border-left: 1px solid rgba(255,255,255,0.15); border-right: 1px solid rgba(255,255,255,0.15); background: url(/images/global/carousel-bg.png) repeat-y top left; }
			#watch a.next { position: absolute; top: 95px; right: 12px; }
			#watch a.back { position: absolute; top: 95px; left: 12px; }
			#watch .carousel .videoCarousel { height: 108px; width: 834px; margin: 0 auto; }

			#more h3 { color: #fff; font-family: Helvetica, sans-serif; font-weight: normal; font-size: 18px; margin: 0 0 -5px 20px; }
			#more ul { list-style: none; margin: 12px 18px 0 18px; }
			#more ul li { padding: 0; margin: 0; }
			#more ul li a { display: block; padding: 1px 0; color: rgba(255,255,255,0.8); font-size: 12px; text-decoration: none; border: 1px solid rgba(255,255,255,0); text-indent: 12px; }
			#more ul li a:hover {
                display: block;
                background: url(/images/smithville/index/right-col-option-bg.png) repeat-x left;
                -moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				color: #000;
				text-shadow: #fff 0 1px 0;
				border: 1px solid rgba(255,255,255,0.5);
				border-bottom: 1px solid rgba(0,0,0,0.3);
				border-right: 1px solid rgba(0,0,0,0.3);
				-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
				opacity: 0.9;
				cursor: default;
			}

			#watch h3 { text-indent: -999em; background: url(/images/global/watch-tag.png) no-repeat top left; width: 436px; height: 56px; display: block; margin: 0 auto; }
			#watch .carousel ul { list-style: none; width: 834px; height: 106px; margin: 1px auto; }
			#watch .carousel ul li { display: block; width: 416px; height: 106px; float: left; border-right: 1px solid rgba(255,255,255,0.15); position: relative; background-color: rgba(0,0,0,0.05); }
			#watch .carousel ul li.even { background-color: rgba(0,0,0,0.1); }
			#watch .carousel ul li h4 { font-family: Helvetica, sans-serif; font-size: 18px; color: #fff; font-weight: normal; margin:24px 0 0 161px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); }
			#watch .carousel ul li p { font-family: Helvetica, sans-serif; font-size: 12px; color: rgba(255,255,255,0.8); margin: 3px 0 3px 161px; }
			#watch .carousel ul li a { margin: 0; display: block; width: 116px; height: 76px; position: absolute; top: 17px; left: 24px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
			#watch .carousel ul li a span.play { margin: 0; display: block; width: 116px; height: 76px; text-indent: -999em; background: none; }
			#watch .carousel ul li a span.error { margin: 0; display: block; width: 116px; height: 76px; text-indent: -999em; background: none; }
			#watch .carousel ul li a:hover span.play { color: #fff; background: url(/images/global/watch-play.png) no-repeat top left; }
			#watch .carousel ul li a:hover { text-decoration: underline; }

	/* content */
	#content h1 { float: left; margin: 10px 0 15px 10px; }
	#content h1 a { color: #000; }
        
		/* subpage navigation */
		ul.subnav { list-style: none; margin: 25px 0 5px; float: right; }
		ul.subnav li { float: left; }
		ul.subnav li a {
			margin-left: 6px;
			padding: 5px 12px;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			color: #606060;
		}
		ul.subnav li a:hover { background: #eee; text-decoration: none; }
		ul.subnav li.active a, ul.subnav li a.active { background: #606060; color: #fff; }

	/* footer */
	#footer div.Info,
	#footer div.FooterMenu {
	    width: 950px;
	    margin: 0 auto;
	}
	div.Info div.Contact,
	div.Info div.About {
	    margin: 20px 15px 10px 15px;
	}
	div.Info div.Contact { width: 350px; float: left; }
	div.Info div.About { width: 540px; float: right; }
    div.Info h3 {
        font-size: 18px;
        font-family: Helvetica, sans-serif;
        color: #323232;
        text-shadow: #fff 1px 1px 1px;
    }
    div.Info h4 {
        font-size: 14px;
        font-family: Helvetica, sans-serif;
        color: #555555;
        font-weight: bold;
        margin-top: 25px;
        text-shadow: #fff 1px 1px 1px;
    }
    div.Info p {
        font-family: Helvetica, sans-serif;
        font-size: 12px;
        color: #555555;
        padding: 4px 0;
        text-shadow: #fff 1px 1px 1px;
    }
    div.Info div.Contact p { width: 280px; }
    div.Info a { color: #555555; text-decoration: underline; text-shadow: #fff 1px 1px 1px; }
    div.Info a:hover { color: #000; text-decoration: none; }
    div.FooterMenu {
        border-top: 1px solid #dddddd;
        padding: 5px 0 25px 0;
        margin-top: 25px !important;
    }
    div.FooterMenu p {
        font-size: 12px;
        color: #555555;
        padding: 4px 0 4px 12px;
        margin: 0;
        float: left;
        width: 280px;
        text-shadow: #fff 1px 1px 1px;
    }
    div.FooterMenu ul { float: right; list-style: none; margin: 0; padding: 0; }
    div.FooterMenu ul li { float: left; border-right: 1px solid #dddddd; }
    div.FooterMenu ul li.Last { border-right: none; }
    div.FooterMenu ul li a { color: #555555; text-decoration: none; display: block; padding: 4px 15px; text-shadow: #fff 1px 1px 1px; }
    div.FooterMenu ul li.Home a { text-indent: -999em; background: url(/images/global/footer-home-bg.png) no-repeat center; width: 15px; height: 17px; }
    div.FooterMenu ul li.Home a:hover { background: url(/images/global/footer-home-bg-hover.png) no-repeat center; }
    div.FooterMenu ul li a:hover { text-decoration: underline; color: #000; }

/* Modal */
#modal, .modal-button { background: #e6e6e6; font-family: Helvetica, sans-serif; width: 380px; margin: 0 auto; border: 1px solid #f1f1f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); display: block; }
a.modal-button { margin: 0 auto; padding: 0 0 10px; text-align: center; font-size: 18px; font-weight: normal; color: #000; background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
a.modal-button.large { padding: 20px 0; margin-top: 20px; opacity: 1; background: #e6e6e6; border: 1px solid #f1f1f1; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 1px 1px rgba(255,255,255,0.8); }
a.modal-button.large strong { display: block; clear: left; font-size: 28px; margin: 5px 0 0; color: #0066ff; }
a.modal-button strong { font-weight: normal; color: #ffd800; }
a.modal-button:hover { text-decoration: none; }
a.modal-button:hover strong { text-decoration: underline; color: #fff; }
a.modal-button.large:hover strong { color: #0066ff; }
#modal.float { margin: 10px auto; }
#modal .title { display: block; height: 100px; width: 100%; background: url(/images/global/user-login.png) no-repeat 28px 17px; }
#modal .title h1 { font-size: 18px; color: #424357; font-weight: normal; margin: 0; padding: 26px 0 0 112px; }
#modal .title h2 { font-size: 22px; color: #000; font-family: Helvetica, sans-serif; font-style: normal; margin: 0 0 0 112px; padding: 0; }
#modal .message { background: #cfcfcf; font-weight: bold; color: #414457; font-size: 12px; padding: 5px; text-align: center; font-family: Helvetica, sans-serif; }
#modal .message p { padding: 6px 0; margin: 0; }
#modal .message strong, #modal .message p a { color: #0066ff; }
#modal .modal-content { padding: 20px; }
#modal .modal-content form { width: auto; }
#modal .modal-content form fieldset h5 { margin: -5px 0 0; padding: 0; color: #414457; }
#modal .modal-content form fieldset p { font-size: 12px; line-height: 18px; color: #414457; margin-bottom: 12px; }
#modal .modal-content form fieldset { margin: 0 auto; border: none; width: 315px; }
#modal .modal-content form fieldset input { width: 303px; }
#modal .modal-content form span.wrap { display: block; clear: both; width: 315px; margin: 0 auto; }
#modal .modal-content form label { font-size: 14px; color: #414457; font-weight: bold; padding: 5px 0; display: block; float: left; }
#modal .modal-content form label small { font-size: 10px; font-weight: normal; margin-left: 5px; }
#modal .modal-content form label.nopad { padding: 0 0 5px; }
#modal .modal-content form input { font-size: 14px; padding: 5px 6px; font-weight: normal; color: #414457; width: 212px; float: right; margin-bottom: 10px; }
#modal .modal-content form input.input-3, #modal .modal-content form input.input-2, #modal .modal-content form input.input-4 { float: right; clear: none; margin: 0 5px 12px; }
#modal .modal-content form input.input-3 { width: 30px; }
#modal .modal-content form input.input-2 { width: 20px; }
#modal .modal-content form input.input-4 { width: 40px; margin: 0 0 15px 5px; }
#modal .modal-content form button { margin: 0 10px; float: right; padding: 5px 10px 7px; outline: none; }
#modal .modal-content form #gobutton.b-activated { 
	background: #e6e6e6 url(/images/global/loading.gif) no-repeat center; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-box-shadow: 0 !important;
	-webkit-box-shadow: 0 !important;
	text-shadow: none;
	border: 1px solid #e6e6e6;
	text-indent: -999em;
	padding: 7px 35px;
}
#modal .modal-content form a.button { margin: 0; float: right; font-size: 11px; padding: 9px 5px; }
#modal #alert { width: 80%; margin: 15px auto; margin-bottom: 0; background: #f5cb09; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; font-weight: bold; text-align: center; padding: 6px; }
#modal #alert p { padding: 0; margin: 0; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}



/* tables */
table.zebra { width: 100%; border-collapse: collapse; padding: 0; margin: 1em 0; }
table.zebra thead { border-bottom: 1px solid #b4b4b4; }
table.zebra tr td { font-family: Helvetica, sans-serif; font-size: 0.8em; color: #464646; line-height: 1.7em; padding: 0.25em 0.5em; }
table.zebra tr th { font-family: Helvetica, sans-serif; font-size: 0.8em; color: #606060; line-height: 1.7em; padding: 0.25em 0.5em; }
table.zebra tr.odd { background-color: rgba(0,0,0,0.05); }
table.zebra tr.even { background-color: rgba(255,255,255,0.2); }
table.zebra tr .center { text-align: center; font-weight: bold; }
table.zebra tr .small { font-size: 0.7em; font-weight: normal; font-style: italic; }


/* UI Elements */
	/* CSS Buttons */
	.bttn {
		background: #222 url(/images/alert-overlay.png) repeat-x;
		display: inline-block;
		padding: 5px 10px 6px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
		border:1px solid rgba(0,0,0,.2);
		position: relative;
		cursor: pointer;
	}
	.bttn:hover { background-image: none; text-decoration: none; color: #fff; }
	.bttn:active { margin: 1px 0 0 2px; }
	.bttn.plain { background: none !important; color: #0066ff; text-shadow: none; font-weight: normal; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
	.bttn.plain:hover { text-decoration: underline; }
	.bttn:visited { color: #fff; }

		/* Sizes */
		.small.bttn { font-size: 11px;	}
		.medium.bttn {	font-size: 13px; }
		.large.bttn { font-size: 14px; padding: 8px 14px 9px; }
		.super.bttn { font-size: 14px; }
 
		/* Colors */
		.blue.bttn { background-color: #3067be; }
		.red.bttn { background-color: #9b0809; }
		.magenta.bttn { background-color: #a9014b; }
		.orange.bttn { background-color: #ff5c00; }
		.yellow.bttn { background-color: #ffb515; }
		.green.bttn { background-color: #66b845; }
		.gray.bttn { background-color: #808080; }
		.bttn.plain.gray { background: none; color: #808080; }
		
		/* Alignment */
		.bttn.center { text-align: center; }
		
		/* Padded */
		.bttn.padded { margin: 10px 0; }

	/* Next and Back circles */
	a.next, a.back { display: block; width: 33px; height: 33px; text-indent: -999em; z-index: 99; }
	a.next { background: url(/images/global/ui/ui-next.png) no-repeat top left; }
	a.back { background: url(/images/global/ui/ui-back.png) no-repeat top left; }
	#wrapper a.next:hover, #wrapper a.back:hover { background-position: bottom left; }
	
		/* Specific instances */
		#ui-carousel-next { position: absolute; right: -17px; top: 40px; }
		#ui-carousel-back { position: absolute; left: -17px; top: 40px; }
		
	/* Form */