/* general */
body { background: url(/art/bg.jpg) repeat-x #b8cde1; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#002d50; }
a { color:#002d50; }
a img {border:none;}
.overlay { position:absolute; background-color:#000; opacity:.5; filter:alpha(opacity=50); -moz-opacity:.50; z-index:100; }
.clearme { clear:both; }
.left { float:left; } { float:right; }
:focus { outline:0; }

input.empty { color:#444; font-style:italic; }
input[type=button], input[type=submit] { cusor:pointer; }

.enlarged-image { z-index:102; position:fixed; width:100%; text-align:center; top:100px;}
.enlarged-image img { border:8px solid #fff; }

/* header */
#header,#hero,#content,#footer,#content-sec { width:937px; margin:0px auto; }
#header { height:130px; }
#header img.logo { float:left; margin-left:0px; }

/* tocs */
ul.top-toc { list-style-type:none; margin:30px 50px 0px 0px; padding:0px; float:right; height:30px; }
ul.top-toc li { display:inline; border-right:2px solid #fff; padding: 0px 10px 0px 8px; }
ul.top-toc li.last { border-right:none; }
ul.top-toc a { color:#fff; text-decoration:none; font-weight:bold; }
ul.top-toc a:hover { border-bottom:2px solid #fff; }

ul.tab-toc { list-style-type:none; margin:34px 60px 0px 0px; padding:0px; float:right; clear:right; }
ul.tab-toc li { display:block; float:left; background: url(/art/tab-bg.jpg) left top; padding:0px; margin:0px; height:36px; }
ul.tab-toc li a { color:#fff; text-decoration:none; font-weight:bold; font-size:1.2em; background: url(/art/tab-bg.jpg) right top; padding:10px 16px 0px 0px; margin-left:16px; height:26px; display:block; }
ul.tab-toc li:hover { background-position:left bottom; }
ul.tab-toc li:hover a { background-position:right bottom; }

/* hero area */
#hero { background: url(/art/green-bg.jpg); height:262px; }
#hero h1.tagline { float:left; font-size:1.4em; margin:160px 0px 0px 52px; letter-spacing:-0.5px; }
#hero div.text { margin:25px 70px 0px 0px; float:right; width:355px; line-height:1.1em; }
#hero div.text p { margin:0px; padding:0px 0px 15px 0px; font-size:12px;}
#hero div.text div.start { margin-top:10px; }
#hero div.text span.get-started { font-weight:bold; font-size:1.7em; display:block; margin-bottom:2px; width:200px; float:left; }
#hero div.text span.hook-up { display:block; font-weight:bold; font-size:1.3em; width:200px; float:left; }
#hero div.text a.create-list { color:#fff; float:right; font-weight:bold; text-decoration:none; font-size:1.3em; margin:7px 15px 0px 0px; }
#hero div.text a.create-list:hover { border-bottom:2px solid #fff; }

/* content */
#content { background: url(/art/mid-bg.jpg) repeat-x; margin-top:8px; height:212px; }
#content .pic { float:left; margin-top:15px; height:177px; text-align:center; width:196px; border-right:1px solid #afbdc8; padding:0px 8px 0px 7px; }
#content .pic img { display:block; }
#content .pic p { font-size:.85em; line-height:1.1em; margin:0px; padding:0px; }
#content .pic a { font-weight:bold; display:block; margin:10px 0px 7px 0px; font-size:1.15em; }
#content .pic a.recommended { margin:0px; }

#content #checklist, #content #recommended { border-right:none; margin-top:0px; padding-top:15px; height:197px; background-repeat:no-repeat; }
#content #checklist { background-image: url(/art/mid-left.jpg); padding-left:46px; }
#content #featured { border-left:1px solid #afbdc8; }
#content #recommended { background: url(/art/mid-right.jpg) no-repeat right; padding-right:59px; }

#content-sec { background: url(/art/header-sec.jpg) no-repeat top #fff; }
#content-sec h1 { margin-left:50px; margin-top:0px; padding-top:10px; }
#content-sec #text { background:url(/art/footer-sec.jpg) no-repeat bottom; padding:0px 50px 50px 50px; min-height:100px; margin-top:50px; line-height:1.4em; }

/* faqs */
.faq .question { cursor:pointer; font-weight:bold; font-size:16px; background: url(/art/icons/arrow_right.gif) no-repeat top left; padding:0px 0px 0px 25px; margin:0px 0px 5px 0px; }
.faq.out .question { background-image: url(/art/icons/arrow_down.gif); }
.faq .answer { margin-left:25px; }
.faq .answer p { padding:0px 0px 1em 0px; margin:0px; }
.faqs-category .faq { margin-left:25px; }

/* things everyone forgets (tef) */
ul.tef { list-style-type:none; }
ul.tef li { margin:0px 0px 5px 0px; }
ul.tef li.even a, .green { color:#6ea700; }
p.tef, ul.tef li { padding-left:25px; background: url(/art/icons/check.gif) no-repeat top left; } 

/* footer */
#footer { background-image: url(/art/bottom-bg.jpg); height:69px; margin:8px auto 10px auto; }
#footer ul.bottom-toc { list-style-type:none; margin:0px; padding:23px 0px 0px 0px; text-align:right; }
#footer ul.bottom-toc li { display:inline; margin-top:20px; border-right:2px solid #fff; padding:0px 10px 0px 9px; }
#footer ul.bottom-toc li.last { border:none; padding-right:59px; }
#footer ul.bottom-toc li a{ color:#fff; font-weight:bold; text-decoration:none; }
#footer ul.bottom-toc li a:hover { border-bottom:2px solid #fff; }

#seo-links {margin:0 auto;padding-bottom:15px;width:937px;text-align:center;}
#seo-links ul {margin:0;padding:0;list-style:none;}
#seo-links ul li {display:inline;margin:0 8px;}
#seo-links ul li a {white-space:nowrap;}

/* item lists */
.modx-listed-item-container { padding-top:20px; text-align:center; }
.modx-listed-item { text-align:left; background-color:#e7efd7; padding:5px; margin:5px; border:1px solid #a2c067; display:inline-block; vertical-align:top; width:250px; height:300px; }
.modx-listed-item h4 { font-size:14px; margin:0px; border-bottom:1px solid #a2c067; padding-bottom: 5px; margin-bottom:5px; height:80px;}
.modx-listed-item .description { font-size:12px; line-height:15px; height:80px;}
.modx-listed-item .price:before { content: "$"; }
.modx-listed-item .add-to-list-link {display:block; font-weight:normal; font-style:italic; font-size:12px; }

.modx-listed-item ul.links { margin:0px; padding:0px; list-style-type:none; }
.modx-listed-item ul.images { list-style-type:none; padding:0px; margin:5px 0px; height:65px; overflow:auto; }
.modx-listed-item ul.images li { float:left; height: 44px; width:60px; margin:2px; border:1px solid #a2c067; background-color:#fff; overflow:hidden; } 
.modx-listed-item ul.images li img { width:56px; cursor:pointer; }

/* featured items */
#content-sec .featured-item-list h1 { padding-left:0; margin:0; }

/* blog */
.huyd-blog #content-sec #text { padding:0 30px 30px; }
.huyd-blog #content-sec h1 { margin:0 0 0 30px; }
.huyd-blog .date, .home2010 .articles .date { background:url(art/date-bg.png) no-repeat; margin:3px 0 0; text-transform:uppercase; float:left; width:46px; height:45px; text-align:center; padding:2px 1px 0 0; font-weight:bold; color:#fff; }
.huyd-blog .day, .home2010 .articles .day { display:block; height:18px; font-size:25px; padding:3px 0 2px; line-height:22px; overflow:visible; }
.huyd-blog .side-blocks { float:left; margin:0 25px 25px 0; }
.huyd-blog .side-blocks .block { float:left; clear:left; background:#f3ffdf; width:230px; padding:10px; border:1px solid #caff73; margin:0 0 10px; }
.huyd-blog .side-blocks .block h3 { border-bottom:1px solid #002d50; margin:0 0 10px; padding:0; }
.huyd-blog .recent-entries { float:left; }
.huyd-blog .recent-entries ul { list-style:none; padding:0; }
.huyd-blog .recent-entries ul li { clear:both; float:left; padding:0 0 10px 0; width:230px; }
.huyd-blog .recent-entries ul li + li { border-top:1px solid #a3ce36; padding:10px 0; }
.huyd-blog .recent-entries ul li .date { margin:3px 5px 0 0; }
.huyd-blog .search input[type=text] { background: url(art/input-bg.gif) repeat-x #fff 0 -3px; border:1px solid #888; padding:2px; }
.huyd-blog .block.search input[type=text] { width:180px; }
.huyd-blog .full-entries, .huyd-blog .blog-content { float:right; width:600px; margin:0; }
.huyd-blog .full-entries .blog-entry { border-bottom:1px solid #77b512; padding:0 0 20px; margin:0 0 20px; }
.huyd-blog .full-entries .blog-entry .summary { padding:1em 0; margin:0; font-style:italic; }
.huyd-blog .full-entries .blog-entry .comments { padding:0; margin:0; }
.huyd-blog .full-entries .blog-entry .date { float:right; }
.huyd-blog .full-entries .blog-entry h3 { padding:0; margin:0; }
.huyd-blog .full-entries .blog-entry h3 a { font-size:26px; line-height:30px; font-weight:normal; text-decoration:none; border-bottom:1px solid; }

#article-comments { float:right; width:600px; margin:0; }
#article-comments h2 { font-size:16px; }
#article-comments label { display:block; }
#article-comments .jot-list { margin:10px 0 0; }
.ditto-pages .ditto_page { padding:0 5px; }
.huyd-blog .blog-content .summary { font-style:italic; }
.huyd-blog .blog-content .date { float:right; margin:0 0 10px 10px; }
.huyd-blog .rss .subscribe img { margin:0 10px 0 0; vertical-align:top; }

/* search results */
.huyd-blog.search-results .search input[type=text] { width:500px; }
.huyd-blog.search-results ol.search-results { list-style:none; margin:10px 0 0; padding:0; }
.huyd-blog.search-results ol.search-results li { padding:10px; background:#f3ffdf; border:1px solid #caff73; margin:0 0 10px 0; }
.huyd-blog.search-results ol.search-results li.even { background:#fff; }
.huyd-blog.search-results ol.search-results li a.title { display:block; font-weight:bold; text-decoration:none; border-bottom:1px solid #77b512; margin:0 0 5px; font-size:15px; }
.huyd-blog.search-results ol.search-results li p.summary { padding:0; margin:0; font-style:italic; font-size:12px; line-height:16px; }

/* video demo */
.demo { float:right; text-align:right; clear:right; width:436px; margin:0 0 10px 10px; }
.demo .demo-container { background:url(art/video-back.jpg) top no-repeat #a0d111; padding:10px 0; width:422px; float:right; }
.demo .demo-container .video-container { width:400px; height:225px; margin:0 auto; }
.demo .demo-container .video-container img { cursor:pointer; }
.demo .demo-container .caption { padding:10px 15px 0; text-align:left; font-size:12px; line-height:14px; }

/* 2010 home page design */
.home2010 #content { background:url(art/hero.jpg) top left no-repeat #fff; height:auto; margin:0 auto; }
.home2010 .demo-sticker { position:absolute; margin:-30px 0 0 365px; }
.home2010 .whats-hot { padding:50px 15px 0; width:437px; height:423px; background:url(art/whats-hot.png) no-repeat; float:left; margin:190px 0 0; }
.home2010 #content .whats-hot .pic { border:none; padding:10px 7px 0; margin:0 0 0 5px; background:url(art/hot-bg.jpg) bottom repeat-x; height:187px;  }
.home2010 #content .whats-hot .pic p { margin:0; padding:0; }
.home2010 .going-to-college { margin:15px 18px 0 0; float:right; }
.home2010 .going-to-college p { margin:0; padding:0 0 1em; }
.home2010 .going-to-college .video-container { text-align:left; padding:0; width:355px; }
.home2010 .articles { float:right; width:420px; list-style:none; padding:0 20px 0 0; margin:10px 0 0; }
.home2010 .articles li { padding:10px; float:left; }
.home2010 .articles li + li { background:#d2ffbf; }
.home2010 .articles li a { text-decoration:none; color:#000; font-weight:bold; font-family:Arial; font-size:20px; line-height:22px; float:right; width:340px; }
.home2010 .articles li a:hover { color:#002d50; }
.home2010 .articles li .summary { padding:5px 0 0; margin:0; font-size:12px; line-height:18px; float:right; width:340px; }
.ads { padding:10px 0 0; }
.ads a { float:left; margin:0 1px 0 0; }

#content-sec .ads { padding:10px 0 0; background:#b8cde1; }

#demo-video-close { color:#fff; cursor:pointer; text-transform:uppercase; background:#000; padding:2px 4px; position:absolute; top:401px; border:1px solid #000; }
#demo-video-close:hover { background:#444; }
#demo-video-container { border:1px solid #000; }