@import "widget_rss.css";
@import "login.css";

body {
    background-color: #DBDDEC;
    background-image: url("/img/bg_pattern.png");
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
    margin: 0;
    padding: 10px;
}
form {
    margin: 0;
    padding: 0;
}
img {
    border: medium none;
}
hr {
    border-color: -moz-use-text-color -moz-use-text-color #999999;
    border-style: none none solid;
    border-width: medium medium 1px;
    clear: both;
    display: block;
    height: 10px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
}
a {
    color: #666666;
    font-weight: bold;
}
h1 {
    color: #24487D;
    font-size: 16pt;
    font-weight: normal;
    letter-spacing: 0.1em;
}
	.center h1 {
		margin-top: 0;
	}

h2 {
    color: #6798DC;
    font-size: 11pt;
    font-weight: normal;
    /*letter-spacing: .1em;*/
	line-height:1em;
    margin: 0;
    padding: 0;
}
h3 {
    margin: 0;
    padding: 0;
}
ul, ol {
    margin-top: 10px;
}
li {
    margin-bottom: 10px;
}
form {
    margin: 0;
    padding: 0;
}
label {
    color: #666666;
    display: block;
    font-size: 1em;
    padding-top: 2px;
    text-align: right;
    text-transform: uppercase;
}
label.error {
    color: #993300;
    text-align: left;
}
input {
    border-color: #D5D5D5 #EDEDED #EDEDED #D5D5D5;
    border-style: solid;
    border-width: 2px;
}
input.error {
    border-color: #993300;
}
input, select {
    display: block;
    height: 16px;
    width: 200px;
}
select {
    height: 20px;
}
input.but {
    float: left;
    height: 30px;
    padding-right: 10px;
    width: 60px;
}
input.chk {
    border: medium none;
    float: left;
    width: auto;
}
label.chk {
    xcolor: #666666;
    xdisplay: block;
    xfont-size: 1em;
    xpadding-top: 2px;
    text-align: left;
    text-transform:none;
}

input.rad {
    border: medium none;
    float: left;
    margin-top: 0;
    padding-top: 0;
    width: 20px;
}
textarea {
    border-color: #D5D5D5 #EDEDED #EDEDED #D5D5D5;
    border-style: solid;
    border-width: 2px;
}
input.submit {
    background-color: transparent;
    background-image: url("/img/arrow_right_off.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 none;
    color: #666666;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 85%;
    font-weight: bold;
    height: 28px;
    padding-left: 35px;
    text-decoration: none;
    text-transform: uppercase;
	text-align:left;
    width: 100px;
}
input.submit:hover {
    background-image: url("/img/arrow_right_over.png");
    text-decoration: underline;
}
input.but {
    border: 1px solid #999999;
    height: auto;
    padding: 2px;
    width: auto;
}
td {
	vertical-align:top;
}
.clear {
    clear: both;
    display: block;
}
.clearall {
    clear: both;
    display: block;
}
.left {
    float: left;
    overflow: hidden;
    width: auto;
}
.right {
    float: right;
    overflow: hidden;
    width: auto;
}
.center {
}
.floatleft {
    float: left;
    overflow: hidden;
    width: auto;
}
.floatright {
    float: right;
    overflow: hidden;
    padding-top: 30px;
    width: 185px;
}
.box1 {
    padding-right: 2px;
}
	.box1 h2 {
		font-size: 10pt;
		padding-left: 5px;
	}
.box2 {
    padding-right: 2px;
}
	.box2 h2 {
		font-size: 10pt;
		padding-left: 5px;
	}
.box3 {
    padding-right: 0px;
}
	.box3 h2 {
		font-size: 10pt;
		padding-left: 5px;
	}
	
#boxTop {
    background-image: url("/img/box1_mr.png");
    background-position: right top;
    background-repeat: repeat-y;
}
#boxTopRight {
    background-image: url("/img/box1_tr.png");
    float: right;
    height: 10px;
    overflow: hidden;
    width: 10px;
}
#boxTopLeft {
    background-color: #FFFFFF;
	margin-right: 10px;
}
#boxFooter {
    background-image: url("/img/box1_bm.png");
    background-repeat: repeat-x;
    height: 10px;
    overflow: hidden;
}
#boxFooterLeft {
    background-image: url("/img/box1_bl.png");
    float: left;
    height: 10px;
    overflow: hidden;
    width: 10px;
}
#boxFooterRight {
    background-image: url("/img/box1_br.png");
    float: right;
    height: 10px;
    overflow: hidden;
    width: 10px;
}

