/* 	Tempest
	Last updated on Jan 22, 2008
	Created & Updated by JA
	
	Last updated on Jan 29, 2008
	Updated by SURESH
*/

/*======================================================================================================================
														BODY
========================================================================================================================*/

body {
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color: #000000;
}
.main {
	text-align:center;
	width:1109px;
	padding:0px;
	margin: 50px auto;
}
.mainBodyContent {
	width:1109px;
	padding:0px;
	margin:0px;
	background-attachment: scroll;
	background-image: url(../tempest-images/backgroundBody1.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
}
.main-content {
	width:1054px;
	margin:0px;
	padding:0px 0px 40px 55px;
	float:left;
	background-attachment: scroll;
	background-image: url(../tempest-images/backgroundBody.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header {
	width: 1000px;
	height: 103px;
	float:left;
	background-attachment: scroll;
	background-image: url(../tempest-images/background-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header-left {
	width:300px;
	padding:20px 0px 0px 0px;
	margin:0px;
	float:left;
}
.header-right {
	width:690px;
	padding:40px 10px 0px 0px;
	margin:0px;
	float:left;
	text-align:right;
}
.menu-background {
	float:left;
	width:1000px;
	padding:0px;
	margin:0px;
	text-align:left;
	height:30px;
	background-attachment: scroll;
	background-image: url(../tempest-images/background-ball.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.menu-background-inner {
	float:left;
	width:1000px;
	padding:0px;
	margin:0px;
	text-align:left;
	height:30px;
	background-attachment: scroll;
	background-image: url(../tempest-images/background-ball-inner.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.home-background {
	float:left;
	height: 491px;
	width:1000px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../tempest-images/background-home.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
/*======================================================================================================================
														Top Menu
========================================================================================================================*/
.mainMenus
{
	width:930px;
	height:30px;
	padding:0px;
	margin:0px;
	float: left;
}

.mainMenus ul
{
	position: relative;
	width:930px;
	height:30px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(../tempest-images/background-mainmenu.jpg);
}

.mainMenus ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top:0px;
	float:left;
}

.mainMenus ul li, .mainMenus a
{
	display:block;
	height:30px;
	border-bottom:0px;
}

.mainMenus ul li a
{
	text-indent:-9999px;
	text-decoration:none;
	padding: 0px;
}

.mM1
{
	left:0; top:0; width:85px;
}

.mM2
{
	left:85px; top:0; width:115px;
}

.mM3
{
	left:200px; top:0; width:133px;
}

.mM4
{
	left:333px; top:0; width:158px;
}

.mM5
{
	left:491px; top:0; width:92px;
}

.mM6
{
	left:583px; top:0; width:109px;
}
.mM7
{
	left:782px; top:0; width:148px;
}

.mM1 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) 0 -30px no-repeat; border-bottom:0;
}

.mM2 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) -85px -30px no-repeat; border-bottom:0;
}

.mM3 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) -200px -30px no-repeat; border-bottom:0;
}

.mM4 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) -333px -30px no-repeat; border-bottom:0;
}

.mM5 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) -491px -30px no-repeat; border-bottom:0;
}

.mM6 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) -583px -30px no-repeat; border-bottom:0;
}
.mM7 a:hover 
{
	background: transparent url(../tempest-images/background-mainmenu.jpg) -782px -30px no-repeat; border-bottom:0;
}

.mM1a 
{
	left:0; width:85px; background: transparent url(../tempest-images/background-mainmenu.jpg) 0 -30px no-repeat; border-bottom:0;
}

.mM2a 
{
	left:85px; width:115px; background: transparent url(../tempest-images/background-mainmenu.jpg) -85px -30px no-repeat; border-bottom:0;
}

.mM3a 
{
	left:200px; width:133px; background: transparent url(../tempest-images/background-mainmenu.jpg) -200px -30px no-repeat; border-bottom:0;
}

.mM4a 
{
	left:333px; width:158px; background: transparent url(../tempest-images/background-mainmenu.jpg) -333px -30px no-repeat; border-bottom:0;
}

.mM5a 
{
	left:491px; width:92px; background: transparent url(../tempest-images/background-mainmenu.jpg) -491px -30px no-repeat; border-bottom:0;
}
.mM6a 
{
	left:583px; width:109px; background: transparent url(../tempest-images/background-mainmenu.jpg) -583px -30px no-repeat; border-bottom:0;
}
.mM7a 
{
	left:782px; width:148px; background: transparent url(../tempest-images/background-mainmenu.jpg) -782px -30px no-repeat; border-bottom:0;
}

