/* Web site */

* { margin: 0; padding: 0; }
a img { border: 0; background: transparent; }
fieldset { border: 0; }

/* body styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 76%;
	text-align: center;
	background-color: #FFF;
	margin: 0; 
	padding: 0;
}

/* wrap*/

#wrap {
	margin: 0;
	padding: 0;
}
#innerwrap {
	position: relative;
	text-align: left;
	height: 100%;
}

/* container */

#container {
	position: relative;
	margin: 0; /*top set to 2 for Safari/mac compatibility */
	height: 484px;
	padding: 0px; /*if you give this div any padding the shadows will get hidden */
	top: 122px;
	left: 0;
}

/* header */

#header {
	padding: 0; 
	margin: 0;
	height: 398px;
	width: 682px;
	position: relative;
	left: 269px;
}

/* subheader */

#subheader {
	height: 65px;
	width: 877px;
	position: absolute;
	top: 0;
	left: 65px;
}

/* subheadings */

#subheading-about {
	color: white;
	text-transform: lowercase;
	font-weight: normal;
	position: absolute;
	top: 58px;
	left: 130px;
	font-size: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subheading-style {
	color: #A0AEB9;
	text-transform: lowercase;
	font-weight: normal;
	position: absolute;
	top: 58px;
	left: 130px;
	font-size: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subheading-ontv {
	color: #A0AEB9;
	text-transform: lowercase;
	font-weight: normal;
	position: absolute;
	top: 58px;
	left: 130px;
	font-size: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#subheading-news {
	color: #A0AEB9;
	text-transform: lowercase;
	font-weight: normal;
	position: absolute;
	top: 58px;
	left: 130px;
	font-size: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#subheading- {
	color: white;
	text-transform: lowercase;
	font-weight: normal;
	position: absolute;
	top: 58px;
	left: 130px;
	font-size: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#styleblurb {
	color: #666;
	position: absolute;
	top: 70px;
	left: 335px;
	text-align: justify;
	width: 440px;
	font-size: 10px;
}
#styleblurb a:link { 
	color: #5A2521;
	text-decoration: none;
}
#styleblurb a:visited { 
	color: #5A2521;
	text-decoration: none;
}
#styleblurb a:hover { 
	color: #5A2521;
	text-decoration: none;
}
#styleblurb a:active { 
	color: #5A2521;
	text-decoration: none;
}
#sears { 
	float: right; 
	color: #5A2521; 
	text-align: center;
	padding-left: 10px;
}
#toolblurb {
	color: #666;
	position: absolute;
	top: 70px;
	left: 435px;
	text-align: justify;
	width: 370px;
	font-size: 10px;
}
#tvblurb {
	color: #666;
	position: absolute;
	top: 70px;
	left: 355px;
	text-align: justify;
	width: 370px;
	font-size: 10px;
}

/* flashborder */

#flashborder {
	height: 558px;
	width: 65px;
	position:absolute;
	top: 0;
	left: 0;
}

/* stylelogo */

#stylelogo {
	height: 51px;
	width: 116px;
	left: 18px;
	position: fixed;
	bottom: 31px;
}

/* maincontent */

