/* General */
* {margin:0 auto; padding:0;}
img {border:none;}
.container {width:1000px;}
body {font-family:arial, helvetica, sans-serif; font-size: 12px; color:#000; background:url(images/bodybg.jpg) repeat;}
.clear {clear:both;}
h1 {padding-bottom:15px;}

/* Header */
#header {background:url(images/header.jpg) repeat-x; height:169px;}
#header .container {background:url(images/wpheaderbg.jpg) no-repeat; height:169px;}

/* Nav */
ul#nav {float:right; padding:145px 0 0 0;}
ul#nav li {display:inline; list-style:none; font-size:14px; margin-right: 8px;}
ul#nav li a {color:#fff; text-decoration:none;}
ul#nav li a:hover {background:url(images/nav-hover.jpg) repeat; color:#000;}
ul#nav li.current {background:url(images/nav-hover.jpg) repeat; color:#000;}

/* Body */
#body {width: 900px; background:#fff; margin:35px auto 35px ; padding:5px;}

/* Main */
#main {width:600px; float:left; padding:10px;}

/* Pages */

/* Splash */
body.splash {background: #000;}
a.intro {margin: 300px 0 0 50px; color: #fff; font-weight: bold; font-size: 22px;}

/* About */
p.about {text-align:center; font-size:16px;}
h2#about {text-align:center; color:red; font-family:verdana, georgia, helvetica, arial; margin:15px 0 15px 0;}

/* Store Locations */
a.location { color:#F00; font-size: 13px; margin-bottom: 3px; text-decoration: none;}
a.location:hover {text-decoration: underline; color: #333;}

/* Contact */
#contact-area {width: 600px; margin-top: 25px; margin-right: 50px;}
#contact-area input, #contact-area textarea {padding: 5px; width: 430px; font-family: Helvetica, sans-serif; 
											 font-size: 1.4em;	margin: 0px 0px 10px 0px; border: 2px solid #ccc;}
#contact-area textarea {height: 90px;}
#contact-area textarea:focus, #contact-area input:focus {border: 2px solid #900;}
#contact-area input.submit-button {width: 100px; float: right; margin: 0 20px 0 0;}
label {float: left; text-align: right; margin-right: 15px; width: 120px; padding-top: 5px; font-size: 1.4em;}
p.contact {font-size: 14px;}
p.contact a { color:#F00; margin-bottom: 3px; text-decoration: none;}
p.contact a:hover {text-decoration: underline; color: #333;}

/* Store */
.product {width: 180px; text-align: center; float: left; margin-right: 20px; height: 400px;}
.product h1 {font-size: 16px; text-decoration: underline;}
.product img {border: 2px solid #000;}
.product a.thumbnail img {margin: 1px 3px 0 3px;}
.left {float: left; margin: 0 0 0 20px;}

/* Sidebar */
#sidebar {width:250px; margin-left:20px; float:left;}
#newsletter {background:url(images/newsletter.jpg) no-repeat; height:120px;}
#street-team {background:url(images/street-team.jpg) no-repeat; height:105px;}
#social-links {background:url(images/connect.jpg) no-repeat; height:73px; padding: 55px 0 0 25px;}
#balance {background:url(images/balance.jpg) no-repeat; min-height:163px;}

/* Forms */
#newsletter form {padding: 45px 0 0 40px;}
.newsletter-submit {background:url(images/newsletter-submit.png) no-repeat; width:117px; height:38px; border:none;
					text-indent:-9999px; margin: 3px 0 0 20px; cursor: pointer;}
#street-team form {padding: 38px 0 0 40px;}
.street-team-submit {background:url(images/street-team-submit.png) no-repeat; width:115px; height:32px; border:none;
										text-indent:-9999px; margin: 3px 0 0 20px; cursor: pointer;}

/* rotator css */
#slider-intro {margin: 10px auto; width: 400px;}
div#adrotator ul li {
float:left;
position:absolute;
list-style: none;
}
/* rotator image style */
div#adrotator ul li img {
border: none;
}
div#adrotator ul li.show {
z-index:500
}
									
/* Slider */
#slider {width: 174px; height: 200px; position: relative; overflow: hidden;}
#sliderContent {width: 174px; position: absolute; top: 0; margin-left: 0;}
.sliderImage {float: left; position: relative; display: none;}
.sliderImage span {position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 5px 13px; width: 174px;
    			   background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;
    			   color: #fff; display: none;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0; left: 0;}
.bottom {bottom: 0; left: 0;}
#slider ul {list-style-type: none;}

/* Photos Slider */
.anythingSlider                         { width: 600px; height: 400px; position: relative; margin: 0 auto 45px; }
.anythingSlider .wrapper                { width: 520px; overflow: auto; height: 400px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid grey; border-bottom: 3px solid grey; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 400px; width: 520px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav { position: relative; top: 400px; text-align: center; } #thumbNav a { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: grey url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: #000; color: grey; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


/* Footer */
#footer {background:url(images/footer.jpg) repeat-x; height:138px;}
.box {width:300px; margin-left:33px; color:#fff; font-size:9px; padding-top:2px; font-weight:bold; float:left;}
#footer a {color:#fff; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer ul {list-style:none; font-size:14px; text-align:center; font-weight:normal; padding:25px;}
#footer ul li {display:inline;}
#footer ul li a {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}