@charset "utf-8";

body {
	background-color:#79AEFF;
	font-family:Arial;
	color:#000;
	margin: 0px;
}

p {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#000;
	font-weight:bold;
	text-indent:15px;
	white-space:normal;
	text-align:inherit;
	text-decoration: none;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	font-weight:400;
	font-variant:normal;
	color:#000066;
	text-decoration:none;
	text-align:center;
}

h2 {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-style:normal;
	font-weight:700;
	text-decoration: none;
}

h3 {
	font-family:Arial;
	font-size:20px;
	color:#FF0000;
	font-style:italic;
	line-height:normal;
	font-weight:700;
	font-variant:normal;
}

h4 {
color:#000;
text-decoration:none;
}

h4:hover {
color:#FFF;
text-decoration:none;
}

h5 {
font-family:"Times New Roman", Times, serif;
font-size:16px;
}

h6 {
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#FF0;
}

.maincontent {
	width: 1002px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	position: absolute;
	left: 20px;
	top: 210px;
}

.watchitwork {
position:absolute;
height:80px;
width:155px;
top:616px;
left:282px;
}

.Contents {
	background-color: #B4C6EB;
}
a.ordbutton {
	font-family:Arial;
	font-size:18px;
	font-weight:700;
	background-repeat:no-repeat;
	word-spacing:normal;
	height:56px;
	width:120px;
	color:#FFF;
	text-decoration:none;
	background-position:0 0;
	display:block;
	padding-top:7px;
	text-align:center;
	outline:none;
	line-height:16px;
	letter-spacing:normal;
	background-image:url(../gifs/buttons/css-orderbtn.gif);
}

a.infobutton:hover {
color:#000;
background-position:-161px 0;
}


#p7menubar {
	float:left;
	margin-top: 0px;
	list-style-type : none;
	margin-left: 0px;
	padding-top: 0px;
	background-color: #FFFF75;
	margin-bottom: 0px;
	height: 50px;
	display: block;
	width: 1020px;
	padding-left: 10px;
	
}

#p7menubar ul {
	list-style-type:none;
}

#p7menubar li {
	float:left;
	background-image:url(../gifs/banners/ToolsLeft_Tab.gif);
	background-repeat:no-repeat;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 14px;
	padding-top: 0px;
}

#p7menubar a,#p7menubar a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../gifs/banners/ToolsRight_Tab.gif);
	background-repeat:no-repeat;
	background-position:right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;
	outline:none;
	z-index:10;
	text-align: center;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 1px;
}

#p7menubar .current {
	background-image:url(../gifs/banners/ToolsLeft_Tab-Current.gif) !important;
}

#p7menubar .current a {
	background-image:url(../gifs/banners/ToolsRight_Tab_Current.gif) !important;
	color:#000000 !important;
	cursor:default;
	padding-right: 19px;
}
#p7menubar .second {
	background-image:url(../gifs/banners/ToolsLeft_Tab_secondary.gif) !important;
}

#p7menubar .second a {
	background-image:url(../gifs/banners/ToolsRight_Tab_secondary.gif) !important;
	color:#000000 !important;
}


#p7menubar .shade a {
	background-image:url(../gifs/banners/ToolsRight_Tabshaded.gif) !important;
	color:#FFFFFF !important;
}
#p7menubar .gray {
	background-image:url(../gifs/banners/ToolsLeft_Tab_gray.gif) !important;
}

#p7menubar .gray a {
	background-image:url(../gifs/banners/ToolsRight_Tab_gray.gif) !important;
	color:#000000 !important;
}
#p7menubar .tel {
	background-image:none !important;
	color:#000000 !important;
}
ul.includes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	color:#000;
	list-style-position:inside;
	list-style-type:square;
	display:inline;
}

.manual {
	left:5px;
}


a.infobutton:hover,a.infobluebutton:hover {
color:#000;
background-position:-161px 0;
}

a.ordbutton:hover,#p7menubar a:hover {
color:#000;
}

#p7menubar li:hover,#p7menubar li.p7hvr,#p7menubar li:hover a,#p7menubar li.p7hvr a,.glossymenu li a:visited,.glossymenu li a:active {
color:#FFF;
}
#submenu{
	float: left;
	margin: 0px;
	height: 50px;
	display: block;
	width: 1030px;
	background-color: #0066CC;
	
}
#submenu2{
	float: left;
	margin: 0px;
	height: 50px;
	display: block;
	width: 1030px;
	background-color: #0000FF;
	
}
#submenu3{
	float: left;
	margin: 0px;
	height: 50px;
	display: block;
	width: 1030px;
	background-color: #A6BDFF;
	
}
.Videos{
	position: absolute;
	width: 100px;
	left: 10px;
	top: 225px;
	
}
.VideoBox {
	background-color: #999999;
	border: 1px solid #000000;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
	visibility: hidden;	
}
/* I have hidden this display until further notice.  Code is still in the pages un-hide if that suites you.*/
.IABox {
	background-color: #999999;
	border: 1px solid #000000;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 8px;
	display: none;	
}
.IABox a:link IMG, a:visited IMG {
	border: 1px solid #000000;
}
#videomenu {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#videomenu ul, #videomenu li {
	list-style-type : none;
	margin: 0px;
}

	
#videomenu a:link {
	color : #000000;
	text-decoration : none;
	text-align: center;
	width: 80%;
	background-image:url(../gifs/banners/ToolsSub_Up.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	display: block;
	line-height:15px;
	border: 1px solid #000000;
	margin-right: 10%;
	margin-left: 10%;
	}

#videomenu a:visited	{
	color : #CCCCCC;
}

#videomenu a:hover	{
	background-image:url(../buttons-logos/Tabs/Main_Down2.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	color: #FFFFFF;
	}
#header {
	background-color: #FFFF75;
	float: left;
	width: 1020px;
	list-style-type: none;
	outline:none;
	padding-top: 5px;
	height: 69px;
	padding-left: 10px;
	display: block;
	margin: 0px;
	padding-bottom: 18px;
}

#header ul, #header li {
	float: left;
	list-style-type: none;
	outline:none;
}

#header img {
	border:none}
.lockdown {
	padding-left: 70px;
}
a.checkout {
	font-family:Arial;
	font-size:14px;
	font-weight:700;
	background-repeat:no-repeat;
	height:78px;
	width:138px;
	color:#FFF;
	text-decoration:none;
	background-position:0 0;
	display:block;
	outline:none;
	letter-spacing:normal;
	background-image:url(../gifs/buttons/Flag-Orderbtn.gif);
}

a.checkout:hover {
	color:#000;
	background-position:-136px 0;
}
