@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, dl, dt, dd, ol,
fieldset, form, label {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 0 0 0;
	outline: 0 0 0 0;
	font-size: 100%;
}

html{ 
height: 100%; 
border: 0 0 0 0; 
padding: 0 0 0 0; 
margin: 0 0 0 0;
}

body {
	background:#dfdfdf url(../images/main-bg.jpg) top center no-repeat;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* body
--------------------------------------------------*/
html, body {
margin:0;
padding:0;
height: 100%;
}

/* wrapper
--------------------------------------------------*/
#wrap {
width:946px;
height: 50%;
min-height: 50%;
margin:0 auto;
padding-bottom:30px;
}

/* header
--------------------------------------------------*/
#header {
position:relative;
float:left;
width:946px;
height:106px;
margin-top:33px;
}

#red-bar{
position:relative;
float:left;
width:946px;
height:23px;
background:url(../images/red-bar.png) top left no-repeat;
}

#clock{
position:relative;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
margin-top:6px;
margin-right:7px;
}

#grey-bar{
position:relative;
float:left;
width:946px;
height:83px;
background:url(../images/grey-bar.png) top left no-repeat;
}

a.home-link{
position:relative;
float:left;
width:45px;
height:59px;
background:url(../images/home.png) top left no-repeat;
text-indent:-9999px;
margin-top:11px;
margin-left:25px;
}

a.home-link:hover{
background:url(../images/home-over.png) top left no-repeat;
}

a.promo-link{
position:relative;
float:right;
width:68px;
height:47px;
background:url(../images/promotions.png) top left no-repeat;
text-indent:-9999px;
margin-top:18px;
margin-right:15px;
}

a.promo-link:hover{
background:url(../images/promotions-over.png) top left no-repeat;
}

a.history-link{
position:relative;
float:right;
width:45px;
height:47px;
background:url(../images/history.png) top left no-repeat;
text-indent:-9999px;
margin-top:18px;
margin-right:15px;
}

a.history-link:hover{
background:url(../images/history-over.png) top left no-repeat;
}

a.contact-link{
position:relative;
float:right;
width:64px;
height:47px;
background:url(../images/contact-us.png) top left no-repeat;
text-indent:-9999px;
margin-top:18px;
margin-right:20px;
}

a.contact-link:hover{
background:url(../images/contact-us-over.png) top left no-repeat;
}

a.members-link{
position:relative;
float:right;
width:53px;
height:71px;
background:url(../images/members-login.png) top left no-repeat;
text-indent:-9999px;
margin-top:6px;
margin-right:20px;
}

a.members-link:hover{
background:url(../images/members-login-over.png) top left no-repeat;
}

/* Main
--------------------------------------------------*/
p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
margin-bottom:16px;
}

p.accurate{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
line-height:12px;
margin-bottom:16px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF0000;
line-height:18px;
margin-bottom:10px;
}

a.content-btn{
position:relative;
float:left;
width:317px;
height:37px;
background:url(../images/Btn-bg.png) top left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
overflow:hidden;
padding-top:10px;
text-decoration:none;
text-align:center;
margin-top:25px;
}

a.content-btn:hover{
background:url(../images/Btn-bg-over.png) top left no-repeat;
color:#FF0000;
}

#main {
height:auto;
}  /* must be same height as the footer */

#left-col{
position:relative;
float:left;
width:234px;
height:auto;
background:url(../images/left-grey-bar.gif) top left repeat-y;
margin-left:2px;
}

#left-col p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin-left:27px;
margin-top:20px;
margin-bottom:20px;
line-height:18px;
clear:both;
}

a.red-link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-decoration:none;
line-height:18px;
}

a.red-link:hover{
color:#666666;
}

a.casestudy{
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
text-decoration:none;
line-height:18px;
background:url(../images/case-bg.png) top left no-repeat;
width:201px;
height:28px;
margin-bottom:10px;
margin-left:10px;
padding-left:40px;
padding-top:5px;
}

a.casestudy:hover{
color:#666666;
}

#title{
position:relative;
float:left;
margin-top:20px;
margin-left:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:800;
margin-bottom:15px;
}

#right-col{
position:relative;
float:right;
width:708px;
height:auto;
background:url(../images/red-circles.gif) bottom right no-repeat;
margin-right:2px;
}

.da{
position:relative;
float:left;
width:320px;
height:auto;
margin-top:20px;
margin-left:20px;
clear:left;
}

.db{
position:relative;
float:right;
width:320px;
height:auto;
margin-top:20px;
margin-right:20px;
}

.dc{
position:relative;
float:left;
width:649px;
height:auto;
margin-left:20px;
clear:both;
background: #f5f5f5;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
padding:7px;
}

.dd{
position:relative;
float:left;
width:649px;
height:auto;
margin-left:20px;
clear:both;

}


#top-pic{
position:relative;
float:left;
width:700px;
height:170px;
margin-left:4px;
margin-top:4px;
}

#content-bg{
position:relative;
float:left;
width:946px;
background:url(../images/white-background.png) top center repeat-y;
height:auto;
}

#content-bot{
position:relative;
float:left;
width:946px;
background:url(../images/content-bot.png) top center no-repeat;
height:8px;
}

#address1{
position:relative;
float:left;
width:auto;
height:auto;
margin-left:20px;
margin-top:20px;
}

#address1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:18px;
}

a.promos-links{
position:relative;
float:left;
margin-right:20px;
margin-top:20px;
margin-left:12px;
margin-bottom:10px;
}

#sidelinks{
margin:10px auto;
height:auto;
}
/* Main Body
--------------------------------------------------*/
#content {
position:relative;
float:left;
width:100%;
min-height:572px;
margin-top:15px;
margin-bottom:15px;
/*background:#00FF00;*/
}

