/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; cursor:pointer; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.bold								{font-weight: bold;}
.border-less							{border-right: none !important;}

/*
FONTS
*/

@font-face {
  /* This declaration targets Internet Explorer */
  font-family: 'ITCFranklinGothicBookCondense';
  src: url('fonts/franklingothicbookcondensed-webfont.eot');
}

@font-face {
  /* This declaration targets everything else */
  font-family: 'ITCFranklinGothicBookCondense';
  src: url(//:) format('no404'), url('fonts/franklingothicbookcondensed-webfont.woff') format('woff'), url('fonts/franklingothicbookcondensed-webfont.ttf') format('truetype'), url('fonts/franklingothicbookcondensed-webfont.svg#webfontgaU3zk4Z') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  /* This declaration targets Internet Explorer */
  font-family: 'ITCCenturyBookCondensed';
  src: url('fonts/itc-century-book-condensed-webfont.eot');
}

@font-face {
  /* This declaration targets everything else */
  font-family: 'ITCCenturyBookCondensed';
  src: url(//:) format('no404'), url('fonts/itc-century-book-condensed-webfont.woff') format('woff'), url('fonts/itc-century-book-condensed-webfont.ttf') format('truetype'), url('fonts/itc-century-book-condensed-webfont.svg#webfontI5xiLiNo') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  /* This declaration targets Internet Explorer */
  font-family: 'ITCCenturyLightCondensed';
  src: url('fonts/itc-century-light-condensed-webfont.eot');
}

@font-face {
  /* This declaration targets everything else */
  font-family: 'ITCCenturyLightCondensed';
  src: url(//:) format('no404'), url('fonts/itc-century-light-condensed-webfont.woff') format('woff'), url('fonts/itc-century-light-condensed-webfont.ttf') format('truetype'), url('fonts/itc-century-light-condensed-webfont.svg#webfontH793MqeS') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
STRUCTURE
*/

body {
  font: 12px Arial, sans-serif;
  color: #4c5151;
  text-align: center;
  background-color: #fff;
  margin: 0;
  padding: 0;
  background-image: url(images/bg.png);
  background-repeat: repeat-x;
}

#container {
  margin: 0 auto;
  text-align:left;
  width:1010px;
  position: relative;
  z-index: 1;
  padding: 0;
}

.header {
  padding: 10px 15px 191px 15px;
  background-image: url(images/top-shadow.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  z-index: 2;
}

.nav {
  width: 949px;
  max-width:949px;
  height: 41px;
  padding: 8px 0 0 4px;
  background-image: url(images/nav-bg.png);
  background-repeat: no-repeat;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'ITCCenturyLightCondensed', serif;
  margin: 0 0 0 0;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.nav li {
  float:left;
  display:block;
  position:relative;
  z-index:500;
  margin:0;
  padding: 0 10px;
}

/* this is the parent menu */
.nav li a {
  display:block;
  padding: 10px 5px 10px 5px;
  text-decoration:none;
  color:#fff;
  font-family: 'ITCCenturyLightCondensed', serif;
}

.nav li a:hover {
  color:#fff;
}

/* you can make a different style for default selected value */
.nav a.selected {
  color:#f00;
}

/* submenu, it's hidden by default */
.nav ul {
  position:absolute;
  left:20px;
  display:none;
  margin:0 0 0 -1px;
  padding:2px 0 0 4px;
  list-style:none;
}

.nav ul li {
  float:left;
  background-color: #ccc;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
}
ul.drop1 li{
  width:260px;
}
ul.drop2 li{
  width:160px;
}
.nav li ul li{
  padding:4px 10px 4px 10px !important;
}

/* display block will make the link fill the whole area of LI */
.nav ul a {
  display:block;
  color:#666;
  line-height:2px !important;
}

.nav ul a:hover {
  text-decoration:underline;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .nav ul {
  margin:0 0 0 -2px;
}

.sub-nav {
  position: absolute;
  right: 10px;
  top: 90px;
  font-size: 22px;
  color: #b3172d;
  font-family: 'ITCFranklinGothicBookCondense', Arial, sans-serif;
  text-transform: uppercase;
}

.sub-nav li {
  float: left;
  padding: 0 15px;
  border-right: 1px solid #647891;
}

.sub-nav a {
  color: #b3172d;
}

.content {
  position: relative;
  top: -166px;
  margin: 0 0 0 1px;
  background-image: url(images/shortened-bg.png);
  background-position: 5px 166px;
  background-repeat: no-repeat;
}

.content-wrapper {
  background-image: url(images/adjusted-bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 29px 20px 29px;
  min-height:600px;
}

.hero {
  padding: 10px 0;
  border-bottom: 8px solid #21367c;
  position: relative;
}

.left-features {
  width: 232px;
  float: left;
  margin: 0 0 0 -2px;
}

.left-features img {
  margin: 0 0 8px 0;
}

.main-feature {
  width: 709px;
  float: left;
  margin: 1px 0 0 12px;
  position: relative;
}

.usa-banner {
  position: absolute;
  right: -20px;
  bottom: -60px;
  z-index: 9;
}

.home-excerpt {
  padding: 20px 0 0 8px;
  position: relative;
  z-index: 2;
}

h2 {
  font-size: 24px;
  color: #b3172d;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-family: 'ITCCenturyBookCondensed', Times, serif;
  font-weight: normal;
}

.home-excerpt p {
  margin: 0 0 25px 0;
  text-align: justify;
  line-height: 21px;
}

.excerpt-image {
  float: right;
  margin: 0 0 0 15px;
}

/*
Category Page
*/
.cat-feature {
  margin: 12px 0 20px 0;
}

.cat-products {
  margin: 0 0 20px 8px;
}

.products {
  margin: 0 0 40px -17px;
  position: relative;
}

.products li {
  width: 206px;
  float: left;
  font-size: 14px;
  color: #123a81;
  text-align: center;
  margin: 0 17px 15px 17px;
}

.products li a {
  color: #123a81;
  text-transform:uppercase;
}

.products img {
  margin: 0 0 12px 0;
}

.breadcrumbs {
  border-bottom: 15px solid #e1dfdf;
  font-size: 12px;
  text-transform: uppercase;
  padding: 20px 0 8px 8px;
}

.breadcrumbs a {
  color: #a51227;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.product-page {
  position: relative;
}

.product-details {
  width: 585px;
  top: 0;
  left: 0;
  margin: 0 40px 0 0;
  padding: 0 0 30px 0;
  color: #545757;
  line-height: 18px;
}

.product-details img {
  max-width: 100%;
}

.product-sidebar {
  width: 305px;
  right: 0;
  top: 0;
  bottom: 20px;
  background-color: #f2f2f2;
  position: absolute;
  padding: 22px 5px 0 20px;
}

.product-sidebar h1 {
  font-size: 24px;
  color: #a51227;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
}

.product-sidebar h3 {
  font-size: 23px;
  color: #a51227;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
}

.product-sidebar .price {
  margin: 10px 0 18px 0;
  padding: 12px 0 0 5px;
  border-top: 1px solid #c0c0c0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.product-sidebar .price a {
  color: #a51227;
}

.product-sidebar .price a:hover {
  text-decoration: underline;
}

.product-sidebar img {
  margin: 0 0 7px 0;
}

.product-details strong {
  font-size: 14px;
}

.product-details img {
  margin: 20px 0 15px 10px;
}

.product-text {
  margin: 0 0 0 20px;
}

.product-details ul {
  list-style: disc;
  list-style-position: inside;
  margin: 0 0 35px 0;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

.lens-colors {
  width: 235px;
  float: left;
  margin: 0 65px 0 0;
}

.lens-colors.right {
  float:right;
}

.frame-colors {
  width: 230px;
}

.patent {
  font-size: 10px;
  line-height: 14px;
}

.footer {
  position: absolute;
  bottom: -40px;
  left: 40px;
}

.footer-links {
  margin: 0;
  padding: 0 0 20px 0;
  text-align:center;
}

.footer-links li {
  float: left;
  padding: 0 12px;
}

.footer-links a {
  color: #4c5151;
}

.footer-links a:hover {
  text-decoration: underline;
}

.about-page {
  position: relative;
}
.about-details {
  width: 585px;
  top: 0;
  left: 0;
  margin: 0 40px 0 0;
  padding: 0 0 30px 0;
  color: #545757;
  line-height: 18px;
}
.about-text {
  margin: 20px 0 0 20px;
}
.about-sidebar {
  width: 305px;
  right: 10px;
  top: 0;
  bottom: 20px;
  position: absolute;
  padding: 0 5px 0 20px;
}

.about-sidebar h1 {
  font-size: 38px;
  color: #a51227;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
}

.about-sidebar h3 {
  font-size: 23px;
  color: #a51227;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
}

.about-sidebar .price {
  margin: 10px 0 18px 0;
  padding: 12px 0 0 5px;
  border-top: 1px solid #c0c0c0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.about-sidebar .price a {
  color: #a51227;
}

.about-sidebar .price a:hover {
  text-decoration: underline;
}

.about-sidebar img {
  margin: 0 0 7px 0;
}
.admin-page {
  position: relative;
}
.admin-details {
  width: 940px;
  top: 0;
  left: 0;
  color: #545757;
  line-height: 18px;
}
.admin-text {
  margin: 20px 0 0 20px;
}
.admin-sidebar {
  width: 305px;
  right: 10px;
  top: 0;
  bottom: 20px;
  position: absolute;
  padding: 0 5px 0 20px;
}

.admin-sidebar h1 {
  font-size: 38px;
  color: #a51227;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
}

.admin-sidebar h3 {
  font-size: 23px;
  color: #a51227;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 5px;
}

.admin-sidebar .price {
  margin: 10px 0 18px 0;
  padding: 12px 0 0 5px;
  border-top: 1px solid #c0c0c0;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.admin-sidebar .price a {
  color: #a51227;
}

.admin-sidebar .price a:hover {
  text-decoration: underline;
}

.admin-sidebar img {
  margin: 0 0 7px 0;
}

.admin td{
  padding:0 2px;
}

.dataTables_info {
  float:left;
  padding-bottom:5px;
}

.dataTables_filter {
  float:right;
  padding-bottom:5px;
}

.dataTables_paginate {
  text-align:center;
}

#admintable {
  clear:both;
}

#admintable th {
  cursor:pointer;
  text-align:center;
  font-weight:bold;
}

#admintable th:hover {
  text-decoration:underline;
  cursor:pointer;
}

span.paginate_button, span.paginate_active {
 color:#666;
 padding:3px; 
 cursor:pointer;
 margin:2px 5px;
}

span.paginate_active {
  color:#cc0;
  cursor:default;
}

#addusertable {
	border:1px solid #666;
	padding:10px;
	margin:10px;
	background-color:#fff;
	color:#000;
}

#addusertable tr td {
	padding:5px;
}

#addusertable tr td input, #addusertable tr td textarea {
	width:300px;
}

#addusertable tr td textarea {
	height:50px;
}

#save {
	width:100px !important;
}

