/*=================
    H E A D E R S
  =================*/
body {
	padding: 0px;
	margin: 0px;
	font-family: Optima, Helvetica, Arial;
}

h1 {
	font-family: Futura, Arial;
	color: #990000;
	font-size:24px;
	font-weight:bold;
}

h2 {
	font-family: Gill Sans, Arial;
	color:#333333;  /* very dark grey */
        font-size: 18px;
	font-weight:normal;	
	padding-top: 10px;
	padding-bottom:0px;
	margin-top: 3px;
	margin-bottom: 2px;
}

h3 {
	font-family: Gill Sans, Arial;
	color: #505050;
        font-size: 14px;
        font-weight:bold;	
        padding-top:8px;
	padding-bottom:0px;
	margin-top: 3px;
	margin-bottom: 0px;
}

h4 {
	font-family: Futura, Gill Sans, Arial;
	font-size: 14px;
	font-weight:normal;
	color: #990000;
}

h5 {font-family: Futura, Gill Sans, Arial;
	font-size: 14px;
	color: #990000;
	margin: 0px 0px 5px 0px;
}

h6 {
	font-family: Gill Sans, Arial;
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 0px 0px;
}

/*=================
    PARAGRAPHS
  =================*/

p {
	font-family: Arial;
	font-size: 12px;
}

p.navHeader {
	font-weight:bolder;
	color:#333333;
	margin-bottom: 5px;
	}
	
p.navMenu {
	font-weight:bolder;
}
	
p.boldFace {
	font-weight:bolder;
}

p.imgCaption { /* caption beneath an image */
       padding:0px;
	margin: 0px 0px 0px 0px;
        text-align:center;
}

p.redTxt { /* Videre red */
	color:#990000;
}

p.greenTxt { /* Videre green */
	color:#999900;
        font-size:18px;
}
p.lrImgLink { /* link to larger product image */
	padding:0px;
	margin: 0px;
	margin-bottom:10px;
	text-align:center;
	font-size:x-small;
}
	
p.rfq { /* request for quote paragraph */
	text-align:right;
	font-weight:bold; 
}

p.alignTitle {
	padding:0px;
	margin: 0px;
	margin-bottom:32px;
}
	
.small {
	font-size: 11px;
}

.code{ /* text formatting for code */
	font-family:serif;
        font-size:12px;
}

p.tagLine {
        text-align: center;
        font-family: serif;
        font-style: italic;
        font-weight:bold; 
        font-size: 34px;
	color:#cccccc;
}
/*=================
       B O D Y
  =================*/

.header {
	height: 60px;
	float: right;
	width: 100%;
	background: no-repeat #ffffff right;
	background-image: url(http://www.videredesign.com/assets/templates/videre/images/side_header.png) ;
	position: relative;
	margin: 0px;
	padding-top: 5px;
}

.pri-nav {
	background: #ffffff;
	border-top: #990000 solid 2px;
	border-bottom: #990000 solid 2px;
	width: 100%;
	height: 20px;
	top: 120px;
	clear: both;
	font-family: Arial;
	font-size: 12pt;
	color: #666600; 
	left: 0px;
	z-index: 200;
}

.body {
	position: relative;
	width: 750px;
	background: #ffffff;
	border-bottom: #990000 solid 2px;
	border-right: #990000 solid 2px;
	border-left: #990000 solid 2px;
	float: left;
	padding: 50px;
	padding-top: 25px;
	margin-left: 100px;  /* 90 px originally*/
	overflow: auto;
	clear: left;
	z-index: 100;
}

.bt {
	float: left;
	position: relative;
	font-size: 11px;
	z-index: 50;
	margin-left: 150px;
	margin-top:10px;
	margin-bottom:10px;
}

body {
	background-color: #f3f3f3;
	margin: 0px;
	font-family: Arial;
	color: #000000;
}

div {
	color: #000000;
/*	font-family: Arial;*/
	font-size: 12px;
	text-align: left;
}

a {
/*	font-family: Arial;*/
	color: #990000;
	text-decoration: none;
	border: 0px;
}

a:sfhover {
	color: #660000;
	border: 0px;
	text-decoration: none;
}

a:hover {
	color: #999900; /* Videre green */
	border: none;
	text-decoration: none;
}

.content {
	width: 25%;
	float: left;
	padding: 15px;
	text-align: center;
}

.content p {
	text-align: left;
	margin-left: 15px;
}

#dropdown {
	z-index: 200;
}

/* Left vertical navigation bar */
#side {
	color:#3300CC; 
	clear: both;
	width: 115px;
	position: absolute;
	z-index: 200;
	border-right: solid #990000 2px;
	border-bottom: solid #990000 2px;
	border-top: solid #990000 2px;
	padding: 7px;
	background: #ffffff;
	float: left;
}

