/** BASIC */

body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	color:#fff;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

h1 {
	font-size: 2.1em;
	color: #00ff00;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.5em;
	color: #00ff00;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0px;

}

h3 {
	font-size: 1.2em;
	color: #00ff00;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;

}

h4 {
	font-size: 1em;
	color: #00ff00;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

h5 {
	font-size: 1em;
	color: #00ff00;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

a {
color:#00FF00;
}

a:hover {
color:#FFFF33;
}

a:visited {
color:#ffffff;
}

img {
	border:none;
}

/** WRAPPER */

#wrapper {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	background-color:#212121;
}

/** BANNER */

#banner {
	width: 800px;
	height: 138px;
	margin: 0px;
	padding: 0px;
	}
	
	.mcafee {
	float: right;
	margin-top: -125px;
	margin-right: 34px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

	
.npa {
	float: right;
	margin-top: -70px;
	*margin-top: -80px;
	margin-right: 20px;
	*margin-right: -80px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}


/** TOP-NAV */

#top_nav {
	width: 800px;
	height: 34px;
	background-image: url(http://www.virtuvites.com/images/top-nav-bar.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#top_nav p {
	text-align: center;
	padding: 9px;
	}
	
#top_nav a {
	color: #000000;
	border: none;
	text-decoration: none;
}

#top_nav a:hover {
	color:#FFFF33;
	border: none;
	text-decoration: none;
}

/** SHIPPING */

#shipping {
	width: 800px;
	height: 95px;
	padding-top: 10px;
	font-size: 1.2em;
	text-align:right;
	word-spacing: 2px;
	background-image: url(http://www.virtuvites.com/images/shipping.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

.ship {
	margin: 26px 0px 0px 50px;
	word-spacing: 0px;
	color: #000000;
	font-weight:bold;
	font-size: 1em;
	text-align:left;
}

.ship2 {
	margin: -19px 100px 0px 0px;
	word-spacing: 0px;
	color:#000000;
	font-weight:bolder;
	font-size: 1em;
	text-align:right;
}

div#cart {
	float: left;
	width: 200px;
	padding: 0px;
	}
	
div#contact {
	width: 600px;
	font-size: 15px;
	text-align: right;
}


/** LEFT_COL */

#left_col {
	margin: 15px 0px 0px 0px;
	width: 180px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	font-size: 12px;
	float: left;
	line-height: 1.7em;
}

#left_col ul {
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 3px;
	list-style-image: url(http://www.virtuvites.com/images/bullet.gif);
	margin-top: -3px;
	margin-left: 0px;
	}

#left_col a {
	display: block;
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}

#left_col a:hover {
	color:#00FF00;
}

#left_col a:visted {
	border: none;
	text-decoration: none;
}

.column_header {
	margin-top: 20px;
}

/** SEARCH */

#search {
	margin-top: 0px;
	height: 40px;
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
}

/** SIDE_NAV */

#side_nav {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
}

/** QUICK_LINKS */

#quick_links {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
}

/** GUARANTEE */

#guarantee {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
}

#guarantee p {
	margin-top: 0px;
	padding: 5px;
	text-align:justify;
}

/** CREDIT */

#credit {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
}

#credit p {
	margin-top: 0px;
	margin-left: 1px;
	padding: 3px;
	text-align:justify;
}

.card {
	margin: 8px;
}

/** PAGE LINKS **/

#category_nav {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	border-top-width: 0px;
	width: 590px;
	padding: 0px 0px 10px 0px;
	margin-top: 0px;
}

#category_nav ul {
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-image: url(http://www.virtuvites.com/images/bullet.gif);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

#category_nav a {
	display: block;
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}

#category_nav a:hover {
	color:#00FF00;
}

#category_nav a:visted {
	border: none;
	text-decoration: none;
}

/** CAT NAV 2 **/

#category_nav2 {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	width: 590px;
	padding: 10px;
	margin-top: -5px;
	}
	
#category_nav2 img {
	border: 2px solid #00ff00;
}

#cn_header {
	margin-top: 20px;
}

/** MAIN */

#main {
	width: 590px;
	padding: 2px;
	height: 100%;
	min-height: 1250px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	margin-left: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
}

#shopping_cart {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	border-top-width: 0px;
	width: 590px;
	padding: 0px;
	margin-top: 0px;
}

