﻿
/*START OF HEADER SPECIFIC INFO */

#Main-Header {/*Container for the all of header content */
width: 1080px;
height:215px
}

#Header_PlungeesLogolink {/*Container for the Plungees Logo which is also Home button link*/
float:left; 
width:167px; 
height:49px;
}

#Header_PlungeesProduct {/*Container for the Plungees Product Image*/
float:left; 
width:60px; 
height:135px;
}

#Header_FunFacts {/*Container for the Fun Facts Logo, Window Image and Facts*/
float:left; 
width:380px; 
height:50px;
}

#Header_FunFactsLogo {/*Container for the Fun Facts Logo*/
float:left; 
width:37px; 
height:28px;
}

#Header_FunFactsWindow {/*Container for the Fun Facts Window Image*/
background-image:url('shared/images/funfactswindow.gif');
float: left;
width: 336px;
height: 49px;
}

#Header_Balloon {/*Container for the "Pretty Plunger in the Pretty Box" Image*/
float:left; 
width:123px; 
height:76px;
}

#Header_Homelink {/*Container for the Home button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_Featureslink {/*Container for the Features button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_Buyinghintslink {/*Container for the Buying Hints button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_QandAlink {/*Container for the Q&A button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_InTheNewslink {/*Container for the In The News button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_AboutUslink {/*Container for the About Us button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_ClearHollowHandlelink {/*Container for the Clear Hollow Handle Products button link*/
float:left; 
width:83px; 
height:39px;
}

#Header_Customlink {/*Container for the Custom Products button link*/
float:left; 
width:67px; 
height:39px;
}

#Header_Distributorslink {/*Container for the Distributors button link*/
float:left; 
width:480px; 
height:360px;
}

#Header_HighGlosslink {/*Container for the High Gloss Products button link*/
float:left; 
width:64px; 
height:39px;
}

#Header_MarlbeMosaiclink {/*Container for the Marble Mosaic Products button link*/
float:left; 
width:71px; 
height:39px;
}

#Header_Metalliclink {/*Container for the Metallic Products button link*/
float:left; 
width:77px; 
height:39px;
}

#Header_Mirroredlink {/*Container for the Mirrored Products button link*/
float:left; 
width:68px; 
height:39px;
}

#Header_Noveltylink {/*Container for the Novelty Products button link*/
float:left; 
width:63px; 
height:39px;
}

#Header_Style {/*Container for the Style (Products) button link*/
float:left; 
width:77px; 
height:39px;
}

.funfact {
width: 320px;
height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #666666;
margin-top: 4px;
margin-left: 4px;
}

/*END OF HEADER SPECIFIC INFO */

/*START OF HOME PAGE CONTENT SPECIFIC INFO */

#Main-All {/*Container for the all home page content excluding header and footer */
width: 1080px;
height:523px
}

#Homepage-Content {/*Container for Homepage Main Content */
float: left;
width: 580px;
height: 375px;
background: #FFFFFF;
padding : 0px;
margin: 0px;
border-color: #FFFFFF;
border-style: none;
border-width: 0px;/* the border property in longhand*/
} 

#Homepage-Text {/*Container for Homepage Main Content text */
float:left; 
width:300px; 
height:375px;
background:url(images/window.jpg); 
position:relative;
color :#666666;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 10pt;
padding : 0px;
margin: 0px;
border-color : #FFFFFF;
border-style : groove;
border-width : 0px;/* the border property in longhand*/
}

#Additional-Info {/*Container for additional information or images */
float: left;
width: 100%;
height: 200px;
background: #FFFFFF;
color : #000099;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12pt;
padding : 0px;
margin: 0px;
border-color : #FF0000;
border-style : groove;
border-width: 0px;/* the border property in longhand*/
}

#Additional-Info-Item1 {/*Container for first item of additional information or images */
float:left;
width: 130px;
height: 200px;
background: #FFFFFF;
color : #000099;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12pt;
padding : 0px;
margin: 0px;
border-color : #FF0000;
border-style : groove;
border-width: 0px;
}

#Additional-Info-Item2 {/*Container for second item of additional information or images */
float:left;
width: 225px;
height: 200px;
background: #FFFFFF;
color : #000099;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12pt;
padding : 0px;
margin: 0px;
border-color : #FF0000;
border-style : groove;
border-width: 0px;
}

/*END OF MAIN PAGE CONTENT SPECIFIC INFO */

/*START OF FOOTER SPECIFIC INFO */
#Main-Footer {/*Container for the all of footer */
width: 1080px;
height:110px
}

/*END OF FOOTER SPECIFIC INFO */

/*START OF GENERAL INFO */


#Video {/*Container for the video*/
float:left; 
width:480px; 
height:360px;
margin-top:7.5px;
margin-bottom:7.5px;
}

#Plungees-V-Image {/*Container for Picture of Plungees in V-Formation */
float: left;
width: 280px;
height: 375px;
background: #FFFFFF;
color : #000099;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12pt;
padding : 0px;
margin: 0px;
border-color : #FF0000;
border-style : groove;
border-width: 0px;/* the border property in longhand*/
}


#Place-Holder-1 {/*Container is Place Holder to aid in spacing other divs withour using margins or other tools */
float:left;
width: 380px;
height: 200px;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}

.p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
color: #666666;
}

.td {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
color: #666666;
}

.li {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
color: #666666;
}

.a {
	color: #FFFFFF;
}

.a:visited {
color: #8000FF;
text-decoration: underline;
}

.homepagetext {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
color: #666666;
margin-top:25px; margin-left:25px; margin-right:25px
}

.homepagetext-large {
font-family: Arial, Helvetica, sans-serif;
font-size: 16;
font-weight: normal;
text-align: center;
color: #666666;
margin-top: 25px;
margin-left: 25px;
margin-right: 25px;
}

.made-in-usa-1 {
width:275px;
height:25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
text-transform: uppercase;
color: red;
text-align:center;
text-decoration:blink
}

.heading {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
text-transform: uppercase; 
color: #663300;
}

.heading2 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-weight: bold; 
font-variant: small-caps; 
color: #666666;
}

.style1 {
margin-left: 484px;
margin-top: 0px;	
}

.smallgray {
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #666666;
}

.price {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
color: #666666; 
text-decoration: underline;
}

.heading3 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt; 
font-weight: bold; 
color: #666666;
}

.tiny {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; 
color: #666666;
}



.input {
font-family: "Courier New", Courier, mono; 
font-size: 11pt; 
color: #000000;
}


