@charset "UTF-8";

/* Global Stuff */
html, body{
	background-color: #9c9c9c;
	}
	
h1{
	font-size: 1.4em;
	}
	
h2{
	font-size: 1.5em;
	margin: 0px 0px 15px 0px;
}

h4{

	margin: 0px 0px 10px 0px;
}
	
a, a:link{
	color: #30307D;
	text-decoration: none;
	}
	
#content a, #content a:link, #content a:visited{
	font-weight: bold;
	}
	
#content a:hover, #content a:active{
	text-decoration: underline;
	}

#content {
	font: 16px  "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

.content_pad {
	margin: 0px;
	padding: 5px 25px;
}

#content table {
	font: 14px "Helvetica Neue", Arial, Helvetica, sans-serif;
	/*margin: 0px -25px 0px -25px;
	width: 900px;*/
}

#minimumHeightStrut{
	float: left;
	width: 1px;
	height: 450px;
	}

.left_img {
    float: left; 
    margin: 0px; 
	padding: 5px 15px 0px 0px;
}

.right_img {
    float: right; 
    margin: 0px; 
	padding: 5px 10px 0px 15px;
}

.contactinfo {
	margin: 0px;
	padding: 0px 60px 0px 0px;
	width: 340px;
	float: left;
}

.googlemap {
	margin: 0px;
	padding: 35px 0 0 0;
	width: 400px;
	float: left
}
	
#mainContainer{
	background-image: url(../images/container_bg.png);
	}
	
#header{
	position: relative;
	height: 120px;
	background-image: url(../images/mwp_header_alt.png);
	}
	
#header .logo, #header .logo:link, #header .logo:visited{
	position: absolute;
	width: 384px;
	height: 61px;
	top: 8px;
	left: 9px;
	display: block;
	}
	
#header .logo span, #header .logo:link span, #header .logo:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/mwp_logo.png) 0 0;
	}
	

	
#header .logo:hover span, #header .logo:active span{
	background-position: -384px 0;
	}
	
/* Google Search Box */

#header #cse-search-box{
	position: absolute;
	top: 8px;
	left: 800px;
	width: 200px;
	}
	
#header #searchentrybox{
	border: 1px solid #666666;
	background-color: #9C9C9C;
	color: #666666;
	}

#header #searchentrybox:focus{
	background-color: #CCCCCC;
	color: #333333;
	}
	
#header #mag_btn{
	position: absolute;
	top: 0px;
	left: 120px;
	background: url(../images/mag_btn_alt.png) no-repeat;
	}
	
#header #mag_btn:hover{
	background-position: -18px 0;
	}
	
/* FTP Button */	
#header #ftpupload{
	position: absolute;
	display: block;
	width: 140px;
	height: 18px;
	left: 620px;
	top: 8px;
	}
	
#header #ftpupload span, #header #ftpupload:link span, #header #ftpupload:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/ftpupload_alt.png) no-repeat 0 0;
	}
	
#header #ftpupload:hover span, #header #ftpupload:active span{
	background-position: -140px 0;
	}
	
#pspgopro {
	position: relative;
	width: 950px;
	height: 30px;
	margin: 0 auto;
}	

#pspgopro #visamc{
	position: absolute;
	display: block;
	width: 80px;
	height: 26px;
	left: 845px;
	top: 0px;
	}
	
#pspgopro #visamc span, #pspgopro #visamc:link span, #pspgopro #visamc:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/visa_mc.jpg) no-repeat 0 0;
	}
	
/* Preferred Service Button
#pspgopro #psp{
	position: absolute;
	display: block;
	width: 56px;
	height: 30px;
	left: 60px;
	top: 0px;
	}
	
#pspgopro #psp span, #pspgopro #psp:link span, #pspgopro #psp:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/psp2.png) no-repeat 0 0;
	}
	
#pspgopro #psp:hover span, #pspgopro #psp:active span{
	background-position: -56px 0;
	}
	
/* GoPro Button	
#pspgopro #gopro{
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	left: 20px;
	top: 0px;
	}
	
#pspgopro #gopro span, #pspgopro #gopro:link span, #pspgopro #gopro:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/gopro1.png) no-repeat 0 0;
	}
	
#pspgopro #gopro:hover span, #pspgopro #gopro:active span{
	background-position: -30px 0;
	} */

	
/*Preferred Service Button*/
#header #psp{
	position: absolute;
	display: block;
	width: 82px;
	height: 44px;
	left: 515px;
	top: 3px;
	}
	
#header #psp span, #header #psp:link span, #header #psp:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/psp.png) no-repeat 0 0;
	}
	
#header #psp:hover span, #header #psp:active span{
	background-position: -82px 0;
	}
	
/* GoPro Button	*/
#header #gopro{
	position: absolute;
	display: block;
	width: 44px;
	height: 44px;
	left: 460px;
	top: 4px;
	}
	
#header #gopro span, #header #gopro:link span, #header #gopro:visited span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/gopro.png) no-repeat 0 0;
	}
	
#header #gopro:hover span, #header #gopro:active span{
	background-position: -44px 0;
	}

	
#nav{
	position: absolute;
	left: 20px;
	top: 68px;
	}
	
#footer{
	height: 65px;
	background-image: url(../images/mwp_footer.png);
	}
	
.text-center{
	text-align: center;
	}
	
#quadbox{
	margin-left: 0px;
	float: left;
	background-color: transparent;
	width: 400px;
	color:#222;
	}

#quadbox_2{
	margin-left: 20px;
	margin-top: 40px;
	float: left;
	padding: 0px;
	background-color: transparent;
	width: 390px;
	color:#222;
	font: 16px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
	
.qbr{
	margin-bottom: 20px;
	margin-left: 48px;
	}

#subfooter .bug{
	width: 206px;
	height: 30px;
	margin: 0 auto 0 auto;
	}

/* request quote page form */

#rquote{
	border:1px solid #999;
	padding: 10px;
	
	}

#rquote label{
	width: 200px;
	float: left;
	text-align: right;
	margin: 0 10px 0 0;
	}
	
/* colors */
.lightrose{
	background-color: #e2d9d9;
	}

.darkrose {
	background-color: #D3B5B5;
}
	
#myTextArea {
	height: auto;
	width: auto;
}

.allmatspecs {
	width: 850px;
}

/*
* HTTP Mega Uploader Forms
*
* These five classes represent all the possible
* steps that the uploader UI can go through.
*
* 'upload_file' is the main container, it's class
* will be changed via javascript as the user
* clicks through the form.
*
* The 'width' attribute of 'progress_bar_inner' will
* reflect the percent of the upload complete
* during 'uploading'.
*
*/
div.upload_progress_text {
float: right;
}
.upload_file_choosing div.upload_progress {
display:none;
}
.upload_file_uploading div.upload_progress {
display:inline;
}
div.upload_progress {
width: 300px;
}
div.upload_progress div.progress_bar_outer {
width: 320px;
height: 12px;
border: 1px solid black;
}
div.upload_progress div.progress_bar_inner {
position: relative;
height: 12px;
background-color: #bfb;
/* width is set dynamically a few seconds after the upload begins */
width: 0%;
}
.upload_file_canceled p.upload_progress_text {
color:red;
}
.upload_file_error p.upload_progress_text {
color:red;
}
.upload_file_error div.upload_progress div.progress_bar_outer div.progress_bar_inner {
background-color: #f99;
}
.upload_file_canceled div.upload_progress div.progress_bar_outer div.progress_bar_inner {
background-color: #f99;
}
.upload_file_success p.upload_progress_text {
color:green;
}