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

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

img{border:none}

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

a {color: #9d491a; text-decoration:none;}

a:hover {text-decoration:underline;}

.right{float:right;}

.left{float:left;}

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

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

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

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

#header .logo{float:left; overflow: visible; width:230px; padding:35px 0 0 0;}

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

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

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

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

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

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

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

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

#header_inner .logo{float:left; width:230px; padding:35px 0 0 0;}

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

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

#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 2px 0 0; list-style:none;}

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

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

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

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

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

#header_inner .sub_menu ul{float:left; width:660px; 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-size:10px; font-weight:bold; color:#262324; text-decoration:none; letter-spacing:1px;}

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

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

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

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

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

#top_outer_inner{float:left; width:100%; background:#c0c8cc; 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:url(../images/home/home_background_image.jpg); background-position: center bottom; background-repeat: no-repeat;}

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

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

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

#top_container #top .right_container{float:right; width:489px; padding:15px 0 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: 10px 0 0 0;}

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

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

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

#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:964px; 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.heading{ padding-bottom: 0px;}

#top_container #top_inner #content .full_container p strong{color: #4c4f52; 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:#5d5344;}

#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: #4c4f52; font-weight: bold;}

#top_container #top_inner #content .full_container p.title{font-size:20px; line-height:20px; padding-bottom: 35px;}

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

#top_container #top_inner #content .left_container{float:left; width:449px; 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.heading{ padding-bottom: 15px;}

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

#top_container #top_inner #content .left_container p strong{color: #4c4f52;}

#top_container #top_inner #content .left_container p.title{font-size:20px; line-height:20px; padding-bottom: 35px;}

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

#top_container #top_inner #content .left_container p.heading{color: #4c4f52; 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:484px; padding:55px 0 40px 0;}

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

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

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

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

#top_container #top_inner #content .retailers ul li img{display: inline; float:left; padding: 0 10px 75px 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:#4c4f52;}

#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:#ccd3d9;}

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

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

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

#mid_container #mid .recent_announcements{float:left; width:964px; padding:33px 0 33px 50px; color: #838a8f}

#mid_container #mid .recent_announcements a{color: #9d491a}

#mid_container #mid .recent_announcements a:hover{color: #9d491a}

#mid_container #mid .recent_announcements ul{float:left; width:950px; 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:#424242; 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:#434343; text-transform:uppercase; width:173px; background:#f6c986 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:#4c4f52; padding:0 10px 0 0;}

#mid_container #mid .recent_announcements li a{background:url(../images/global/arrow_white.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:11px; color:#424242; text-transform:uppercase; padding:7px 0 0 0; font-weight:bold; letter-spacing:1px;}

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

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

#footer_outer{float:left; width:100%; background:#92989c; background-image: url(../images/home/repeating_bg_1.jpg); background-repeat: repeat-x;}

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

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

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

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

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

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

#footer_container #footer ul li.last{width: 102px; padding:0 0 0 19px;}

#footer_container #footer ul li span{display:block; float: left; width:150px; font-size: 11px; color:#dce4eb; font-weight: bold; padding:0;}

#footer_container #footer ul li span.middle{padding: 8px 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{color: #f6c986; font-weight: bold; background:url(../images/global/arrow_yellow.gif); background-position: right; background-repeat: no-repeat; padding:0 10px 0 0;}

#footer_container #footer ul li a.mall_link{float: left; font-size: 11px; font-weight: bold; color: #f6c986; padding: 38px 10px 38px 0;}

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

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

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

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

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