@charset "utf-8";
/* CSS Document */
body { background-image: url(Backgroundr.jpg); background-position: top center; background-repeat: repeat-x; background-color:#FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px;}
#header { background-image:url(Header1000.jpg); width:1000px; height:160px;}
#body { background-image:url(Body1000.jpg); width:1000px;}
.bodyTwo { background-image:url(Body1000.jpg); width:1000px;}
#footer { background-image:url(Footer1000.jpg); width:1000px; height:20px;}
#ProductHeader { background-image:url(ProductListHeader.jpg); width:550px; height:10px;}
#ProductBody { background-image:url(ProductListBody.jpg); width:550px;}
#ProductFooter { background-image:url(ProductListFooter.jpg); width:550px; height:10px;}
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin: 10px;}
a { font-size: 15px; color: #666666;}
a:link { text-decoration: none; color:#333333;}
a img { border:none; }
a { outline: none;}
a:visited { text-decoration: none; color: #333333;}
a:hover { text-decoration: none; color: #0099FF;}
a:active { text-decoration: none; color: #333333;}
#FooterLink { color: #000000;}
.OptIn { text-align:center; border-color:#000000; border-style:solid; border-width:5px; width:600px;}
.SideDiv { font-weight: bold; color: #333333; font-size:14px}
.SideDiv a { font-weight: bold; color: #333333; font-size:14px}
.SideDiv a:link { font-weight: bold; color: #333333; font-size:14px}	
.SideDiv a:visited { font-weight: bold; color: #333333; font-size:14px}
.SideDiv a:hover { font-weight: bold; color: #3366FF; font-size:14px}
#style1 { font-size: 36px; font-weight: bold; color: #FFCC00;}
.HomeDiv { font-size:14px; width:600px; margin:10px; padding:10px;}
.HomeDiv a:link { color:#333333;}
.HomeDiv a:visited { color:#333333;}
.HomeDiv a:hover {color:#3366FF;}
.NewsProductDiv { font-size:14px; margin:10px; padding:10px;}
.NewsProductDiv a:link { color:#333333;}
.NewsProductDiv a:visited {color:#333333;}
.NewsProductDiv a:hover { color:#3366FF;}
.RedMessage { color:#FF0000; font-size:17px;}
.BigRedMessage { color:#FF0000; font-weight:bold; font-size:22px;}
.Headline { color:#666666; font-size:18px; font-weight:bold;}
.Product { color:#FF3300; font-size:17px; font-weight:bold;}
.Product a:link { color:#FF3300; font-size:17px; font-weight:bold;}
.Product a:visited { color:#FF3300; font-size:17px; font-weight:bold;}
.Product a:hover { color:#0099FF;}
.ProductHeadline { color:#FF3300; font-size:24px; font-weight:bold;}
.Test { color:#000099;}
.Biggertext { color:#666666; font-size:14px;}
.Price { color:#000099; font-size:22px; font-weight:bold;}
.ShopHeader { color:#666666; font-size:18px;}
.rrp { font-size:16px; font-weight:bold;}
.SmallHeadline { font-size:14px;}
.hiddenDiv{ display:none; width:200px; background-color:#FFFFFF; margin-right:10px; padding-left:5px; padding-right:15px; padding-bottom:20px; text-align:center;}
.hiddenDiv a:link { color:#333333;}
.hiddenDiv a:visited { color:#333333;}
.hiddenDiv a:hover { color:#3366FF;}
.Home_Page_Div	{ background-color:#999999; padding:10px; margin:5px; vertical-align:middle; text-align:center;}
#emailDiv{ display:none;}
/* -------------------- Main body tag styling  ---------------------- */
body,td,th { font-family: Arial, Helvetica, sans-serif; margin: 10px;}
/* -------------------- What the entire dropdown backround will look like and its positioning  ---------------------- */
ul {
    margin:0;
    padding:0;
}
.dc{
    display:inline;
    position: relative;
    z-index: 0;
    margin:0;
    padding:0;
}
.dc:hover{
    background-color: transparent;
    z-index: 50;
}
.dc ul{ 
    position: absolute;
    width:120px;
    background-color:#333333;
    left: -1000px;
    list-style-type:none;
    visibility: hidden;
}
.dc:hover ul{ 
    visibility: visible;
    top: 15px;
    left:0px;
}
/* -------------------- What the list items will look like inside the dropdown  ---------------------- */
.dc ul li{
    margin:0;
    padding:0;
    background-color: #333333;
    margin:1px;
}
.dc ul li:hover {
    background-color:#999999;
    margin:1px;
}
/* -------------------- What the links look like inside the dropdown  ---------------------- */
.dc ul li a {
    display:block;
    padding:4px;
    font-size:12px;
}
.dc ul li a:link {
    color: #00CCFF;
    text-decoration: none;
}
.dc ul li a:visited {
    text-decoration: none;
    color: #00CCFF;
}
.dc ul li a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
.dc ul li a:active {
    text-decoration: none;
    color: #00CCFF;
}
/*      END PURE CSS DROP MENU        */
#myDiv{
    background-color:#CCCCCC;
	margin:10px;
	padding-top:5px;
	padding-bottom:5px;
} 
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 31px; /*--Set height of tabs--*/
	width:100%;
	
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border-top: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	border-right: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background:#FF6600;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #ccc;
}
.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background:#ccc;
}
.tab_content {
	text-align:left;
	padding: 20px;
	font-size: 12px;
}
.buy {
	text-align:left;
	padding: 20px;
	font-size: 12px;
}
h1{ color:#FF3300;}