/* CSS Document */
:link,:visited {text-decoration: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,form {margin: 0; padding: 0;}
address {font-style: normal;}
li, ul {
   font-family: Arial, Helvetica, sans-serif;
   line-height: 15px;
}
/*********************************** Standard Styles **************************************/
.hidden { visibility: hidden; }
.unhidden { visibility: visible; }



.clear {
	clear:both;
	font-size:0px;
	visibility:hidden;
	margin:0;
	padding:0;
	line-height:0px;
}

html{
	background-color:#5e3000;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:879px;
	background:transparent url(images/layout/back_bg.jpg) top left repeat-x;
}

#mainContainer {
	width:988px;
	margin:0 auto;
	padding:0px;
}
#backgroundContainer {
	width:988px;	
	margin:0; 
	padding:0;
	background:transparent url(images/layout/content_middle_rep.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#middleContainer {
	width:988px;
	background-image:url(images/layout/content_top_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	margin:0; 
	padding:0;
}
#sideContainer {
	float:left;
	width:212px;
	margin:0;
	padding-left:28px;

}

#sideContainer ul{
	list-style:none;
}

#sideContainer li{
	float:left;
	position:relative;
	z-index:10;
	padding:0;
}
/***********************************End Standard Styles ********************************/
/**********************************Header Styles ****************************************/

.printOnly {
	display:none;
}
#headerContainer {
	background-image:url(images/layout/header_bg.jpg);
	height:138px;
	width:988px;
	display:block;
	margin:0; 
	padding:0;
}

#urlContainer {
	width:350px; 
	height:135px;
	float:left;
	font-weight:bold;
	position:relative;
	top:2px;
	left:10px;
}
#urlContainer a {
	display:block;
	width:350px;
	height:135px;
	position:relative;
	top:2px;
	
}

/**********************************End Header Styles ****************************************/
/******************************** Service Button Styles **************************/

#servicebuttonContainer {
   display: block;
   margin: 0px auto 0px auto;
   padding: 0px;
   width: 650px;
   
   
}



#servicebuttonLeftColumn {
   display: block;
   float: left;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   width: 325px;
}

#servicebuttonRightColumn {
   display: block;
   float: right;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   width: 325px;
}

div.servicebutton {
   cursor: pointer;
   display: block;
   height: 67px; /*61px*/
   margin: 7px 0px 0px 0px;
   width: 300px; /*244px*/
   border:none;
   background-color:#FFFFFF;
   background-image: url(images/servicebutton.jpg);
   background-position: bottom;
   background-repeat: no-repeat;
   
}
div.servicebuttonHover {
   cursor: pointer;
   display: block;
   height: 67px; /*61px*/
   margin: 7px 0px 0px 0px;
   width: 300px; /*244px*/
   border:none;
   background-color:#ffffff;
   background-image: url(images/servicebutton_over.jpg);
   background-position: bottom;
   background-repeat: no-repeat;


}
.servicebutton .servicebuttonText{
	line-height:35px;
	padding-left:32px;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	
}
div.servicebuttonHover .servicebuttonText {
	line-height:35px;
	padding-left:32px;
	color:#ffffff; 
	font-weight:bold;
	font-size:11px;
	
}
.servicebutton .servicebuttonClick{
	padding-left:78px;
	font-size:13px;
	font-weight:bolder;
	color:#ffffff;
	
}

div.servicebutton div.image, div.servicebutton div.image {
   display: block;
   float: left;
   position:relative;
   top:12px;
   left:17px;



}

div.servicebutton div.image, div.servicebuttonHover div.image {
   display: block;
   float: left;
   position:relative;
   top:12px;
   left:17px;

}

div.servicebuttonHover .servicebuttonClick {
	
	padding-left:14px;
	color:#a70000; 
	font-size:13px;
	font-weight:bolder;
	
}
.servicebutton strong{
	color:#ffffff;
	font-size:18px;
	padding-left:32px;
	
}
.servicebuttonHover strong {
	color:#FFFFFF;
	font-size:18px;
	padding-left:32px;
}
/************************************* End servicebutton Styles ***********************/
/***********************************Content Styles **************************************/
#contactContainer {
	width:610px;
	height:35px;
	display:block;	
	float:right;
	color:#044c89;
	font-size:12px;
	font-weight:bold;
	padding:30px 130px 0 0px;
}
#contactContainer #address{
	width:378px;
	float:left;
}
#contactContainer #phone{
	width:225px;
	float:right;
	text-align:right;
}
#contentContainer div {
	font-size:12px;
}
#contentContainer h1, #contentContainer h2, #contentContainer h3, #contentContainer h4, #contentContainer h5 {
	font-weight:bold;
	text-transform:capitalize;
	padding-top:5px;
}
#contentContainer table {
	font-size:12px;
}
#contentContainer {
	float:right;
	width: 650px;
	padding:0px 45px 0px 0px;
	font-size:12px;	
}
#contentContainer p {
	font-size:12px;
	color:#151515;
}