.editlink, .deletelink {
	cursor:pointer;
}

.editlink:hover, .deletelink:hover {
	text-decoration:underline;
}

#infoTable {
	width:100%;
	
}

#infoTable tr td {
	width:50%;
	vertical-align:top;
}
.reg-s{
	font-size:10px; position:relative; top:-4px;
}
.reg-l{
	font-size:10px; position:relative; top:-10px; left:-2px;
}
h1 .reg-s {
    font-size: 10px;
    position: relative;
    top: -10px;
}


/*ORDER PAGE*/
	
.myorder-page {
	position: relative;
	}
.myorder-details {
	width: 585px;
	top: 0;
	left: 0;
	margin: 0 40px 0 0;
	padding: 0 0 30px 0;
	color: #545757;
	line-height: 18px;
	}
.myorder-text {
	margin: 20px 0 0 20px;
	}
.myorder-sidebar {
	width: 305px;
	right: 10px;
	top: 0;
	bottom: 20px;
	position: absolute;
	padding: 0 5px 0 20px;
	}

.myorder-sidebar h1 {
	font-size: 38px;
	color: #a51227;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 5px;
	}

.myorder-sidebar h3 {
	font-size: 23px;
	color: #a51227;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 5px;
	}

.myorder-sidebar .price {
	margin: 10px 0 18px 0;
	padding: 12px 0 0 5px;
	border-top: 1px solid #c0c0c0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}

.myorder-sidebar .price a {
	color: #a51227;
	}

.myorder-sidebar .price a:hover {
	text-decoration: underline;
	}

.myorder-sidebar img {
	margin: 0 0 7px 0;
	}
.admin-page {
	position: relative;
	}
.admin-details {
	width: 940px;
	top: 0;
	left: 0;
	color: #545757;
	line-height: 18px;
	}
.admin-text {
	margin: 20px 0 0 20px;
	}
.admin-sidebar {
	width: 305px;
	right: 10px;
	top: 0;
	bottom: 20px;
	position: absolute;
	padding: 0 5px 0 20px;
	}

.admin-sidebar h1 {
	font-size: 38px;
	color: #a51227;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 5px;
	}

.admin-sidebar h3 {
	font-size: 23px;
	color: #a51227;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 5px;
	}

.admin-sidebar .price {
	margin: 10px 0 18px 0;
	padding: 12px 0 0 5px;
	border-top: 1px solid #c0c0c0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}

.admin-sidebar .price a {
	color: #a51227;
	}

.admin-sidebar .price a:hover {
	text-decoration: underline;
	}

.admin-sidebar img {
	margin: 0 0 7px 0;
	}
#admin td{
	padding:0 2px;	
}

/******** My Order Page *********/
#myorder {
	position: relative;
	min-height: 1000px;
}
#myorder .orderform {
	width: 950px;
	position: absolute;
	left: 0px;
	top: 65px;
	border:1px solid #000000;
}
#visionairies {
	height: 844px;
	padding-bottom:20px;
	position: relative;
}
#solarclips {
	background: transparent url('images/solarclips.jpg') top left no-repeat !important;
	height: 852px;
	position: relative;
}
#flipups { 
	background: transparent url('images/flipups.jpg') top left no-repeat !important;
	height: 852px;
	position: relative;
}
#rimless { 
	background: transparent url('images/rimless-form.jpg') top left no-repeat !important;
	padding: 75px 0 0 0;
	height:600px;
	position: relative;
}
#ordernav {
	font-family: 'ITCCenturyLightCondensed',serif;
	font-size: 20px;
	text-transform: uppercase;
	position: absolute;
	top: 25px;
	left: 0px;
}
.tab {
	color: white;
	background: transparent url('images/redtab.png') top left no-repeat;
	height: 31px;
	width: 138px;
	text-align: center;
	padding-top: 10px;
	float: left;
	cursor: pointer;
}
#myorder .selected, .hovered {
	color: black;
	background: transparent url('images/whitetab.png') top left no-repeat;
}
.clear {
	clear: both;
}
a#submitorder {
position: absolute;
	right: 0px;
	top: 10px;
	width: 200px;
	height: 44px;
	line-height: 44px;
	font-size: 44px;
	background: transparent url('images/submitordertext.png') top left no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.orderform th {
	text-align: center; 
}