/* --------------------- */

#container {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 980px;
}

#header {
	display:block;
	position:relative;
	xoverflow:hidden;
	padding: 40px 0px 0px 0px;
}
	#header .row1 {
		display:block;
		position:relative;
		xheight: 58px;
		margin: 0px 80px 0px 80px;
		position: relative;
		z-index: 40;
xoutline: 1px solid #3C3;
	}
	#header .row2 {
		display:block;
		position:relative;
		height: 34px;
		margin: 0px 80px 0px 80px;
		position: relative;
		z-index: 1700;
xoutline: 1px solid #3FC;
	}
		#header .row2 .col1 {
			float: left;
			position:relative;
			width: auto;
			z-index: 1900;
		}
		#header .row2 .col2 {
			float: left;
			position:relative;
			width: auto;
			z-index: 1800;
		}
	#header .row3 {
		clear: both;
		position: relative;
		xtop: 150px !important;
		padding-top: 5px;
		z-index: 10;
xoutline: 1px solid #F96;
	}
		#header .row3 h1 {
			position:absolute;
			bottom: 10px;
			left: 110px;
			right: 110px;
			color: #fff;
			font-size: 30pt;
			font-weight: normal;
			letter-spacing: 0.1em;
			padding: 0;
			margin: 0;
		}
	#header .row4 {
		display: block;
		background-image: url("/img/mask.png");
		color: #FFFFFF;
		font-size: 1.2em;
		font-weight: normal;
		text-transform: uppercase;
		xheight: 60px;
		border-top: 1px solid #FFF;
		padding: 0px 88px;
		xmargin-left: 90px;
		xposition: relative;
		xtop: 490px !important;
		xwidth: 806px !important;
		z-index: 20;
	}
		#header .row4 h2 {
			line-height: 1.4em;
		 }
			#header .row4 h2 a {
				text-decoration: none;
				color: #fff;
				font-weight: normal;
			}
		#header .row4 .padded {
			border-left: 1px solid #FFF;
			border-right: 1px solid #FFF;
			xpadding-left: 0;
			xpadding-right: 10px;
		}
		#header .row4 .right p {
			padding-top: 17px;
		}

#logo {
    float: left;
    width: auto;
}
#search {
    float: right;
    width: auto;
	height: 34px;
	overflow:hidden;
}
	#search .searchText {
		-moz-border-radius: 20px 20px 20px 20px;
		-moz-box-shadow: 1px 2px 5px #CCCCCC;
		border: 1px solid #CCCCCC;
		padding: 5px 5px 5px 25px;
		width: 125px;
		margin-right:10px;
	}
	#search .searchButton {
		background-color: transparent;
		background-image: url("/img/search_icon.png");
		background-repeat: no-repeat;
		border: medium none !important;
		color: transparent;
		cursor: pointer;
		display: block;
		height: 18px;
		left: 7px;
		margin: 0;
		overflow: hidden;
		padding: 0 0 0 17px;
		position: relative;
		text-indent: 100px;
		top: -22px;
		width: 17px;
	}
#facebooklike {
	float:right;
	width:90px;
	height: 35px;
	padding-top: 5px;
}

