@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#CCC;
	margin-left:0px;
	margin-right:0px;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


#wrap { width:1000px; margin:0 auto; } /* "auto" makes the left and right margins center the wrapper */


.oneColFixCtrHdr #container {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;	text-align: left; /* this overrides the text-align: center on the body element. */
}

ul {/*used for lists*/
margin-top: 0px;
margin-bottom: 0px;
list-style-image: url(your custom bullet);
color:#000;
font-size:85%;
font-weight: normal;
margin-left: 10px;
padding-left: 10px;
line-height: 1.5em;
}


.scrollArea {
width: 380px;
height: 320px;
text-align:left;
padding-bottom:10px;
padding-left:10px;
padding-right: 5px;
padding-top:10px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}


.scrollArea2 {
width: 400px;
height: 320px;
text-align:left;
margin-bottom:40px;
padding-left:10px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}

/* -------- Tabs --------*/

#wrapper{
width: 480px;
margin-right:30px;

}
.box{
height:300px;
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background:#666;
color: #333;
font-size: 11px;
font-family: verdana;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background:url(../Images/orangetab.jpg);
}
.tabtxt{
color: #fff;
font-size: 9px;
margin-top:8px;
}

#BoxOne{/*Images in Box*/
	float:left;
	width:480px;
}


#txt_box{/*Text Box inside Tabs*/
	width:80px;
	font-size:10px;
	margin-left:12px;
	margin-bottom:20px;
	float:left;
}



/* -------Header------------*/

.oneColFixCtrHdr #header h1 {
	margin: 0;
/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}

.oneColFixCtrHdr #header {
	background:url(../Images/header.jpg);
	height:81px;
	margin-bottom:0px;
	width: 1000px;
	
}

#logo{/*logo in header*/
	width:100px;
	height:50px;
	float:left;
	margin-top:5px;
}

#search { /*Google Search*/
	background: url(img/bg_search.jpg) center no-repeat;
	float:right;
	padding-right:15px;
	padding-top:15px;
	text-align: right;
}

#search input {/*Google Search*/
	padding-right:5px;
	margin-top:8px;
	color: #f60;
	float:left;
	font-size:10px;
	
}

#search input.field {/*Google Search*/
	width: 100px;
	font-size: 14px;
	margin: 8px 0 0 10px;
	color: #f60;
	border: #f60 solid 1px;
	
}

#cse-search-results{/*Google Results Page*/
    background:url(../Images/MainBackgroundShadow.jpg);
	width:800px;
	height:300px;
	margin-top:30px;
	margin-left:100px;
	padding-bottom:10px;
    padding-left:10px;
    padding-right: 5px;
    padding-top:10px;
    border-color: #6699CC;
    border-width: 1px;
    border-style: solid;
    float: left;
    overflow: auto;
}

/*----------Navigation-----------*/
#TopNav{ /*Controls Top Navigation Panel*/
	padding-top:10px;
	padding-left:160px;
	height:50px;
	color:#000;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	
}
#TopNav a{
	color:#000;
	text-decoration:none;
	display:inline-block;

}

#TopNav a:hover{ /*Hover Decoration on TopNav*/
	color:#F90;
	text-decoration:underline;

}

/*---------Main Content------ (Middle Area of Page w/Editable Content)*/
.oneColFixCtrHdr #mainContent {/*Home Page*/
	background:url(../Images/MainBackground.jpg);
	height:400px;

}

#mainContent2{/*SFlash & Custom Flash Pages Blank- NO Large Orange Type*/
	background:url(../Images/backgroundShadow.jpg);
	height:407px;
	
}

#FAQmainContent{/*FAQ Page */
	background:url(../Images/FAQ%20Main%20Background.jpg);
	height:400px;
}

#ContactmainContent{/*Contact Us Page*/
    background:url(../Images/contactbg.jpg);
	height:400px;
}

#OurmainContent{/*Our People Page*/
    background:url(../OurPeopleBG.jpg);
	height:400px;
}

#mainContentBlank{/*White BG*/
	background:#FFF;
	height:407px;
	
}

#mainContentWiki{/*White BG*/
	background:#FFF;
	height:630px;
	
}

#mainContentWikishort{/*White BG*/
	background:#FFF;
	height:520px;
	
}

#PrivacymainContent{
	background:url(../Images/PrivacyPolicyBG.jpg);
	height:407px;
}

#TermsmainContent{
	background:url(../Images/TermsOfUseBG.jpg);
	height:407px;
}

#MapmainContent{
	background:url(../Images/usbsitemapBG.jpg);
	height:407px;
}



.mainparagraph{/*Text Class*/
	width:300px;
	height:400px;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:220px 0px 0px 155px;
}

