/* Coded by:Justin Chapman
Created: March 18, 2007
Design: Affiliate - Prefab Comparison
Description: All Styles
Personal Quote: "Keep Bringing the Booyah" */
 



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	background-color: #D1DBBD;
	}

/* */
#wrapper {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:854px;
	height:auto;
	}

/* Top */	
#header {
	position: relative;
	padding-left:63px;
	padding-right:41px;
	width:750px;
	height:120px;
	background-image: url(images/header.gif);
	}

/* Logo */
#logo {
	position: absolute;
	left:240px;
	top:20px;
	width:430px;
	height:90px;
	background-image: url(images/logo.gif);
	}
	



/* navigation */	
#nav{margin:0; padding:0; width:787px; height:55px; background: url(images/nav_bg.gif); /*#dad0ac*/display:block; padding-left:62px;}

#menu {list-style-type:none; margin:0 0 0 0; padding:0; width:787px;}
#menu li {float:left; padding:0; margin:0 2px 0 0; position:relative; width:150px; height:3em; z-index:100;}
#menu li.home {float:left; padding:0; margin:0 2px 0 0; position:relative; width:92px; height:3em; z-index:100;}
#menu li.modular {float:left; padding:0; margin:0 2px 0 0; position:relative; width:223px; height:3em; z-index:100;}
#menu li.office {float:left; padding:0; margin:0 2px 0 0; position:relative; width:200px; height:3em; z-index:100;}
#menu li.storage {float:left; padding:0; margin:0 2px 0 0; position:relative; width:223px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu dl.home {width: 92px; margin: 0; padding: 0;}
#menu dl.modular {width: 223px; margin: 0; padding: 0;}
#menu dl.office {width: 200px; margin: 0; padding: 0;}
#menu dl.storage {width: 223px; margin: 0; padding: 0;}
#menu dt.offshort {margin-top:0px; padding: 0; background-image:url(images/navshort.gif);	background-position: 0px -55px;}
#menu dt.offmedium {margin-top:0px; padding: 0; background-image:url(images/navmedium.gif);	background-position: 0px -55px;}
#menu dt.offlong {margin-top:0px; padding: 0; background-image:url(images/navlong.gif);	background-position: 0px -55px;}
#menu dt.currentshort {margin-top:0px; padding: 0; background-image:url(images/navshort.gif)}
#menu dt.currentmedium {margin-top:0px; padding: 0; background-image:url(images/navmedium.gif)}
#menu dt.currentlong {margin-top:0px; padding: 0; background-image:url(images/navlong.gif)}

#menu dd {
	padding:0;
	color: #fff;
	font-size: 12px;
	text-align:left;
	font-family:Verdana;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 1px;
}


	
#menu dt a, #menu dt a:visited {display:block; font-size: 12px; color: #000000; font-weight:bold; text-align:center; padding:0	0 0 0; font-family: Verdana; line-height:43px;}

#menu dt.offshort a:hover {color:#000000;background-position: 0px 0px;background-image: url(images/navshort.gif);}
#menu dt.currentshort a:hover{color:#000000;background-position: 0px 0px;background-image: url(images/navshort.gif);}
#menu dt.offmedium a:hover {color:#000000;background-position: 0px 0px;background-image: url(images/navmedium.gif);}
#menu dt.currentmedium a:hover {color:#000000;background-position: 0px 0px;background-image: url(images/navmedium.gif);}
#menu dt.offlong a:hover {color:#000000;background-position: 0px 0px;background-image: url(images/navlong.gif);}
#menu dt.currentlong a:hover {color:#000000;background-position: 0px 0px;background-image: url(images/navlong.gif);}


#menu dd a, #menu dd a:visited {background:#215B76; color:#fff; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #08c; border-right:1px solid #08c;}

#menu dd a:hover {background: #fff; color:#000; border-left:1px solid #fff; border-right:1px solid #fff;}

#menu b {display:block; overflow:hidden; height:1px;}

#menu b.p5 {background:#0A75BB; margin:0 5px;}
#menu b.p6 {background:#0A75BB; margin:0 3px;}
#menu b.p7 {background:#0A75BB; margin:0 2px;}
#menu b.p8 {height:2px; background:#0A75BB; margin:0 1px;}


/* Area for the Body Text of Each Page */
#body_text {
	position: relative;
	padding-left:76px;
	padding-right:66px;
	padding-top:22px;
	padding-bottom:65px;
	width:712px;
	height:auto;
	background-image: url(images/body_text.gif);
	
	}	

/* link styles for body text */	
.body_texts a:visited{text-decoration: underline;font-family: Arial;font-size:12px;color: #51678F;font-weight: bold;}	
.body_texts a:active{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.body_texts a:link{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.body_texts a:hover{text-decoration: underline;font-family: Arial;font-size:12px;color: #7989A7;font-weight: bold;}	
a img { border : none; }
	


/* Box Office Trailers.JSP */
#box_office {
	position: relative;
	padding:10px;
	width:660px;
	height:160px;
	background-image: url(images/box_office_bg.gif);
	}

/* Left side of box Office Trailers.JSP */
#box_left {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:339px;
	height:auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	}
	
/* Right side of box Office Trailers.JSP*/
#box_right {
	float:left;
	padding-left:10px;
	width:280px;
	height:auto;
	}
	


	
#auctionbox {
	position: relative;
	width:400px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	border: 3px solid #CCCCCC;
	}
	