#contents {
    clear: both;
    color: #666666;
    padding: 20px 88px 0px 88px;
	overflow:hidden;
}
	#contents > .row1 > .left,
	#contents > .row2 > .left,
	#contents > .row3 > .left {
		color: #333333 !important;
		display: block;
		overflow: visible;
		padding-right: 15px;
		xpadding-top: 15px;
		position: relative;
		width: 190px;
	}
	#contents > .row1 > .left h2,
	#contents > .row2 > .left h2,
	#contents > .row3 > .left h2 {
		color: #333333 !important;
	}
	#contents > .row1 > .center,
	#contents > .row2 > .center,
	#contents > .row3 > .center {
		xpadding-top: 15px;
		overflow: hidden;
	}
	#contents > .row1 > .right,
	#contents > .row2 > .right,
	#contents > .row3 > .right {
		display: block;
		overflow: visible;
		padding-left: 15px;
		xpadding-top: 15px;
		position: relative;
		width: 190px;
	}
	#contents.home > .row1 > .left,
	#contents.home > .row2 > .left,
	#contents.home > .row3 > .left {
		float: left;
		margin-top: -15px;
		width: 230px;
	}
	#contents.home .left h2 {
	}
	#contents.home > .row1 > .center,
	#contents.home > .row2 > .center,
	#contents.home > .row3 > .center {
		display: block;
		float: right;
		margin-left: 0;
		position: relative;
		xwidth: 540px;
	}
	#contents.home > .row1 > .right,
	#contents.home > .row2 > .right,
	#contents.home > .row3 > .right {
		width: 180px;
	}

	#contents > .row1 > .left {
		padding-top: 0px;
	}
	#contents > .row1 > .center {
		padding-top: 0px;
	}
	#contents > .row1 > .right {
		padding-top: 0px;
	}

	#contents > .row1 h2 {
		padding: 0;
		margin: 0;
	}

	#contents .row1 {
		padding-bottom: 20px;
		border-bottom: 2px solid #EFEFEF;
	}
	#contents .row2 {
		padding-top: 20px;
	}
	#contents.notop .row1 {
		display: none;
	}
	#contents.notop .row2 {
		padding-top: 0;
	}

	#contents.noleft > .row1 > .center,
	#contents.noleft > .row2 > .center,
	#contents.noleft > .row3 > .center {
		margin-left: 0;
	}
	#contents.noleft > .row1 > .left,
	#contents.noleft > .row2 > .left,
	#contents.noleft > .row3 > .left {
		display: none;
	}
	#contents.noright > .row1 > .center,
	#contents.noright > .row2 > .center,
	#contents.noright > .row3 > .center {
		margin-right: 0;
	}
	#contents.noright > .row1 > .right,
	#contents.noright > .row2 > .right,
	#contents.noright > .row3 > .right {
		display: none;
	}
	#contents.norightleft > .row1 > .center,
	#contents.norightleft > .row2 > .center,
	#contents.norightleft > .row3 > .center {
		margin-left: 0;
		margin-right: 0;
		xwidth: 800px;
	}
	
#footer {
    clear: both;
    margin-bottom: 2px;
    padding: 50px 5px 10px;
}

#subfooter {
    background-color: #EFEFEF;
    clear: both;
    color: #666666;
    font-size: 0.8em;
    overflow: hidden;
    padding: 30px 88px 25px 88px;
}
	#subfooter h3 {
		font-size: 8pt;
		padding-bottom: 10px;
	}
	#subfooter a {
		color: #666666;
		font-weight: normal;
		text-decoration: none;
	}
	#subfooter a:hover {
		color: #000000;
		text-decoration: underline;
	}
	#subfooter .items {
	}
	#subfooter .items .item {
		float: left;
		width: auto;
	}
	#subfooter .items .item .itembox {
		border-left: 1px solid #CCCCCC;
		margin-left: 5px;
		padding: 0 5px;
	}
	#subfooter .items .item.first .itembox {
		border-left: medium none;
		margin-left: 0;
		padding-left: 0;
	}
	#subfooter .items .item.last .itembox {
	}
	#subfooter ul {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0 !important;
		padding: 0;
	}
	#subfooter ul li {
		list-style: none outside none;
		margin-bottom: 0 !important;
	}
	