.orderform .bold {
	font-weight: bold; 
	text-align: left;
}

/***** Visionairies Form *****/
#visionairies table, #visionairies tr, #visionairies td, #visionairies th {
	font-size: 9px;
	border: solid 1px black;
	padding: 0 4px;
}
#visionairies table input {
	width: 94px;
	border: none;
	height: 10px;
	font-size: 9px;
	font-family: Arial, sans-serif;
	padding: 0px;
	margin: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){

#visionairies table input {
	width: 94px;
	border: none;
	height: 11px !important;
	font-size: 9px;
	font-family: Arial, sans-serif;
	padding: 0px;
	margin: 0px;
}

} 

#visionairies1 {
	width:334px;
	position: absolute; 
	top: 20px;
	left: 5px;
}

#visionairies2 {
	width:270px;
	float:right;
	clear:both;
	margin-bottom:20px;
}

#visionairies3 {
	float:right;
	clear:both;
	height: 115px;
	width: 393px;
	font-size: 9px;
	border: solid 1px black;
	margin-bottom:20px;
}
#visionairies3 .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#visionairies3 .line {
	height: 30px;
}
#visionairies3 span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 9px;
}
#visionairies3 .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#visionairies3 input {
	width: 100px;
	height: 30px;
	border: solid 1px black;
}

