/* Populate Version 2 */
body { margin: 0; background:#99cc33; font-family: Helvetica, Arial, sans-serif;}

#header {position:relative; width: 100%; height: 51px; background: url(../images/header_grad.gif) top repeat-x #333;  border-bottom:1px solid #484848 }
#header_inner {position: relative; width: 980px; margin: 0 auto;}
#header .logo {position:absolute; top:8px; left: 15px; width: 193px; height:32px; background:url(../images/v2/populate_logo.gif) no-repeat; text-indent:-1000px}
#body {position:relative; margin: 0 auto; padding: 0; width: 980px;  background: #fff; }
#footer {position:relative; width: 100%; font-size:11px; background: url(../images/footer_grad.gif) #1E1E1E top repeat-x }

#footerTopGrad {position:relative; background-image:url(../images/footer-top_grad.gif); height:20px; overflow:hidden;}
#footer_inner {position: relative; width: 947px; margin: 0 auto; padding-left: 20px; padding-right:20px; padding-bottom:20px; }
#footerLegal {position:relative; width: 100%; font-size:11px; background-image:url(../images/legal_bg.gif); background-repeat:repeat-x; background-position:top; height:80px; overflow:hidden; background-color:#141414 }
#footerLegal #legalInner {position: relative; width: 947px; margin: 0 auto; padding-left:0px; padding-top:15px; line-height:16px; font-size:10px; color:#666666}
#footerLegal #legalInner #legalLogo {position:absolute; right:0px; top:11px; background-image:url(../images/legal_logo.gif); width:261px; height:24px; overflow:hidden;}
#footerLegal #legalInner a {color:#999999; font-size:11px;}


.clear {clear:both;}

#left {position:relative; float:left; width:600px; font-size:12px; padding: 20px 0 20px 20px; color:#333333 }
#left h1{ margin-bottom:20px; color:#99cc00; font-size:28px; font-weight:normal; }
#left h1.blog{ margin-bottom:0;}
#left h2{ margin-bottom:20px; color:#99cc00; font-size:20px; font-weight:normal; }
#left h2.blogTitle{color:#99cc00; font-size:20px; font-weight:normal; margin:0 }

#right {position:relative; float:right;width:300px; font-size:12px; color:#333333; padding: 20px 20px 20px 0}

em {margin-bottom:10px;}
#blogs {position:relative; width:300px;}
#blogs .title {position:relative; width:300px; height:43px; background-image:url(../images/v2/titles/blogs_title.gif); text-indent:-6000px;}

#twitter {position:relative; width:300px; margin-top:10px;}
#twitter .title {position:relative; width:300px; height:48px; background-image:url(../images/v2/titles/twitter_title.gif); text-indent:-6000px; margin-bottom:10px;}

.customFormTextInput {font-family: Arial, Helvetica, sans-serif; border:1px solid #ccc; color: #000; padding:5px; outline:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.customFormTextInputError {font-family: Arial, Helvetica, sans-serif; border:1px solid #f00; color: #000; padding:5px; outline:none;}
.customFormSelect {border:1px solid #ccc; color: #000; padding:4px; outline:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0}
.customFormSelectError {font-family: Arial, Helvetica, sans-serif; border:1px solid #f00; color: #000; padding:4px;}
/* FAQ*/

.faq {margin-bottom:5px; border:1px solid #CCCCCC;}
.faq a.faqLink {position:relative; display:block; padding:8px 30px 8px 8px; background: #f5f5f5; font-size:14px; color:#99cc00; text-decoration:none;}
.faq a.faqLink b {position:absolute; top: 9px; right: 9px; width: 16px; height: 16px; background: url(../images/faq_button.gif)} 
.faq a.faqLink:hover {background: #eee; font-size:14px; color:#99cc00; text-decoration:none; }
.faq a.faqLink:hover b {background-position: bottom}

.faq a.faqLinkOpen {position:relative; display:block; padding:8px 30px 8px 8px; background: #f5f5f5; font-size:14px; color:#99cc00; text-decoration:none;}
.faq a.faqLinkOpen b {position:absolute; top: 9px; right: 9px; width: 16px; height: 16px; background: url(../images/faq_button_open.gif)} 
.faq a.faqLinkOpen:hover {background: #eee; font-size:14px; color:#99cc00; text-decoration:none; }
.faq a.faqLinkOpen:hover b {background-position: bottom}

.faq .openingContent {padding:8px; margin:0 }
.faq .openingContent p {margin:0 0 10px 0}
/* Breadcrumb*/

ul.breadcrumb {font-size:10px; font-weight:normal; text-decoration:none; list-style:none; margin:0; padding: 5px 0 0 0; height:25px}
ul.breadcrumb li {float:left; display:inline; color:#555; font-size:11px; margin:0; padding:0;}
ul.breadcrumb li.divide {width: 1px; height: 11px; overflow:hidden; margin: 3px 8px 0 8px; background-color:#555}
ul.breadcrumb li a {color:#555; font-size:10px; text-decoration:underline}
ul.breadcrumb li a:hover {color:#7CAB29; font-size:10px; text-decoration:underline}
ul.breadcrumb li a.home {display:block; width:9px; height:10px; background:url(../images/v2/breadcrumbhome.gif) top; text-indent:-1000px }
ul.breadcrumb li a:hover {background-position: bottom;}

/* Blog*/
.newsdate {margin-bottom:10px; font-style:italic; font-size: 10px; }
.feedbackFormButton {border:1px solid #fff; background-color:#7cab29; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.feedbackFormButton:hover {border:1px solid #7cab29; background-color:#fff; color:#7cab29; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer }
	  
#commentTextArea {position:relative; width:565px; padding:10px 0 42px 35px;}
.commentTextAreaNormalError {background: url(../images/v2/comment_textareaError_bg.gif) 0px 0px no-repeat; }
.commentTextAreaNormal {background: url(../images/v2/comment_textarea_bg.gif) 0px 0px no-repeat; }
#commentTextArea .textarea{width:525px; height:130px; border:none; font-family:Arial, Helvetica, sans-serif; outline: none;}
#commentButtonArea {position:absolute; bottom:5px; left:10px;}
#commentError {position:absolute; bottom:8px; left:160px;}

.commentsContainer {width:570px; height:auto; padding:15px; color:#333; background-color:#FFF; border-bottom:1px solid #999999; margin-bottom:0px; }
.commentsContainerAlt {width:570px; height:auto; padding:15px; background-color:#FFF; color:#333; border-bottom:1px solid #999999; margin-bottom:0px;}

.commentsContainerAdmin {width:570px; height:auto; padding:10px; font-weight:bold; background-color:#e1e0e0; color:#000; border-bottom:1px solid #999999; margin-bottom:0px;}

.commentsTitle {color:#666; font-size:11px; font-weight:normal; margin-top:5px; font-style:italic}
.commentsTitleAdmin {color:#FFF; font-size:12px; font-weight:normal;}
.hr {color:#666666;}

.feedbackFormTextInput {background-color: #FFF; border:1px solid #999999; height:26px; color:#333; width:255px; }
.feedbackFormTextInputCaptcha {background-color: #FFF; border:1px solid #999999; height:26px; width:147px; color:#333  }
.feedbackFormTextInputCaptchaError {background-color: #FFF; border:1px solid #f00; height:26px; width:147px; color:#f00  }
.feedbackFormSelect {background-color: #000; border:1px solid #999999; width:252px; height:26px; color:#CCCCCC  }

.blogRating {position:relative; margin:0; padding: 0; list-style:none; margin-top:4px;}
.blogRating li {float:left; display:inline; margin: 0; padding: 0; float: left;}
.blogRating li.star {width:30px; height: 28px; background: url(../images/star_unlit.gif); text-indent: -100px; overflow: hidden; cursor: pointer}
.blogRating li.starOver {width:30px; height: 28px; background: url(../images/star_lit.gif); text-indent: -100px; overflow: hidden; cursor: pointer}
.blogRating li#ratingDisplay {padding: 8px 0 0 15px; font-weight:bold; color: #000; font-size: 12px;}
.blogRatingMessage {padding: 5px 0 0 35px; color: #000; font-size: 12px; height: 23px; background: url(../images/star_lit.gif) no-repeat; font-weight:bold }

.blogList {position:relative; margin:0px auto;}
.blogListContainer {display:block; position:relative; margin:0px auto; padding: 5px 5px 10px 5px; border-top:1px solid #fff; border-bottom:1px solid #fff; cursor: pointer}
a.blogListContainer {color:#000; text-decoration:none}
a.blogListContainer:hover {color:#000; text-decoration:none; background: #F8F8F8; border-top:1px solid #eee; border-bottom:1px solid #eee}
.blogListTitle {display:block; color:#9C0; font-weight: bold;}

.blogListContainerLarge {display:block; position:relative; margin:0px auto; padding: 5px 5px 5px 5px; border-top:1px solid #eee; cursor: pointer}
a.blogListContainerLarge {color:#000; text-decoration:none}
a.blogListContainerLarge:hover {color:#000; text-decoration:none; background: #F8F8F8;}
.blogListContainerLarge .blogListTitle  {display:block; margin-bottom:5px; color:#99cc00; font-size:18px; font-weight:normal; }
.blogListContainerLarge .blogListImage {display:block; position:relative; float:right; margin-left:10px; width:100px; height:100px; border:1px solid #eee}

a.featuredBlogLink {display:block; background: #fff; border-top:1px solid #fff;; border-bottom: 1px solid #fff; text-decoration:none; padding: 4px 4px 10px 4px ; color: #000; cursor:pointer}
a.featuredBlogLink:hover {background: #F8F8F8; border-top:1px solid #eee; border-bottom: 1px solid #eee; text-decoration:none}
a.featuredBlogLink em {color: #888; font-size: 11px; display:block; margin-bottom: 10px;}
a.featuredBlogLink .title {display:block;margin-bottom:0; color:#99cc00; font-size:18px; font-weight:normal; }
#blogLarge {position:relative; float:right; margin-left:20px; margin-bottom:30px; border:1px solid #EEE}
.featuredBlogImage {display:block; position:relative; float:right; margin-left:10px; margin-bottom:10px; width:100px; height:100px; border:1px solid #eee}

.blogListRatingContainer {display:block; position:relative; padding: 0 0 0 145px; color: #666; font-size: 10px; margin-top:4px; font-style:italic}
.blogListRating {display:block; position:absolute; width: 140px; height: 14px; left: 0; top:0; background: url(../images/star_unlit_sm.gif)}
.blogListRatingInner{display:block; position:relative; height: 14px; background: url(../images/star_lit_sm.gif)}
		
.blog_image_main {position:relative; border: 1px solid #ccc; width: 100px; height: 100px; float: right; margin:0 0 10px 10px}	
/* Twitter Specific*/

#twitter_update_list {}
#twitter_div {margin: 0px auto;  width:272px; list-style:none; color:#333333}
ul#twitter_update_list { list-style: none; margin-left: 0; padding-left: 0em; text-indent:0px ; padding-bottom:5px;}
#twitter_update_list li { margin-bottom:8px; border-bottom: 1px solid #CCC; padding-bottom:6px; left:-10px; }
#twitter_update_list li a{margin-bottom:40px;}
#twitter_update_list li a {margin-bottom:40px;}


ul#nav {position:absolute; display:block; top:0; left:230px; height:51px; margin: 0; padding: 0; list-style:none; font-size:13px;}
ul#nav li {float:left; position:relative; }
ul#nav li a {display:block; float:left; height:33px;  padding: 18px 17px 0 12px; color:#fff; text-decoration:none; font-weight:normal;}
ul#nav li a .arrow {display:none}
ul#nav li a:hover, ul#nav li.liOver a { background-color:#99CC00; color:#fff}
ul#nav li a:hover .arrow, ul#nav li.liOver a .arrow {position:absolute; display:block; width:4px; height:7px; right:-4px; top:22px; background:url(../images/v2/nav_arrow_green.gif); z-index:1}
ul#nav li a.over {  background-color:#fff; padding: 18px 12px 0 12px; color:#333333; text-decoration:none}
ul#nav li a.over .arrow {position:absolute; display:block; width:4px; height:7px; right:-4px; top:22px; background:url(../images/v2/nav_arrow.gif); z-index:1}

ul#nav li.liOut .subNavContainer {display:none}
ul#nav li.liOver .subNavContainer {position:absolute; display:block; top: 51px; left: -1px; z-index:99; padding:0;  }
ul#nav li.liOver .subNavContainer ul {position:relative; list-style:none; display:block; background:#333; padding:0; width:200px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;   }
ul#nav li.liOver .subNavContainer ul li {position:relative; float: none; clear:both; display:block; color:#000; padding:0; margin:0;}
ul#nav li.liOver .subNavContainer ul li a {display:block; float: none; position:relative;color: #fff; background: #333; padding:5px 12px 5px 12px; font-size: 11px; width:176px; height:auto; border-top:1px dotted #555}
ul#nav li.liOver .subNavContainer ul li a:hover {color: #fff; background: #99CC00; padding:5px 12px 5px 12px;font-size: 11px; border-top:1px solid #99CC00}
ul#nav li.liOver .subNavContainer ul li a.over {background: #fff; color:#333; border-top:1px solid #fff}
ul#nav li.liOver .subNavDropShadowOuter {position:absolute; width:100%; height: 100%; top:0; left: 2px; border-left:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-top:5px solid #000; z-index:-1; background-color: #000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}
ul#nav li.liOver .subNavDropShadowMiddle {position:absolute; width:100%; height: 100%; top:0; left: 3px; border-left:1px solid #000; border-right:1px solid #000; border-bottom:2px solid #000; border-top:5px solid #000;  z-index:-1; background-color: #000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}
ul#nav li.liOver .subNavDropShadowInner {position:absolute; width:100%; height: 100%; top:0; left: 4px;  border-left:none; border-right:none; border-bottom:none; border-top:5px solid #000;z-index:-1; background-color: #000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}


#searchBar {position:absolute; top:14px; right:10px; background-image:url(../images/2012/searchBG.gif); background-repeat:no-repeat; background-position:left; height:24px; width:222px;}
#searchBar .searchInput{position:relative; float:left ;top:0px; padding-left:10px; width:170px; height:20px; outline: none; background-color:transparent; border:0px; color:#CCCCCC}
#searchBar .searchButton{position:relative; float:left; top:0px; right:0px;  width:26px; height:24px; background-image:url(../images/2012/searchButton.gif); cursor:pointer; border:0px solid; background-color:transparent; position:absolute; }

#sitemap ul {list-style-type: none; clear: both; margin-left: 10; padding-bottom:0;}
#sitemap li a {display: inline-block; color: #333; text-decoration: none; background: url(../images/v2/arrow.gif) no-repeat 1px 5px; display: block; padding-left:15px; margin-bottom:4px;}
#sitemap li a:hover {display: inline-block; color: #333; text-decoration: none; background: url(../images/v2/arrow.gif) no-repeat 3px 5px; padding-left:15px; margin-bottom:4px; display: block;}


#footerLegal {color:#888; margin-top:10px;}
#footerLegal a {color:#888; text-decoration: none}
#footerLegal a:hover {color:#fff; text-decoration: none}

#footerSiteLinks {position:relative; float:left;}
.footerOtherLinks {position:relative; float:left; padding-left:30px;}
.footerTitle { font-size:13px; color:#FFFFFF; font-weight:bold}
.footerTitle .legalSub {font-size:11px; color:#999999; font-weight:normal}

.footerList ul { list-style:none;margin: 5px 0 0 0; padding-left: 1em; text-indent: -1em; }
.footerList ul li a {color:#ccc; text-decoration:none; background:url(../images/v2/bullet.gif) left no-repeat; padding-left:10px;  }
.footerList ul li a:hover { color:#fff; text-decoration:none;}
.footerList {position:relative; float:left; margin: 0 20px 0 0; width: auto}

#footerContact {position:absolute; right:0px; top:-20px; width:213px; height:140px;}
#footerContact a {position:relative; display:block; width: 213px; height: 140px;  background:url(../images/getintouch.gif) top}
#footerContact a:hover {background-position:bottom}

.footerListSocial {position:relative; float:left; width:145px;}
.footerListSocial ul { list-style:none;margin: 5px 0 0 0; text-indent: -1em;padding: 0; }
.footerListSocial ul li a {color:#ccc; text-decoration:none; font-size:10px; text-transform:none }
.footerListSocial ul li a:hover { color:#fff; text-decoration:none; font-size:10px; }
.footerListSocial ul li a.social { display: block; padding: 10px 0 0 45px; height: 20px; background-repeat: no-repeat; background-position: left top; margin: 3px 0 2px 0;}
.footerListSocial ul li a.social:hover {background-position: left bottom;}
.footerListSocial ul li a#googleSoc {background-image: url(../images/social_google.gif)}
.footerListSocial ul li a#twitterSoc {background-image: url(../images/social_twitter.gif)}
.footerListSocial ul li a#fbSoc {background-image: url(../images/social_fb.gif)}
.footerListSocial ul li a#blogSoc {background-image: url(../images/social_blog.gif)}

.tagcloudTitle {color:#99cc00; font-size:16px; margin-bottom:10px;}
#tagCloud {position:relative; float:right; margin-left:35px; width:290px; text-align: justify; text-justify: newspaper; overflow:hidden}
#tagCloud h1 {color:#FFFFFF; font-size:16px; display: inline; }
#tagCloud h2 {color:#FFFFFF; font-size:14px; display: inline; }
#tagCloud h3 {color:#FFFFFF; font-size:12px; display: inline; }
#tagCloud h4 {color:#FFFFFF; font-size:10px; display: inline; }
#tagCloud h5 {color:#FFFFFF; font-size:9px; display: inline; }
#tagCloud h6 {color:#FFFFFF; font-size:8px; display: inline; }

/* Hero/Sub Hero Styles */

#heroContainer {position:relative; top:0px;}
#heroContainerBottom {position:relative; margin:0px auto; width:980px; height:15px; background-image:url(../images/v2/hero_bg.gif); overflow:hidden;}
#heroTitle {position:relative; top:15px; left:15px; font-size:30px; color:#FFFFFF;}
#heroContent {position:relative; float:left; left:0px; top:25px; width:605px; height:319px; background-image:url(../images/v2/hero_content_bg.gif); font-size:11px;}
#heroContent #hero1{position:relative; float:left; margin-left:15px; top:25px; width:185px; height:270px; }
#heroContent #hero1 #number1{position:relative; top:10px; width:50px; margin-bottom:15px; height:50px; background-image:url(../images/v2/hero_1.gif)}
#heroContent #hero2{position:relative; float:left; margin-left:15px; top:25px; width:185px; height:270px; }
#heroContent #hero2 #number2{position:relative; top:10px; width:50px; margin-bottom:15px; height:50px; background-image:url(../images/v2/hero_2.gif)}
#heroContent #hero3{position:relative; float:left; top:25px; margin-left:15px; width:178px; height:270px; }
#heroContent #hero3 #number3{position:relative; top:10px; width:50px; margin-bottom:15px; height:50px; background-image:url(../images/v2/hero_3.gif)}

#heroContent ul{ list-style:none;margin-left: 0;padding-left: 0em; text-indent: 0em; font-size:10px }
#heroContent ul li {color:#333; text-decoration:none; background-image:url(../images/v2/bullet.gif); background-position:left; background-repeat:no-repeat; padding-left:10px;  }
#heroContent ul li a {color:#333; text-decoration:none; background-image:url(../images/v2/bullet.gif); background-position:left; background-repeat:no-repeat; padding-left:10px;  }
#heroContent ul li a:hover { color:#fff; text-decoration:none; background-image:url(../images/v2/bullet.gif); background-position:left; background-repeat:no-repeat;}

#heroImage {position:relative; float:left; left:0px; width:352px; height:327px; background-image:url(../images/v2/hero_main.jpg)}

/* Text/Link Styles */

a {outline:none; color: #7cab29; text-decoration: underline}
a:hover {color: #000; text-decoration: underline}

.submitButton {color:#ccc;  font-size:11px; font-weight: bold; cursor: pointer; background: url(../images/moreInfo.gif) top right no-repeat; border:none; height:20px; padding:0 20px 0 10px}
.submitButton:hover {color:#99cc00;  font-size:11px;  cursor: pointer; background: url(../images/moreInfo.gif) bottom right no-repeat; border:none; height:20px; padding:0 20px 0 10px}

.bodyText_sm {font-size:9px;}

.backButtonBlog {color:#ccc;  font-size:11px; font-weight: bold; cursor: pointer; background: url(../images/backButton.gif) top left no-repeat; border:none; height:20px; padding:3px 8px 0 22px;}
.backButtonBlog:hover {color:#99cc00;  font-size:11px;  cursor: pointer; background: url(../images/backButton.gif) bottom left no-repeat; border:none; height:20px; padding:3px 8px 0 22px;}

.errorText {color:#f00;}
em {color:#666;}

.rssLink a{position:relative; left:0px; margin-top:15px; height:20px; width:200px; background-image:url(../images/v2/rss_logo.gif); background-repeat:no-repeat; background-position:left; display:block; padding-left:25px; padding-top:4px;}

.populate_code {clear:both; font-family: courier; color: rgb(128, 0, 0); font-size: 11px; background-color:#f3f3f3; border:1px solid #ccc;}
.code {clear:both; font-family: courier; color: rgb(128, 0, 0); font-size: 11px; background-color:#f3f3f3; border:1px solid #ccc;}


.tableCodeSmall {border:2px solid #aaa; border-collapse:collapse; font-size: 8px; background-color:#e1e0e0; color: #333;}
.tableCodeSmall td {border:1px solid #aaa; padding: 2px 5px 2px 5px;}

h2 {color:#333333; font-size:22px; margin-bottom:10px; margin-top:0px;}
h1 {color:#333333; font-size:36px; margin-bottom:10px; margin-top:0px;}

h2.mainTitle {color:#333333; font-size:36px; margin-bottom:10px; margin-top:0px;}
h1.subTitle {color:#333333; font-size:14px; margin-bottom:10px; margin-top:0px;}


#imageProduct {position:relative; float:right; width:230px; height:auto; margin-left:10px; border:none;}
#imageProduct #image{position:relative; border:1px solid #CCC; background:#eee; margin-bottom:0; width:217px; height:320px; text-align:center}
.thumb {position:relative; float:left; width:31px; height:35px; background-color:#FFF; border:1px solid #CCC; margin-right:4px; margin-top:4px;}
.thumbLast {position:relative; float:left; width:31px; height:35px; background-color:#FFF; border:1px solid #CCC; margin-right:0;}
.thumbBlank {position:relative; float:left; width:31px; height:35px; background-color:#FFF; border:1px solid #CCC; margin-right:4px; margin-top:4px;}
.thumbImg {position:relative; border:none; cursor:pointer; float:left;}

a.backButton {display:block; float:left; width:auto; height:17px; padding:3px 8px 0 22px; color: #ccc; font-size: 10px; font-weight:bold; text-decoration:none; background:url(../images/backButton.gif) top left no-repeat;}
a.backButton:hover {color: #99cc00; background:url(../images/backButton.gif) bottom left no-repeat;}

#superContainer {position:absolute; top:302px; left:6px;}
div.supersize {position:relative; z-index:3; display:block; height:14px; margin-top:4px; background:url(../images/supersize.gif) no-repeat 0 1px; padding-left:12px; clear:both; font-size:10px;}
a.supersize {position:relative; z-index:3; display:block; height:14px; margin-top:4px; background:url(../images/supersize.gif) no-repeat 0 1px; padding-left:12px; text-decoration:none; clear:both; font-size:10px;}
a.supersize:hover {background-position: 0 -29px}

.sectionTop {border-bottom:1px solid #ddd;padding-bottom:20px;}
a.sectionGroup {position:relative; float:left; color:#000; padding:10px; width:584px;  margin-left:1px; margin-top:0; cursor:pointer; border-bottom:1px solid #ddd; text-decoration:none;}
a.sectionGroup:hover {background-color:#f5f5f5; text-decoration:none;}
a.sectionGroup .title{display:block; color:#99cc00; font-size:14px; margin-top:0; margin-bottom:5px; font-weight: bold}
a.sectionGroup .image {position:relative; float:right; padding:0; height:113px; width:105px; border:1px solid #ccc; background-color:#EEE; margin-left:20px; text-align:center}
a.sectionGroup .image img {border:none;}
a.sectionGroup .imageMissing {position:relative; float:right; height:63px; width:105px; border:1px solid #EEE; margin-left:20px; background-color:#EEE; color:#CCC; font-size:9px; padding:50px 0 0 0; text-align:center}
a.sectionGroup .price{position:absolute; width:55px; height:auto; font-size:12px; bottom:14px; left:10px; color:#7d291f; font-weight:bold;}
a.sectionGroup .groupLink {position:absolute; width:55px; height:auto; bottom:12px; right:10px;}
a.sectionGroup .moreInfo {position:absolute; bottom:10px; left:10px; width:auto; height:17px; padding:3px 22px 0 8px; color: #ccc; font-size: 10px; font-weight:bold; background:url(../images/moreInfo.gif) top right no-repeat;}
a.sectionGroup:hover .moreInfo {color: #99cc00; background:url(../images/moreInfo.gif) bottom right no-repeat;}


	@font-face {  
  font-family: murderer ;  
  src: url( ../fonts/youmurdererbb_reg.ttf ) format("truetype");  
}  

	@font-face {  
  font-family: league ;  
  src: url( ../fonts/league_gothic.ttf ) format("truetype");  
} 

	@font-face {  
  font-family: beyond ;  
  src: url( ../fonts/BEYONDSKTRIAL.ttf ) format("truetype");  
} 
 
 
  
.fontTest { font-family: murderer , verdana, helvetica, sans-serif; font-size:60px; color:#ff9900  } 
.fontTestLeague { font-family: league , verdana, helvetica, sans-serif; font-size:60px; color:#990000 }
.fontTestBeyond { font-family: beyond , verdana, helvetica, sans-serif; font-size:60px; color:#999999 }



/* Slide Nav */

ul#slideButtons {position:absolute; left: -21px; top:65px; display:block; width:21px; margin:0; padding:0; list-style:none;}
ul#slideButtons li {position:relative; padding:0; margin-top: 1px}
ul#slideButtons li a {display:block; width:16px; height: 31px; background:url(../images/2012/slide_tabs.gif) -42px 0;  font-size: 12px; font-weight:bold; color:#aaa; text-align:right; padding: 16px 5px 0px 0px; text-decoration:none}
ul#slideButtons li a:hover {background-position:-21px 0; width:14px; padding: 16px 7px 0px 0px; }
ul#slideButtons li.over a {background-position:0 0; color:#fff; width:16px; padding: 16px 5px 0px 0px; text-decoration:none }
ul#slideButtons li.over a:hover {background-position:0 0;  width:16px; padding: 16px 5px 0px 0px;  text-decoration:none }



#slideContainer {color:#FFFFFF; font-size:12px; font-weight:500;}
#slideInner {overflow:hidden; position:relative; width:980px; height:366px; background-color:#000; }


#slideContainer h2 {color: #9c3;font-size: 13px; font-seight: bold;}

#slideContainer .slide {position:absolute; width:980px; height:366px; top:0px; }
#slideContainer .slideContent {position:absolute; left:30px; top:30px; width:300px; height:300px; padding: 0 0 0 40px;}
#slideContainer .slideLink {position:relative; margin-top:12px;}
#slideContainer .slideLink a {background:url(../images/2012/slide_link_arrow.gif) right no-repeat; display:block; float: left; width: auto; padding: 0 17px 0 0; text-transform:uppercase; text-decoration:none; color:#99cc33}
#slideContainer .slideLink a:hover { padding: 0 18px 0 0}

#slider {position:absolute; width: 4900px; height: 366px; left: 0;; top: 0;}
#sliderContent {position:absolute; width: 9800px; height: 366px; left: 0;; top: 0;}

#slideContainer #slideOne {left:0px; }
#slideContainer #slideOneContent {left:0px;}

#slideContainer #slideTwo {left:980px;}
#slideContainer #slideTwoContent {left: 1960px;}

#slideContainer #slideThree {left:1960px;}
#slideContainer #slideThreeContent {left:3920px;}

#slideContainer #slideFour {left:2940px;}
#slideContainer #slideFourContent {left:5880px;}

#slideContainer #slideFive {left:3920px;}
#slideContainer #slideFiveContent {left:7840px;}



