/* Benjamin Jacobs - 02/03/2012
======================================== */

* { padding: 0; margin: 0; }

/*html {
  height: 100%;
}*/

body {	
	font-family: Eurostile-Med;
	font-weight: normal;
	font-style: normal;
	margin:0; 
	padding:0; 
	overflow-x:hidden ; /*this fixes the width problem on the mac */
	background-color:#000000;
	height: 100%;
	}

img.bg {
	/* Set rules to fill background */
	min-height: 50%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
		}
		
@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

#outerContainer {	
	position:relative; 
	z-index:2; 
	width:999px;
	  clear:both; 
	margin:0px auto; 
	padding:0px; 
	background:#000;
	background-opacity:50%;
	
	/* MODERN BROWSER SHADOWS & RADIUS
	========================= */
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-moz-box-shadow:0 0 2px black;
	-webkit-box-shadow: 0 0 2px black; 
	 box-shadow: 0 0 2px black;
}

#innerContainer {
	width:100%;
	
  	\width:100%;
    w\idth:100%;
	
	padding:0px;
	background-color:white;
}

#header {
	height:100px;
	background-image:url("../images/logo-spacer.gif");
}

/*CONTENT
========================= */
#content {
	padding:0px;
	margin-top:0px;
}

#leftCol p {
	float:left;
	width:310px;
	padding:0 7px 0 0;
	margin:0;
}

#rightCol p {
	float:right;
	width:310px;
	padding:0 0 0 0;
	margin:0;
}

div.belt-location {
    position: absolute;
    background: url('../images/belt-location.png') no-repeat ;
    height: 80px;
    width: 370px;
    color: white;
    z-index: 2010;
    left: -10px;
    top: 430px;
}

/* Location Hours Page */
div.location-hours-page {
    position: relative;
    background: url('../images/hours-back-loc-page.png') no-repeat ;
    height: 215px;
    width: 293px;
    color: white;
    left: -10px;
    top: -20px;
}

div.location-hours-page p#loc-name {
	position:relative;
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
	text-decoration:none;
	text-transform:uppercase;
	font-size:20px;
	color: #df2a2f;
	padding: 9px 0 0 0;
	margin: 9px 0 22px 49px;
}


div.location-hours-page  a:link, a:visited {
	color: #df2a2f;
	text-decoration:none;
	outline:none;
}

div.location-hours-page  a:hover {
	color: #C00;
	text-decoration:underline;
	outline:none;
}

div.location-hours-page p#phone {
	position:relative;
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
	font-size:18px;
	color: #ffffff;
	margin: 5px 0 0 49px;
}

div.location-hours-page p#address {
	position:relative;
	font-family: Eurostile-Med;
	font-weight: normal;
	font-style: normal;
	text-transform:capitalize;
	font-size:16px;
	color:#ffffff;
	margin: 15px 0 0 49px;
}

div.location-hours-page p#hours {
	position:relative;
	font-family: Eurostile-Med;
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	color:#ffffff;
	margin: 22px 0 0 49px;
}

div.location-hours-page p#hours2 {
	position:relative;
	font-family: Eurostile-Med;
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	color:#ffffff;
	margin: 20px 0 0 49px;
}

div.product {
    position: absolute;
    height: 214px;
    width: 723px;
    color: #333;
    z-index: 1000;
    left: 277px;
    top: 468px;
}

div.mcx-box {
    position: absolute;
    background: url('../images/mymcx-logo2.png') no-repeat ;
    height: 140px;
    width: 294px;
    color: white;
    z-index: 6000;
    left: -10px;
    top: 0;
	border:none;
}

#social-icons {
    position: absolute; 
	margin: 0 auto; 
	padding:0; 
	height: 19px; 
	right: 260px;
	top: 19px;
	border:none;
	z-index:2000;
	}

#search-container {
	text-align:right;
	background-image:url("../images/head.jpg");
	/*background-color:#000000;*/
	height:40px;
/*IE HACK */ 	/*padding-left:450px;*/
/*IE HACK */ 	/*width:99%;*/
	margin:0;
	padding-top:18px;
	padding-bottom:18px
	padding-right:12px;
	position: relative;
}

#search-container .img {
	margin-left:-45px;
}

#search {
	text-align:left;
	font-size:12px;
	color: #999;
	background-color:#333333;
	background-image:url("../images/head.jpg");
			-moz-border-radius:0.25em;
	border-width:1px;
	border-color: #444543;
	padding:4px 43px 2px 10px;
	margin-right:7px;
}