#moreinfobox {
	position: relative;
	width:600px;
	height:40px;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border: 3px solid #CCCCCC;
	}
	
/* Rounded bottom image */
#body_bottom {
	position: relative;
	padding-left:63px;
	padding-right:41px;
	width:750px;
	height:80px;
	background-image: url(images/body_bottom.gif);
	}
	
/*  Body Text Style */	
.body_textnormal {
	font-size: 12px;
	color: #333333;
	font-family: Verdana;
	}
	
/* same */	
.body_textnormal1 {
	font-size: 11px;
	color: #333333;
	font-family: Verdana;
	}
	
/* Heading Styles */		
.h1 {
	font-size: 20px;
	color: #7A6063;
	font-family: Verdana;
	font-weight: bold;
	}

/* Secondary heading Styles */	
.h2 {
	font-size: 16px;
	color: #AD6F76;
	font-family: Verdana;
	font-weight: bolder;
	}

/* container for four boxes on index */	
#quad_box{
	position:relative;
	height: 375px;
	width: 685px;
	padding-top: 10px;
	padding-bottom:10px;
	}

/* Box1  */	
#quad_box1{
	position:relative;
	height: 165px;
	width: 315px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	border: 1px solid #CCCCCC;
	background-image: url(images/grid_bg.gif);
	margin-right: 5px;
	margin-bottom: 5px;
	}

/* Box 2  */	
#quad_box2{
	position:relative;
	height: 165px;
	width: 315px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	border: 1px solid #CCCCCC;
	background-image: url(images/grid_bg.gif);
	margin-bottom: 5px;
	}

/* Box 3  */	
#quad_box3{
	position:relative;
	height: 170px;
	width: 315px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	border: 1px solid #CCCCCC;
	background-image: url(images/grid_bg.gif);
	margin-right: 5px;
	}

/* Box 4  */		
#quad_box4{
	position:relative;
	height: 170px;
	width: 315px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	border: 1px solid #CCCCCC;
	background-image: url(images/grid_bg.gif);
	}
	
/* image container for grid*/	
.productimagegrid {
	clear:both;
	float: left;
	padding-top: 10px;
	background-position: 0 0;
	margin-right:70px;
	}
	
	/*Home Call to Quote*/
div#calltoquotesrt_home h5 {text-align: center;color:#0072A3;padding: 15px 0px 0px 20px;margin: 0px 0px 0px 0px;font-family: arial;font-size: 15px;}
div#calltoquotesrt_home {float: left;height: 197px;margin: 25px 10px 10px 10px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt_home h6 { padding: 15px 0 0px 5px; margin: 0px 0px 30px 100px; }
div#calltoquotesrt_home select { margin-bottom: 5px; margin-left: 80px; margin-top: 15px;}
	
	
/*Secondary Pages Call to Quote*/
div#calltoquotesrt {float: left;height: 197px;margin: 25px 10px 10px 10px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt h5 {text-align: center;color:#0072A3;padding: 15px 0 0px 20px;margin: 0px 0px 0px 0px;font-family: arial;font-size: 15px;}
div#calltoquotesrt h6 { padding: 10px 0 0px 5px; margin: 0px 0px 10px 100px; }
div#calltoquotesrt select { margin-bottom: 0px; margin-left: 77px; margin-top: 0px;}

	

 /*Footer ACTUAL FOOTER IS AN INCLUDE */
div#footer {
	text-align:center;
	height: 80px;
	width: 854px;
	position: relative;
	background-image: url(images/footer.gif);
	}
	
div#footer ul { list-style: none; background: none; display: inline; }
div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#footer ul li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}	
	
/* image container*/	
.productimagert {
	clear:both;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 25px;
	background-position: 0 0;
	}

/* image container for grid*/	
.productimagegrid {
	clear:both;
	float: left;
	padding-top: 10px;
	background-position: 0 0;
	margin-right:15px;
	}

/* Link Styles */	
.h2 a:visited{text-decoration: underline;color: #356788;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:active{text-decoration: underline;color: #356788;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:link{text-decoration: underline;color: #356788;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:hover{text-decoration: underline;color: #000000;font-family:verdana;font-size: 16px;font-weight: bold;}

/* link styles for body text */	
.body_textnormal a:visited{text-decoration: underline;font-family: Arial;font-size:12px;color: #51678F;font-weight: bold;}	
.body_textnormal a:active{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.body_textnormal a:link{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.body_textnormal a:hover{text-decoration: underline;font-family: Arial;font-size:12px;color: #000000;font-weight: bold;}

a img { border : none; }