#visionairies4 {
  position:absolute;
  top:740px; right:0;
	height: 60px;
	width: 393px;
	font-size: 9px;
	border: solid 1px black;
	z-index:100 !important;
}
#visionairies4 .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#visionairies4 .line {
	height: 30px;
}
#visionairies4 span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 9px;
}
#visionairies4 .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#visionairies4 input {
	width: 100px;
	height: 30px;
	border: solid 1px black;
}
.instructions {
	background: black;
	color: white;
	font-weight: bold;
	text-align: center;
}
/***** Solar Clips ******/
#solarclips table, #solarclips tr, #solarclips td, #solarclips th {
	font-size: 12px;
	border: solid 1px black;
	padding: 0 4px;
}
#solarclips table input {
	width: 94px;
	border: none;
	height: 12px;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
#solarclips1 {
	position: absolute; 
	top: 100px;
	left: 10px;
}
#solarclips2 {
	position: absolute;
	right: 60px;
	top: 440px;
	height: 70px;
	width: 320px;
	font-size: 13px;
	border: solid 1px black;
}
#solarclips2 .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#solarclips2 .line {
	height: 30px;
}
#solarclips2 span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 8px;
}
#solarclips2 .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#solarclips2 input {
	width: 45px;
	height: 30px;
	border: solid 1px black;
}

