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


 body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#000;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: Helvetica, "Bitstream Vera Sans", Arial, sans-serif;
    }
	
	
	
#container {
			
			min-height: 100%;
			background-color:#000;
			margin: 0 auto;
			width: 944px;
}
		
* html #container {
	height: 100%;
}
		
#main_container {
			
			background-repeat:repeat;
			background-color:#000;
			
			margin: 0 auto;
			width: 944px;
		}
		
	#header {
	
	}
	
	
	
#content {
	
			clear:both;
			background-color:#111111;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width:100%;
			height: 100%;
			text-align:left;
			color:#FFF;
			border: solid #333 1px;
			
		}
		
		#content-inner {
		padding: 10px;	
		}
	
	
	
	body {font-size:15px;font-family: Helvetica, "Bitstream Vera Sans", Arial, sans-serif;line-height:150%;}
h1, h1.title {font:bold 28px Helvetica, "Bitstream Vera Sans", Arial, sans-serif ;position:relative;margin:0px 0 5px} /* TODO */
h1 span {height:35px;/*background:url(images/h1-gradient.png) repeat-x 0 100%;*/position: absolute;display:block;width:100%}
h2,h3 {font-weight:normal}
h2 {margin-bottom:10px}
h2 a:link, h2 a:visited {}
h2 a:hover {text-decoration:underline}
a:link,a:visited,.content li a.active{color:#ccc;text-decoration:underline}
p {margin-top:15px}
	
	
	
	* Header styles */
    #header {
		margin-top:10px;
		margin-bottom:20px;
        clear:both;
        float:left;
        width:100%;
		height: 150px;
		padding:5px;
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	
			#facebook {
				float:right;
				top: 0px;
				margin: 0px;
				padding: 0px;
				
		
		}
	
	
	
	
	/* Primary links 
*****************/
#primary-links-wrap {height:26px;padding:0 0 0 32px;overflow: hidden;margin:0;background:url(../images/menu-bar.png) no-repeat;}
#primary-links {padding:0;font-size:14px;line-height:26px;position:relative;height:26px;margin:0;}
#primary-links li {float: left;width:110px;list-style: none;text-align: center;}
#primary-links li.back {width: 9px;height: 26px;z-index: 8;position: absolute;background: url(../images/menu-bar-back.png) repeat-x 0 0;}
#primary-links li a {text-decoration: none;color:#fff;outline: none;text-align: center;z-index: 10;display: block;
    height: 26px;position: relative;overflow: hidden;margin: auto 10px;}
#primary-links li a:hover, #primary-links li a:active, #primary-links li a:visited {border: none; } 
	

/* Tabs 
********/
ul.primary {font-size:14px;margin:0;border-bottom:none;float:right;overflow:visible;position:relative;z-index:5}
ul.primary li a, ul.primary li a.active {border:none;background:transparent;color:#777}
ul.secondary {font-size:14px;border:none}




	/* Secondary links 
*****************/
#secondary-links-wrap {height:26px;padding:0 0 0 100px;overflow: hidden;margin:0;}
#secondary-links {padding:0;font-size:12px;line-height:26px;position:relative;height:26px;margin:0;}
#secondary-links li {float: left;width:80px;list-style: none;text-align: center;}
#secondary-links li.back {width: 9px;height: 26px;z-index: 8;position: absolute;background: url(../images/menu-bar-back.png) repeat-x 0 0;}
#secondary-links li a {text-decoration: none;color:#666;outline: none;text-align: center;z-index: 10;display: block;
    height: 26px;position: relative;overflow: hidden;margin: auto 5px;}
#secondary-links li a:hover, #primary-links li a:active, #primary-links li a:visited {border: none;} 

	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 1 column full page settings */
	.fullpage {
	    background:#fff;
	}
	.fullpage .col1 {
        margin:0 15px;
	}
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		color: #FFF;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	
	.message {
	color:#999;	
	}
	
p.brands {float:left;width:20%;padding:0 0 0 13%}



/* $Id: img_assist.css,v 1.7 2008/07/22 23:07:44 sun Exp $ */

span.inline-left {
  display: block;
  float: left;
  margin: 5px 5px 5px 0px;
}
span.inline-right {
  display: block;
  float: right;
  margin: 5px 0px 5px 5px;
}
span.inline-center {
  display: block;
  text-align: center;
  margin: 0px;
}
span.inline .caption {
  display: block;
}
.image-clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}



#logo-wrap {
padding: 5px;
bottom-margin: 20px;	
}

/* Home page */
.tagline {position:relative;top:-80px;z-index:5;font-size:18px;font-weight:bold;margin-right:0px;overflow:visible;height:1px;}
.tagline-inner {position:absolute;height:60px;line-height:60px;vertical-align:middle;padding-left:25px;width:100%;
  background:transparent url(../images/tagline-bg.png) no-repeat scroll -70px 0;
 }
 
 /* Location page */
h2 {margin: 5px 0 0}
.location {border-bottom:1px solid #444;margin-bottom:15px;font-size:14px}
.location img {margin:10px;border:none;}
.location .map {width:276px;height:302px;border:1px solid #222}
/*.location .address, .location .map, .location .hours {float:left;margin:5px 0 5px 7px;}
.location .address {width:400px} */
.address {line-height:130%}


.hours-table {font-size:13px;width:600px;background-color:#222;}
.hours-table td, .hours-table th {padding:0 10px;text-align:center}
.hours-table th {border-bottom:none}
.hours-body {font-size:13px;font-style: italic;}


/* Careers page */
#easy-slideshow-node-2570 img {margin:0px auto;}
#node-2549 img {border:1px solid #444}

/* Give aways page */
#comor-contest-form #contest-info {display:none}
input#edit-email {background-color:#111 !important /* ie6 seems to want to make this field's bg red on error */}


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

.clear-block {
  display: inline-block;
}


form {
  margin: 0;
  padding: 0;
}

.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
  border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
  border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

/* tables */
thead th {border-bottom: 2px solid #888}
table tr.odd {background:#111;border-bottom:none}
table tr.even {background:#000;border-bottom:none}
tr.odd td.active {background-color:#112}
tr.even td.active {background-color:#001}
tr.selected td {background-color:#222}

#brands {
text-align: center;
background-color:#000;
}

#brands ul {
	text-align:center;
  width: 800px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#brands li {
  float: left;
  width: 6em;
  margin: 0;
  padding:20px;
   list-style: none;
}