@charset "UTF-8";

@import "reset.css";

html {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body {height: 100%; background-color:#fff; margin:30px;}
a {outline:none;}
.clear {clear:both;}

/*===================================
		HEADER
===================================*/

.header {width:920px; margin:0 auto;}

.logo {float:left; width:248px; height:99px; margin:0 0 30px 30px;}

.search {float:right; margin:0 30px 30px 0;}
.search .form p {font:11px Arial; text-transform:uppercase; font-weight:bold; margin-bottom:5px;}
.search .form .field {width:150px; border:1px solid #000; margin:0 5px 0 0; padding:4px; font:11px Arial; color:#666; text-transform:uppercase; display:inline;}

.search .contact {text-align:right;}
.search .contact p {margin-bottom:10px; margin-top:10px;}

.nav {width:920px; height:29px; background:url(../images/bg_nav.gif) no-repeat;}
.nav ul {width:920px; text-align:center;}
.nav ul li {display:inline; font:13px Arial; text-transform:uppercase; border-right:1px solid #fff; padding:7px 0; line-height:29px;}
.nav ul li.last {border-right:0px solid #fff;}
.nav ul li a {font:12px Arial; color:#000; padding:0 30px; font-weight:bold;}
.nav ul li a:hover {color:#fff;}

/*===================================
		CONTENT
===================================*/

.content {width:920px; margin:0 auto;}

#billboard {width:641px; height:485px; float:left; padding:15px 0 0 0; position:relative; margin-top:15px;}
#billboard div { position:absolute;top:0;left:0;z-index:8;opacity:0.0; height:485px; background-color: #FFF;}
#billboard div.active {z-index:10;opacity:1.0;}
#billboard div.last-active {z-index:9;}
#billboard div img {width:641px; height:485px; display: block; border: 0; margin-bottom: 10px;}


.sidebar {width:264px; float:right; margin-top:15px;}
.sidebar .menu {width:265px; text-indent:-9999px;}
.sidebar .menu li {height:92px; width:265px; margin-bottom:15px;}
.sidebar .menu li a.btn_online {background:url(../images/btn_suonline.gif) no-repeat; height:92px; width:265px; display:block;}
.sidebar .menu li a.btn_phone {background:url(../images/btn_suphone.gif) no-repeat; height:92px; width:265px; display:block;}
.sidebar .menu li a.btn_find {background:url(../images/btn_find.gif) no-repeat; height:92px; width:265px; display:block;}

.sidebar h2 {font:18px Arial; color:#e7008c; text-transform:uppercase; margin-bottom:15px;}
.sidebar p {font:13px Arial; line-height:17px; margin-bottom:13px;}
.sidebar span {font:12px Arial; font-weight:bold; color:#e7008c;}
.sidebar a {font:13px Arial; color:#e7008c; text-decoration:underline;}
.sidebar a:hover {text-decoration:none;}

/*===== INNER PAGE STYLES ===================*/
.text {width:596px; float:left; margin:30px 0 30px 30px;}
.text p {font:13px Arial; line-height:16px; margin-bottom:13px;}
.text h1 {margin-bottom:10px; font:50px Arial; text-align:left; color:#e7008c;}
.text h2,h3,h4,h5,h6 {font:18px Arial; color:#e7008c; margin-bottom:10px;}
.text a {font:13px Arial; color:#e7008c; text-decoration:underline;}
.text a:hover {text-decoration:none;}

.text ul {margin:0 0 15px 30px;}
.text ul ul {margin:0 0 0 30px;}
.text ul li {font:13px Arial; line-height:16px; list-style:disc;}

.text ol {margin:0 0 15px 30px;}
.text ol ol {margin:0 0 0 30px;}
.text ol li {font:13px Arial; line-height:16px; list-style:decimal;}

.callout {width:264px; background:#e7008c url(../images/bg_box.gif) no-repeat; overflow:hidden;}
.callout_title {margin:20px 0 0 20px;}
.callout p {font:13px Arial; color:#fff; padding:20px; line-height:17px;}


/*===== ROUNDED CORNER BOX ===================*/
.box {background: url(../images/box_bg.gif) repeat; margin-bottom:20px;}
.box_top div {background: url(../images/box_tl.gif) no-repeat top left;}
.box_top {background: url(../images/box_tr.gif) no-repeat top right;}
.box_bot div {background: url(../images/box_bl.gif) no-repeat bottom left;}
.box_bot { background: url(../images/box_br.gif) no-repeat bottom right;}
.box_top div, .box_top, .box_bot div, .box_bot {width:100%; height:20px; font-size:1px;}
.box_text {margin:0 20px;}

/*===== FORM FIND A STORE ===================*/
.text .form_find label {float:left; width:80px; text-align:right; padding-top:5px; padding-right:10px; font-weight:bold;}
.text .form_find .field {border:1px solid #000; font:11px Arial; color:#666; padding:4px; margin-bottom:5px;}
.text .form_find br {clear:left;}

/*===== FORM REGISTER ===================*/
.text .form_reg label {float:left; width:220px; text-align:right; padding-top:5px; padding-right:10px; font-weight:bold;}
.text .form_reg .field {width:270px; border:1px solid #000; font:11px Arial; color:#666; padding:4px; margin-bottom:5px;}
.text .form_reg select {width:280px; border:1px solid #000; font:11px Arial; color:#666; padding:4px; margin-bottom:5px;}
.text .form_reg .optional {display:inline;}
.text .form_reg select option {margin-bottom:5px;}
.text .form_reg .small {width:100px;}
.text .form_reg br {clear:left;}
.text .form_reg p {margin-top:15px;}


.hidehead {
        font-size: 0px;
        font-family: Arial, Helvetica, sans-serif;
        color : #FFFFFF;
        font-weight: normal;
}


/*===================================
		FOOTER
===================================*/

.footer {width:920px; margin:0 auto;}
.footer .links {width:920px; background:#f29328 url(../images/bg_footer_top.gif) no-repeat; padding:10px 0; overflow:visible;}
.footer .links ul {float:left; border-right:1px solid #fff; padding:0 20px 0 20px;}
.footer .links ul.last {border-right:0;}
.footer .links ul li a {font:11px Arial; color:#000; font-weight:bold; text-transform:uppercase;}
.footer .links ul li a:hover {color:#fff;}

.footer .copyright {width:920px; background:url(../images/bg_footer_btm.gif) no-repeat; height:29px; text-align:right;}
.footer .copyright p {width:920px; font:11px Arial; line-height:29px; float:right; padding-right:10px;}