.tabcontentstyle{
	background-color: #ffffff !important;
}

/*******************
 TABLES
********************/

/* Background color for a row alternates. The file, alternate.js, determines if row is even or odd */
/*
.odd {
background-color:#FFFFFF;
}*/

.even {
background-color: #E2E2E2; /* lt grey */
}

table.alt{  /* table with header and alternating colored rows */
	border: 1px solid #DDDDDD;
	padding: 0px;
	border-spacing: 0px;
}

th{
	font-weight: bold;
	padding: 10px;
	background: #cccccc; /* darker grey */
}

th.last{
	font-weight: bold;
	padding-left: 0px;
	background: #cccccc;
	text-align: center;
}

td {
	border: 0px;
	padding: 7px;
}
/****************
  LISTS   
*****************/
ul {
	/*list-style-image:url(../images/icons_bkgrd/bulletsq_grey.gif);*/
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: square;
	padding-top:0px;
	padding-bottom:2px;
}

ul.doubleSpace { /* unordered list with a little more spacing between lines */
	line-height:18px;
}

ul.noBullet { /* no bullets and space after last item */
       margin-top: 8px;
       margin-bottom: 0px;
       list-style-type: none;
      
}

ol {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:0px;
	padding-bottom:2px;
}

ol.doubleSpace { /* ordered list double spacing */
	line-height:18px;
}

ol.moreSpace li { /* ordered list with a little more spacing between each li item */
        margin-bottom:8px;
}

span.orderTxt { /* link to ordering directions */
	vertical-align:top;
	float:right;
	font-family: Optima, Helvetica, Arial;
	font-weight:bold; 
	font-size:12px; 
}

/********************
 IMAGES
 ********************/
 
img {
	border: none;	
}

img.dcsg-mdcs3_sm { /* DCSG and MDCC3 small image dimensions */
	width:125px;
	height:121px;
	vertical-align: middle;	
}

img.stoc-dcsg-9cm_sm { /* STOC-9CM and STH-DCSG-9CM small image dimensions */
	width:125px;
	height:81px;
	vertical-align: middle;	
}

img.stoc-sthdcsg-6cm_sm { /* STH-DCSG-6CM small image dimensions */
	width:115px;
	height:102px;
	vertical-align: middle;	
}

img.sth-mdcs-9cm_sm { /* STh-MDCS3-9CM small image dimensions */
	width:125px;
	height:102px;
	vertical-align: middle;	
}

img.sth-dcsg-mdcs3-var_sm.png { /* STH-DCSG-VAR and STH-MDCS3-VAR small image dimensions */
	width:125px;
	height:76px;
	vertical-align: middle;	
}

img.sth-dcsg-mdcs3-var_med.png { /* STH-DCSG-VAR and STH-MDCS3-VAR small image dimensions */
	width:200px;
	height:122px;
	vertical-align: middle;	
}
img.sth-dcsg-mdcs3-varx_sm { /* STH-DCSG-VARX and STH-MDCS3-VARX small image dimensions */
	width:125px;
	height:87px;
	vertical-align: middle;	
}

img.sth-dcsg-mdcs3-varx_med.png { /* STH-DCSG-VARX and STH-MDCS3-VARX medium image dimensions */
	width:200px;
	height:122px;
	vertical-align: middle;	
}

img.stoc-sthdcsg-30-6cm_sm { /* STOC and STH-DCSG 6cm and 30 cm small image dimensions */
	width:125px;
	height:112px;
	vertical-align: middle;	
}

img.svsImg {
	width: 137px; 
	height: 134px; 
}

img.era-mobi_sm {  /* ERA-MOBI small image dimensions */
	width: 208px; 
	height: 201px; 
	vertical-align: middle;	
}

img.era-mobi_xsm {  /* ERA-MOBI small image dimensions */
	width: 150px; 
	height: 145px; 
	vertical-align: middle;	
}

img.linkIcon {
	vertical-align: middle;
	width: 7px;
 	height: 7px;
}
/*AJAXSEARCH*/
div#search{
	display: inline;
	float: right;
	position: relative;
	top: -22px;
}
input#ajaxSearch_input{
	border: 1px #990000 solid;
	height: 16px;
	width: 100px;
	padding-top: 3px;
}
input#ajaxSearch_submit{
	visibility: hidden;
}
a.ajaxSearch_resultLink{
	font-size: 14px;
	font-weight: 300;
}
div.ajaxSearch_resultExtract{
	margin-bottom: 20px;
}
div.ajaxSearch_resultExtract p{
	margin: 0px;
}
div#frontpage div{
	display: inline-block;
	width: 225px;
	padding: 5px;
	vertical-align: top;
}
/*
#ajaxSearch_form{
	position: relative;
	left: 750px;
	top: -10px;
}
*/
#slider {
	position:relative;
	background-color: none; 
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}