#instorelink{
width:308px;
height:303px;
overflow:hidden;
position:relative;
top:2px;
left:11px;
/*background:#00CC33;*/
}

#instorelink a{
width:308px;
height:303px;
background: url(../images/click-here.png) 220px 280px no-repeat;
float:left;
display:block;
text-indent:-9999px;
}

#instorelink a:hover{
background:url(../images/click-here-over.png) 220px 280px no-repeat;
}

#joinuslink{
width:308px;
height:303px;
overflow:hidden;
position:relative;
top:2px;
left:2px;
/*background:#00CC33;*/
}

#joinuslink a{
width:308px;
height:303px;
background: url(../images/click-here.png) 220px 280px no-repeat;
float:left;
display:block;
text-indent:-9999px;
}

#joinuslink a:hover{
background:url(../images/click-here-over.png) 220px 280px no-repeat;
}

#finduslink{
width:308px;
height:303px;
overflow:hidden;
position:relative;
top:2px;
left:2px;
/*background:#00CC33;*/
}

#finduslink a{
width:308px;
height:303px;
background: url(../images/click-here.png) 225px 280px no-repeat;
float:left;
display:block;
text-indent:-9999px;
}

#finduslink a:hover{
background:url(../images/click-here-over.png) 225px 280px no-repeat;
}

#white-bar {
position:relative;
float:left;
width:946px;
height:238px;
margin-bottom:4px;
background:url(../images/white-bar.png) top left no-repeat;
z-index:1;
}

#overlay{
position:relative;
float:left;
z-index:99;
width:200px;
}

#overlay h1{
position:relative;
float:left;
width:540px;
height:164px;
background:url(../images/logo.png) top left no-repeat;
text-indent:-9999px;
margin-left:20px;
margin-top:-12px;
z-index:100;
}

#overlay p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
line-height:24px;
width:600px;
position:relative;
float:left;
clear:left;
z-index:101;
top:-25px;
}

#homeimage{
width:478px;
height:235px;
position:relative;
float:right;
background:url(../images/home-image.jpg) top left no-repeat;
text-indent:-9999px;
z-index:1;
margin-right:2px;
margin-top:1px;
top:0;
right:0;
}

#instore {
position:relative;
float:left;
left:-9px;
width:321px;
height:320px;
background:url(../images/whats-in-store.jpg) top left no-repeat;
}

#joinus {
position:relative;
float:left;
left:-5px;
width:312px;
height:307px;
background:url(../images/join-us.jpg) top left no-repeat;
}

#findus {
position:relative;
float:right;
width:313px;
height:315px;
background:url(../images/find-us.gif) top left no-repeat;
}

#mainlogo{
position:relative;
float:left;
width:466px;
height:83px;
background:url(../images/logo-inner.png) top left no-repeat;
}

#mainlogo h1{
position:relative;
float:left;
width:466px;
height:83px;
background:url(../images/logo-inner.png) top left no-repeat;
text-indent:-9999px;
z-index:2;
}


/* Nav
--------------------------------------------------*/
#nav-bar {
position:relative;
float:left;
width:946px;
height:30px;
margin-left:2px;
background:url(../images/nav-bar.gif) top left no-repeat;
}

#nav-bar ul{
position:relative;
float:left;
padding:4px 0 0 0;
margin:0;
}

#nav-bar li{
display:inline;
margin-left:15px;
margin-top:11px;
}

#nav-bar li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
display:inline;
text-decoration:none;
margin-left:22px;
margin-right:22px;
}

#nav-bar li a:hover{
color:#ff7e7b;
}

/* Footer
--------------------------------------------------*/
#footer {
position:relative;
float:left;
width:946px;
height:30px;
margin-top:-10px;
}

#footer-main {
position:relative;
float:left;
width:946px;
height:30px;
margin-top:3px;
}

p.tolputt{
position:relative;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
margin-right:5px;
width:auto;
}

a.tolputt{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
width:auto;
}

a.tolputt:hover{
color:#FF0000;
}

a.login{
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
text-decoration:none;
margin-left:5px;
width:auto;
}

a.login:hover{
color:#FF0000;
}


#loginbox{
position:relative;
float:left;
width:280px;
height:auto;
margin-left:180px;
margin-top:60px;
margin-bottom:250px;
clear:both;
background: #f5f5f5 url(../images/users.png) 10px 10px no-repeat;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
padding:7px;
}

#loginbox p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
color:#000000;
margin-left:50px;
}

#loginbox h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#FF0000;
clear:both;
margin-bottom:5px;
margin-top:5px;
}

#loginbox input{
padding: 1px;
color: #000;
background: #ffffff;
border: 1px solid #ccc;
font-family:Calibri, Arial, Verdana;
font-size:19px;
font-weight:normal;
font-stretch:normal;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
width:276px;
margin-bottom:15px;
float:left;
}
  
#loginbox input:focus{
border: 1px solid #FF0000;
background-color: #fff;
color:#333;
}

#timeline{
position:relative;
float:left;
width:199px;
height:494px;
background:url(../images/timeline.gif) top left no-repeat;
margin:0 0 0 15px;
}

.brandimg{
position:absolute;
top:124px;
left:215px;
width:620px;
height:423px;
background:url(../images/timeline-BG.png) top left no-repeat;
z-index:10000;
}

.brandimg img{
margin-left:27px;
margin-top:7px;
}

#commentsbox{
position:relative;
float:left;
width:680px;
height:auto;
margin-top:10px;
margin-left:20px;
clear:both;
}

#commentsbox a{
color:#FF0000;
text-decoration:none;
}

#commentsbox a:hover{
color:#000000;
text-decoration:underline;
}