#menuUser {
    float: right;
    width: auto;
	margin-right: 10px;
}
#menuMain {
}
#menuBottom {
}
#copyright {
    border-top: 1px solid #AAAAAA;
    clear: both;
    color: #666666;
    font-size: 85%;
    margin-top: 2px;
    padding: 5px 0;
}
	#copyright p {
		margin: 0;
		padding: 0;
	}
	
#pbi {
    display: block;
    font-weight: normal;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}
	#pbi .image {
		margin-top: -2px;
		vertical-align: middle;
	}

/* ---------------------- */

.more {
    background-image: url("/img/arrow_right_off.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 85%;
    font-weight: bold;
    min-height: 20px;
    padding: 10px 0 0 35px;
    text-decoration: none;
    text-transform: uppercase;
}
.more:hover {
    background-image: url("/img/arrow_right_over.png");
    text-decoration: underline;
}
.moreleft {
    background-image: url("/img/arrow_left_off.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: both;
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 85%;
    font-weight: bold;
    min-height: 20px;
    padding: 10px 0 0 35px;
    text-decoration: none;
    text-transform: uppercase;
}
.moreleft:hover {
    background-image: url("/img/arrow_left_over.png");
    text-decoration: underline;
}
.id_marginLeftStack {
}
.id_marginLeftStack .items {
}
.id_marginLeftStack .items .item {
    margin-bottom: 10px;
}

#social {
    clear: both;
    color: #666666;
    display: block;
    padding: 20px 80px 20px 80px;
    text-transform: uppercase;
}
	#social img {
	}
	#social .title {
		display: block;
		float: left;
		margin-top: 6px;
		padding-right: 8px;
	}
	#social .links {
		display: block;
		float: right;
	}
	
