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


/* ---------------------------------------------------- */
/*   REDFINE GLOBAL TAGS - APPLIES TO ALL SCREEN SIZES  */
/* ---------------------------------------------------- */
body {
	background-color: #ffffff;
	background-image: url(images/bg.gif); 
	background-position: center top; 
	background-repeat: repeat-y;
	margin:0px;
	padding:0px;
}
img {
	height:auto;
	max-width:100%;
}
video {
	height:auto;
	max-width:100%;
}
audio {
	height:auto;
	max-width:100%;
}

/* ---------------------------------------------------- */
/*    SMALL SCREEN STYLES (BELOW 400 PX) - DEFAULT      */
/* ---------------------------------------------------- */
.PhotoTop_HeaderLogo {
	content:url("images/WATT_header_v3_small.jpg");
	border:none;
}


/* ---------------------------------------------------- */
/*                CONTAINERS AND BOXES                  */
/* ---------------------------------------------------- */
.PageWrapper {
	margin: auto;
	width:100%;
	max-width: 842px;
	text-align:center;
	display:block;
}
.FullWidth {
	max-width: 96%;
	display:inline-block;
}
.FloatLeft_onLarge {
	float:none;
	display:block;
	max-width: 100%;
}
.FloatRight_onLarge {
	float:none;
	display:block;
	max-width: 100%;
}
.AddCartBox {
	max-width: 100%;
	border-style:dashed;
	border-width:4px;
	border-color:#F00;
	background-color:#FFF;
	padding:8px;
	display:inline-block;
}
#NotificationBox {
	border-style:solid;
	border-width:3px;
	border-color:#C00;
	background-color:#FFFFEA;
	border-radius:5px;
	box-shadow: black 0px 0px 5px;
	padding:10px;
	margin-top:8px;
}
.TestimonialBox {
	max-width: 100%;
	border-style:solid;
	border-width:2px;
	border-color:#000;
	background-color:#FFFFCC;
	border-radius:5px;
	box-shadow: black 0px 0px 5px;
	padding:10px;
}
.OrderBox {
	max-width: 100%;
	border-style:dashed;
	border-width:3px;
	border-color:#000;
	background-color:#FFFFCC;
	padding:10px;
}


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


/* ---------------------------------------------------- */
/*                      BUTTONS                         */
/* ---------------------------------------------------- */
.BigGrayButton { 
	/* to be used on double div tag enclosing an anchor tag */
	font-family:Tahoma; 
	font-size:14pt; 
	font-weight:bold; 
	text-decoration:none; 
	color:#000; 
	background:#CCC;
	background-image:url(images/button_background.jpg);
	border-style:solid;
	border-width:4px;
	border-color:#F00;
	border-radius:10px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:14px;
	padding-right:14px;
	display:inline-block;
	}
	.BigGrayButton:hover {
		border-color:#090;
	}
	.BigGrayButton a {
		color:#000; 
		text-decoration:none; 
	}
	.BigGrayButton a:hover {
		color:#00C; 
		text-decoration:underline; 
	}
	
.BigOrangeButton {
	font-family:Tahoma; 
	font-size:16pt; 
	text-decoration:underline; 
	font-weight:bold; 
	color:#009; 
	background:#FC0;
	border-style:solid;
	border-width:4px;
	border-color:#F00;
	border-radius:10px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:14px;
	padding-right:14px;
	}
	.BigOrangeButton:hover {
		border-color:#090;
		background:#0F0;
	}

/* ---------------------------------------------------- */
/*              UNORDERED LISTS                         */
/* ---------------------------------------------------- */
.ListArrow {
	list-style-image: url('images/bullet_01.gif');
}
.ListArrow li {
	margin-bottom:5px;
	text-align:left;
}

/* ---------------------------------------------------- */
.ListCheck {
	list-style-image: url('images/bullet_02.gif');
}
.ListCheck li {
	margin-bottom:3px;
	text-align:left;
}



/* ---------------------------------------------------- */
/*               FONT STYLES AND SIZES                  */
/* ---------------------------------------------------- */
.SmallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.SmallGrey {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
}
.SmallGrey a, .SmallGrey a:visited {
	padding: 9px;
	padding-bottom: 5px;
	display: inline-block;
	margin-bottom: 5px;
	color: #666666;
}
.SmallGrey a:hover {
	color: #000000;
}
/* ---------------------------------------------------- */
.NormalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.NormalTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#C00;
}
.NormalTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color:#006;
}
/* ---------------------------------------------------- */
.LargeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
}
.LargeText_RedHighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #900;
	background-color: #FF0;
}
/* ---------------------------------------------------- */
.LargestText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.LargestTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#C00;
}
.LargestTextBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#006;
}
/* ---------------------------------------------------- */
.SmallHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}
.SmallHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color:#C00;
}
.SmallHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color:#006;
}
/* ---------------------------------------------------- */
.NormalHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
}
.NormalHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color:#C00;
}
.NormalHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	color:#006;
}
/* ---------------------------------------------------- */
.MiddleHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: bold;
}
.MiddleHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: bold;
	color:#C00;
}
.MiddleHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 17pt;
	font-weight: bold;
	color:#006;
}
/* ---------------------------------------------------- */
.LargeHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
}
.LargeHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color:#C00;
}
.LargeHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	color:#006;
}
/* ---------------------------------------------------- */
.LargestHeadline {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
}
.LargestHeadlineRed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
	color:#C00;
}
.LargestHeadlineBlue {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
	color:#006;
}