#contentContainer h1 {
	font-weight:bold;
	font-size:16px;
	color:#a03100;
}
#contentContainer h1.pageHead {
	padding-bottom:10px;
	padding-top:10px;
	color: #044c89;
	font-weight:bold;
	font-size:18px;
	border-bottom:#044c89 3px solid;	
}
#contentContainer h2 {
	font-size:15px;
	color:#044c89;
}
#contentContainer h3 {
	font-size:14px;
	color:#044c89;
}
#contentContainer h4 {
	font-size:13px;
	color:#044c89;
}
#contentContainer h5 {
	font-size:12px;
	color:#044c89;
}
#contentContainer ul, #contentContainer ol {
	font-size:12px;
	color:#151515;
	
}
#contentContainer ul {
	margin-left:15px;
}
#contentContainer ol {
	margin-left:25px;
}
h3.redH3, .red, h4.redH4 {
	color:#ff0000;
}
a {
	font-weight:bold;
}
a:link, a:visited {
	color:#0039e8;
}
a:active, a:hover {
	color:#f1a254;
}
.noShow {
	display:none;
}

/***********************************END Content Styles **************************************/
/*******************************  Footer Styles ************************/

#footerContainer {
	width:988px;
	height:112px;
	margin:0px auto;
	display:block;
	background:transparent url(images/layout/footer_bg.jpg) top center no-repeat;
}

#planetcomDesigned{
	width:200px;
	height:40px;
	float:left;
	position:relative;
	top:35px;
	left: 45px;
	/*border:1px solid #00FF66;*/
}
#planetcomLogo {
	width:60px;
	height:50px;
	float:left;
	display:block;
	position:relative;
	top:25px;
	left:40px;
	/*border:1px solid #00FF66;*/
	
	
	
}
#copyContainer {
	height:12px;
	font-size:12px;
	color:#6b665f;
	position:relative;
	font-weight:bold;
	top:60px;
	left:-30px;
	text-align:center;
	float:right;
	
}
#footerContact {
	color:#ffffff;
	width:700px;
	margin:0 auto;
	font-size:11px;
	text-align:center;
	
}
#footerLinks {
	color:#f1a254;
	width:700px;
	margin:0 auto;
	margin-top:-20px;
	margin-bottom:50px;
	font-size:11px;
	text-align:center;
	
}
#footerLinks a:link, #footerLinks a:visited{
	color:#f1a254;
}
#footerLinks a:hover, #footerLinks a:active{
	color:#ffffff;
}
/******************************* End Footer Styles ************************/

/************************************** Contact Form Styles ************************/
#contactForm{
	width:650px;
	margin-top: 20px;
	padding-bottom: 10px;
}

#contactForm label{
	display:block;
	float:left;
	width: 150px;
	text-align:right;
	font-weight:bold;
	margin-right: 15px;
	margin-bottom: 10px;
}

#contactForm input, #contactForm select, #contactForm p, #contactForm textarea{
	display:block;
	float:left;
	width:350px;
	margin-bottom: 10px;
}

#contactForm select{
	width: 354px;
}
#contactForm p{font-size:10px; margin-bottom:0;}

#contactForm input.formButton{
	float:right;
	display:block;
	width: 175px;
	height:25px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-top: 2px solid #CCCCCC;
	color: #721412;
	cursor: pointer;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 3px;
}
/******************************* End Contact Form Styles ************************/
#searchEngine	{
	margin:0px auto;
	height:36px;
	padding-top:14px;
	width:242px;

}

#searchContent	{
	width: 640px;
	overflow: auto;
	background-color: #fff;
}


#cse-search-results	iframe {
	width: 640px;
}

#cse-search-box	{
	width: 242px;
}

/*****************/

#video {
	background:transparent url(images/video_button.jpg) top no-repeat;
	margin:0px auto;
	display:block;
	height:43px;
	width:300px;
}


#video a:link, #video a:visited{
	
	display:block;
	width:300px;
	height:43px;
}
#video a:hover, #video a:active{
	background:transparent url(images/video_button_over.jpg) top no-repeat;
	display:block;
	width:300px;
	height:43px;
}

#espanol {
	background:transparent url(images/espanol_button.jpg) top no-repeat;
	margin:0px auto;
	display:block;
	height:43px;
	width:300px;
}


#espanol a:link, #espanol a:visited{
	
	display:block;
	width:300px;
	height:43px;
}
#espanol a:hover, #espanol a:active{
	background:transparent url(images/espanol_button_over.jpg) top no-repeat;
	display:block;
	width:300px;
	height:43px;
}

#bagger1 {
	background:transparent url(images/gallery/bagging.jpg) top no-repeat;
	margin:0px auto;
	display:block;
	height:193px;
	width:280px;
}


#bagger1 a:link, #bagger1 a:visited{
	
	display:block;
	width:280px;
	height:193px;
}
#bagger1 a:hover, #bagger1 a:active{
	background:transparent url(images/gallery/bagging_over.jpg) top no-repeat;
	display:block;
	width:280px;
	height:193px;
}

#newphoto {
	background:transparent url(images/products/newphoto.jpg) top no-repeat;
	margin:0px auto;
	display:block;
	height:196px;
	width:650px;
}


#newphoto a:link, #newphoto a:visited{
	
	display:block;
	width:650px;
	height:196px;
}
#newhoto a:hover, #newphoto a:active{
	background:transparent url(images/products/newphoto_over.jpg) top no-repeat;
	display:block;
	width:650px;
	height:196px;
}

#morephoto {
	background:transparent url(images/photo_button.jpg) top no-repeat;
	margin:0px auto;
	display:block;
	width:411px;
	height:59px;
}


#morephoto a:link, #morephoto a:visited{
	
	display:block;
	width:411px;
	height:59px;
}
#morephoto a:hover, #morephoto a:active{
	background:transparent url(images/photo_button_over.jpg) top no-repeat;
	display:block;
	width:411px;
	height:59px;
}
