/* *************************************** common code ****************************************** */

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; color:#ffffff; background-color: #cccccc;}

img{border:none}

h1,h2,h3,h4,h5,h6,img,form,p,label,fieldset,ul,li{margin:0px; padding:0px;}

a {color: #BFD758; text-decoration:none;}

a:hover {text-decoration:underline;}

.right{float:right;}

.left{float:left;}

.clear{clear:both;}

/* *************************************** layout code ****************************************** */

#layout{float:left; width:100%;}

/* *************************************** header code ****************************************** */

#header{float:left; height: 100px; width:964px; padding:0 0 0 0;}

#header .logo{float:left; overflow: visible; width:200px; padding:7px 0 0 20px;}

#header .menu{float:left; width:auto; padding:46px 0 0 0;}

#header .menu ul{float:left; width:650px;}

#header .menu ul li{float:left; width:auto; text-transform:uppercase; background:url(../images/global/menu_division.gif) no-repeat right 6px; padding:0 1px 0 0; list-style:none;}

#header .menu ul li a{float:left; width:auto; padding:3px 13px 4px 13px; font-family: "Times New Roman"; font-size:10px; font-weight:bold; color:#666666; text-decoration:none; letter-spacing:1px;}

#header .menu ul li a:hover{background-color:#1C1109; color:#ffffff; padding:3px 13px 4px 13px;}

#header .menu ul li.last{background:none;}

#header .menu ul li a.current{background-color:#7C8E3D; color:#ffffff; padding:3px 13px 4px 13px;}

#header_inner{float:left; height: 100px; width:964px; padding:0 0 0 0;}

#header_inner .logo{float:left; width:200px; padding:7px 0 0 20px;}

#header_inner .menu{float:left; width:auto; padding:46px 0 0 0;}

#header_inner .menu ul{float:left; width:650px;}

#header_inner .menu ul li{float:left; width:auto; text-transform:uppercase; background:url(../images/global/menu_division.gif) no-repeat right 6px; padding:0 1px 0 0; list-style:none;}

#header_inner .menu ul li a{float:left; width:auto; padding:3px 13px 4px 13px; font-family:"Times New Roman"; font-size:10px; font-weight:bold; color:#666666; text-decoration:none; letter-spacing:1px;}

#header_inner .menu ul li a:hover{background-color:#1C1109; color:#ffffff; padding:3px 13px 4px 13px;}

#header_inner .menu ul li.last{background:none;}

#header_inner .menu ul li a.current{background-color:#7C8E3D; color:#ffffff; padding:3px 13px 4px 13px;}

#header_inner .sub_menu {background-color:#ffffff; float:left; height:23px; margin:3px 0 0 13px; padding:0 0 0 0; width:650px;}

#header_inner .sub_menu ul{float:left; width:650px; padding-left: 40px;}

#header_inner .sub_menu ul li{float:left; width:auto; background:url(../images/global/sub_menu_division.gif) no-repeat right 6px; padding:0 2px 0 0; list-style:none;}

#header_inner .sub_menu ul li a{float:left; width:auto; padding:3px 13px 4px 13px; font-family:"Times New Roman"; font-size:10px; font-weight:bold; color:#666666; text-decoration:none; letter-spacing:1px;}

#header_inner .sub_menu ul li a:hover{color: #1C1109; text-decoration: underline;}

#header_inner .sub_menu ul li.last{background:none;}

#header_inner .sub_menu ul li a.current{color:#7C8E3D;}

/* *************************************** top container code ****************************************** */

#top_outer{float:left; width:100%; background:#cccccc; background-image: url(../images/home/repeating_bg_1.jpg); background-position: left bottom; background-repeat: repeat-x;}

#top_outer_inner{float:left; width:100%; background:#cccccc;} /*background-image: url(../images/global/sub_background_1.jpg); background-repeat: repeat-x; */

#top_container{margin:0 auto; width:964px;}

#top{float:left; width:964px; background:#ffffff url(../images/home/home_background_image.jpg); background-position: center top; background-repeat: no-repeat;}

#top_inner{float:left; width:964px; background:#1B1108 url(../images/global/background_sub.jpg); background-position: center top; background-repeat: no-repeat;}

#top_container #top .left_container{float:left; width:455px; padding:0;}

/*#top_container #top .left_container img{float:left; margin:0px;}*/

#top_container #top .right_container{float:right; width:499px; padding:25px 10px 50px 0;}

/*#top_container #top .right_container h2{float:left; width:auto; color:#4c4f52; font-weight:normal; text-transform:uppercase; font-size:20px; line-height: normal; text-align:center; padding:20px 0 0 4px;}

#top_container #top .right_container p{float:left; width:489px; padding:10px 0 0 4px;}

#top_container #top .right_container img{float:left;}*/

#top_container #top .right_container .flash{float:left; padding: 0 0 0 0;}

#top_container #top_inner #content{float:left; padding: 45px 35px; } /* width:964px; */

#top_container #top_inner #content{min-height:448px;  height:auto !important;  height:448px;}

#top_container #top_inner #content #experience_promo {border:1px solid #333333; height:88px; margin:30px 0;}
#top_container #top_inner #content #experience_promo .promo_logo {float:left;width:108px; padding:25px 42px; background: url(/common/images/experience/divider_bar.jpg) right no-repeat;}
#top_container #top_inner #content #experience_promo .promo_content {float:left;width:600px;padding:20px 42px;}

#top_container #top_inner #content #experience_flash{float: left; width:787px; padding: 10px 48px 0 49px;}

#top_container #top_inner #content #developer_flash{float: left; width:964px; padding: 30px 0 0 0;}

#top_container #top_inner #content .full_container{float:left; width:auto; padding:0 0 0 0;}

#top_container #top_inner #content .full_container p{ padding-bottom: 15px;}

#top_container #top_inner #content .full_container p img.developer_logo{float: left; padding: 0 15px 0 0; vertical-align:top;}

#top_container #top_inner #content .full_container p a.learn_more{}

#top_container #top_inner #content .full_container p a:hover.learn_more{text-decoration:underline;}

#top_container #top_inner #content .full_container p.subhead{color: #999999; font-weight:bold; padding-bottom: 0;} 
#top_container #top_inner #content .full_container p.heading{color: #999999; font-weight:bold; padding-bottom: 0;} 

#top_container #top_inner #content .full_container p strong{color: #999999; padding-bottom: 0px;}

#top_container #top_inner #content .full_container p.question{font-weight: bold; padding-bottom: 15px;}

#top_container #top_inner #content .full_container p.question a{color:#999999;}

#top_container #top_inner #content .full_container p.question a:hover{text-decoration: underline;}

#top_container #top_inner #content .full_container p.answer{padding-bottom: 15px;}

#top_container #top_inner #content .full_container p.answer span{color: #999999; font-weight: bold;}

#top_container #top_inner #content .full_container p.title{font-family:"Times New Roman"; font-size:20px; line-height:20px; padding-bottom: 35px; color:#7C8E3D;}

#top_container #top_inner #content .full_container p.title span{color:#999999;}

#top_container #top_inner #content .left_container{float:left; width:455px; padding:0;}

#top_container #top_inner #content .left_container p{ padding-bottom: 15px;}

#top_container #top_inner #content .left_container p.no_padding{ padding-bottom: 0;}

#top_container #top_inner #content .left_container p a.learn_more{}

#top_container #top_inner #content .left_container p strong{color: #999999; padding-bottom: 0px;}

#top_container #top_inner #content .left_container p.title{font-family:"Times New Roman"; font-size:20px; line-height:20px; padding-bottom: 35px; color:#7C8E3D;}

#top_container #top_inner #content .left_container p.title span{color:#999999;}

#top_container #top_inner #content .left_container p.subhead{color: #999999; font-weight:bold; padding-bottom: 0;}
#top_container #top_inner #content .left_container p.heading{color: #999999; font-weight:bold; padding-bottom: 0;}

#top_container #top_inner #content .left_container ul{list-style-position:outside; padding-bottom: 20px; padding-left: 15px}

#top_container #top_inner #content .left_container img{float:left; margin:0px;}

#top_container #top_inner #content .left_container p img.developer_logo{float: left; padding: 0 15px 170px 0; vertical-align:top;}

#top_container #top_inner #content .right_container{float:right; width:439px; padding:55px 0 40px 0;}

#top_container #top_inner #content .right_container img{padding:0; margin:0 0 0 50px;}

/* *************************************** Experience Retailers ********************************** */

#top_container #top_inner #content .retailers ul {list-style-type: none; padding:20px 0 0 0; width: 422px; list-style-position: outside;}

#top_container #top_inner #content .retailers ul li {float:left; width: 422px;}

#top_container #top_inner #content .retailers ul li img{display: inline; float:left; padding: 0 10px 105px 0;}

/* *************************************** contact code ****************************************** */

#top_container #top_inner #content .full_container .top_contact_list ul{ margin:0px; padding:0; float:left; width:964px; list-style:none}

#top_container #top_inner #content .full_container .top_contact_list ul li{float:left; width:200px;padding:0 20px 20px 0; background-image: none;}

#top_container #top_inner #content .full_container .top_contact_list ul li strong{ display:block; color:#999999;}

#top_container #top_inner #content .full_container .top_contact_list ul li a{}

#top_container #top_inner #content .full_container .top_contact_list ul li a:hover{ text-decoration:underline}

#top_container #top_inner #content .full_container .contact_form {float:left; width:500px;}

#top_container #top_inner #content .full_container .contact_form p {float:left; width:500px;}

#top_container #top_inner #content .full_container .contact_form input {width:200px;}

#top_container #top_inner #content .full_container .contact_form .button input {width:auto;}

#top_container #top_inner #content .full_container .contact_form select {width:200px;}

#top_container #top_inner #content .full_container .contact_form textarea {width:500px; height:120px;}

#top_container #top_inner #content .full_container .contact_form .column_1 {float:left; width:220px;}

#top_container #top_inner #content .full_container .contact_form .column_2 {float:left; width:220px;}

#top_container #top_inner #content .full_container .contact_form .column_1 p{width:220px;}

#top_container #top_inner #content .full_container .contact_form .column_2 p{width:220px;}

#top_container #top_inner #content .full_container .contact_form .error ul {color: Red; padding:5px 20px;}

/* *************************************** middle container code ****************************************** */

#mid_outer{float:left; width:100%; background:#7C8E3D;}

#mid_container{margin:0 auto; width:964px; background:#333333;}

#mid{float:left; width:964px; background:#7C8E3D;}

#mid_inner{float:left; width:964px;}

#mid_container #mid .recent_announcements{float:left; width:914px; padding:17px 0 17px 20px; color: #ffffff;}

#mid_container #mid .recent_announcements a{color: #FFCC00;}

#mid_container #mid .recent_announcements a:hover{color: #FFCC00;}

#mid_container #mid .recent_announcements ul{float:left; width:914px; background:url(../images/home/news_background.gif);}

#mid_container #mid .recent_announcements li{float:left; width:186px; padding:0 20px; list-style:none; border-left:none 1px;}

#mid_container #mid .recent_announcements li.first{width:200px; padding:0 20px 0 0; list-style:none; border-left: 0px;}

#mid_container #mid .recent_announcements h2{float:left; width:200px; padding:15px 0; text-align:center; color:#ffffff; font-family:"Times New Roman"; font-weight:normal; text-transform:uppercase; font-size:20px; line-height: 18px;}

#mid_container #mid .recent_announcements li.last{width:175px;}

#mid_container #mid .recent_announcements li.last p{width:175px;}

#mid_container #mid .recent_announcements li .news_alert{float:left; padding-left:14px; margin-bottom: 2px; font-weight:bold; line-height:21px; color:#ffffff; text-transform:uppercase; width:173px; background:#A0B64E url(../images/home/news_alert.gif) no-repeat 4px 0px;}

#mid_container #mid .recent_announcements li p{width:191px; padding:0 0 7px 0; float:left; line-height:14px;}

#mid_container #mid .recent_announcements li p span{color:#BBCC74; padding:0 10px 0 0;}

#mid_container #mid .recent_announcements li a{background:url(../images/home/arrow_news.gif); background-position: right; background-repeat: no-repeat; padding:0 10px 0 0;}

#mid_container #mid .recent_announcements li a img{vertical-align:text-top;}

#mid_container #mid .recent_announcements li h3{font-size:12px; color:#ffffff; text-transform:none; padding:7px 0 0 0; font-weight:normal; letter-spacing:0px;}

#mid_container #mid .recent_announcements li h3 span{font-weight: normal; color:#BBCC74; padding:0 5px 0 0;}


/* *************************************** footer container code ****************************************** */

#footer_outer{float:left; width:100%; background:#cccccc; } /*background-image: url(../images/global/background_2.gif); background-repeat: repeat-x;*/

#footer_outer_inner{float:left; padding-top: 0px; width:100%; background:#cccccc; background-image: url(../images/global/sub_background_2.jpg); background-repeat: repeat-x;}

#footer_container{margin:0 auto; width:964px;}

#footer_outer #footer_container #footer{float:left; width:964px; padding:0 0 20px 0; color:#666666;}

#footer_outer_inner #footer_container #footer{float:left; width:964px; padding:20px 0 20px 0; color:#666666; background:#cccccc; background-image: url(../images/global/sub_background_2.jpg); background-repeat: repeat-x;}

#footer_container #footer ul{float: left; width:964px; padding:20px 0 0 0; list-style-position: outside; list-style-image: none;}

#footer_container #footer ul li{float: left; list-style:none; width: 260px; padding:0 10px 0 0; background:url(../images/global/footer_separator.png); background-repeat: no-repeat; }

#footer_container #footer ul li.first{background-image: none;}

#footer_container #footer ul li.last{width: 110px; padding:0 0 0 15px;}

#footer_container #footer ul li span{display:block; float: left; width:175px; font-family:"Times New Roman", Times, serif; font-size: 12px; color:#7C8E3D; font-weight: bold; padding:0;}

#footer_container #footer ul li span.middle{padding: 0 0 0 0;}

#footer_container #footer ul li img{float: left; padding: 0; margin:0 0 0px 1px;}

#footer_container #footer ul li img.arrow{float: none; padding:0; margin:0; border: none; vertical-align:text-top;}

#footer_container #footer ul li a{font-weight: bold; color: #1C1109; background:url(../images/global/arrow_footer.gif); background-position: right; background-repeat: no-repeat; padding:0 10px 0 0;}

#footer_container #footer ul li a.mall_link{float: left; color: #7C8E3D; background-image:url(../images/global/arrow_mall.gif); font-family: "Times New Roman", Times, Serif; font-size: 12px; font-weight: bold; padding: 38px 10px 38px 0;}

#footer_container #footer p.privacy{float: left; width: 964px; padding:80px 0 20px 0;}

#footer_container #footer p.privacy a{color: #1C1109;}

#footer_container #footer p.privacy a:hover{text-decoration:underline;}

.left_column {float:left; width:422px; padding-right:20px;}

.right_column {float:right; width:422px; padding-left:20px;}