﻿/*
Background Gray: #2F2F2F
LW Blue: #1A08A9
TV Green: #164802
MB Blue: #03698F
*/
HTML{background: #2F2F2F;height:auto;}
BODY
{
	position: relative;
	margin: 2px;
    height:auto;
	padding:0px;
	color:#000;
	font-size:small;
	font-family:Verdana, Arial, Sans-Serif;
}

form{position: relative;margin:0;padding:0;height:100%;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.regLabelCell {white-space: nowrap; vertical-align: top;}

.justified {text-align: justify;}

/****************************************************************************/
/* Checkout Steps */
/****************************************************************************/
div.step1 {width: 317px; height: 37px; background-image: url(/images/step1.png); 
            }
div.step2 {width: 317px; height: 37px; background-image: url(/images/step2.png); 
             }
div.step3 {width: 317px; height: 37px; background-image: url(/images/step3.png); 
                  }


/****************************************************************************/
/* Links */
/****************************************************************************/
a:link{color:#508e36;text-decoration:none;}
a:visited{color:#508e36;text-decoration:none;}
a:active{color:#508e36;text-decoration:none;}
a:hover{color:#164802;text-decoration:none;}

/****************************************************************************/
/* Main Styles */
/****************************************************************************/
#Global{position: relative;height:100%;width:902px;margin:0px auto 0px auto;padding: 3px;}

#CommonHeader
{
    width: auto;
    height: 101px;
    padding:0;
	overflow: hidden;
    background:url(images/header.jpg) no-repeat top left;
}

#Body{position: relative;top:0;width:auto;height:auto;margin:0; background-color: White;}

#BodyTop{min-height: 400px;height: 100%; position: relative; width:auto; 
             text-align: left; margin:0 0 0 0; overflow:hidden;}

#ColumnLeft {position: relative; width: 645px; overflow: hidden; float: left; margin: 0; padding: 15px 10px; }
#ColumnRight { position: relative; width: 234px; float: right; padding-top: 30px;
               height: 100%; margin-bottom:-2000px;padding-bottom:2000px; 
				background:url(images/rightRailBg.jpg) repeat-y;}
#BodyBottom {position: relative; width: auto; margin: 0 4px; padding-top: 20px; border-top: solid 1px #ccc;}

.LogoLink {width: 350px; height: 65px; position: absolute; top: 20px; left: 30px; font-size: 40px; display: block; }
#Login{width:auto;float:right;margin:20px 20px 0 0;text-align:right;}
#chat {width: 190px; margin: 0 auto; }

.productDescription {text-align: justify;}

.CreditCardForm {margin-left: -15px;}
.CreditCardForm td {padding: 0; }

.loginForm td {padding: 2px;}
.billingForm {margin: 20px 0 20px 96px;}
.loginForm td input[type="image"] {border: none; margin: 2px 0 0 80px;}
.registrationForm table[rules="all"] {margin-left: 100px;}
.registrationForm tr {vertical-align: text-top;}
.registrationForm input[type="submit"] { color: White; border: none;}
.registrationForm input[type="button"] { color: White; border: none;}
.registrationForm input[type="image"] {border: none; margin: 2px 0 0 0;}
.button { color: White; border: none;}

.HelpText { font-family: Tahoma; font-size: 16px; font-weight: bold; text-align: center; display:block; }
.CallNow { font-size: 26px; font-weight: normal; font-weight: bold; }

.Header
{
	font-family: Tahoma;
    position:relative;
	font-size: 16px;
	font-weight:bold;
}

.disclaimers { font-family: Verdana; font-size: 10px; padding-left: 5px;
               text-align: justify; margin: 10px auto; 
               width: 210px; color: #666; }

.disclaimer { font-size: 9px; width: 900px; margin: 10px auto; text-align: justify; color: #999999; }

.Common
{
	margin: 0 auto;
	padding: 0;
}

/****************************************************************************/
/* 3 column pages */
/****************************************************************************/
#Column1 {position: relative; width: 270px; float: left; margin: 0 1px;}
#Column2 {position: relative; width: 410px; float: left; margin: 0 1px;}
#Column3 {position: relative; width: 270px; float: left; margin: 0 1px;}

/****************************************************************************/
/* HTML tags */
/****************************************************************************/

/* Titles */
h1{font-size:20px;font-weight:bold;margin:5px 0;position:relative;margin:5px 0 15px 0;}/* adding position prevents IE from making it disappear */
h3{font-size:14px;margin:0;position:relative;}
h4.wht{color:#fff;font-weight:bold;font-size:16px;margin:5px 0;}
h2.yellow{color:#ffff00;font-weight:bold;font-size:24px;font-style:italic;margin:3px 0;}
h2.yellow a:link{color:#ffff00;}
h2.yellow a:visited{color:#ffff00;}
h2.yellow a:active{color:#ffff00;}
h2.yellow a:hover{color:#ffff00;text-decoration:underline;}

h3.yellow{color:#ffff00;font-weight:bold;font-size:18px;font-style:italic;margin:3px 0;}
h4.yellow{color:#ffff00;font-weight:bold;font-size:14px;font-style:italic;margin:3px 0;}


/****************************************************************************/
/* Classes */
/****************************************************************************/
.red{color:red;}
.required{color:red;}

a.nav{padding:2px 5px 2px 5px;color:#034ea2;text-decoration:none;}

/****************************************************************************/
/* Footer links */
/****************************************************************************/

div#CommonFooter
{
	text-align: center;
	clear: both;
	margin: 20px auto 0 auto;
    min-width:850px;
	max-width: 1024px;
	padding:5px 0 0 0;
	/*height:50px;
	background: url(images/bottom_nav_bottom.jpg) repeat-x;*/
}

/****************************************************************************/
/* Cart Styles */
/****************************************************************************/
#ShoppingCart {position: relative; width: auto; clear: both; }
#ShoppingCart.SideBar { width: 210px; }
#Column3 #ShoppingCart
{
	position: relative;
	top: 0;
	left: 55px;
}

#ColumnRight #ShoppingCart
{
	position: relative;
	top: -15px;
	margin: 0 auto;
}


div.CartHeader
{
	position: relative;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(images/cart_top.png);*/
}


.CartTitle
{
    position:relative;
	font-size: 16px;
	font-weight:bold;
}

.CartContainer 
{ 
    position:relative;
	padding: 3px 20px;
	font-size: 11px;
	/*background-image: url(images/cart_bg.png); */
}
.CartContainer a {font-size: 10px;text-decoration: underline;}
.CartContainer .divider { height: 1px; margin: 10px; clear:both;}
.CartContainer .productMessage {font-size: 10px; color: #999999;}
.CartContainer .thumb { }

/*.CartBottom {height: 20px; background-image: url(images/cart_bottom.png); background-position: bottom;}*/
.cartItem { }
.cartItemImage { position:relative; float: left; width: 110px; }
.cartItemDescContainer { position:relative; float: left; width: 480px; font-size: 12px; padding-top: 10px; }
#ShoppingCart.SideBar .cartItemDescContainer { width: auto; height: auto; padding: 0;}

.cartItemPrice { position:relative; width: 300px;  margin: 10px 0;}
#ShoppingCart.SideBar .cartItemPrice { float: left; width: 180px; margin: 10px 0; padding: 0; }

a.cartItemRemoveLink { font-size: 12px; }
.cartItemPriceLabel {position:relative;float: left; font-weight: bold; color: #666;}
.cartItemPriceValue {position:relative;float: right; color: #666;}
.cartItemDesc { }

.cartFooter { width: 210px; margin: 0 auto; border-top: dotted 1px #999;  border-bottom: dotted 1px #999; 
              padding: 3px; clear: both; }
#ShoppingCart.SideBar .cartFooter { float: none; width: auto;}

.cartFooterItem { width: auto; clear: both; }
.cartFooterLabel {position:relative;float: left; font-weight: bold; }
.cartFooterValue {position:relative;float: right; }

.tvnVideoSample a{ color: Orange; font-weight: bold; font-size: 14px; display: block; position:relative; 
                   width: 220px; height: 10px; margin: 5px 0; }
.tvnVideoSample a span { width: 120px;display: block; float: right;position: absolute; left: 35px; top: 5px; }
.tvnVideoSample a img { left: 2px; position: absolute;}

/****************************************************************************/
/* Featured Products */
/****************************************************************************/

div.suggestedProduct {width: 280px; height: 150px; position:relative; 
                      float: left; padding: 0; margin: 0 0 0 10px; }
div.suggestedText {width: 170px; position:absolute; color: #666; font-family: Arial;
                   top: 5px; right: 5px;  }
.suggestedProductPrice { font-weight: bold; color: #666; }
.suggestedProductImage {position:relative; }
div.separator {border-right: solid 1px #ccc; width: 1px; margin: 0;}