#search-btn {
    position: absolute; 
	margin: 0 auto; 
	padding: 0; 
	width: 20px; 
	height: 20px; 
	right: 12px;
	top: 19px;
	border:none;
	z-index:9000;
	}
#search-btn li {
	width: 20px; 
	height: 20px;
	 position: absolute; 
	 top: 0; 
	 background: url("../images/search-btn.png") 0 0 no-repeat; 
	 display: block; 
	 list-style: none;
	 z-index:2001;
	 }
#search-btn a {
	width: 50px; 
	height: 50px; 
	display: block;
	border:none;
	}
#search-btn a:hover {
	border: solid 0 #000;
	}
#search-btn #btn1 {
	left: 0;
	}
 
#search-btn #btn1 a:hover {
	background: url("../images/search-btn.png") 0 -20px no-repeat;
	}

#iconmenu {
    position: absolute; 
	margin: 0 auto; 
	padding: 0; 
	width: 723px; 
	height: 34px; 
	background: url("../images/head.jpg");
	right: 0;
	top: 440px;
	border:none;
	z-index:2000;
	}
#iconmenu li {
	width: 183px; 
	height: 34px;
	 position: absolute; 
	 top: 0; 
	 background: url("../images/band.jpg") 0 0 no-repeat; 
	 display: block; 
	 list-style: none;
	 z-index:2001;
	 }
#iconmenu a {
	width: 175px; 
	height: 34px; 
	display: block;
	border:none;
	}
#iconmenu a:hover {
	border: solid 0 #000;
	}
#iconmenu #panel1c {
	left: 0;
	}
#iconmenu #panel2c {
	left: 183px; 
	background-position: -183px 0;
	}
#iconmenu #panel3c {
	left: 366px; 
	background-position: -366px 0;
	}
#iconmenu #panel4c {
	left: 549px; 
	background-position: -549px 0;
	}
 
#iconmenu #panel1c a:hover {
	background: url("../images/band.jpg") 0 -33px no-repeat;
	}
#iconmenu #panel2c a:hover {
	background: url("../images/band.jpg") -183px -33px no-repeat;
	}
#iconmenu #panel3c a:hover {
	background: url("../images/band.jpg") -366px -33px no-repeat;
	}
#iconmenu #panel4c a:hover {
	background: url("../images/band.jpg") -549px -33px no-repeat;
	}
	
/* Bread Crumbs */
 #breadcrumb { 
	margin-left:280px;
	display: block;
	font-family: Eurostile-Med;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
 }
#breadcrumb ul { 
	list-style: none;
	text-wrap:none;
 }

.crumbs { 
	display: block;
 }
.crumbs li {  
	display: inline;
	margin-top:7px;
}
.crumbs li.first { 
	padding-left: 8px;
	background-image: url('../images/nav/bg-crumbs.png');
	background:url("images/nav/home.gif.html") no-repeat right top;
	width:45px;
	margin-left:-75px;
 }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited { 
	color: #666; 
	display: block; 
	float: left; 
	font-size: 12px; 
	margin-left: -13px; 
	padding: 7px 37px 11px 35px; 
	position: relative; 
	text-decoration: none;
	outline:none;
 }

.crumbs li a { 
	background-image: url('../images/nav/bg-crumbs.png');  
	background-repeat: no-repeat; 
	background-position: 100% 0; 
	position: relative;
 }
.crumbs li a:hover { 
	color: #333; 
	background-position: 100% -48px; 
	cursor: pointer;
 }
.crumbs li a:active { 
	color: #fff; 
	background-position: 100% -96px;
 }

.crumbs li.first a span { 
	height: 29px; 
	width: 3px; 
	border-left: 1px solid #d9d9d9; 
	position: absolute; 
	top: 0px; 
	left: 0px;
 }

.crumbs li.last { 
	background:#000000;
 }

.crumbs li.last a span { 
	background:#000000;
 }

.crumbs li img .home a {
	position:relative; 
	background:url('../images/nav/home.gif.html') no-repeat right top;
	width:45px;
 }

.crumbs img {
	position:relative;
	z-index:12;
	margin-left:4px;
}

/* Color Bar */
#color-bar-white {
		position:relative;
		clear:both;
		background: #777;
		height:10px;
		width:8000px;
		border:none;
		top:-10px;
		left:-2000px;
}
 