/*==========================================================================================================================================
																	View Photos
============================================================================================================================================*/
.view-photos {
	float:left;
	padding:38px 0px 0px 609px;
	margin:0px;
	height:291px;
	width: 254px;
	text-indent: -9999px;
}
.view-photos a {
	display: block;
	border-bottom:0;
	left:0;
	top:0;
	height:291px;
	width: 254px;
	background-color: transparent;
	background-image: url(../tempest-images/background-viewphotos.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.view-photos a:hover {
	background: transparent url(../tempest-images/background-viewphotos.jpg) -254px 0px no-repeat;
	border-bottom:0;
}
.tempest-range {
	padding: 30px 0px 0px 290px;
	margin: 0px;
	float: left;
	width: 710px;
}
.tempest-text {
	padding: 0px 37px 0px 62px;
	margin: 0px;
	float: left;
	width: 111px;
}
.tempest-text h1 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.tempest-text p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.tempest-text1 {
	padding: 0px 37px 0px 62px;
	margin: 0px;
	float: left;
	width: 111px;
}
.tempest-text1 h1 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2A2828;
}
.tempest-text1 p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2A2828;
}
.tempest-text a {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.tempest-text a:hover {
	padding: 0px;
	margin: 0px;
	color:#0066CC;
	text-decoration: none;
}
.tempest-text1 a {
	padding: 0px;
	margin: 0px;
	color: #000000;
	text-decoration: none;
}
.tempest-text1 a:hover {
	padding: 0px;
	margin: 0px;
	color: #FF7C25;
	text-decoration: none;
}
.tempest-text2 {
	padding: 0px 37px 0px 62px;
	margin: 0px;
	float: left;
	width: 111px;
}
.tempest-text2 h1 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.tempest-text2 p {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2A2828;
}
.tempest-text2 a {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.tempest-text2 a:hover {
	padding: 0px;
	margin: 0px;
	color: #666666;
	text-decoration: none;
}
.backgroundContent {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
	background-attachment: scroll;
	background-image: url(../tempest-images/backgroundContents.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 1000px;
}
.background-inner {
	padding: 30px 20px 0px 20px;
	margin: 0px;
	float: left;
	background-attachment: scroll;
	background-image: url(../tempest-images/background-inner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	text-align:left;
}
.background-innerFlash {
	padding: 20px 20px 0px 20px;
	margin: 0px;
	float: left;
	background-attachment: scroll;
	background-image: url(../tempest-images/background-inner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	height: 471px;
	text-align:left;
}
.base-product {
	width:960px;
	float:left;
	padding: 0px 0px 30px 0px;
	margin:0px;
}
.products {
	padding: 0px 0px 0px 113px;
	margin: 0px;
	float: left;
	width: 813px;
}
.product-box {
	padding: 0px;
	margin: 0px;
	width: 271px;
	float: left;
}
.product-box h1 {
	padding: 0px 20px 0px 100px;
	margin: 0px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 23px;
	color: #6C6C6C;
	text-align: left;
}
.product-box img {
	padding: 0px;
	margin: 0px;
}
.viewrange {
	padding: 19px 0px 0px 72px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
}
.viewrange a {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 39px;
	background: transparent url(../tempest-images/background-viewrange.png) 0px 0px no-repeat;
	border-bottom:0;
	color: #FFFFFF;
	text-decoration: none;
}
.viewrange a:hover {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 39px;
	background: transparent url(../tempest-images/background-viewrange.png) 0px -39px no-repeat;
	border-bottom:0;
}
.youareat {
	width:960px;
	height:60px;
	color:#FF6600;
	float:left;
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.youareat a {
	color:#FF6600;
	text-decoration:none;
}
.youareat a:hover {
	color:#333333;
	text-decoration:none;
}
.base-product-detail {
	width:960px;
	float:left;
	padding:25px 0px 0px 0px;
	margin:0px;
}
.base-product-detail-left {
	float:left;
	padding:0px;
	margin:0px;
	width:416px;
	text-align:center;
}
.base-product-detail-right {
	float:left;
	padding:0px;
	margin:0px;
	width:544px;
	text-align:left;
	color:#ffffff;
}
.base-product-detail-right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height:18px;
	padding:0px 0px 28px 0px;
	margin:0px;
	font-weight:normal;
}
.base-product-detail-right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	padding:0px 0px 15px 0px;
	margin:0px;
	font-weight:normal;
}
.protitle {
	font-size: 18px;
}
.base-product-detail-right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:17px;
	padding:0px 130px 15px 0px;
	margin:0px;
}
.productsDetails {
	padding: 28px 0px 0px 113px;
	margin: 0px;
	float: left;
	width: 813px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
}
.productImageBox {
	padding: 0px 0px 0px 40px;
	margin: 0px;
	width: 300px;
	float: left;
}
.productContenttBox {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 473px;
	float: left;
	text-align:left;
	color: #666666;
}
.productContenttBox h1 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:22px;
}
.productContenttBox h2 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:15px;
	font-weight:normal;
}
.productContenttBox h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:18px;
}
.productContenttBox p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:12px;
	line-height:17px;
}
.productsDetailsTC {
	padding: 28px 0px 0px 13px;
	margin: 0px;
	float: left;
	width: 913px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
}
.productImageBoxTC {
	padding: 28px 0px 0px 0px;
	margin: 0px;
	width: 460px;
	float: left;
}
.productContenttBox {
	padding: 0px;
	margin: 0px;
	width: 453px;
	float: left;
	text-align:left;
	color: #666666;
}
.productContenttBox h1 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:22px;
}
.productContenttBox h2 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:15px;
	font-weight:normal;
}
.productContenttBox h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:18px;
}
.productContenttBox p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size:12px;
	line-height:17px;
}
.productContenttBox a {
	color:#666666;
	text-decoration:none;
}
.productContenttBox a:hover {
	color:#000000;
	text-decoration:none;
}
ul.productContenttBox-links {
	margin:0px;
	padding:0px;
}
ul.productContenttBox-links li {
	list-style-position:inside;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 8px 13px;
	font-size:12px;
	display: inline;
	text-align: left;
	background-image: url(../tempest-images/arrowDot1.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width:300px;
}
.quickLink {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	float: right;
	width: 248px;
}
.backLink {
	padding:0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
}
.backLink a {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 38px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../tempest-images/backgroundBack.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.backLink a:hover {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 38px;
	background: transparent url(../tempest-images/backgroundBack.png) 0px -39px no-repeat;
	color:#666666;
}
.onlineShop {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
}
.onlineShop a {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 38px;
	border-bottom:0;
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	background-image: url(../tempest-images/backgroundOnline.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.onlineShop a:hover {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	float: left;
	width: 119px;
	height: 38px;
	background: transparent url(../tempest-images/backgroundOnline.png) 0px -39px no-repeat;
	color:#FF6600;
}
.productsFlash {
	padding: 0px 0px 0px 93px;
	margin: 0px;
	float: left;
	width: 833px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
}
/*======================================================================================================================
														Buy Online
========================================================================================================================*/
#buyonline {
	padding: 20px 45px 0px 715px;
	margin: 0px;
	float: left;
	width: 240px;
	height: 39px;
}
#buyonline ul {
	position: relative;
	width:240px;
	height:39px;
	margin: 0;
	padding: 0;
	background-image: url(../tempest-images/background-back-buyonline.jpg);
}
#buyonline ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
}
#buyonline ul li, #buyonline a {
	display:block;
	height:39px;
	border-bottom:0;
	text-indent: -999999px;
}
#buyonline ul li a {
	text-decoration:none;
	padding: 0px;
}
#buyonline1 {
	left:0;
	top:0;
	width:120px;
}
#buyonline2 {
	left:120px;
	top:0;
	width:120px;
}
#buyonline1 a:hover {
	background: transparent url(../tempest-images/background-back-buyonline.jpg) 0 -39px no-repeat;
	border-bottom:0;
}
#buyonline2 a:hover {
	background: transparent url(../tempest-images/background-back-buyonline.jpg) -120px -39px no-repeat;
	border-bottom:0;
}
/*============================================================================================================================================
																		Footer
============================================================================================================================================*/
.footer-area {
	padding: 11px 54px 11px 55px;
	margin: 0px;
	float: left;
	width: 1000px;
	background-color:#000000;
}
.footer-left {
	padding: 0px;
	margin: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#939393;
	text-align: left;
	width: 100px;
}
.footer-right {
	padding: 0px;
	margin: 0px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#939393;
	text-align: right;
	width: 900px;
}
.footer-area a {
	text-decoration: none;
	color: #939393;
}
.footer-area a:hover {
	text-decoration: none;
	color: #333333;
}