/* Start of CMSMS style sheet 'global stylesheet' */
@import url("grid.css");

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Author: Danny Halarewich
    Website: www.limewheel.com	
	
	FONT SIZING GUIDE
	
	This website uses EM's to specify font sizes. The base font-size is 62.5% which equals 10px.
	This even base number makes it easy to specify EM's sizes that relate to relative pixel sizes.
	i.e. 1.2em = 12px		1.8em = 18px		3.6em = 36px
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* =RESET STYLES
   ----------------------------------------------------*/
   
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
}
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
   
/* =TYPOGRAPHIC STYLES
   ----------------------------------------------------*/


h1 {
	font: bold 2.4em Helvetica, Arial, sans-serif;
	color: #262626;
	padding: 20px 0;
}

h2 {
	font: bold 1.8em Helvetica, Arial, sans-serif;
	color: #262626;
	padding: 10px 0;
}

h3 {
	font: bold 1.4em Helvetica, Arial, sans-serif;
	color: #262626;
	padding: 5px 0;
}

h4 {
	font: bold 1.2em Helvetica, Arial, sans-serif;
	color: #262626;
	padding: 5px 0;
}

p {
	font: normal 1.2em/1.8em Helvetica, Arial, sans-serif;
	color: #808080;
	margin: 20px 0;
}

p.mapLinks {margin: 5px 0 0 0;}

a {
    font: inherit;
    text-decoration: none;
    color: #366aa0;
}
	a:hover {color: #124478; text-decoration: underline}

strong {font-weight: bold;}
em {font-style: italic;}

ul {
	list-style: inside disc;
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 10px 0;
}

ol {
	list-style: inside decimal;
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 10px 0;
}

abbr, acronym {border-bottom: 1px dotted #000;}

small {
	font-size: 1.2e,;
}

/* =LAYOUT STYLES (header, content, footer, etc.)
   ----------------------------------------------------*/

body {
	font: normal 62.5%/1.125em Helvetica, Arial, sans-serif;
	color: #808080;
	background: #fff url(../i/bg_main.png) 0 0 repeat;
	margin: 0;
	padding: 0;
}

#container {
	background: transparent url(../i/bg_stripes.png) center 192px no-repeat;
}

#wrapper {
    width: 960px;
    margin:  0 auto;
}

#header {
	position: relative;
    width: 960px;
	height: 200px;
    background: transparent url(../i/header_bg.gif) top right no-repeat;
    margin-top: 21px;
}


#navigation {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 30px;
}
    #navigation ul {
        list-style-type: none;
	line-height: 1.2em;
        margin: 0;
        padding: 0;
    }
        #navigation ul li {
            display: inline;
            color: #999;
            font-size: 1.2em;
            font-weight: bold;
            text-transform: uppercase;
        }
            #navigation ul li a {
				color: #366aa0;
            }
				#navigation ul li a:hover {
					color: #B13533;
				}

#banner {
	width: 960px;
	height: 296px;
	background: transparent url(../i/banner_bg.jpg) 0 0 no-repeat;
}

#introContent {
	width: 330px;
	float: left;
	padding: 20px 0 0 10px;
}

#introContent h1 {
	font: italic 2.4em/1.6em Georgia, "Times New Roman", serif;
	color: #fff;
	padding: 20px 0 10px 0;
}

#introContent h1 strong {
	font-size: 3em;
	line-height: inherit;
	font-style: italic;
	position: relative;
	vertical-align: top;
	color: #b13533;
}

#introContent p {
	color: #fff;
}


#content {
    width: 960px;
    min-height: 480px;
    background-color: #fff;
    padding-top: 20px;
}

#sidebar {
    width: px;
}

#footerWrap {
	width: 100%;
	background: transparent url(../i/bg_footer.png) center bottom no-repeat;
}