.page-tab {
	float: right;
	background-image: url(/images/vv_bar_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-position: right top;
	clear: none;
}
/*tab-left applies to the image cap on the sliding door effect*/
.tab-left {
	margin-top: -5px;
	margin-left: -9px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}

.page-tab a {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.page-tab p {
	margin: 0px;
}

/** FOOTER */

#footer {
	width: 800px;
	font-size: .8em;
	background-image:url(images/vv_footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align: justify;
	margin: 0px;
	padding-top: 1px;
}
 
/** TABLES */

#index_table {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

#product_table {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-color:#FFFFFF;
	text-align:center;
}

.category {
	font-size: 1.1em;
	font-weight: bold;
}

.price {
	color: #FF0000;
	border-color:#FFFFFF;
}

/** SHOPPING CART */

/* Layout Divs                                 */

#main_shopcart {
	width: 700px;
	margin: 0px;
	padding: 2px;
	height: 100%;
	min-height: 600px;
	position: relative; /* peekaboo bug fix for IE6 */
	min-width: 0; /* peekaboo bug fix for IE7 */
	margin-left: auto;
	margin-right: auto;
}

  #navBar{
  background-color: #[-- STORE.SC_VisitedLinkColor --];
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
  #navBar li {border-bottom: 1px solid #[-- STORE.SC_TextColor --]; border-right: 1px solid #[-- STORE.SC_TextColor --];}



  #globalNav{
  color: #[-- STORE.SC_TextColor --];

}


  #showBasket {
  margin: 2em;
  }
  
  #sc-cart {
  width: 690px;
  margin-left: auto;
  margin-right: auto;
  }
  
  .checkout_err {
	color: #000000;
	margin: auto;
  }
  
  .cart {
  width: 100%;
  }
  
  .cart_quantity {
	width: 100px;
	vertical-align: text-top;
	padding-bottom: 30px;
  }
  
  .cart_name {
  width: 3400px;
	vertical-align: text-top;
	padding-bottom: 30px;
  }
  
  .cart_sku {
  width: 100px;
	vertical-align: text-top;
	padding-bottom: 30px;
  }
  
  .cart_price {
  width: 75px;
	vertical-align: text-top;
	padding-bottom: 30px;
  }
  
  .cart_total {
	width: 75px;
	vertical-align: text-top;
	padding-bottom: 30px;
  }
   
 /* basket table header */    
  th {
    text-align: center;
  }
 
  /* basket table header, but only for product name and SKU */    
  th.cart_name, th.cart_sku{
  text-align: center;
  }

  
  table.reg {
  margin-bottom: 1em;
  }
  
  div.sc-header {
  margin: 0px 15px 0 15px;
  text-align: center;
  }
  
  .sc-header h2 {
  margin-top: .5em;
}

  table.bill_addr, table.ship_addr {   /* inner table for billing and shipping address */
    margin-right: auto;
  }
  
  /* applies to entire block around shopping cart */
  #sc-form {
  text-align: center;
  padding: 0 10px;
  }
  
    .reg {
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  }
  
  /* applies to block around tax, shipping and totals list */
  #ship-tax {
  text-align: right;
  line-height: 150%;
  }
  
  #ship-tax table {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
  }

  /* Wrote this as a workaround for the shipping pulldown menu in the shopping cart. The pulldown itself is named .ship which was already given to some text in the main banner. This makes the 70px left margin that was applied to the banner not apply to the pulldown menu. */
  .taxnship select {
  margin-left: 10px;
  }
  
  td.taxnship {
	line-height: 2em;
	text-align: right;
	font-weight: bold;
  }
  
  ul#ship, ul#ship li {
  text-align: center;
  }
  
  #totals {
  margin-top: 10px;
  }
  
  #totals td {
      background-color:#FFFF99;
	  color: #000000;
	  padding: 3px;
}

.totals {
border-collapse:collapse;
margin-bottom: 20px;
}
  
  .totals_all {
  width: 3em;
  font-weight:bold;
  }
  
  .totals_all_txt {
  text-align: right;
  padding-right: 15px;
    font-weight:bold;
  }

.thankyoubusiness {
margin: auto;
text-align:center;
}
  
  #sc-coupon input, #sc-giftcert input  {
  vertical-align: middle;
  }
   
  #sc-coupon {
  padding-top: 15px;
  }
  
  span.coupon-caption {
  font-weight: bold;
  }
  
  
  span.enterCoupon {
  font-size: .75em;
  }
  
  #sc-giftcert {
  padding: 1em;
  line-height: 150%;
  }
  
  .button9 {
  border-color: #[-- STORE.SC_BackgroundColor --] !important;
  }
  
  div.buttons {
  margin-top: 30px;
  margin-bottom: 30px;
  }
  

  div.anyChanges {
  font-size: .75em;
  font-weight: bold;
  font-style: italic;
  }
  
  #orderinginstructions {
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  }
  
  .instruct {
  margin-right: auto;
  margin-left: auto;
  }
  
  #paymentselection {
  font-weight: bold;
  padding: 10px;
  }