#maincontent { 
	text-align: left;
	padding: 0;
	height: 209px;
	position: relative;
}
#maincontent h3 { 
	margin-bottom: 1%;
	font-size: 100%;
	color: #600;
	letter-spacing: -0.01em;
}
#maincontent p { 
	margin-bottom: 1em;
	font-size: 100%;
	line-height: 150%;
}
#maincontent hr { 
	margin-bottom: 1em;
	height: 1px;
}
#maincontent ul { 
	margin-bottom: 1.2em;
}
#maincontent li { 
	margin-left: 1em;
	line-height: 1.5em;
	list-style-type: none;
}
#maincontent blockquote { 
	margin-left: 1em;
	margin-bottom: 1em;
	font-size: 100%;
	line-height: 150%;
	font-style: italic;
}
#maincontent a:link { 
	color: #888;
}
#maincontent a:visited { 
	color: #888;
}
#maincontent a:hover { 
	color: #BDB76B;
}
#maincontent a:active { 
	color: #F00;
}
#promo { 
	width: 214px;
	padding-left: 22px;
}
#tip { 
	width: 157px;
}
#promo, #tip {
	text-align: left;
	height: 111px;
	float: left;
	color: #FFF;
	padding-right: 10px;
	position: relative;
}
#promo h1, #tip h1 {
	font-size: 12px;
	font-weight: normal;
	margin-top: 3px;
}
#promo p, #tip p {
	font-size: 10px;
	margin-top: 3px;
	line-height: 18px;
}
#promo a:link, #tip a:link { 
	color: #FFF;
}
#promo a:visited, #tip a:visited { 
	color: #FFF;
}
#promo a:hover, #tip a:hover { 
	color: #CCC;
}
#promo a:active, #tip a:active { 
	color: #FFF;
}
.featlink {
	position: absolute;
	bottom: 1px;
}
#product { 
	text-align: left;
	padding: 2px 3px;
	height: 152px;
	width: 182px;
	float: left;
	background-color: #9D8D88;
	color: #FFF;
	position: relative;
}
#product h1, #product h2 {
	font-size: 12px;
	font-weight: normal;
}
#product h3 {
	font-size: 10px;
	font-weight: normal;
	color: #FC6;
}
#product p {
	font-size: 10px;
}
#product img {
	margin-bottom: 2px;
}
.morelink {
	position: absolute;
	bottom: 5px;
	left: 141px;
	background: url(/images/marrow.png) no-repeat scroll 31px 5px;
	padding-right: 16px;
}
#product a:link { 
	color: #FFF;
}
#product a:visited { 
	color: #FFF;
}
#product a:hover { 
	color: #FC6;
}
#product a:active { 
	color: #FFF;
}

/* transparent */

#transparent-about, #transparent-news, #transparent-ontv, #transparent-style, #transparent-toolbox {
	position: absolute;
	top: 122px;
	right: 0;
	margin: 0px;
	height: 484px;
	width: 369px;
	border: 0px solid #fff;
}
#transparent-about[id] {
	background: url(/images/trans_aboutTy.png) no-repeat scroll 0 0;
}
#transparent-news[id] {
	background: url(/images/trans_news.png) no-repeat scroll 0 0;
}
#transparent-ontv[id] {
	background: url(/images/trans_tyOnTv.png) no-repeat scroll 0 0;
}
#transparent-style[id] {
	background: url(/images/trans_tyStyle.png) no-repeat scroll 0 0;
}
#transparent-toolbox[id] {
	background: url(/images/trans_tyToolbox.png) no-repeat scroll 0 0;
}

/* navbuttons */

#navbuttons {
	float: left;
}
#navbuttons2 {
	float: right;
}
#navbuttons li, #navbuttons2 li {
	list-style-type: none;
	width: 113px;
	color: white;
	background-color: #84A0B8;
	margin-bottom: 2em;
	text-align: left;
	font-weight: bold;
	padding-left: 7px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
#navbuttons a:link, #navbuttons2 a:link { 
	color: #FFF;
	text-decoration: none;
}
#navbuttons a:visited, #navbuttons2 a:visited { 
	color: #FFF;
	text-decoration: none;
}
#navbuttons a:hover, #navbuttons2 a:hover { 
	color: #FFF;
	text-decoration: none;
}
#navbuttons a:active, #navbuttons2 a:active { 
	color: #FFF;
	text-decoration: none;
}
#navbuttons a, #navbuttons2 a {
	display: block;
	padding-top: 36px;
	line-height: 26px;
}

/* copy */

#copy {
	width: 223px;
	height: 120px;
	background-color: #FFF;
	-moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
	text-align: left;
	padding: 20px;
	clear: both;
}
#copy p {
	font-size: 9px;
	line-height: 3em;
}

/* column */

#column {
	float: right;
	text-align: left;
	width: 250px;
	margin-left: 10px;
}

/* contentwrap */