#tblurb {
}
#annualreports {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}
#annualreports .title {
    border-bottom: 2px solid #B3B3B3;
    width: 100%;
}
#annualreports .title img {
    margin-top: 5px;
}
#annualreports .rowa {
    background-color: #FFFFFF;
    border-bottom: 1px dashed #B3B3B3;
    height: 12px;
    padding: 10px;
    width: 100%;
}
#annualreports .rowb {
    background-image: url("/img/row_bg.png");
    background-repeat: no-repeat;
    border-bottom: 1px dashed #B3B3B3;
    height: 12px;
    padding: 10px;
    width: 100%;
}
#tshoot {
    display: block;
    float: left;
    overflow: visible;
    position: relative;
    width: 100%;
}
#tshoot a {
}
#tshoot .title {
    border-bottom: 2px solid #B3B3B3;
    width: 100%;
}
#tshoot .title img {
    margin-top: 5px;
}
#tshoot .rowa {
    background-color: #FFFFFF;
    border-bottom: 1px dashed #B3B3B3;
    clear: both;
    display: block;
    float: left;
    padding: 10px;
    position: relative;
    width: 100%;
}
#tshoot .rowa .thumb {
    display: block;
    float: left;
    padding-right: 5px;
    width: 200px;
	overflow:hidden;
}
#tshoot .rowa .left {
    color: #666666 !important;
    display: block;
    float: right;
    overflow: visible;
    padding-top: 0;
    position: relative;
    width: 350px;
}
#tshoot .rowa .title {
    border-bottom: medium none;
    padding-bottom: 10px;
    width: 100%;
}
#tshoot .rowa .title a {
    color: #24487D;
    font-weight: normal;
    text-decoration: none;
}
#tshoot .rowa .desc {
    padding-bottom: 10px;
    width: 100%;
}
#tshoot .rowa .author {
}
#tshoot .rowa .ref {
}
#tshoot .rowb {
    background-image: url("/img/row_bg.png");
    background-repeat: repeat-y;
    border-bottom: 1px dashed #B3B3B3;
    padding: 10px;
    width: 100%;
}
#tshoot .rowb .title {
    border-bottom: medium none;
    padding-bottom: 10px;
    width: 100%;
}
#tshoot .rowb .desc {
    width: 100%;
}
.map-popup {
    background-image: url("/img/high_bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #888888;
    display: none;
    height: 66px;
    left: 875px;
    padding: 10px 10px 10px 29px;
    position: absolute;
    text-transform: uppercase;
    top: 635px;
    width: 100px;
    z-index: 9999;
}
.loading {
    background-image: url("/img/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 40px;
    min-width: 40px;
}
#orderform {
}

.err {
    color: #dd0000;
}
.message {
    border: 1px solid #990000;
    color: #990000;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
    text-align: center;
}

label .req {
    color: #80A2C3;
    font-weight: bold;
    padding-right: 5px;
}
#videoplayer {
    background-image: url("/img/video_bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 343px;
    position: relative;
    width: 580px;
}
#videoplayer .links {
    display: block;
    left: 45px;
    line-height: 2;
    position: absolute;
    top: 130px;
}
#videoplayer .links a {
    color: #FFFFFF;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-decoration: none;
    text-transform: uppercase;
}
#videoplayer .links a:hover {
    color: #92CB4F;
    text-decoration: underline;
}
.news {
    padding-top: 10px;
}
.news.press {
}
.news.press .more {
    margin-top: -10px;
}
.news.dryeyereview {
    padding-bottom: 10px;
}
.news.dryeyereview .more {
    margin-top: -10px;
}
.news .newsitem {
}
.news .newsitem .newstitle {
}
.news .newsitem .newstitle a {
    color: #24487D;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
}
.news .newsitem .newstitle a:hover {
    text-decoration: underline;
}
.news .newsitem .newsdesc {
    font-size: 8pt;
}
.news.dryeyereview .newsitem .newsdesc {
    font-size: 9pt;
}
.news .newsitem .newsdesc .feedflare {
    display: none;
}
#distributorlist {
    clear: both;
    display: block;
    float: left;
    padding-top: 10px;
}
#distributorlist .dbody {
}
#distributorlist .dbody h2 {
    margin-bottom: 5px;
}
#distributor_title {
    clear: both;
    display: block;
    float: left;
}
#distributor_title img {
    margin-top: -10px;
    padding-right: 10px;
}
.readmorelink {
    cursor: pointer;
    font-weight: bold;
    padding-bottom: 10px;
}
.readmorelink.less {
    color: #990000;
}
.readmorecontent {
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#file_list {
    display: block;
    float: left;
    overflow: visible;
    position: relative;
    width: 100%;
}
#file_list .list_title {
    border-bottom: 2px solid #B3B3B3;
    padding-bottom: 5px;
    width: 100%;
}


	#file_list .title {
	    display: block;
		padding-left: 15px;
		/*width: 100%;*/
	}
	#file_list .desc {
	    display: block;
		padding-left: 15px;
		/*width: 340px;*/
	}

#file_list .rowa {
	/*
    clear: both;
    display: block;
    float: left;
	*/
	background-color: #FFFFFF;
    border-bottom: 1px dashed #B3B3B3;
	padding: 5px;
    position: relative;
}
#file_list .rowb {
    background-image: url("/img/row_bg.png");
    background-repeat: repeat-y;
    border-bottom: 1px dashed #B3B3B3;
	padding: 5px;
}

.shadowbox {
	display: block;
	width: auto;
	border: 4px solid #FFF;
	*border: 4px solid #CCC; /* IE 7 only */
	background-color:#fff;
	margin: 2px 5px 5px 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#CCCCCC')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#CCCCCC');  
	-moz-box-shadow: 1px 2px 5px #CCCCCC;
	-webkit-box-shadow: 1px 2px 5px #CCCCCC;
	
}
	.shadowbox img {
	}
    
    
#terms_of {
    background-image: url('/img/terms_x.png');
    background-repeat: no-repeat;
    background-position: 0px 4px;
    color: #666666;
    display: block;
    font-size: 1em;
    height: 44px;
    padding-left: 30px;
    text-align: left;
}

.terms_words {
    overflow-y: scroll;
    display: block;
    height: 110px;
    border: 1px solid #cccccc;
    padding: 20px;
}

.terms_btn {
    height: 30px;
    padding: 5px;
}
.terms {
    color: #666666;
    display: block;
    font-size: 1em;
    padding-top: 2px;
    text-transform: uppercase;

}