/* formatting for address choices when signed in */ 
  td.sql_addr {
  padding-right: 15px;
  }
  
  table.sql_addr td
  {
  text-align: left;
  }
  
  td.zipncountry_hdr {
  font-weight: bold;
  padding-bottom: 20px;
  text-align: left;
  }
  
  table.sql_addr  {
  width: 500px;
  }
    
  table.selectzipncountry {
  width: 500px;
  }
  
  .sql_addr_select, td.zipncountryradio {
  width: 25px;
  }
/* end formatting for address choices when signed in */   

  hr {
  color: #[-- STORE.SC_ShadeColor --];
  background-color: #[-- STORE.SC_ShadeColor --];
  height: 1px;
  border-style: solid;
  }
  
/* rewards program */

table.program_reward_order {
  border: 2px solid #[-- STORE.SC_ShadeColor --];
  margin: 0em auto;
  padding: 1em;
  text-align: center;
  }

th.program_reward_order {
  font-size: 1.4em;
  font-weight: normal;
  } 
  
/* Google Button Stuff */

table.google_button {
  margin-left: auto;
  margin-right: auto;
  }

#secure_image {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* Cross Sell */
div.cross_sell {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

table.cross_sell {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 2px solid #[-- STORE.SC_ShadeColor --];
}

caption.cross_sell {
  font-weight: bold;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  color: #[-- STORE.SC_LinkColor --];
}

td.cross_sell {
  text-align: center;
}

div#secure_image {
  text-align: center;
}

#product_page table {
	margin-bottom: 20px;
}

#related_prod {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	border-top-width: 0px;
	width: 590px;
	padding: 0px;
	margin-top: 0px;
}

#related_prod ul {
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-image: url(http://www.virtuvites.com/images/bullet.gif);
	margin-top: 2px;
	margin-left: 2px;
}

#related_prod a {
	display: block;
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}

#related_prod a:hover {
	color:#00FF00;
}

#related_prod a:visted {
	border: none;
	text-decoration: none;
}

#product_desc {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	border-top-width: 0px;
	width: 590px;
	padding: 0px;
	margin-top: 0px;
}

/*Applies to unordered lists in the product description pages*/
#product_desc ul {
	padding-left: 25px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	list-style-image: url(http://www.virtuvites.com/images/bullet.gif);
	margin-top: 10px;
	margin-left: 2px;
}

#product_desc a {
	display: block;
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}

#product_desc a:hover {
	color:#00FF00;
}

#product_desc a:visted {
	border: none;
	text-decoration: none;
}

#supp_facts {
	border-left: 1px solid #00ff00;
	border-right: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	border-top-width: 0px;
	width: 590px;
	padding: 0px;
	margin-top: 0px;
}

#supp_facts a {
	display: block;
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}

#supp_facts a:hover {
	color:#00FF00;
}

#supp_facts a:visted {
	border: none;
	text-decoration: none;
}

/** SUPPLEMENT TABLE **/

#nt {
	width: 400px;
	background-color:#FFFFFF;
	color:#000000;
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
}

#nt td {
	padding: 5px;
}

#nt th {
	background-color: #FFFFFF;
	color: #000000;
	padding-bottom: 2px;
}

#nt_title {
	width: 390px;
	background-color:#FFFFFF;
	color:#000000;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 5px 0px 5px;
	border-bottom: 5px solid #000000;
}

.supplement {
	font-size: 1.5em;
	font-weight: bolder;
	margin-bottom: 2px;
	margin-top: 0px;
}

.serving {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 2px;
}

td.odd {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}

td.nt_note {
	border-top: 5px solid #000000;
	margin: 0px;
	padding: 0px;
}

col#ingredient {
	width: 60%;
}

col#nt_daily_value {
	width: 20%;
	text-align: right;
}

col#nt_amt {
	width: 20%;
	text-align: right;
}

img.special {
	border: 2px #00ff00 solid;
	margin-right: 5px;
	float: left;
}
#image_wrap {
	border: 2px #00ff00 solid;
	padding: 0px;
	margin-top: 0px;
}


#sc_header {
	margin-top: 20px;
}
