body {
	/*background-image: none;
	background-color: #efefef;*/
}

/******* MAIN BOX *************/
  h1.page-title { display: inline;
   background-image: url(/_images/vx2/home/dwt-header.png);
   background-repeat: no-repeat;
   padding-left: 40px;
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 4px;
   text-shadow: #fff 1px 1px 1px;
  }
  h1.page-title span {
	font-size: 10pt;  
  }
  hgroup.page-info h3 {
	   text-shadow: #fff 1px 1px 1px;
  padding-left: 40px;  
  font-size: 8pt;
  }

div.main-box-surround {
	width: 980px;  
  }
  nav div.breadcrumb {
	  width: 980px;
  }
  div.main-box {
	width: 980px;
    /*border: 1px solid #cccccc;*/
	background-image: none;
	height: auto !important;
	

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;			
		background: #fff; /* for non-css3 browsers */

  }

  div.main-box-dwt-header {
	margin-top: 5px;
	width: 980px;
    /*border: 1px solid #cccccc;*/
	background-image: none;
	height: auto !important;
	padding-top: 65px;


	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;			
    background: #f3f3f3; /* for non-css3 browsers */
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#333333'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #333); /* for firefox 3.6+ */	  
	

}

hgroup.page-info {
  position: relative;
  top: 38px;
  width: 950px;
  left: 5px;
  z-index: 2;
  height: 0px;
}
.linear-gradient {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
			
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#fff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #efefef,  #fff); /* for firefox 3.6+ */	  

}	
	/************ SIDE BOX ****************/
  .side-box-surround   { height: auto !important;}
	div.side-box            { height: auto !important;
		background-image: none;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;		
		background: #fff; /* for non-css3 browsers */
	
	}

  /************** BOTTOM BOXES ************/
	.bottom-box-surround {	height: 341px !important; }
	div.bottom-box          { height: 296px !important;	

		background-image: none;

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	-moz-box-shadow: 0 0 3px #666;
	-webkit-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;		
		background: #fff; /* for non-css3 browsers */

	}
	
	div.new-to-this-questions {
		height: 215px !important;
	}
	
div.q-a-answers {
	max-height: 215px !important; 
}
	

	div.main-box a.link-owe {
		background-image: url(/_images/vx/global/icon-owe.png);
	}

	div.main-box a.link-dw {
		background-image: url(/_images/vx/global/icon-dw.png);
	}

	div.main-box a.link-ew { 
		background-image: url(/_images/vx/global/icon-ew.png);

	}

	div.main-box a.link-fp {
		background-image: url(/_images/vx/global/icon-fp.png);

	}
	
  ul.category-links2 a {
		background-repeat: no-repeat;
		line-height: 34px;
		display: block;
		font-weight: bold;
		padding-left: 60px;
		font-size: 15px;
		text-decoration: none;
		color: #333333;		
	}
	
	div#dual-boxes {
/*	  z-index: 3;
		position: relative;*/
	}
	
	#dual-boxes > div {
		height: 200px;
		width: 300px;
		border: 1px solid #cccccc;
	}
	div.search-box {
		float: left;
	}
	
	div.search-questions {
		height: 150px;
		padding-left: 10px;
		overflow: auto;
		font-size: 12px;
	}
	
	div.search-questions span.title {
		font-weight: bold;
		display: block;
	}
	div.search-questions > div {
		margin: 10px;
	}
	
	div.search-questions ul {
		margin-bottom: 10px !important;
		margin-left: 10px !important;
	}
	
	div.quick-browse-box {
		float: right;
		
	}
	.category-list {
		/* overflow: auto; */
		width: 300px;
		/* height: 1020px;  */
		border-top: 1px solid #cccccc;
		
	}
	
	.category-list ul {
		margin: 0px;
		padding: 0px;

		list-style-type: none;
	}
	
	h2.secondary {
		font-weight: normal;
		margin: 0px;
		padding: 0px;
	}
	
	h2.secondary a {
		text-decoration: none;
		color: #8A9F25;
	}
	h3.tertiary, h2.tertiary {
		font-weight: normal;
		margin-left: 0px !important;
		padding-left: 0px !important;
		color: #444444 !important;
		background-image: none !important;
		background-color: transparent;
		font-size: 12pt;

	}
	p.about-info {
		font-size: 12px;
	} 
	h4.title , p.title {
		font-size: 12px;
		font-weight: bold;
		display: block;
		margin: 0px;
		padding: 0px;
	}
	
	.category-list li {
		font-size: 10px;
		font-weight: bold;
		line-height: 20px;
	}
	.category-list a {
		text-decoration: none;
		color: #333333;
		background-image: url(/_images/vx/global/bullet-row-x.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 16px;
		display: block;
		
	}
	.category-list a:hover {
	  /* color: #F98011; */
		text-decoration: none;
		background-position: 0px -20px;
		color: #ffffff;
	}
	
	div#about-section {
		clear: both;
		margin-top: 0px;
		padding-top: 10px;
	/*	background-image: url(/_images/vx/home/gen-9.png);
		background-repeat: no-repeat;
		background-position: 20px 60px;*/
	}
	
	div#about-section span.title {
		font-weight: bold;
	}
	
	#about-section p {
		font-size: 12px;
	}
	#about-section img {
		float: right;
		border: 0px;
		margin-left: 10px;
	}
	
	#about-section p.first {
	/*	margin-left: 90px; */
		padding-top: 0px;
		margin-top: 0px;
	}
	#about-section span.title { 
		font-weight: bold;
		padding-bottom: 4px;
		display: block;
	}





	div#specials-section {
		clear: both;

	}
	#specials-section p {
		font-size: 12px;
	}
	#specials-section img {
		float: left;
		border: 0px;
	}
	
	#specials-section p.first {
		margin-left: 90px;
		padding-top: 0px;
		margin-top: 0px;
	}
	#specials-section span.title {
		font-weight: bold;
		padding-bottom: 4px;
		display: block;
	}



	