#contentwrap {
	width: 802px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	position: relative;
}
#contentwrap h1 {
	font-size: 22px;
	color: #FFF;
	padding-bottom: 0.2em;
	padding-left: 0.6em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#contentwrap h1.toolsubhead {
	font-size: 22px;
	color: #F1932F;
	padding-left: 32px;
	padding-bottom: 1px;
}
#contentwrap h1.aboutsubhead {
	font-size: 22px;
	color: #FFF;
	padding-left: 9px;
	padding-bottom: 1px;
	text-transform: lowercase;
}
#contentwrap h1.ontvsubhead {
	color: #A0AEB9;
	font-size: 22px;
	padding-left: 9px;
	padding-bottom: 1px;
	text-transform: lowercase;
}
#contentwrap h1.newssubhead {
	color: #A0AEB9;
	font-size: 22px;
	padding-left: 9px;
	padding-bottom: 1px;
	text-transform: lowercase;
}

/* bodytext */

#bodytext {
	text-align: left;
	width: 460px;
	border: 1px solid #CCC;
	max-height: 300px;
	overflow: auto;
	padding: 15px 15px 0 15px;
	background-color: #FFF;
	color: #666;
	margin-left: 30px;
	float: left;
}
#bodytext h1 {
	font-size: 16px;
	line-height: 1em;
	color: #F1932F;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.5em;
	padding-left: 0;
	margin-bottom: 0.5em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#bodytext p {
	font-size: 10px;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#bodytext ul, #bodytext ol {
	margin-bottom: 1em;
	padding-left: 15px;
}
#bodytext li {
	font-size: 10px;
	line-height: 1.5em;
}
#bodytext a:link { 
	color: #5A2521;
	text-decoration: none;
}
#bodytext a:visited { 
	color: #5A2521;
	text-decoration: none;
}
#bodytext a:hover { 
	color: #5A2521;
	text-decoration: none;
}
#bodytext a:active { 
	color: #5A2521;
	text-decoration: none;
}
.listenlink { 
	float: right;
	font-size: 10px;
}
#sidebar {
	max-height: 200px;
	width: 268px;
	border: 1px solid #CCC;
	float: right;
	text-align: left;
	overflow: auto;
	background-color: #FFF;
	-moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}
#sidebar li {
	list-style-type: none;
	width: 251px;
	line-height: 26px;
	color: #666;
	font-weight: bold;
	font-size: 10px;
}
#sidebar a:link { 
	color: #666;
	text-decoration: none;
}
#sidebar a:visited { 
	color: #666;
	text-decoration: none;
}
#sidebar a:hover { 
	color: #FFF;
	text-decoration: none;
	background-color: #F1932F;
}
#sidebar a:active { 
	color: #666;
	text-decoration: none;
}
#sidebar a {
	display: block;
	padding-left: 7px;
}

/* defined */

#defined {
	text-align: left;
	width: 495px;
	border: 1px solid #CCC;
	max-height: 401px;
	overflow: auto;
	padding: 15px 15px 0 15px;
	background-color: #FFF;
	color: #666;
	margin-left: 30px;
	float: left;
}
#defined h1 {
	font-size: 16px;
	line-height: 1em;
	color: #F1932F;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.5em;
	padding-left: 0;
	margin-bottom: 0.5em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#defined h2 {
	font-size: 12px;
	line-height: 1em;
	color: #F1932F;
	padding-left: 0;
	margin-bottom: 0.5em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#defined p {
	font-size: 10px;
	line-height: 1.5em;
	margin-bottom: 1em;
}
#defined ul, #defined ol {
	margin-bottom: 1em;
	padding-left: 15px;
}
#defined li {
	font-size: 10px;
	line-height: 1.5em;
}
#defined a:link { 
	color: #5A2521;
	text-decoration: none;
}
#defined a:visited { 
	color: #5A2521;
	text-decoration: none;
}
#defined a:hover { 
	color: #5A2521;
	text-decoration: none;
}
#defined a:active { 
	color: #5A2521;
	text-decoration: none;
}

/* content */

#content {
	padding: 0px;
	margin: 0px;
}

/* flashcontent */

#flashcontent {
	height: 484px;
	width: 100%;
	border: 0px solid #FFF;
	position: absolute;
	top: 0;
	left: 0;
}

/* tableform */

#tableform {
	width: 355px;
	border-top: 1px solid #CCC;
	color: #666;
	margin: 30px 0 3em 60px;
	font-size: 10px;
	padding-top: 10px;
}
#tableform td {
	vertical-align: top;
	padding: 6px 0;
}
.input-style {
	background-color: #FFF;
	border: 1px solid #CCC;
	vertical-align: top;
	margin-right: 10px;
	font-size: 14px;
}
.submit-style {
	background-color: #F1932F;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 12px;
	padding: 2px 15px 3px 15px;
	float: right;
	margin-right: 86px;
}


