/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; overflow:scroll; height: 100%; }

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	height: 100%;
	font-size: 14px;
	background: #72B8DB;
}

.brclear { clear:both; }

a { color: #003366; text-decoration:underline; }
a:link { color:#003366; }
a:visited { color:#003366; }
a:active { color:#003366; }
a:hover { color: #0066CC; }

img { border: 0px; }
img a { border: 0px; }

#page { 
	background:url(../images/bkg-grad-top.png) repeat-x top #72B8DB;
	height:100%;
	width:100%;
	position:relative;
}

#container {
	background:url(../images/bkg-content-top.png) no-repeat top center;
	min-height:480px;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}

#header {
	width:836px;
	margin-right:auto;
	margin-left:auto;
	padding:20px;
	position:relative;
	padding-top:70px;
	height:170px;
}

#header #logo { width:185px; position:absolute; left:20px; }
#header #hoursBlock { width:250px; height:80px; position:relative; float:right; text-align:right; z-index:100; background-color:white; }
#header #storeBlock { width:250px; height:80px; position:relative; float:right; text-align:right; z-index:100; background-color:white; }
#header #hours { width:250px; height:80px; position:relative; float:left; }
#header #phones { width:250px; height:80px; position:relative; float:right; }
#header .titles { font-weight:bold; color:#665F4D; }
#header .info { color:#666666; }

.ccm-area-block-list { background-color:white; opacity:1; width:100%; }

#header #menu-bar {
	background:url(../images/bkg-menu.png) top repeat-x;
	width:836px;
	height:46px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:12px;
	position: absolute;
	bottom:0px;
	left:20px;
}

#header #menu-bar ul { list-style-type: none; list-style-image: none; list-style-position: outside; margin:0; padding:0; }
#header #menu-bar ul li { display: inline; list-style-type: none; list-style-position: outside; border-left:#CCCCCC solid 1px; padding-left:14px; padding-right:10px;  }
#header #menu-bar ul li:first-child { border-left:none;  }

#header #menu-bar a { color: #FFFFFF; text-decoration:none; }
#header #menu-bar a:link { color:#FFFFFF; }
#header #menu-bar a:visited { color:#FFFFFF; }
#header #menu-bar a:active { color:#FFCC00; }
#header #menu-bar a:hover { color:#FFCC00; border-bottom:#FFCC00 dotted 1px; }

#header #breadCrumbs { width:550px; position:absolute; left:20px; bottom:67px; text-align:left; font-size:12px; }
#header #breadCrumbs ul { list-style:none; padding:0; margin:0; }
#header #breadCrumbs ul li { padding:0; margin:0; display:inline-block; }
.divider { padding:0px 6px;}
#header #searchBlock { width:260px; position:absolute; right:20px; bottom:66px; text-align:right; }

#content {
	width:836px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	position:relative;
	background:#FFFFFF;
}

#sidebar {
	position:relative;
	width:220px;
	float:left;
}

#sidebar p { margin:0; padding:0; }

#sidebar #infoBlock {
	width:200px;
	margin-left:auto;
	marginright:auto;
	background:#E5E5E5;
	padding:10px;
	margin-bottom:20px;
}

#sidebar #infoBlock .title { padding-bottom:10px; }

.sidebarExtra {}

#main {
	position:relative;
	width:590px;
	float:right;
}

#main img {
	max-width:100%;
	height:auto;
}

#main h1, h2, h3, h4, h5, h6 { color:#333333; margin:0; padding:0; }
#main h1 { font-size:24px; }
#main h2 { font-size:20px; }
#main h3, h4, h5, h6 { font-size:18px; }

#main #couponArea { width:550px; height:160px; text-align:center; background:url(../images/coupon-area.jpg) no-repeat top #FFFFFF; overflow:hidden; padding:20px; }
#main #couponArea h2 { color: #CC0000; font-size:30px; }
#main #couponArea p { font-size:20px; }
#main #couponArea .exceptions { font-size:12px; }

#footer {
	width:836px;
	margin-right:auto;
	margin-left:auto;
	padding:20px;
	padding-top:10px;
	position:relative;
	background:#FFFFFF;
	font-size:12px;
	line-height:18px;
	margin-bottom:40px;
}

#footer p { margin:0px; padding:0px; }
#footer #company { width:550px; float:left; text-align:left; }
#footer #designer { width:270px; float:right; text-align:right; }

#footer #designer span { display:none; }