@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------- */
/* LARGE SCREEN STYLES (ANYTHING ABOVE 640 PX) */
/* ---------------------------------------------------- */

@media (min-width: 641px) {

.PhotoTop_HeaderLogo {
	content:url("images/WATT_header_v3_large.jpg");	
}

/* ---------------------------------------------------- */
/*                CONTAINERS AND BOXES                  */
/* ---------------------------------------------------- */
.FullWidth {
	max-width: 90%;
}
.FloatLeft_onLarge {
	float:left;
	display:inline-block;
	max-width: 40%;
}
.FloatRight_onLarge {
	float:right;
	display:inline-block;
	max-width: 40%;
}
.AddCartBox {
	max-width: 90%;
}



/* ---------------------------------------------------- */
/*            SPECIAL LAYOUT AND FORMATTING             */
/* ---------------------------------------------------- */
.BR_onSmall {
	display:none;
}
.BR_onLarge {
	display:inline-block;
}
.Hide_onSmall {
	display:inline-block;
}



/* ---------------------------------------------------- */
/*                      BUTTONS                         */
/* ---------------------------------------------------- */
.BigGrayButton {
	font-size:18pt; 
}
.BigOrangeButton {
	font-size:20pt; 
}



/* ---------------------------------------------------- */
/*               FONT STYLES AND SIZES                  */
/* ---------------------------------------------------- */
.SmallText {
	font-size: 10pt;
}
.SmallGrey {
	font-size: 10pt;
}
.SmallGrey a, .SmallGrey a:visited {
	padding: 5px;
}
.SmallGrey a:hover {
	color: #000000;
}
/* ---------------------------------------------------- */
.NormalText {
	font-size: 12pt;
}
.NormalTextRed {
	font-size: 12pt;
}
.NormalTextBlue {
	font-size: 12pt;
}
/* ---------------------------------------------------- */
.LargeText {
	font-size: 14pt;
}
.LargeText_RedHighlight {
	font-size: 14pt;
}
/* ---------------------------------------------------- */
.LargestText {
	font-size: 16pt;
}
.LargestTextRed {
	font-size: 16pt;
}
.LargestTextBlue {
	font-size: 16pt;
}
/* ---------------------------------------------------- */
.SmallHeadline {
	font-size: 16pt;
}
.SmallHeadlineRed {
	font-size: 16pt;
}
.SmallHeadlineBlue {
	font-size: 16pt;
}
/* ---------------------------------------------------- */
.NormalHeadline {
	font-size: 18pt;
}
.NormalHeadlineRed {
	font-size: 18pt;
}
.NormalHeadlineBlue {
	font-size: 18pt;
}
/* ---------------------------------------------------- */
.MiddleHeadline {
	font-size: 22pt;
}
.MiddleHeadlineRed {
	font-size: 22pt;
}
.MiddleHeadlineBlue {
	font-size: 22pt;
}
/* ---------------------------------------------------- */
.LargeHeadline {
	font-size: 26pt;
}
.LargeHeadlineRed {
	font-size: 26pt;
}
.LargeHeadlineBlue {
	font-size: 26pt;
}
/* ---------------------------------------------------- */
.LargestHeadline {
	font-size: 30pt;
}
.LargestHeadlineRed {
	font-size: 30pt;
}
.LargestHeadlineBlue {
	font-size: 30pt;
}




}



/* ---------------------------------------------------- */
/*       LARGE SCREEN STYLES (ANYTHING ABOVE 842PX)     */
/*            MAX WIDTH OF BACKGROUND BORDERS           */
/* ---------------------------------------------------- */
@media (min-width: 842px) {
	
.FloatLeft_onLarge {
	float:left;
	display:inline-block;
	max-width: 48%;
}
.FloatRight_onLarge {
	float:right;
	display:inline-block;
	max-width: 48%;
}
	
	
	
}