/* calendar */

#calendar-head {
	width: 268px;
}


#calendar-head-ontv h1{
	font-size: 22px;
	color: #A0AEB9;
	line-height: 1em;
	padding-left: 0;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#calendar-head-about h1{
	font-size: 22px;
	color: #fff;
	line-height: 1em;
	padding-left: 0;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}


#calendar {
	max-height: 200px;
	width: 268px;
	border: 1px solid #CCC;
	float: left;
	text-align: left;
	overflow: auto;
	background-color: #FFF;
	-moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}
#calendar li {
	list-style-type: none;
	width: 251px;
	line-height: 26px;
	color: #666;
	font-weight: bold;
	font-size: 10px;
}
#detailwrap {
	width: 494px;
	border: 1px solid #CCC;
	float: right;
	height: 364px;
	background-color: #FFF;
	-moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
	position: relative;
	padding: 15px 15px 0 15px;
}
#detail {
	text-align: left;
	width: 494px;
	float: right;
	height: 364px;
	overflow: auto;
	padding: 15px 15px 0 15px;
	position: absolute;
	right: 0;
}
#detail h1 {
	font-size: 16px;
	line-height: 2em;
	color: #F1932F;
	border-bottom: 1px solid #CCC;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 0.5em;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#detail p {
	font-size: 10px;
	line-height: 2em;
	margin-bottom: 1em;
	color: #666;
}
#detail a:link { 
	color: #F1932F;
}
#detail a:visited { 
	color: #F1932F;
}
#detail a:hover { 
	color: #F1932F;
}
#detail a:active { 
	color: #F1932F;
}
.detail-img-lt {
	float: left;
	margin-right: 5px;
	border: 1px solid #CCC;
}
.detail-img-rt {
	float:right;
	margin-left: 5px;
	border: 1px solid #CCC;
}
#calendar a:link { 
	color: #666;
	text-decoration: none;
}
#calendar a:visited { 
	color: #666;
	text-decoration: none;
}
#calendar a:hover { 
	color: #FFF;
	text-decoration: none;
	background-color: #F1932F;
}
#calendar a:active { 
	color: #666;
	text-decoration: none;
}
#calendar a {
	display: block;
	padding-left: 7px;
}
.caltab {
	float: right;
	margin-left: 5px;
	margin-top: 3px;
	padding: 5px;
	background-color: #FFF;
	color: #DDD;
	text-decoration: none;
}
.selcaltab {
	float: right;
	margin-left: 5px;
	margin-top: 3px;
	padding: 5px;
	background-color: #F1932F;
	color: #FFF;
	text-decoration: none;
}


/* footer */

#footer {
	width: 100%;
	position: fixed;
	z-index:10000;
	bottom: 0px;
}
#footerback {  
	padding: 0;
	height: 31px;
	border-top: 1px solid #CCC;
	background-color: #FFF;
	-moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
	z-index: 5000;
}
#footertext { 
	color: #333;
	font-size: 9px;
	text-align: left;
	z-index: 9999;
	position: relative;
	width: 100%;
}
#footertext li {
	display: inline;
	margin-right: 3px;
}
#footernav {
	position: absolute;
	left: 21px;
	top: 5px;
}
#copyright {
	position: absolute;
	left: 756px;
	top: 20px;
}
#footernav a:link { 
	color: #333;
	text-decoration: none;
}
#footernav a:visited { 
	color: #333;
	text-decoration: none;
}
#footernav a:hover { 
	color: #000;
	text-decoration: none;
}
#footernav a:active { 
	color: #333;
	text-decoration: none;
}

/* misc styles */

.border {
	border: 1px solid #CCC;
	float: right;
}
.img-style-lt {
	float: left;
	padding-right: 5px;
}
.img-style-rt {
	float:right;
	padding-left: 5px;
}
.clearfix {
	clear:both;
	}
.wireframe {
	border: 1px solid black;
}
.see {
	background-color: red;
}