/* YUI Base version: 2.8.0r4 */

/* For breathing room between content and viewport. */
body{margin:0px; font-family:'Trebuchet MS', sans-serif;}
/* 18px via YUI Fonts CSS foundation. */
h1{font-size:150%;}
/* 16px via YUI Fonts CSS foundation. */
h2{font-size:18px; font-family:'Trebuchet MS', sans-serif;}
/* 14px via YUI Fonts CSS foundation. */
h3{font-size:120%;}
/* Top & bottom margin based on font size. */
h1,h2,h3{margin:1em 0;}
/* Bringing boldness back to headers and the strong element. */
h1,h2,h3,h4,h5,h6,strong,dt{font:Trebuchet, Helvetica, sans-serif; font-weight:bold;}
optgroup{font-weight:normal;}
/* Indicating to users that more info is available. */
abbr,acronym{border-bottom:1px dotted #000; cursor:help;}
/* Bringing italics back to the em element. */
em{font-style:italic;}
/* Striking deleted phrases. */
del{text-decoration:line-through;}
/* Giving blockquotes and lists room to breath. */
blockquote,ul,ol,dl{margin:1em;}
/* Bringing lists on to the page with breathing room. */
ol,ul,dl{margin-left:2em;}
/* Giving OL's LIs generated numbers. */
ol li{list-style:decimal outside;}
/* Giving UL's LIs generated disc markers. */
ul li{list-style:disc outside;}
/* Giving UL's LIs generated numbers. */
dl dd{margin-left:1em;}
/* Borders and padding to make the table readable. */
th,td{border:1px solid #000; padding:.5em;}
/* Distinguishing table headers from data cells. */
th{font-weight:bold; text-align:center;}
/* Coordinated margin to match cell's padding. 
Centered so it doesn't blend in to other content. */
caption{margin-bottom:.5em; text-align:center;}
/* to preserve line-height and selector appearance */
sup{vertical-align:super;}
/* to preserve line-height and selector appearance */
sub{vertical-align:sub;}
/* So things don't run into each other. */
p{} ,
fieldset,
table,
pre{margin-bottom:1em;}
#body.yui-skin-sam{width:900px;}

a img{border:0;}
a{outline:none; overflow:hidden;}

/* Content */
#main{width:602px; background:#E0CA93; float:left; font-family:'Trebuchet MS', sans-serif;}
#main_header{background:url("/images/img_content_box_top.png") no-repeat left top; text-align:center; padding:20px 0 20px 0;}
#main_content{padding:10px 30px 0 30px; font:Trebuchet, Helvetica, sans-serif; font-size:13px; line-height:1.4em; margin-bottom:15px;}
#main_content .heading{font-size:21px; font-weight: bold; padding-bottom:20px;}
#main_content .black_text{color:#000;}
#main_content .brown_text{color:#582700; text-align:center;}
#main_content p{padding-bottom:10px;}
#main_content a{color:#F08B2E;}
#main_content ul li{list-style:none; margin-left:-25px;}
#main_content ul li a{color:#fff; text-decoration:none; line-height:1.5em;}

#main_footer{text-align:center; padding-bottom:10px; background:url("/images/img_content_box_bottom.png") no-repeat left bottom;}
#main_footer img{margin:10px 0 10px 0;}

#main_top{width:900px; height:23px; background:url("/images/img_main_top.png") no-repeat 50% 50% #E0CA93;}

.content{}

/* welcome page styles */
.welcome_blog_display{background:url("/images/img_welcome_blog_display_bg.gif") no-repeat; width:566px; height:187px; margin:0 0 0 18px; padding:10px 10px 0 45px;}
.welcome_blog_display img{margin-right:10px;}
.welcome_blog_display .content{width:400px; float:right; padding-right:60px;}
.welcome_blog_display .content .title{font-size:140%;}
.welcome_blog_display .content .post_date{font-size:85%; padding-bottom:10px;}
.welcome_blog_display .content .summary{font-size:85%; line-height:1.2em;}
.welcome_blog_display .content .read_link{font-size:120%; text-align:right;}
.welcome_blog_display .content .read_link a{color:#F08B2E; text-decoration:none;}
.welcome_blog_display .content .read_link a:hover{text-decoration:underline;}
/* Opera requires 1px of passing to render with contemporary native chrome */


/* Utilities */
.padding_10{padding:10px !important;}
.padding_15{padding:15px !important;}
.padding_20{padding:20px !important;}
.padding_25{padding:25px !important;}
.padding_30{padding:30px !important;}

.padding_10_20_20_20{padding:10px 20px 20px 20px !important;}
.padding_20_20_20_20{padding:20px 20px 20px 20px !important;}
.padding_top_10{padding-top:10px;}
.padding_top_20{padding-top:20px;}

.margin_bottom_10{margin-bottom:10px !important;}
.margin_right_neg_15{margin-right:-15px;}

.clearit:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearit{display:inline-block;}
* html .clearit{height:1%;}
.clearit{display:block;}
.clear_both{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_none{clear:none;}
.hide{display:none !important;}
.block{display:block !important;}

.align_center{text-align:center !important;}
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.float_right{float:right !important;}
.float_left{float:left !important;}

/* Custom Styles */

html{background:#fff;}
#doc2{background:#fff; width:900px;}
#hd{margin-bottom:10px; background:#fff;}

a#logo{height:99px; background:url("/images/img_wag_logo.png") no-repeat 50% 50%; display:block !important; width:900px; padding:10px 0 0 0; text-indent:-10000px;}
#bd {padding:0 0 0 0;}
#bd .yui-u{margin-top:10px;}
#ft{margin-top:10px; background:#fff; padding:10px; color:#999;}

/* homepage styles */
#slideshow {position: relative; width: 198px; height: 131px;}

#slideshow img {position:absolute; top:113px; left:58px; z-index:8;}

#slideshow img.active {z-index:10;}

#slideshow img.last-active {z-index:9;}

#home_background{background:url("/images/img_home2_bg.gif") no-repeat 50% 50%; width:900px; height:619px; position:relative;}


/* Blog */

#blog_page_content{width:566px; position:relative; left:-12px; font:Trebuchet, Helvetica, sans-serif; font-size:12px; line-height:1.4em;}
#blog_page_content #top{background:url("/images/img_blog_page_top_bg.gif") no-repeat top; height:55px;}
#blog_page_content #middle{background:url("/images/img_blog_page_middle_bg.gif"); margin-top:-18px; padding:0 25px 0 25px; text-align:left; font-family:Trebuchet, sans-serif;}
#blog_page_content #bottom{background:url("/images/img_blog_page_btm_bg.gif") no-repeat bottom; height:53px;}

#blog_page_content #top_wrapper {border-bottom:3px solid #002D62; margin:0 25px 0 25px; padding:0 0 15px 0; height:20px;}

#blog_page_content #top #navigation {float:left; padding-bottom:10px;}
#blog_page_content #top #navigation ul{list-style:none; width:250px; text-align:left; margin-left: 5px;}

#blog_page_content #top #navigation ul li{margin:0 10px 0 0; float:left;  font-weight:bold; font-size:13px;}
#blog_page_content #top #navigation ul li a{color:#000; padding-right:5px;}
#blog_page_content #top #navigation ul li a:hover{color:#4E84C4; text-decoration:underline;}
#blog_page_content #top #navigation ul li.active a{color:#4E84C4; text-decoration:none;}

#top_pagination{float:right; padding:15px 10px 0 0;}

#bottom_pagination{padding-top:20px;}
.blog_pagination{font-size:10px; font-weight:bold; text-align:center; color:#F08B2E;}
.blog_post_top{height:40px;}
.blog_post{border-bottom:3px solid #002D62; padding:0 0 10px 0;}
.blog_post h1{margin-bottom:10px;}
.blog_post h2{font-size:140%; margin-bottom:6px; float:left;}
.blog_post h2 a{color:#000; text-decoration:none;}
.blog_post h2 a:link{color:#000; text-decoration:none;}
.blog_post h2 a:hover{text-decoration:underline;}
.blog_post .body_text {margin-bottom:10px;}
.blog_post .top_published_at{float:right; margin-top:17px;}
.blog_post .published_at{font-size:90%; color:#666; margin-bottom:6px;}
.blog_post .content{padding-top:0px;}
.blog_post a.read_more{color:#F08B2E; font-size:100%; text-decoration:none; font-weight:bold; padding-top:10px;}
.blog_post a.read_more:hover{text-decoration:underline;}
.blog_post .meta_info{clear:both; font-size:90%; color:#666; padding:10px 0 0 0; height:16px;}
.blog_post .meta_info span.meta_item{padding-right:10px;}
.blog_post .meta_info span.meta_item a{text-decoration:none;}
.blog_post .meta_info span.meta_item a:hover{text-decoration:underline;}
.blog_post .meta_info span.meta_item img {margin-top:-15px;}
.blog_breadcrumb{}
.blog_breadcrumb a{font-weight:bold; text-decoration:none;}
.blog_breadcrumb a:hover{text-decoration:underline;}
.blog_post_comments{}

.blog_comments{width:500px;}
.blog_comment{background:#C1D82F; padding:10px; margin:10px 0 10px 0;}
.blog_comment .wrapper{}
.blog_comment .comment_name{margin-bottom:6px; float:left;}
.blog_comment .comment_name a{color:#000;}
.blog_comment .comment_name a:hover{color:#000;}
.blog_comment .comment_datetime{font-size:90%; color:#000; margin-bottom:6px; padding-left:10px; float:right;}
.blog_comment .comment_txt{}
.blog_comment .comment_txt a{color:#000;}
.blog_comment .comment_txt a:hover{color:#000;}

.blog_comments_form_container{font-family:'Trebuchet MS'; font-size:12px;}
.submit_row{padding-top:15px;}
.form_row{margin:10px 0 10px 0;}
.label{padding-bottom:5px;}
.comment_field{width:450px; height:150px;}

/* Products Page */

.product_images .wrapper{padding:0 15px 20px 0; float:left;}
.product_images .wrapper img{margin-bottom:5px;}
.product_images .wrapper .category{}
.tool_tip_content {text-align:left; font-size:11px; line-height:1.3em;}



/* Welcome Page */

#welcome_page_content{width:566px; margin:0 0 0 -12px; font:Trebuchet, Helvetica, sans-serif; font-size:12px; line-height:1.4em;}
#welcome_page_content #top{background:url("/images/img_blog_page_top_bg.gif") no-repeat top; height:55px;}
#welcome_page_content #middle{background:url("/images/img_blog_page_middle_bg.gif"); margin-top:-17px; padding:0 25px 0 25px; text-align:left; font-family:Trebuchet, sans-serif;}
#welcome_page_content #bottom{background:url("/images/img_blog_page_btm_bg.gif") no-repeat bottom; height:53px; text-align:center;}
#welcome_page_content #bottom .link{padding-top:15px;}
#welcome_page_content #top #top_wrapper {border-bottom:3px solid #002D62; margin:0 25px 0 25px; padding:0 0 15px 0; height:20px;}
#welcome_page_content #top #top_wrapper h2{padding:15px 0 0 5px;}


/* Sidebar */

#sidebar{float:left; margin-left:15px;}

#sidebar_tweet{height:152px; background:url("/images/img_side_tweet.gif") no-repeat; padding-bottom:7px; width:250px;}
#sidebar_tweet #tweet_content{font-size:115%; width:175px; height:70px; position:relative;}
#sidebar_tweet #tweet_content #twitter{height:60px; width:190px; position:absolute; top:20px; left:25px;}
#sidebar_tweet #tweet_content .tweet {font-size:11px;}
#sidebar_tweet #tweet_content .tweet a{color:#F08B2E; text-decoration:none;}
#sidebar_tweet #tweet_content .tweet a:hover{text-decoration:underline;}

#sidebar_contact{width:253px; height:95px; background:url("/images/img_side_contact.png") no-repeat; padding:50px 15px 13px 15px;}
#sidebar_contact .text{text-align:center; padding-right:30px; line-height:1.3em;}
#sidebar_contact a{color:#fff; text-decoration:none;}
#sidebar_contact a:hover{color:#fff; text-decoration:underline;}


#sidebar_recent{height:144px; background:url("/images/img_side_recent.png") no-repeat; padding-bottom:13px;}
#sidebar_recent #content{width:203px; padding:40px 25px 10px 25px;}
#sidebar_recent #content .post{color:#fff; padding:10px 0 5px 0;}
#sidebar_recent #content .post a:link{color:#fff; text-decoration:none;}
#sidebar_recent #content .post a:hover{color:#fff; text-decoration:underline;}
#sidebar_recent #content .post a:visited{color:#fff; text-decoration:none;}

#sidebar_follow{height:144px; background:url("/images/img_side_follow.png") no-repeat; padding-bottom:13px;}
#sidebar_follow_links{width:253px; padding-top:77px;}
#sidebar_follow_links img{float:left;}

.sidebar_friends{width:253px; background:#4370B7;}
.sidebar_friends .top{background:url("/images/img_side_friends.png") no-repeat left top; padding-top:50px;}
.sidebar_friends .bottom{background:url("/images/img_side_friends.png") no-repeat left bottom; padding-bottom:20px;}
.sidebar_friends .friends_text {margin-left:25px;}
.sidebar_friends ul li{list-style:none;}
.sidebar_friends ul li a{color:#fff; text-decoration:none; line-height:1.5em;}
.sidebar_friends ul li a:hover{color:#fff; text-decoration:underline; line-height:1.5em;}
.sidebar_friends p{text-align:left; padding-left:25px; line-height:1.3em;}



#home_pg #sidebar{display:none;}

/* Main Nav Styles */

#mainnav{width:900px;}
#mainnav .bd{margin-top:-10px;}
#mainnav .bd ul{text-align:center; padding:0 35px 0 65px;}
#mainnav .bd ul li{list-style:none; float:left; padding-right:20px;}
#mainnav a{color:#F99D31; text-decoration:none; font-size:19px; font:'Trebuchet MS';}
#mainnav a:hover{color:#C1D82F;}
#mainnav .bd ul li.active a{color:#C1D82F;}


.wag_form{padding-top:25px;}

#fancy_title{display:none !important;}