#footer {
    width: 960px;
	height: 60px;
	padding-top: 150px;
	margin: 0 auto;
}

	#footer p {
		margin: 0!important;
		color: #979797;
	}
	
	#footer p#siteBy {
		width: 200px;
		float: right;
		text-align: right;
		font-family: Georgia, "Times New Roman", serif;
		font-style: italic;
		margin: 0;
	}
	
		#footer p#siteBy a {
			font-family: Helvetica, Arial, sans-serif;
			font-style: normal;
		}
		
			#footer p#siteBy a:hover {color: #8AC34F;}
			
			
	#footerNav ul {
		list-style-type: none;
		margin: 0;
	}
	
	#footerNav ul li {
		display: inline;
		color: #979797;
	}
	
	#footerNav ul li a:hover {color: #8babd0}


/* =HOMEPAGE STYLES
   ----------------------------------------------------*/

.newsList h3 {
	font-size: 1.2em;
	margin: 0;
}

.newsList h3 a {
	font-weight: normal;
}

.newsList p {
	margin: 0 0 20px 0;
}


#mapHeader {
	display: block;
	background-color: #3c5f86;
	text-align: right;
	padding: 10px;
}

#mapHeader h2 {
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}

#mapHeader h3 {
	color: #fff;
	margin: 0;
}

#brandBox h2 {
	color: #b13533;
}

.infiniteCarousel {
	position: relative;
	width: 920px;
	height: 80px;
	border-top: 3px solid #f0f0f0;
	border-bottom: 3px solid #f0f0f0;
	padding: 0 10px;
}

.infiniteCarousel .carouselWrapper {
  height: 80px;
  overflow: hidden;
  min-height: 80px;
  margin: 0;
  position: absolute;
  top: 0;
}


.infiniteCarousel .carouselWrapper ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: relative;
  left: 0;
}

.infiniteCarousel ul li {
  display:block;
}

.infiniteCarousel ul li a img {
  display:block;
  margin: 10px;
}

.infiniteCarousel .forward {
	width: 35px;
	height: 80px;
	position: absolute;
	right: -32px;
	top: 0;
	background: transparent url(../i/logos_arrowright.png) 0 0 no-repeat;
	cursor: pointer;
	border: none;
}

.infiniteCarousel .back {
	width: 35px;
	height: 80px;
	position: absolute;
	left: -32px;
	top: 0;
	background: transparent url(../i/logos_arrowleft.png) 0 0 no-repeat;
	cursor: pointer;
	border: none;
}





.bottomContent {
	background: transparent url(../i/bottomcontent_bg.gif) 0 0 repeat-x;
	margin: 20px 0;
}

table.storeHours {
	width: 80%;
	color: #808080;
	font-size: 1.2em;
}

table.storeHours th {
	font-weight: bold;
	color: #373737;
	padding: 2px;
}

table.storeHours td {
	padding: 2px;
}

.newsletter p {
	margin: 0 0 5px 0;
}

.newsletter input.formField {
	height: 37px;
	border-top: 3px solid #f0f0f0;
	border-bottom: 3px solid #f0f0f0;
	border-left: 3px solid #f0f0f0;
	border-right: none;
}

.newsletter input {
	float: left;
}

.newsletter input.formButton {
	width: 118px;
	height: 43px;
	background: transparent url(../i/button_subscribe.gif) 0 0 no-repeat;
	border: none;
}

.col4 img {
	max-width: 300px;
}

/* =NEWS SECTION STYLES
   ----------------------------------------------------*/
   
#insideBanner {
	width: 950px;
	height: 56px;
	background: transparent url(../i/banner_inside.gif) 0 0 no-repeat;
	padding: 50px 0 0 10px;
}

#insideBanner h1 {
	color: #fff;
	padding: 0;
}

#insideBanner p {
	margin: 0;
}


#b_newspost #container, #b_news #container, #b_inside #container {
	background-image: url(../i/bg_stripes_inside.gif);
}

#b_news h3, #b_inside h3 {
	padding: 20px 0 0 0;
}

#b_news p, #b_inside p {
	margin: 0 0 10px 0;
}


/* =MISC. STYLES
   ----------------------------------------------------*/

.forward,
.back,
.formButton {      /*----Add image replaced element here----*/
    letter-spacing: -10000em;
    text-indent: -99999em;
    overflow: hidden;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* End of 'global stylesheet' */