#color-bar-red {
		position:relative;
		clear:both;
		background: #cc3333;
		height:10px;
		width:8000px;
		border:none;
		top:-10px;
		left:-2000px;
		}
 
#color-bar-grey {
		position:relative;
		clear:both;
		background: #666666;
		height:10px;
		width:8000px;
		border:none;
		top:-10px;
		left:-2000px;
}
 
#color-bar-ltblue {
		position:relative;
		clear:both;
		background: #006699;
		height:10px;
		width:8000px;
		border:none;
		top:-10px;
		left:-2000px;
}
 
#color-bar-dkblue {
		position:relative;
		clear:both;
		background: #003366;
		height:10px;
		width:8000px;
		border:none;
		top:-10px;
		left:-2000px;
}
 
#color-bar-blue {
		position:relative;
		clear:both;
		background: #0a1f62;
		height:10px;
		width:8000px;
		border:none;
		top:-10px;
		left:-2000px;
}
 
#content-container {
	top: -28px;
  clear:both;
  width: 998px;
  margin: 0;
  padding: 0;
  background-color:#fff;
}

#content-container p {
  margin-top: 1.4em;
}

#main-content {
  float:right;
  min-height: 350px;
  width: 500px;
  padding: 0px;
  margin: -10px 214px 100px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:.96em;
  line-height:1.5em;
  font-weight:normal;
}

#main-content h2 {
	padding-top:24px;
}

#main-content img {
	padding:0;
}
a img { border: none; }  
/* Stylings and Format in Secondary 2 col Main Pages */
 
/* ISSUU Container */
#issuu-container {
  float: left;
  width: 700px;
  padding: 0px;
  margin: 5px 5px 0 5px;
  background-color:#fff;
  border-left:solid  #CCC 1px;
  padding-left:25px;
}
/* END ISSUU Container */
  
#feature {
  float: left;
  width: 690px;
  padding:0;
  margin:-17px 0 4px 0;
  background-color:#fff;
}

#feature p /*body*/ { 
	font-size:14px;
	color:#333;
	padding:0 0 0 7px; 
	text-align:left;
	line-height:1.4em;
}
  
#feature img /*image*/ { 
  }

#feature h2 /*title*/ { 
	font-size:26px;
	color:#000;
	padding:4px 0 3px 0; 
	text-align:left;
	margin-bottom:-12px;
}

#feature h2 a:link /*title*/ {
  color:#000;
  text-decoration:none;
  }
  
#feature h2 a:hover /*title*/ { 
  color:#C00;
  text-decoration:underline;
   }
  
#feature h2 a:visited /*title*/ { 
  color:#000;
  text-decoration:none;
   }
   
#feature h4 /*read more*/ { 
	float:right;
  font-size:12px;
  font-weight:bold;
  color:#C00;
  text-transform:uppercase;
  padding:24px 0 0 0;
  }
  
#feature h4 a:link /*read more*/ {
	float:right;
  font-size:12px;
  font-weight:bold;
  color:#C00;
  text-transform:uppercase;
  text-decoration:none;
  margin: 0 0 5px 0; 
  }
  
#feature h4 a:hover /*read more*/ { 
  font-weight:bold;
  color:#333;
  text-decoration:underline;
  margin: 0 0 5px 0; 
  }
  
#feature h5 /*date*/ { 
	font-size:11px;
	color:#000;
	padding:0 0 3px 12px;
	text-align:left;
	text-transform:uppercase;
}
  
#feature li { 
  margin-left: 45px;
  }

#slider {
  float: left;
  width: 690px;
  padding:0;
  margin:4px 0 4px 0;
  background-color:#fff;
}

#slider p /*body*/ { 
	font-size:14px;
	color:#333;
	padding:0 0 0 7px; 
	text-align:left;
	line-height:1.4em;
}

#lower-feature {
  float: left;
  width: 690px;
  padding:0;
  margin:4px 0 4px 0;
  background-color:#eeeeee;
}

#lower-feature  p /*body*/ { 
	font-size:14px;
	color:#333;
	padding:0 0 0 7px; 
	text-align:left;
	line-height:1.4em;
}

/* EUROSTYLE FONTS */
.Eurostile-Reg { 
	font-family: Eurostile-Reg;
	font-weight: normal;
	font-style: normal;
}
.Eurostile-Med { 
	font-family: Eurostile-Med;
	font-weight: normal;
	font-style: normal;
}
.Eurostile-Bol { 
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
}
/* END EUROSTYLE FONTS */