/* Positioning DIVs */
#home_page_content { border: 1px solid #333333; margin: 10px; padding: 5px; float: left; width: 60%; position: relative; }
#articleBoxes { border: 1px solid #999999; padding: 5px; float: left; width: 30%; position: relative; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#articleBoxes p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em; color: #666666; }

#divArticle { border: 1px solid #666666; padding: 3px; }
#article { margin: 10px; padding: 5px; float: left; width: 75%; position: relative; }
#articleList { margin: 10px; padding: 5px; float: left; width: 75%; position: relative; }
#articleList ul { list-style-type: none; font-family: Georgia, "Times New Roman" , Times, serif; font-size: 1.25em; line-height: normal; font-weight: bold; border: 1px solid #CCCCCC; background-color: #eee; padding: 5px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.publishDate { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: italic; font-weight: normal; color: #999999; }
#articleList ul ul { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight: normal; margin-top: 6px; margin-right: 0px; margin-bottom: 0px; }



/* == NEW CSS FOR THE HOMEPAGE
===============================*/

.homeWrap { width: 809px; float: left; background-color: #FFFFFF /*url(/images/home/hp_borderbg.gif) repeat-y 516px*/; }
.homeWrap h3{font:bold 13.5px arial; text-transform:uppercase; color:#f28b9b; margin-bottom:5px;}
.hpCenterImage { width: 809px; float: left; border-bottom: solid 4px #367c2b; text-align: center; padding: 0px 0px 0px 0px; }
.hpCenterImage img { display: block; float: left; margin: 0px; }
.hpCenterCaption { display: block; background-color: #367c2b; padding: 10px 0px; }
.hpCenterCaption a { font: bold 14px arial; }
.hpCenterDiv { display: block; padding: 10px 10px 10px 10px; text-align: left; border-bottom: 5px solid #367c2b; }
.hpCenterDiv a { font-weight: bold; }
.hpCenterDivLeftCol { display: block; float: left; width: 500px; text-align: left; }
.hpCenterDivRightCol { display: block; float: right; width: 270px; margin-right: 10px; }
.hpCenterDivRightCol p { margin: 5px 0px 0px 0px; }

/*Seasonal HP styles*/


.leftContentWrap { float: left; width: 560px; }
.leftContent { width: 560px; float: left; }
.leftConWrap { width: 550px; float: left; padding: 35px 5px; }
.leftConWrap a { font-weight: bold; }
.linkLeft { float: left; width: 220px; margin-right: 15px; }
.linkRight { float: left; width: 220px; }
.linkContent { float: left; width: 400px; padding-right: 12px; padding-top: 3px; border-right: solid 1px #f28c9b; margin: 0px 0px 0px 0; }
.linkContent h1 { font-family: Arial; font-size: 12px; color: #367c2b; margin: 0px; padding: 0px; float: right; }
.linkContent p { font-family: Arial; font-size: 11px; margin: 0px 0px 0px 0; padding: 0px; float: left; text-align: left; }
.goNowBtn { width: 50px; height: 12px; float: left; margin-left: 10px; display: table-cell; text-align: center; vertical-align: middle; margin-top: 18px; }
.homeMenu { width: 50%; float: left; }
.homeMenuInner {width:100%; background: transparent url(/images/home/menuBG.png) no-repeat 0 0; padding: 80px 0px 40px 20px; }
.homeMenuInner a { display:block; width: 50%; margin: 0px 0px 20px 0; }
.homeMenuInner a.left { float: left; clear:left;}
.homeMenuInner a.right { float: right; clear:right;}
.homeSocialMedia { width: 50%; float: right; }
.socialTabs { display: block; width: 100%; padding: 0px; margin: 0px; }
.socialTabs li { display: block; float: left; width: auto; margin-right: 2px; }
.socialTabs li a { display: block; float: left; width: auto; cursor: pointer; }
.socialContent { float: left; width: 96%; position: relative; }
.socialContent .facebookWrapper { float: left; width: 265px; height:188px; position: absolute; padding: 5px 2%; top: 0px; left: 0px; background: transparent url(/images/home/bgFacebook.png) no-repeat 0 0; }
.socialContent .twitter { float: left; width: 265px; height: 188px; position: absolute; padding: 5px 2%; top: 0px; left: 0px; display: none; background: transparent url(/images/home/bgTwitter.png) no-repeat 0 0; }

/*Twitter Feed styles*/
#twitter-ticker { height: 148px; overflow: hidden; overflow-y: scroll; }
#tweet-container img { display: block; float: left; width: auto; margin-right: 10px; }
#tweet-container .twitterContent { font: normal 11px/12px arial; color: #ffffff; }
#tweet-container .tweet { border-top: 2px solid #ffffff; padding-top: 10px; margin-bottom: 10px; }
#tweet-container .twitterContent, #tweet-container .twitterFooter { width: 190px; float: right; }
#tweet-container .time { color: #ffffff; font-style: italic; }
.twitterFollow{height:35px; width:250px; padding-top:5px;}

/*Facebook Feed Styles*/
/*Like button header*/

.facebookWrapper .connect_widget_not_connected_text{color:#ffffff;}

/* Base */
.fb-wall {display:block; font: 11px/12px arial; color: #ffffff; height: 148px; overflow: hidden; overflow-y: scroll; padding-right:2px;}
.fb-wall a { text-decoration: none; color: #367c2b; }
.fb-wall a:hover { text-decoration: underline; }
.fb-wall.loading { height: 148px; background: url(/images/home/loaderSmall.gif) no-repeat center 50px; }
.fb-wall-box { margin-bottom: 10px; border-top: 2px solid #ffffff; padding-top: 10px; }
.fb-wall-box-first {}
.fb-wall-avatar { float: left; border: 0; }
.fb-wall-data { margin-left: 60px; }
.fb-wall-media { display: block; font-size: 11px; margin-bottom: 5px; }
.fb-wall-border-left { border-left: 2px solid #ffffff; padding: 0 0 3px 8px; }
.fb-wall-media-container { display: block; float:left; width:100%; margin-top:5px; }
.fb-wall-media-link { border: 1px solid #ffffff; display: inline-block; color: #367c2b; cursor: pointer; float: left; margin-right: 5px; }
.fb-wall-picture { margin-right: 10px; border: 0; display: block; margin: 3px; }
.fb-wall-name { display: block; font-weight: bold; color: #367c2b; }
.fb-wall-caption { display: block; color: #367c2b; }
.fb-wall-description { display: block; color: #ffffff; line-height: 1.2em; }
.fb-wall-icon { float: left; margin-right: 5px; }
.fb-wall-date { font-size: 11px; color: #ffffff; clear: left; display: block; margin-bottom: 5px; }
.fb-wall-message { display: block; margin-bottom: 5px; }
.fb-wall-message-from { font-weight: bold; color: #367c2b; }
.fb-wall-link { color: #367c2b; font-size: 11px; text-decoration: none; }

/* Likes*/
.fb-wall-likes{display:none;}
/*.fb-wall-likes { border-bottom: 1px solid #E5EAF1; margin-bottom: 2px; display: block; font-size: 11px; background: url(/images/home/like.gif) no-repeat 0 0 #FFF; padding-top: 5px; }
.fb-wall-likes div { margin: 0; background: url(/images/home/like.gif) no-repeat 0 -5px #EDEFF4; padding: 5px 5px 4px 24px; }
.fb-wall-likes div span { color: #3B5998; }*/

/* Comments */
.fb-wall-comments { margin-top: 2px; font-size: 11px; }
.fb-wall-comment { background-color: transparent; border-bottom: 2px solid #ffffff; margin-top: 2px; padding: 5px 5px 4px; display: block; overflow: hidden; }
.fb-wall-comment-message { display: table; }
.fb-wall-comment-from-name { font-weight: bold; color: #3B5998; }
.fb-wall-comment-from-date { color: #777; clear: left; display: block; }
.fb-wall-comment-avatar { width: 32px; height: 32px; float: left; margin-right: 5px; overflow: hidden; }
.fb-wall-comment-avatar img { width: 32px; height: 32px; }

/* Clearfix */
.fb-wall:after, .fb-wall-media:after, .fb-wall-clean { content: '.'; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }


/*HP Image Scroller*/
#bannerContainer {height:295px;width:560px;z-index:0; position:relative}
#bannerContainer #banner {height:295px;overflow-x:hidden;position:relative;width:560px;}
#bannerContainer img {display:none;margin:0;position:absolute;}
#bannerContainer img.slide{ width:560px; height:295px;}
#bannerContainer #slideImg1{display:block}
#slideControls a:link, #slideControls a:visited {text-decoration:none;}
#slideControls {display:block; float:right; width:187px; padding:5px 0px 5px 10px; bottom:-39px; right:0px; height:26px; position:absolute; background:transparent url(/images/home/animationControlBg.png) no-repeat 0 0;}
#slideControls a {display:block; background-color:#B0C8A5; color:#ffffff;float:right;font:bold 12px arial;height:20px;line-height:20px;margin:0 2px 0 0;text-align:center;text-decoration:none;width:20px;}
#slideControls a.on {background-color:#367c2b; color:#ffffff;}
#slideControls a.slideLinkApple{background-color:Transparent; display:block; float:right; width:42px; cursor:pointer;}
#slideControls a.slideLinkApple img{display:block; position:relative;}

.calloutImg { width: 150px; float: right; }

/*Right Content**/
.rightContent { width: 246px; float: left; border-left: 3px solid #367c2b; }
.rightConWrap { float: left; width: 100%; padding: 10px 0px; background-color:#D7E5D5;}
.rightConWrap a { font-weight: bold; }
.rightContentInsideWrap { float: left; width: 262px; background-color: #eaf1e9; display: inline; margin: 6px 6px 0px 10px; padding: 20px 0 10px 15px; }
.rightContentInsideWrap2 { float: left; width: 234px; margin: 0px 0px 0 6px; }
.rightContentInsideWrap2 p { margin: 0px 0px 0px 0px; }
.rightContentInsideWrap3 { float: left; width: 262px; /*background-color: #eaf1e9;*/ display: inline; margin: 6px 0px 0px 15px; padding: 10px 0 0 0px; }
.hotdogCallout { float: right; }
.hotdogCalloutText, hotdogCalloutText p { float: left; width: 130px; padding: 0px; margin: 0; margin-bottom: 10px; }

.contentTitle { float: left; width: 100%; clear: both; display: block; }

.content1Text, content1Text p { float: left; width: 151px; padding: 0px; margin: 0 0px 0px 0px; }
.content1Text a { display: block; margin-bottom: 10px; }
.content2Img { width: 80px; float: left; margin-right: 10px; margin-top: 10px; }
.content2Text, .content2Text p { float: left; width: 120px; padding: 0px; text-align: right; }
.content2Text img { }
.content3Img { float: right; position: relative; top: -30px; }
.content3Text, .content3Text p { float: left; width: 170px; padding: 0px; margin: 00px 0px 0px 0px; }
.content4Text, .content4Text p { float: left; width: 85px; padding: 0px; }
.content4Text img { margin: 30px 0 0px 0; position: relative; top: -30px; left: -20px; }
.content5Img { float: right; width: 114px; }
.content5Text, .content5Text p { float: right; width: 165px; padding: 0px; margin: 0 0px 0px 0px; }

/* HRs*/
.pinkhr { float: left; width: 451px; height: 1px; background-color: #f28c9b; margin-bottom: 15px; }
.greenhr { float: left; width: 100%; height: 4px; min-height: 4px; max-height: 4px; background-color: #367c2b; }
.shortpinkhr { float: left; width: 64px; height: 1px; background-color: #f28c9b; }
.longpinkhr { float: left; width: 475px; height: 1px; background-color: #f28c9b; margin-bottom: 15px; }

/*Sign up wrap*/
.signupWrap { float: left; width: 496px; margin: 10px 0 5px -5px; }
.signupLeftWrap, .signupLeftWrap p { float: left; width: 150px; margin: 0px 15px 0px 0px; padding: 0px; font-family: Arial; font-size: 11px; }
.signupInputWrap { float: left; width: 190px; margin-right: 10px; margin-top: -10px; }
.signupButton { float: left; width: 21px; margin-top: 65px; }

.divRecaptcha { margin: 10px auto; text-align: center; }

/*Product Landing Pages*/
.rhs .productList a { font-weight: normal; }