/***** Flip-Ups ******/
#flipups table, #flipups tr, #flipups td, #flipups th {
	font-size: 12px;
	border: solid 1px black;
	padding: 0 4px;
}
#flipups table input {
	width: 94px;
	border: none;
	height: 12px;
	font-size: 12px;	
	font-family: Arial, sans-serif;
}
#flipups1 {
	position: absolute; 
	top: 100px;
	left: 10px;
}
.subheading {
	font-weight: bold;
	text-align: center;
}
#flipups2 {
	position: absolute; 
	top: 325px;
	left: 10px;
}
#flipups3 {
	position: absolute; 
	top: 600px;
	left: 10px;
}
#flipups3 td, #flipups3 td input {
	width: 100px; 
}

/***** Rimless ******/
#rimless table, #rimless tr, #rimless td, #rimless th {
	font-size: 12px;
	border: solid 1px black;
	padding: 0 4px;
}
#rimless table input {
	width: 94px;
	border: none;
	height: 12px;
	font-size: 12px;	
	font-family: Arial, sans-serif;
}
#rimless1 {
  margin:20px 0 0 10px;

}
.subheading {
	font-weight: bold;
	text-align: center;
}
#rimless2 {
	position: absolute; 
	top: 325px;
	left: 10px;
}
#rimless3 {
	position: absolute; 
	top: 600px;
	left: 10px;
}
#rimless3 td, #rimless3 td input {
	width: 100px; 
}