/*--------Left Half of Main Content-------*/


#wiki{
	font:arial;
	font-size:10px;
	width:420px;
	padding-top:40px;
	margin-left:50px;
}


#txt_main{/*Text Class for left side*/
	width:300px;
	padding-top:200px;
	padding-left:155px;
	font-size:12px;
	text-align:left;
	height:380px;
}

#txt_main2{/*Text Class for left side*/
	width:200px;
	font-size:12px;
	text-align:left;
	height:380px;
	padding-left:20px;
	padding-top:20px;
}


#txt_main4{/*Text Class for left side*/
	width:220px;
	margin-top:200px;
	padding-left:155px;
	font-size:12px;
	text-align:left;
	height:178px;
}

#txt_main5{/*Text Class for left side*/
	width:220px;
	padding-top:150px;
	padding-left:155px;
	font-size:12px;
	text-align:left;
	height:380px;
}


#txt_main6{/*Text Class for left side*/
	width:300px;
	padding-top:150px;
	padding-left:155px;
	font-size:12px;
	text-align:left;
	height:380px;
}

#txt_main7{/*Text Class for left side*/
	width:300px;
	padding-top:90px;
	padding-left:155px;
	font-size:12px;
	text-align:left;
	height:380px;
}



#searchArea{/*Google Search Results Area*/
	width:500px;
}

.txt_main3{/*For Pages with Gallery Images- Controls the text on the left*/
    width:250px;
	font-size:10px;
}

.txt_faq{/*Text class for FAQ*/
	font-size:12px;
}

	
/*--------Right half of Main Content -------*/
#right { /*Used for large image on the right*/
	float: right;
	width: 450px;
	height:270px;
	padding-top:40px;
	padding-left:40px; 
}


#right2{ /*Used for GALLERY on the right*/
	float: right;
	width: 700px;
	height:260px;
	padding-left:50px;
}


#right3{ /*Used for FAQ Page*/
	float: right;
	width: 455px;
	height:250px;
	padding-top:40px;
	padding-left:15px; 
	padding-right:20px;
}


#right4{ /*Used for Tabs*/
	float: right;
	width: 540px;
	height:250px;
	padding-top:60px;
	padding-right:20px;
}

#right5{ /*Used for Scrollbar- Contact Form*/
	float: right;
	width:450px;
	height:250px;
	padding-top:30px;
	padding-right:20px;
}


.txt_right{
	font-size:11px;
}

.oneColFixCtrHdr #middlebar {
	background:url(../Images/MiddleBar.jpg);
	height:15px;
	width: 1000px;
}


/*---------- Footers -------------*/
#bottomFooter{ /*Underneath large footer - contains 2010 Sunrise Packaging */
	background:url(../Images/BottomContent.jpg);
	height:28px;
	width:1000px;
}
	
.oneColFixCtrHdr #footer {
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p { /*Contains blog/news/buttons*/
	background:url(../Images/footer.jpg);
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	height:200px;
	width:1000px;/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}



#footerOne{/*Contains Buttons for Chat, Catalog, Quote*/
	width:50px;
	height:140px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
}



#buttons{/* Buttons in the footer*/
	width:130px;
	height:150px;
	float:left;
}

.txt_btn{/*Need Help Text*/
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:30px;
}

.txt_btn2{/*Request Quote Text*/

	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:60px;
}

.txt_btn3{/*Request Catalog Text*/
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:30px;
}


#space{/*Spacer for Footer Items*/
	width:70px;
	height:100px;
	float:left;
}

#space2{/*Spacer for Footer Items*/
	width:40px;
	height:100px;
	float:left;
}

#shoppingcart{/*Shopping Cart Icon*/
	width:60px;
	height:150px;
	float:left;
}

#footerText{/*Text Box for Store*/
	float:left;
	width:250px;
	height:150px;
	margin-top:20px;
}

#footerText2{/*Text Box for Store*/
	float:left;
	width:160px;
	height:150px;
    margin-top:20px;

}

#txt_bottom{/*Contains copyright, site map, etc.*/
	width:1000px;
	font-size:10px;
	text-align:right;
	color:#666;
	float:right;
	margin-top:5px;
	margin-right:10px;

}

#txt_bottom a{/*Hover Decoration on txt_bottom*/
	color:#666;
	text-decoration:none;
	display:inline-block;
	

}

#txt_bottom a:hover{ /*Hover Decoration on txt_bottom*/
	color:#F90;
	text-decoration:underline;

}
.heading{
	text-align:left;
	font-size:14px;
	color:#C00;
	font:Arial;
}

.boxText{/*Text Formatting in Footer*/
font:Arial;
font-size:10px;
color:black;
line-height:14px;
}