

HTML {
	overflow: -moz-scrollbars-vertical;
}

BODY {
	scrollbar-base-color: #443266;
	scrollbar-face-color: #443266;
	scrollbar-shadow-color: #C3C3E5;
	scrollbar-highlight-color: #C3C3E5;
	scrollbar-darkshadow-color: #443266;
	scrollbar-3dlight-color: #443266;
	scrollbar-track-color: #C3C3E5;
	scrollbar-arrow-color: #C3C3E5;
	color: #3C5253;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	background: url(http://www.selectoptical.com/images/background.jpg) repeat-y;
	background-position: center;
	text-align:center;
	margin:0px 0px 0px 0px;
}
	
A {
	color: #000000;
	text-decoration: underline;
}

A:hover {
	color: #000000;
	text-decoration: none;
}

.prodlink {
	color:#3C5253;
	text-decoration:none;
}

.prodlink:hover {
	color:#3C5253;
	text-decoration:underline;
}

.section_title {
	font-family:sans-serif;
	font-size:16px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
}

#searchbar {
	width:930px;
	height:35px;
	background-color:#000000;
	margin:0px auto;
	color:#ffffff;
}

#searchbar a {
	color:#E4E4B0;
}

#banner {
	width:930px;
	height:14px;
	margin:0px auto;
}

#banner2 {
	width:930px;
	height:105px;
	margin:0px auto;
}

#banner3 {
	width:930px;
	height:108px;
	margin:0px auto;
	padding-top: 2px;
}

#nav {
	width:630px;
	height:20px;
	margin:0px auto;
	padding:3px 0px 0px 0px;
	color:#495C6B;
	text-transform:uppercase;
	font-size:14px;
	border:0px solid red;
}

#container2 {
	clear:left;
	float:left;
	width:930px;
	overflow:hidden;
	/*background:#ffffff;  column 2 background colour */
	background: url(http://www.selectoptical.com/images/leftside_bg.jpg) no-repeat;
}

#container1 {
	float:left;
	width:930px;
	position:relative;
	right:576px;
	/*background:#ffffff;  column 1 background colour */
	border:0px solid red;
}

#col1 {
	float:left;
	width:354px;
	position:relative;
	left:576px;
	overflow:hidden;
	border:0px solid red;
	
}

#col2 {
	float:left;
	width:576px;
	position:relative;
	left:576px;
	overflow:hidden;
	border:0px solid red;
	background: url(http://www.selectoptical.com/images/glassescluster.jpg);
	background-repeat:no-repeat;
	background-position:bottom right; 
}

.promo_text_container {
	text-align:left;
	padding:0px 35px 10px 20px;
	color:#3C5253;
}

.promo_readmore {
	color:#BA8034;
	text-decoration:none;
}

.promo_readmore:hover {
	color:#BA8034;
	text-decoration:underline;
}

.promo_readmore_title {
	color:#BA8034;
	text-decoration:none;
}

.promo_readmore_title:hover {
	color:#BA8034;
	text-decoration:none;
}

.text_container {
	text-align:left;
	padding:0px 35px 10px 20px;
	color:#3C5253;
	min-height:340px;
}

.home_media_container {
	text-align:left;
	padding:0px 0px 0px 10px;
	border:0px solid black;
}

.featured_header {
	font-weight:bold;
	border:0px solid black;
	padding:4px;
	background-color:#000000;
	color:#ffffff;
}

.div_header {
	background-color: #443266;
	color: #F1F0FF;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #F1F0FF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

.navlink {
	color: #B4C3BC;
	text-decoration: none;
	font-weight: bold;
}

.navlink:hover {
	color: #D79E1D;
	text-decoration: none;
	font-weight: bold;
}

.navlink_on {
	color: #D79E1D;
	text-decoration: none;
	font-weight: bold;
}

.submit_button {
	color: #443266;
	font-size:11px;
	background-color: #C3C3E5;
	border: 1px solid #F1F0FF;
}

input.first, textarea.first, select.first {
	border:1px solid black;
	background-color:#ffffff;
	color:#0E1930;
	font-size:11px;
}

.subpagenav {
	border: 1px solid #F1F0FF;
	padding: 2px;
	background-color: #443266;
	color: #F1F0FF;
	font-size: 11px;
}

.subpagenavhover {
	border: 1px solid #F1F0FF;
	padding: 2px;
	background-color: #8c74ba;
	color: #F1F0FF;
	cursor: hand;
	cursor: pointer;
	font-size: 11px;
}

.subpagelink {
	color: #F1F0FF;
	text-decoration: none;
}

.subpagelink:link {
	color: #F1F0FF;
	text-decoration: none;
}

.subpagelink:visited {
	color: #F1F0FF;
	text-decoration: none;
}

.subpagelink:active {
	color: #F1F0FF;
	text-decoration: none;
}

.morelink {
	color:#000000;
	text-decoration: none;
	font-size: 10px;
}

.morelink:hover {
	text-decoration: underline;
}

.returnlink {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
}

.returnlink:hover {
	text-decoration: underline;
}

.myaccountbutton {
	background-color: #ebebeb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: Black;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Black;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: Black;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: center;
	width: 100%;
}

.myaccountbuttonlink {
	color: #000000;
	text-decoration: none;
}

.hrdash {
	height: 1px;
	border-top: 1px dashed #443266;
	border-left: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	margin: 1em 0px;
	padding: 0px;
}

.bodytext {
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}
	
.msgbox {
	color: #ff0000;
	background: #FFE4E1;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	border: 1px solid #ff0000;
	padding: 4px;
}

.formdrop {
	background: #ffffff;
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.formbox {
	background: #ffffff;
	border-top: 1px inset #000000;
	border-bottom: 1px inset #000000;
	border-left: 1px inset #000000;
	border-right: 1px inset #000000;
	border-width: 1px;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
}

.formbutton {
	background-color: #ebebeb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: Black;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: Black;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: Black;
	font-size: 11px;
	font-family: helvetica,arial,sans-serif;
	color: #000000;
	text-decoration: none;
}

.mgrtext {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}

.edit_text {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000080;
}

.edit_text_small {
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000080;
}
	
.delete_text {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #ff0000;
}

.delete_text_small {
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #ff0000;
}
	
.add_text {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #008000;
}

.add_text_small {
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #008000;
}

/* CALENDAR */

.whitetext {
	color: #ffffff;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
}

/* ANYLINK DROPDOWN */

.anylinkcss {
	position:absolute;
	visibility: hidden;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 12px arial;
	line-height: 18px;
	z-index: 100;
	background-color: #ebebeb;
	width: 205px;
}

.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
	color:#000000;
}

.anylinkcss a:hover {
	/*hover background color*/
	background-color: black;
	color: white;
}