/******** Lightbox *********/
#lightbox {
	width: 500px;
	height: 270px;
}
#lightbox h3 {
	font-family: 'ITCCenturyLightCondensed',serif;
	font-size: 18px;
	text-transform: uppercase;
	color: black;
	float: left;
	margin-top: 10px;
	font-weight: normal;
}
#lb-close {
	margin-top: 4px;
	float: right;
}
.lb-header {
	padding: 0px 5px;
	width: 490px;
	background-color: #d6d6d6;
	height: 36px; 
}
.lb-content {
	width: 480px;
	height: 191px;
	overflow-y: scroll;
	background-color: white;
	padding: 10px;
}
.lb-footer {
	width: 500px;
	background-color: #f2f2f2;
	height: 38px; 
}
#footerbutton {
	height: 33px;
	width: 180px;
	margin: 0 auto;
	padding-top: 5px;
}
a#additems {
	padding: 0px 90px;
	height: 33px;
	line-height: 33px;
	font-size: 33px;
	background: transparent url('images/additems.png') top left no-repeat;
	overflow: hidden;
}
.lb-row {
	padding: 5px 0px;
	border-bottom: solid 1px #eeeeee;
}
.lb-row:last-child {
	border: none;
}
.lb-row input[type="text"] {
	width: 70px;
	height: 25px;
	border: solid 1px #999999;
	text-align: center;
}
.add {
	color: green;
	padding-left: 10px; 
}
.remove {
	color: red;
	padding-left: 10px;
}
.lb-row span {
	font-weight: bold;
}
.lb-row .row-field1 {
	padding-left:10px;
	padding-right: 20px;
}
.lb-row .row-field2 {
	padding-left: 10px;
	padding-right: 20px;
}

input.of {
	cursor:default;
	background-color:white;
	width:46px;
	font-size:10px !important;
}

#loginbar {
	background:url(images/log-back.png) no-repeat top center;
    font-size: 10px;
    padding:10px;
    position: absolute;
    right: 10px;
    top: -2px;
    z-index: 3;
}

/* PO PATIENT FORMS */


#vpo {
  position:absolute;
  top:740px; right:0;
	height: 60px;
	width: 393px;
	font-size: 9px;
	border: solid 1px black;
}
#vpo .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#vpo .line {
	height: 30px;
}
#vpo span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 9px;
}
#vpo .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#vpo input {
	width: 100px;
	height: 30px;
	border: solid 1px black;
}


#spo {
  position:absolute;
  top:525px; right:15px;
	height: 60px;
	width: 393px;
	font-size: 9px;
	border: solid 1px black;
}
#spo .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#spo .line {
	height: 30px;
}
#spo span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 9px;
}
#spo .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#spo input {
	width: 100px;
	height: 30px;
	border: solid 1px black;
}


#fpo {
  position:absolute;
  top:525px; right:15px;
	height: 60px;
	width: 393px;
	font-size: 9px;
	border: solid 1px black;
}
#fpo .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#fpo .line {
	height: 30px;
}
#fpo span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 9px;
}
#fpo .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#fpo input {
	width: 100px;
	height: 30px;
	border: solid 1px black;
}

#rpo {
  position:absolute;
  top:425px; right:15px;
	height: 60px;
	width: 393px;
	font-size: 9px;
	border: solid 1px black;
}
#rpo .title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: black;
	margin-bottom: 10px; 
}
#rpo .line {
	height: 30px;
}
#rpo span {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	margin-right: 5px;
	padding-top: 9px;
}
#rpo .rightinput {
	float: right;
	margin-right: 20px; 
	font-weight: bold;
}
#rpo input {
	width: 100px;
	height: 30px;
	border: solid 1px black;
}