div.main-box ul.compatability-list {
	list-style-type: none;
	list-style-image: url(/_images/vx/product-details/check.png);
	font-size: 11px;
	margin-right: 250px;
}

div.gallery-wt {
  background-image: url(/_images/new-slider/wt.jpg);
  background-repeat: no-repeat;
  width: 950px;
}

div.gallery-dwt {
  background-image: url(/_images/new-slider/dwt.jpg);
  background-repeat: no-repeat;

}


div.gallery-primary {
  background-image: url(/_images/vx2/home/slide-primary.png);
  height: 360px;
  background-repeat: no-repeat;
}

div.gallery-wp {
  background-image: url(/_images/new-slider/wp.jpg);
  background-repeat: no-repeat;	
  width: 950px;
}
#gallery .text-region {
	display: inline-block; 
	width: 420px;
		height: 400px;
	vertical-align: top;
	text-align: left;
	padding-right: 20px;

}
#gallery .image-region {
 	display: inline-block; 
	width: 490px; 	
	height: 400px;
	vertical-align: top;
	background-position: top left;
	padding-top: 360px;
	text-align: right;
	padding-right: 10px;
}
#gallery .gallery-price {
	clear: both;
	margin-top: 35px;
	margin-left: 100px;
	
	font-weight: bold;
	font-family: Tahoma;
	font-size: 15px;
	color: #fff;
	

	background-image: url(/_images/vx2/home/buy-now.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.gallery-price a {
	color: #fff;
	display: block;
	padding-left: 204px;
	padding-bottom: 40px;
	padding-top:16px;
	padding-right: 20px;
	text-decoration: none;
}
#gallery .gallery-product-name {
	font-family: Tahoma;
	font-size: 33px;
	padding-top: 20px;
		padding-left: 50px;

}

#gallery .gallery-product-description {
	padding-left: 50px;
}
#gallery .gallery-product-features {
	padding-top: 20px;
	line-height: 32px;
	padding-left: 75px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
#gallery .gallery-product-features img { padding-right: 10px; padding-bottom: 2px;}
#gallery .gallery-available-colors {
	padding-top: 20px;
	font-weight: bold;
	text-align: left;
	padding-left: 75px;
}
#gallery div.color-swatch {
		border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 22px;
	padding: 0px;
}
#gallery .gallery-available-colors img {
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#gallery #menu li {
	width: auto !important;
    font-size: 9pt;
}
#gallery #menu li a {
	text-decoration: none;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	
}

#gallery li.,#gallery li.:hover{
	/* The ive state of the thumb */
	background:url(/_images/new-slider/activeive_bg_wide2.png) no-repeat center top!important;

}

.slide {
    width: 978px;
	background-position: 10px 10px;
}
#gallery {
	-moz-box-shadow:0 0 0px #AAAAAA !important;
	-webkit-box-shadow:0 0 0px #AAAAAA !important;
	box-shadow:0 0 0px #AAAAAA  !important;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:0px !important;
	-webkit-border-bottom-left-radius:0px !important;
	border-bottom-left-radius:0px !important;
	
	-moz-border-radius-bottomright:0px !important;
	-webkit-border-bottom-right-radius:0px !important;
	border-bottom-right-radius:0px !important;
	width: 978px !important;
		border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-raidus: 0px !important;

}
.tiny {
	font-size: 8pt;
	display: block;
}
.num {
	display: inline-block;
	background: #ccc; /* for non-css3 browsers */
    padding: 2px; 
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #bbb); /* for firefox 3.6+ */ 
	margin-bottom: 1px;
	margin-top: 1px;
}
	
#search-tabs span.title { display: inline-block; width: 150px; font-weight: bold; vertical-align: middle; font-size: 14px; }
#search-tabs div.field { display: inline-block; vertical-align: middle; } 
#search-tabs h3 {
	background-image: none;
	margin: 0px;
	padding: 0px;
	color: #333;
	line-height: 1;
}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.step-areas {
	padding: 0px !important; 
	}
.ui-widget-content { border: 0px solid #ccc;  color: #333333; }
.ui-widget-content h3 { font-size: 12pt; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 0px; border-bottom: 1px solid #cccccc; background: repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

#search-tabs .ui-state-default, #search-tabs .ui-widget-content .ui-state-default, #search-tabs .ui-widget-header .ui-state-default {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}


.ui-state-default, .ui-widget-content .ui-state-default,  .ui-widget-header .ui-state-default {

	border: 0px solid #fff; 
	background: #ddd; 
	font-weight: bold; 
	color: #ffffff !important; 
background: #333; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */ 

}

.no-opacity {
	  /* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0.0;
	display: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
  border: 0px solid #cccccc; font-weight: bold; 
  color: #ccc;
  background: #444; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #444,  #111); /* for firefox 3.6+ */ 

  
  
 }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{ border: 0px solid #fff; 	

background: #6D9714; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADD713', endColorstr='#6D9714'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ADD713), to(#6D9714)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ADD713,  #6D9714); /* for firefox 3.6+ */ 

font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; 
/*#558BCB, #336FB7*/
}

.ui-widget :active { outline: none; }

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }


.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .3em .8em; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0em 0em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }