html {
	.overflow-x: hidden;
}
body {	
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	background: #232323;
	color: #c8c8c8;
	margin: 0px;
	line-height: 17px;
}
table {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
img {
	border: 0px;
}
h1, h2, p {
	margin: 0px 0px 15px 0px;	
}
h1 {
	font-size: 16px;
	color: #ffffff;
}
h2 {
	font-size: 14px;
	color: #ffffff;
}
h3 {
	font-size: 12px;
	color: #ffffff;
}
a {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;
}
a:focus { 
	-moz-outline-style: none; 
}
hr {
	border: 0px;
	color: #e4e4e4;
	background-color: #e4e4e4;
	height: 1px;
}
ul, ol {
	margin-left: -15px;
	.margin-left: 25px;
}
form {
	margin: 0px;
}
input, select, textarea {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}
.btn {
	/*background: #e4e4e4 url('../images/formBtn.gif') no-repeat;
	width: 70px !important;
	height: 20px !important;
	border: 1px solid black;
	font-size: 10px;
	margin-top: 5px;
	cursor: pointer;*/
	width: auto !important;
}
.clear {
	clear: both;
}
.error, .requiredField {
	color: #d52d00;
	float: left;
	width: 10px;
	margin-top: 6px;
}
.error {
	float: none !important;
	width: auto !important;	
}
.hidden {
	display: none;
}
#TB_window .hidden {
	display: block;
}
.chkList {
	float: left;
}
.chkList label {
	float: none !important;
	width: auto !important;
}
.chkList input {
	float: left !important;
	width: auto !important;
}
.rightImg {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #7f7f7f;
}
.leftTxt {
	float: left;
}
.rightTxt {
	float: right;
}
.loading {
	text-align: center; 
	margin-top: 50px; 
	color: #666;
}
.processing {
	text-align: center; 	
	color: #666;
}
#processing {
	display: none;
	background: white;
	padding: 30px;
	border: 1px solid #7f7f7f;
	z-index: 100000;
}
.noImageAvailable {
	display: block;
	background: white;
	text-align: center;
	color: #232323;
}
.noImageAvailable span {
	display: block;
}

#wrap {
	width: 960px;
	margin: 0px auto;
}
#header {
	width: 960px;
	/*height: 366px;*/
	height: 270px;
}
#nav {
	position: absolute;
	width: 960px;
	text-align: center;
	margin-top: 50px;
	color: #232323;
}
#nav a {
	color: #232323;
}
#navMenu a {
	display: block;
	float: left;
	width: 96px;
	height: 100px;
}
#navMenu a:hover, #navMenu .active {
	background-position: bottom;
}
#navMenu a span {
	display: none;
}
#navHome {
	background: url('/images/homeNav.jpg');
}
#navAbout {
	background: url('/images/aboutNav.jpg');
}
#navDiveClasses {
	background: url('/images/classesNav.jpg');
}
#navDiveTrips {
	background: url('/images/tripsNav.jpg');
}
#navDiveSites {
	background: url('/images/sitesNav.jpg');
}
#navStaff {
	background: url('/images/staffNav.jpg');
}
#navDiveLogs {
	background: url('/images/logsNav.jpg');
}
#navCalendar {
	background: url('/images/calendarNav.jpg');
}
#navDiveAlbum {
	background: url('/images/albumNav.jpg');
}
#navStore {
	background: url('/images/storeNav.jpg');
}
#navContacts {
	background: url('/images/contactsNav.jpg');
}
#subHeader {
	background: url('/images/subHeader.jpg');
	width: 960px;
	height: 61px;
	margin-bottom: 10px;	
}
#subHeader .phones {
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: white;
	margin: 22px 0 0 155px;
}
#footer {
	background: url('/images/footer.jpg');
	width: 960px;
	height: 105px;
	.margin-bottom: -14px;
	font-size: 10px;
	color: white;
}
#footer .phones {
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: white;
	margin: 40px 0 0 12px;
}
#address {
	float: left;
	margin-left: 15px;
}
#copyright {
	float: right;
	/*float: left;
	_float: none;*/
	margin-right: 15px;	
}
#links {
	float: right;
	/*float: left;
	_float: none;
	margin: 12px 0px 0px 530px;*/
	margin: 15px 15px 25px 0px;
	text-align: right;
}
#leftBanners {
	float: left;
	width: 132px;
}
#rightBanners {
	float: right;
	width: 132px;
}
#leftBanners a, #rightBanners a {	
	float: left;
	margin-bottom: 6px;
	border: 1px solid #7f7f7f;
}
#main {
	float: left;
	/*width: 676px;*/
	width: 684px;
	/*height: 634px;*/
	min-height: 634px;
	/*_height: 634px;*/
	/*padding: 0px 10px;*/
	padding: 0px 6px 10px 6px;
	.padding: 0px 6px;
	overflow: auto;
	overflow-x: hidden;
}
.rightLongImg {
	float: right;
	margin: -32px 0px 0px 10px;
	.margin-bottom: -15px;
	border: 1px solid #7f7f7f;
}
#homeVideo {
	/*position: absolute;
	margin-top: 320px;
	border: 1px solid #7f7f7f;*/
}
/* Login */
#login {
	float: right;
	margin-top: 20px;
}
#login #email {
	width: 135px;
	.width: 141px;
}
#login #fakePassword, #login #password {
	width: 60px;
}
#userNav {
	margin-top: 1px;
}
/*#login label {
	float: left;
	width: 70px;
	margin-top: 4px;
}
#login input {
	width: 150px;
	margin-top: 2px;
}*/
/* Contact */
#contactRight {
	float: right;
}
#contactInfo {
	color: black;
}
#contactInfo a {
	color: black;
	text-decoration: underline;
}
#contactInfo label {
	float: left;
	width: 50px;
	font-weight: bold;
}
#contactForm {
	/*position: absolute;*/	
}
#contactForm label {
	float: left;
	width: 70px;
	margin-top: 4px;
}
#contactForm input {
	width: 150px;
	margin-top: 2px;
}
#contactForm .longField {
	width: 280px;
}
#contactForm textarea {
	width: 280px;
	height: 100px;
	margin-top: 2px;
}
#contactInfoAddress {
	/*margin-top: 280px;*/
	margin-top: 20px;
}
#contactInfoAddress label {
	float: left;
	width: 50px;
	font-weight: bold;
}
/* Dive Sites */
#stateList {
	margin: 10px 0px 0px 2px;
}
#stateList .load {
	width: 80px;
	margin: 50px auto;
}
#stateList .load img {
	float: left;
	margin-right: 5px;
}
#stateList .toggler {
	display: block;
	background: #7f7f7f;
	width: 658px;
	padding: 5px 11px;
	cursor: pointer;
}
#stateList .toggler:hover {
	background: #999999;	
	text-decoration: none;
}
#stateList .column {
	float: left;
	width: 165px;
}
#stateList .box {
	float: left;
	width: 658px;
	border: 1px solid #7f7f7f;
	padding: 10px;
}
#breadcrumb {
	margin-bottom: 10px;
}
/* Dive Sites - Search */
#diveSiteSearch #map {
	width: 682px;
	height: 380px;
	margin-bottom: 10px;
	border: 1px solid #7f7f7f;
}
#diveSiteSearch #map .cloudInfo {
	text-align: center;
	padding: 10px 0;
	color: black;
}
#diveSiteSearch #map .cloudInfo a {
	color: #0066d2;
	text-decoration: underline;
	text-transform: uppercase;
}
#diveSiteSearch .left {
	float: left;
	width: 342px;
}
#diveSiteSearch .right {
	float: left;
	width: 342px;
}
#diveSiteSearch .expand, #diveSiteSearch .collapse {
	background: url('/images/toggle.gif') no-repeat left 2px;	
	padding-left: 15px;
	margin-left: 5px;
	color: #999999;
}
#diveSiteSearch ul {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
}
#diveSiteSearch .collapse {
	background-position: left -19px;	
}
#diveSiteSearchCriteria {
	margin-bottom: 10px;
}
#diveSiteSearchCriteria .left {
	float: left;
	width: 342px;
}
#diveSiteSearchCriteria .right {
	float: left;
	width: 342px;
}
#diveSiteSearchCriteria input {
	width: 200px;
}
#diveSiteSearchCriteria select {
	width: 275px;
}
#diveSiteSearch .featuredDiveTrip {
	margin-bottom: 10px;
}
#diveSiteSearch .featuredDiveTrip .img {
	float: left;
	margin-right: 10px;
	border: 1px solid #7f7f7f;
}
#diveSiteSearch .featuredDiveTrip .moreInfo {
	float: right;
	margin: 10px 10px 0px 0px;
	color: #d52d00;
}
.diveSite {
	_float: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #7f7f7f;
}
.diveSite .img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #7f7f7f;
}
.diveSite .details {
	float: left;
	width: 245px;
	margin-right: 10px;
}
.diveSite .name {
	font-weight: bold;
	font-size: 14px;
}
.diveSite .summary {
	margin: 10px 0px;
}
.diveSite .details label {
	float: left;
	width: 45px;
	font-weight: bold;
}
.diveSite .specs {
	float: left;
	width: 220px;
}
.diveSite .specs label {
	float: left;
	width: 120px;
	font-weight: bold;
}
.diveSite .moreInfo {
	float: right;
	margin: 10px 10px 0px 0px;
}
.diveSite .starRating {
	margin-top: 10px;
}
.diveSite .ratingBox {
	float: left;
}
.diveSite .userCount {
	font-style: italic;
}
/* Dive Site */
#diveSite .img {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #7f7f7f;
}
#diveSite .details {
	float: left;
}
#diveSite .details label {
	float: left;
	width: 120px;
	font-weight: bold;
}
#diveSite .ratingBox {
	float: left;
}
#diveSite #map {
	float: right;
	width: 300px;
	height: 200px;
	border: 1px solid #7f7f7f;
}
#diveSite #map p {
	margin-top: 80px;
	text-align: center;
	color: #232323;
}
#diveSite #map span {
	color: #232323;
}
/* Comments */
.comment {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
.comment .creationDate {
	margin-top: 10px;
	text-align: right;
	font-style: italic;
}
/* Register */
#register {
	float: left;	
}
#register label {
	float: left;
	width: 125px;
	margin-top: 4px;
}
#register input {
	width: 160px;
	margin-top: 2px;
}
#register select {
	width: 166px;
	margin: 3px 0px 1px 0px;
}
/* Log */
#newLog {
	float: left;
	width: 760px;
}
#newLog label {
	float: left;
	width: 70px;
	_width: 66px;
	margin-top: 4px;
	text-align: left;
}
#newLog input {
	width: 200px;
	margin-top: 2px;
}
#newLog select {
	width: 206px;
	margin: 3px 0px 1px 0px;
}
#newLog h3 {
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}
#newLog .left {
	float: left;
	width: 276px;
	height: 340px;
	padding-right: 10px;
	border-right: 1px solid #c8c8c8;
}
#newLog #keyword {
	width: 136px;	
}
#newLog .left .btn {
	width: 60px !important;
}
#newLog .center {
	float: left;	
	width: 254px;
	height: 340px;
	padding: 0 10px;
	border-right: 1px solid #c8c8c8;	
}
#newLog #verifyDiveSite {
	height: 242px;
	margin-right: -10px;
	overflow: auto;	
}
#newLog .right {
	float: left;
	width: 167px;
	height: 340px;
	padding: 0 10px;
	border-right: 1px solid #c8c8c8;
	text-align: center;
}
#newLog .right input {
	width: 70px;
}
#newLog .right .btn {
	margin-top: 15px;
}
#newLog .or {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}
#myDiveSites {
	float: left;
	width: 200px;
}
#diveLogSearch {
	margin: 10px 0px;
}
#log {
	float: left;
	border-bottom: 1px solid #7f7f7f;
	margin-bottom: 20px;
	.margin-bottom: 0px;
}
#sortBy {
	float: left;
	width: 270px;
	margin-bottom: 10px;
}
#stats {
	float: left;
	margin-bottom: 10px;
}
#stats label {
	font-weight: bold;
}
#stats .spacer {
	margin: 0px 25px;
}
.diveLog {
	float: left;
	width: 960px;
	.margin-bottom: 0px;
}
.diveLog .starRating {
	.visibility: hidden;
}
.diveLog .title {
	float: left;
	background: #7f7f7f;
	padding: 5px 10px;
}
.diveLog .title:hover {
	background: #999999;
	text-decoration: none;
}
.diveLog .title .toggler {
	cursor: pointer;
}
.diveLog .title .deleteLog {
	float: right;
	margin-left: 20px;
	color: red;
}
.diveLog .title .name {
	float: left;
	width: 469px;
	.width: 450px;
	font-weight: bold;
}
.diveLog .title .date {
	float: left;
	width: 304px;
	font-style: italic;
}
.diveLog .title .expand {
	float: right;
	width: 100px;
	text-align: right;
}
.diveLog .title .collapse {
	float: right;
}
.logDiveSite {	
	float: left;
	width: 938px;
	padding: 10px;
	border: 1px solid #7f7f7f;
	border-bottom: 0px;
}
.logDiveSite .img {
	float: right;
	margin: 10px 0px 0px 10px;
}
.logDiveSite .img img {
	margin-bottom: 10px;
	border: 1px solid #7f7f7f;
}
.logDiveSite .details {
	float: left;
	width: 540px;
	margin-right: 10px;
}
.logDiveSite .left {
	float: left;
	width: 250px;
}
.logDiveSite .right {
	float: left;
}
.logDiveSite .name {
	font-weight: bold;
	font-size: 14px;
}
.logDiveSite .summary {
	margin: 10px 0px;
}
.logDiveSite .location {
	margin-bottom: 10px;
	font-weight: bold;
}
.logDiveSite .details label {
	float: left;
	font-weight: bold;	
}
.logDiveSite .left label {
	margin-right: 5px;
}
.logDiveSite .starRating label {
	width: 120px;
	margin-right: 0px;
}
.logDiveSite .right label {
	width: 80px;
}
.logDiveSite .moreInfo {
	float: right;
	margin: 10px 10px 0px 0px;
}
.logDiveSite .starRating {
	margin-top: 10px;
}
.logDiveSite .ratingBox {
	float: left;
}
.logDiveSite .userCount {
	font-style: italic;
}
.editLogDate {
	margin: 10px 0px;
}
.editLogDate input {
	width: 70px;
}
.editLogDateSuccess {
	color: #76b902;
}
/* Log Entry */
.logEntries {
	margin-bottom: 10px;
}
.logEntries table {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 10px;
}
.logEntries th {
	text-align: left;	
	background: #333333;
	vertical-align: top;
	color: #c8c8c8;
	border: 1px solid #7f7f7f;	
}
.logEntries td {
	padding: 1px;
	vertical-align: top;
	border: 1px solid #7f7f7f;
}
.logEntries .altBg {
	background: #333333;
}
.logEntries .noBorder {
	border: 0px;
}
.logEntries form input {
	width: 35px;
}
.logEntries form .url {
	width: 150px;
}
.logEntries form .buddy {
	width: 100px;
}
.logEntries form .activity {
	width: 100px;
}
.logEntries form textarea {
	width: 932px;
	height: 100px;
	margin-top: 2px;
}
/* Dive Classes */
.diveClass {
	_float: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #7f7f7f;
}
.diveClass .img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #7f7f7f;
}
.diveClass .details {
	float: left;
	width: 245px;
	margin-right: 10px;
}
.diveClass .title {
	font-weight: bold;
	font-size: 14px;
}
.diveClass .summary {
	margin: 10px 0px;
}
.diveClass .details label {
	float: left;
	width: 45px;
	font-weight: bold;
}
.diveClass .specs {
	float: right;
	width: 220px;
}
.diveClass .specs label {
	float: left;
	width: 120px;
	font-weight: bold;
}
.diveClass .moreInfo {
	float: right;
	margin: 10px 10px 0px 0px;
	color: #d52d00;
}
/* Dive Class */
#diveClass .img {
	float: right;
	margin: 0px 0px 10px 10px;	
	line-height: 25px;
	text-align: center;
}
#diveClass .img img {
	border: 1px solid #7f7f7f;
}
#diveClass .details {
	float: left;
}
#diveClass .details label {
	float: left;
	width: 120px;
	font-weight: bold;
}
#diveClass .clickBelow {
	color: #d52d00;
	font-weight: bold;
	margin-bottom: 10px;
}
/* Event */
.eventInfo {
	border-top: 1px solid #434242;
	width: 260px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.eventInfo .day {
	font-weight: bold;
	margin: 10px 0px;
}
.eventInfo .details {
	margin: 10px 0px;
}
.eventInfo .location span {
	display: block;
	font-weight: bold;	
}
.eventInfo .directions {
	margin-top: 10px;
}
#event .register {
	float: right;
	margin-left: 20px;
	width: 380px;
}
#event .register label {
	width: 80px;
}
#event .register .leftTxt {
	width: 200px;
}
#eventLogin label {
	float: left;
	width: 80px !important;
	margin-top: 4px;
}
#eventLogin input {
	width: 160px;
	margin-top: 2px;
}
#signUp label {
	float: left;
	width: 125px !important;
	margin-top: 4px;
}
#signUp input {
	width: 115px;
	margin-top: 2px;
}
#signUp select {
	width: 121px;
	margin: 3px 0px 1px 0px;
}
#rentalPrice li {
	float: right;
}
#rentalPrice .name {
	display: block;
	float: right;
	width: 305px;
	margin-right: 10px;
}
#rentalPrice .price {
	float: right;	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #rentalPrice .name {
		width: 345px;
		margin-bottom: -20px;
	}
	#rentalPrice .price {
		margin-bottom: -20px;
	}
}
/* Dive Trips */
.diveTrip {
	_float: left;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #7f7f7f;
}
.diveTrip .img {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #7f7f7f;
}
.diveTrip .details {
	float: left;
	width: 245px;
	margin-right: 10px;
}
.diveTrip .title {
	font-weight: bold;
	font-size: 14px;
}
.diveTrip .summary {
	margin: 10px 0px;
}
.diveTrip .details label {
	float: left;
	width: 45px;
	font-weight: bold;
}
.diveTrip .specs {
	float: right;
	width: 220px;
}
.diveTrip .specs label {
	float: left;
	width: 140px;
	font-weight: bold;
}
.diveTrip .moreInfo {
	float: right;
	margin: 10px 10px 0px 0px;
	color: #d52d00;
}
.diveTrip .adiAdventurers {
	float: right;
}
.diveTrip .adiAdventurers img {
	border: 1px solid #7f7f7f;
}
/* Dive Trip */
#diveTrip .img {
	float: right;
	margin: 0px 0px 10px 10px;
	line-height: 25px;
	text-align: center;	
}
#diveTrip .img img {
	border: 1px solid #7f7f7f;
}
#diveTrip .details {
	float: left;
}
#diveTrip .details label {
	float: left;
	width: 140px;
	font-weight: bold;
}
#diveTrip .adiAdventurers {
	float: right;
	width: 291px;
	text-align: center;
}
#diveTrip .adiAdventurers img {
	border: 1px solid #7f7f7f;
}
#diveTrip .adiAdventurers a {
	margin-top: 5px;
}
#diveTrip .adiAdventurers a:hover {
	text-decoration: none;
}
#diveTrip .adiAdventurers a span {
	display: block;
	margin-top: 5px;
}
#diveTrip .adiAdventurers a span:hover {
	text-decoration: underline;
}
#diveTrip .clickBelow {
	color: #d52d00;
	font-weight: bold;
	margin-bottom: 10px;
}
/* Medals */
#medals {
	float: right;
	background: #333333;
	width: 250px;
	padding: 10px;
	border: 1px solid #7f7f7f;
	text-align: center;
}
#medals div {
	text-align: left;
}
/* Store */
#itemCategories {
	float: right;
	width: 758px;
}
.itemCategory {
	float: left;
	margin: 0px 10px 10px 0px;
	text-align: center;
}
.itemCategory .img {
	border: 1px solid #c8c8c8;
	margin-bottom: 5px;
}
.itemCategory .img:hover {
	text-decoration: none;
}
/* Items */
#search {
	float: left;
	/*background: #436bb3 url('/images/searchBg.gif') repeat-x;*/	
	background: #595959;
	width: 150px;	
	margin: 0px 10px 10px 10px;
	_margin-left: 5px;
	border: 1px solid #282828;
	border-top: 0px;
	padding: 0px 10px 10px 10px;
	/*color: white;*/
	font-weight: bold;
}
#search h2 {
	display: block;
	_position: relative;
	_z-index: 1;
	background: url('/images/searchHeaderBg.gif');
	width: 170px;	
	height: 30px;
	margin: 0px -10px 5px -10px;
	padding-top: 3px;
	color: white !important;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
}
#search #keyword input {
	width: 143px;
	margin: 5px 0px;
}
#search #categories {
	margin-top: 10px;
}
#search a {
	color: white !important;
}
#search #brands {
	margin-top: 10px;
	color: white;
}
#search #btnSearch {
	margin-top: 10px;
	text-align: center;
}
#items {
	float: left;
	width: 586px;
	margin-bottom: 10px;
}
#items h2 {
	display: block;
	background: url('/images/categoryBg.gif') no-repeat left center;
	padding: 3px 0px 5px 15px;
	border-bottom: 1px solid #0066cb;
	width: 560px;
	text-transform: uppercase;
}
#rightBox {
	float: right;
}
#cart {
	background: #e4e4e4;
	border: 1px solid #7f7f7f;
	color: #3f3f3f;
	margin-right: 10px;
}
#cart h2 {
	margin: 10px;
	text-align: center;
	color: #3f3f3f;
}
#cartMain {
	width: 150px;
	height: 610px;
	overflow: auto;
}
#cart #total {
	text-align: center;
	margin: 10px;
}
#cart #totalPrice {
	color: #bd0102;
	font-weight: bold;
}
#checkout {
	width: 150px;
	text-align: center;
	margin: 10px 0px;
}
.itemBox {
	float: left;
}
.item {	
	border-bottom: 1px solid #0066cb;
	width: 575px;
	height: 130px;
	margin: 0px 10px 10px 0px;
}
.item h3 {
	margin-bottom: 5px;
	color: #415b80;
	font-size: 14px;
}
.item h3 a {
	color: #415b80 !important;
}
.item .img {
	position: relative;
	z-index: 80;
	float: left;
	margin-right: 10px;
	border: 1px solid #0066cb;		
}
.item .img a {
	display: block;
	background-color: white;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.item .img a:hover {
	text-decoration: none;
}
.item .imgLrg {	
	position: absolute; 
	z-index: 100; 
	background: black;
	display: none; 	
	border: 1px solid #0066cb;
	margin-left: 0px;
}
.item .noImageAvailable {
	font-size: 9px;
}
.item .details {
	float: left;
	/*width: 310px;*/
	width: 300px;
}
.item .specs {
	float: right;
	padding-left: 10px;
	border-left: 1px solid #bfbfbf;
	height: 124px;
	/*width: 115px;*/
	width: 125px;
}
.item .specs label {
	float: left;
	width: 50px;
	font-weight: bold;
}
.item .price {
	color: #bd0102;
	font-weight: bold;
}
.itemBox .links {
	position: absolute;
	z-index: 80;
	/*width: 443px;*/
	width: 448px;
	/*margin: -60px 0px 0px 132px;
	.margin: -62px 0px 0px 132px;*/
	margin: -85px 0px 0px 127px;
	.margin: -87px 0px 0px 127px;
	text-align: right;
}
.itemBox .viewDetails {
	float: left;
	/*margin-top: 20px;*/
	margin-top: 45px;	
}
.itemBox .comments {
	float: left;
	/*margin-top: 20px;*/
	margin-top: 45px;	
	width: 235px;
	text-align: right;
}
.itemBox .qty {
	
}
.itemBox .qty input {
	width: 40px;
}
.itemBox .addToCart {
	display: block;
	clear: right;
	float: right;
	background: #3d5aa0 url('/images/searchHeaderBg.gif') repeat-x;
	width: 85px;
	text-transform: uppercase;	
	font-size: 10px;
	font-weight: bold;
	color: white !important;
	margin-top: 5px;
	text-align: center;
	border: 1px solid #3c4041;
}
.addItem {
	margin: 0px 10px 5px 10px;
	padding-top: 10px;
	border-top: 1px solid #BFBFBF;
}
.addItem .name {
	font-weight: bold;
	margin-bottom: 5px;
}
.addItem .color-size {
	margin: -3px 0px 5px 0px;
	font-style: italic;
}
.addItem .color-size span {
	font-style: normal;
}
.addItem .img {
	float: left;
	margin-right: 5px;
	border: 1px solid #BFBFBF;
}
.addItem .noImageAvailable {
	font-size: 8px;
	line-height: 13px;
}
.addItem .price {
	color: #bd0102;
	font-weight: bold;
}
.addItem .qty {
}
.addItem .remove {
	display: block;
	font-size: 9px;
	text-transform: uppercase;
	margin-top: 5px;
	text-align: right;
}
.dragMe {
	/*cursor: move;*/
}
.tool-tip {
	background: white;
	border: 1px solid #bfbfbf;
	color: #3f3f3f;
	width: 160px;
	z-index: 90;
} 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #415b80;
	padding: 8px 8px 4px;
	/*background: url('/css/images/bubble.png') top left;*/
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	/*background: url('/css/images/bubble.png') bottom right;*/
}
/* Store index.php */
#store .left {
	float: left;
	width: 314px;
}
#store .right {
	float: right;
	width: 440px;	
}
#featuredItems {
	float: left;
}
#featuredItems h2 {
	background: url('/images/featuredHeaderBg.gif');
	width: 241px;
	_width: 242px;
	height: 29px;
	text-align: center;
	font-size: 11px;
	color: white !important;
	text-transform: uppercase;
	padding-top: 3px;
	margin: 0px;
}
#specialItems h2 {
	background: url('/images/specialsHeaderBg.gif');
	width: 180px;
	height: 29px;
	text-align: center;
	font-size: 11px;
	color: white !important;
	text-transform: uppercase;
	padding-top: 3px;
	margin: 0px;
}
#specialAndFeaturedItems .item {	
	float: left;
	border: 1px solid #7e7e7e;
	width: 180px;
	height: auto !important;
	margin: 0px 5px 5px 0px;
	#margin-top: 6px;
	_margin-top: 0px;
}
#specialAndFeaturedItems .item .img {	
	border: 0px;
	margin: 5px 0px;
}
#specialAndFeaturedItems .item .imgLrg {
	margin-left: -5px;
	border: 1px solid #7e7e7e;		
}
#specialAndFeaturedItems .item .price {
	position: absolute;
	.position: relative;
	color: #bd0000;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;	
	z-index: 1000;
	margin-top: -20px;
	.margin: -19px 0px 3px 0px;
}
#specialAndFeaturedItems .item .details {
	border-top: 1px solid #7e7e7e;
	padding: 2px 5px;
	width: 170px;
}
#specialAndFeaturedItems .item .name {
	float: left;
	width: 121px;
	font-weight: bold;
	font-style: italic;
}
#specialAndFeaturedItems .item .viewDetails {
	display: block;
	background: url('/images/arrowBlue.gif') left 5px no-repeat;
	float: right;
	margin: 17px 0px 0px 0px;
	padding-left: 10px;
}
#specialAndFeaturedItems .imgLrg {
	display: none !important;
}
#featuredItems .item {
	width: 241px;
	_margin-right: 2px;
}
#featuredItems .imgLrg {
	font-size: 24px;
}
#featuredItems .details {
	width: 231px !important;
}
#featuredItems .name {
	width: 182px !important;
}
#featuredItems .price {
	font-size: 22px !important;
	margin-top: -23px !important;
	.margin-top: -28px !important;
	.margin-bottom: 6px !important;
}
#dealerBanner {
	border: 1px solid #7e7e7e;
	#margin-top: 5px;
	_margin-top: 0px;
}
/* Item */
#item {
	float: left;
	width: 576px;
}
#item #leftBox {
	float: left;
}
#item #mainImg {
	margin-right: 10px;
}
#item .img {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	border: 1px solid #0066cb;
}
#item .thumbs a {
	display: block;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	border: 1px solid #0066cb;
	margin: 10px 10px 0px 0px;
}
#item .details {
	float: left;
	width: 320px;
}
#item .specs {
	margin: 10px 0px;	
}
#item .specs label {
	float: left;
	width: 50px;
	font-weight: bold;
}
#item .price {
	color: #bd0102;
	font-weight: bold;
}
#item .colors {
	float: left;
	width: 160px;
}
#item .colors .col {
	float: left;
	width: 80px;
}
#item .colors input {
	float: left;
}
#item .colorSquare {
	display: none;
	float: left;
	width: 11px;
	height: 11px;
	border: 1px solid #7f7f7f;
	margin: 3px 5px 0px 0px;
}
#item .colorName {
	float: left;
}
#item .sizes {
	float: left;
	width: 160px;
}
#item .sizes .col {
	float: left;
	width: 80px;
}
#item .qty {
	float: right;
	margin: 10px 0px;
}
#item .qty input {
	width: 40px;
}
#item .addToCart {
	display: block;
	clear: both;
	float: right;
	background: #3d5aa0 url('/images/searchHeaderBg.gif') repeat-x;
	width: 85px;
	text-transform: uppercase;	
	font-size: 10px;
	font-weight: bold;
	color: white !important;
	text-align: center;
	border: 1px solid #3c4041;
}
#item .description {
	margin-top: 10px;
}
.itemCommentsBreadcrumb {
	.margin-top: 20px;
}
#item .clickBelow {
	color: #d52d00;
	font-weight: bold;
	margin-bottom: 10px;
}
/* Shopping Cart */
.topSpacer {
	.height: 35px;
}
#shoppingCart table {
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	border: 1px solid #0066cb;	
}
#shoppingCart th {
	text-align: left;	
	background: #0066cb;
	vertical-align: top;
	color: white;	
	padding: 2px;
}
#shoppingCart td {
	padding: 2px;
	vertical-align: top;
	border-top: 1px solid #0066cb;
}
#shoppingCart .altBg {
	background: #BFBFBF;
}
#shoppingCart .img {
	float: left;
	margin-right: 10px;
	border: 1px solid #0066cb;	
}
#shoppingCart .noImageAvailable {
	float: left;
	margin-right: 10px;
	border: 1px solid #0066cb;	
	font-size: 8px;
}
#shoppingCart .color-size {
	margin-top: 2px;
	font-style: italic;
	color: #3f3f3f;
}
#shoppingCart .color-size span {
	font-style: normal;
}
#shoppingCart .qty {
	width: 40px;
}
#shoppingCart .total {
	font-weight: bold;
}
#shoppingCart .money {
	color: #bd0102;
}
#shoppingCart .btn {
	float: right;
	margin-top: 10px;
}
/* Checkout */
.cvv {
	cursor: help;
}
#cvv {
	background: white;
	color: black;
	width: 300px;
	font-size: 8pt;
	padding: 10px 10px 0px 10px;	
	position: absolute;
	margin: -15px 0px 0px 85px;
	border: 1px solid black;
}
#cvv h2 {
	color: black;
}
#checkoutLeft {
	float: left;
	width: 300px;
}
#checkoutRight {
	float: right;
	width: 300px;
}
#billingInfo {
	float: left;
	width: 300px;
	margin-top: 20px;
}
#shippingInfo label, #billingInfo label, #shippingServices label {
	float: left;
	width: 110px;
	margin-top: 4px;
}
#shippingInfo input, #billingInfo input {
	width: 150px;
	margin-top: 2px;
}
#shippingInfo select, #billingInfo select {
	width: 156px;
	margin: 3px 0px 1px 0px;
}
#placeOrder {
	text-align: center;
	margin-top: 10px;
}
#shippingServices #shipping {
	float: left;
	width: 280px;
}
#shippingServices .money {
	float: left;
	width: 150px;
	margin-top: 4px;
	text-align: right;
}
#shippingServices .totalRow {
	font-weight: bold;
}
#shippingServices #totalPrice {
	color: #bd0102;
}
/* Exam */
#exam .questions {
	margin-left: -35px;
	.margin-left: 5px;
}
#exam .rdo {
	position: absolute;
	margin: 1px 0px 0px -40px;
	.margin: -5px 0px 0px -48px;
}
#exam .questionAnswer {
	margin-bottom: 10px;
}
#exam .question {
	margin-bottom: 5px;
}
#exam ol li {
	margin-left: 15px;
	.margin-left: 20px;
}
#exam .correct {
	background: #d7ebb0 url('/images/success.gif') no-repeat 5px 5px;
	width: 175px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #6d873b;
	color: #495d22;
	margin: 5px 0px 10px 0px;
}
#exam .wrong {
	background: #ff6666 url('/images/error.gif') no-repeat 5px 8px;
	width: 175px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #990000;	
	color: #990000;
	margin: 5px 0px 10px 0px;
}
#exam .result {
	text-align: center;
}
#exam .result .correct, #exam .result .wrong {
	width: 340px;
	text-align: left;
	margin: 10px auto;
}
#counterBox {
	position: absolute;
	width: 150px;
	margin: -10px 0px 0px 524px;
}
#counter {
	position: relative;
	z-index: 1000;
	background: black;
	border: 1px solid #7f7f7f;
	text-align: center;
	padding: 10px;
	padding-bottom: 14px;
	font-size: 20px;
	color: #990000;
}
#counter h3 {
	font-size: 12px;
	margin-bottom: 10px;
	color: #c8c8c8;
}
/* My Exams */
#medalsAndExams {
	float: right;
	width: 270px;
}
#exams {
	float: right;	
	background: #333333;
	width: 250px;
	padding: 10px;
	border: 1px solid #7f7f7f;	
	margin-top: 10px;
}
#exams h2 {
	text-align: center;
}
#exams table {
	width: 250px;
	border-collapse: collapse;
}
#exams td {
	padding: 0px;
	text-align: right;
}
#exams .name {
	text-align: left;
	width: 100%;
}
#exams .grade {
	padding-right: 5px;
}
/* Sitemap */
#sitemap .toggler {
	background: url('/images/toggle.gif') no-repeat left 2px;	
	padding-left: 15px;
	margin-left: 5px;
	color: #999999;
}
#sitemap ul {
	display: none;
}
#sitemap .collapse {
	background-position: left -19px;	
}
/* Home */
#home .left {
	float: left;
	width: 303px;
}
#home .right {
	float: right;
	width: 365px;
}
#home .mainImg {
	text-align: center;
}
#home h3 {
	margin: 0 0 10px 0;
}
#home .search {
	text-align: center;
	margin: 13px 0 12px 0;
}
#home .keyword {
	width: 200px;
}
#home .featuredDiveTrip {
	margin-bottom: 10px;
}
#home .featuredDiveTrip .img {
	float: left;
	margin-right: 10px;
	border: 1px solid #7f7f7f;
}
#home .featuredDiveTrip .moreInfo {
	float: right;
	margin: 10px 10px 0px 0px;
	color: #d52d00;
}
/* Dive Album */
#diveAlbum {
	border: 1px solid #7f7f7f;
	margin: 10px auto;
}
#diveAlbums {
	margin-top: 10px;
}
#diveAlbums a {
	display: block;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #7f7f7f;
	margin: 0 6px 6px 0;
}
#diveAlbums a:hover {
	text-decoration: none;
	border: 1px solid #cccccc;
}
#diveAlbums .last {
	margin-right: 0;	
}
#diveAlbums img {
	float: right;
}
#diveAlbums span {
	position: absolute;
	text-align: right;
	padding: 2px 5px;
	font-weight: bold;
	text-transform: uppercase;
}
/* Profile */
#profile .left {
	float: left;
	width: 339px;
}
#profile .right {
	float: right;
	width: 339px;
}
#profile .box {
	background: #333333;
	width: 317px;
	padding: 10px;
	border: 1px solid #7f7f7f;	
	margin: 0 0 6px 0;
}
#profile .box h2 {
	text-align: center;
}
/* Exams */
#profile #exams {
	float: none;	
}
/* Medals */
#profile #medals {
	float: none;
	text-align: center;
}
/* Certification Card */
#certificationCard {
	text-align: center;
}
#certificationCard img {
	border: 1px solid #7f7f7f;	
	margin-bottom: 5px;
}
/* Log Stats */
#logStats label {
	float: left;
	width: 140px;
}
#logStats a {
	display: block;
	text-align: center;
}
.myDiveClassTrip .name {
	float: left;
	width: 247px;
}
.myDiveClassTrip .date {
	float: right;
	width: 70px;
	text-align: right;
}
.addToWishList {
	display: block;
	clear: right;
	float: right;
	background: #bd0102;
	width: 115px;
	text-transform: uppercase;	
	font-size: 10px;
	font-weight: bold;
	color: white !important;
	text-align: center;
	border: 1px solid #990000;
	margin-top: 5px;
}
.inWishList {
	display: block;
	clear: right;
	float: right;
	background: #999999;
	width: 85px;
	text-transform: uppercase;	
	font-size: 10px;
	font-weight: bold;
	color: #555555 !important;
	text-align: center;
	border: 1px solid #555555;
	margin-top: 5px;
}
.admin #wrap {
	margin-top: 20px;
	margin-bottom: 20px;
}
.admin #main {
	margin-top: 20px;
}
#menu {
	float: left;
	background: #bd0102;
	width: 160px;
	margin-right: 20px;
	padding: 10px;
	color: white;
}
#menu div {
	font-weight: bold;
}
#menu a {
	color: white;
}
#admin {
	float: left;
}
#tbl {
	width: 560px;
	border-collapse: collapse;
	border: 1px solid #bd0102;
}
#tbl .header {
	background: #bd0102;
	color: white;
}
#tbl .header a {
	color: white;
}
#tbl td {
	border-top: 1px solid #bd0102;
	padding: 2px;
	white-space: nowrap;
	vertical-align: top;
}
#tbl .new {
	color: #bd0102;
}
.oddBg {
	background: #333333;
}
.imgList {
	height: 20px;
	cursor: pointer;
	border: 1px solid #666;
}
.imgLrg {	
	position: absolute; 
	z-index: 1; 
	background: black;
	display: none; 	
	border: 1px solid #666;
	margin-left: 5px;
}
.inputFile {
	margin-right: 45px;
	.margin-right: 5px;
}
.admin .success {
	color: #76b902;
	margin-bottom: 10px;
}
#form label {
	float: left;
	width: 120px;
	margin-top: 4px;
}
#form input {
	width: 180px;
	margin-top: 2px;
}
#form select {
	width: 186px;
	margin: 3px 0px 1px 0px;
}
#form textarea {
	width: 550px;
	height: 50px;
	margin-top: 2px;
}
#form .longTxt {
	width: 550px;
}
#form .longField {
	width: 460px;
}
#editor, .editor {
	float: left;
	width: 557px;
}
.chkList {
	float: left;
}
.chkList label {
	float: none !important;
	width: auto !important;
}
.chkList input {
	float: left !important;
	width: auto !important;
}
.admin .column {
	float: left;
	width: 180px;
}
.colorBox {
	display: none;
	float: left;
	width: 11px;
	height: 11px;
	border: 1px solid black;
	margin: 3px 5px 0px 0px;
}
/* Order Details */
.adminOrder .left {
	float: left;
	width: 300px;
}
.adminOrder .right {
	float: right;
	width: 400px;
}
.adminOrder label {
	float: left;
	width: 150px;
	font-weight: bold;
}
.adminOrder .btn {
	float: none !important;
}
/* Search */
.admin .search {
	background: #333333;
	width: 600px;
	border: 1px solid #bd0102;
	padding: 10px;
	margin-left: -1px;
	.margin-left: 0px;
	margin-bottom: 10px;
}
.admin .search .dateField {
	width: 77px;
}
.admin .search .spacer {
	height: 10px;
}
#privacyPolicyBox {
	float: left;
	background: white;
	color: #232323;
	width: 550px;
	height: 200px;
	margin-top: 2px;
	padding: 5px;
	overflow: scroll;
	overflow-x: hidden;
}
.paymentRequest .success {
	color: #76b902;
	margin: 0px;
}
.paymentRequest .processing {
	display: block;
	height: 16px;
	background: url('/css/img/loading-sml-dark.gif') no-repeat;
	padding-left: 20px;
	color: #666;
	text-align: left;
}
.oddBg .paymentRequest .processing {
	background: url('/css/img/loading-sml-alt.gif') no-repeat;
}
.calendar {
	/*width: 676px;*/
	width: 960px;
	border-collapse: collapse;
	margin-bottom: 20px;
	.margin-bottom: 0px;
}
.calendar-month {	
	padding: 10px 0px !important;
	width: 960px !important;
	height: auto !important;
}
.calendar-title {
	display: block;
	float: left;
	width: 150px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #c0c0c0;
	text-transform: uppercase;
}
.calendar-prev {
	display: block;
	float: left;
	/*width: 267px;*/
	width: 404px;
	text-align: right;
	padding-top: 5px;
}
.calendar-next {
	display: block;
	float: right;
	/*width: 267px;*/
	width: 404px;
	text-align: left;
	padding-top: 5px;
}
.calendar-day {
	background: black !important;
}
.calendar .top-line {
	height: auto !important;
	padding: 0px;
}
.calendar .bottom-line  {
	height: auto !important;
	padding: 0px;
	padding-bottom: 5px;
}
.calendar .top-line div {
	background: black;
	_background: none;
	_border-bottom: 1px solid black;
	/*width: 676px;*/
	width: 958px;
	height: 1px;
}
.calendar .bottom-line div {
	background: black;
	_background: none;
	_border-top: 1px solid black;
	/*width: 676px;*/
	width: 958px;
	height: 1px;	
}
.calendar th {
	background: #232323;
	color: #7f7f7f;
	border: 2px solid #232323;
	text-transform: uppercase;
}
.calendar td {
	background: #232323;
	/*width: 94px;*/
	width: 104px;
	/*height: 94px;*/
	height: 134px;
	padding: 5px;
	vertical-align: top;
	color: #404040;
	font-size: 14px;
	font-weight: bolder;
	border: 2px solid #232323;
}
.calendar .event {
	display: block;
	/*margin: 5px 0px 10px 0px;*/
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	font-weight: normal;
}
.calendar .event .smoothbox {
	color: #7f7f7f;
}
.calendar .className {
	display: block;
	.width: 124px;
	font-size: 11px;
}
.calendar .day {

}
.calendar .time {
	display: block;
	margin-bottom: 10px;
}
.calendar .register {
	font-size: 10px;
}
body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ffffff;
	border: 1px solid black;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ffffff;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #e4e4e4;
	border: 1px solid black;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #e4e4e4;
	border: 1px solid black;
	cursor: pointer;
	color: #d52d00;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #d52d00;
	border: 1px solid black;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: black;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #d52d00;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background: #d52d00;
	font-weight: bold;
	padding: 0px;
	border: 1px solid black;
	cursor: pointer;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	background: #d52d00;
	font-weight: bold;
	border: 1px solid black;
	margin: 0px 1px;
	cursor: pointer;
	}
/***
 *  - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
 */

#mooRainbow { font-size: 11px; color: #000; position: relative; z-index: 10000 }

.moor-box {
	width: 390px; 
	height: 310px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 256px; 
	margin-top: 9px; 
	margin-left: 9px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 9px; 
	margin-left: 280px;
	width: 19px; /* if you want a bigger or smaller slider... */
	height: 256px;
}
.moor-colorBox {
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	margin-top: 278px;
	margin-left: 8px;
	background: #e6e6e6;
	height: 23px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	margin-top: 275px;
	margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	width: 30px;
}
.moor-hexInput {
	width: 55px;
}
.moor-cursor {
	background-image: url(/css/img/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	background-image: url(/css/img/moor_arrows.gif);
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
	margin-top: 21px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;	
	z-index: 100;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 1000;
}

.lbLoading {
	background: url('/css/img/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/css/img/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/css/img/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/css/img/closelabel.gif') no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: normal;	
}
#lbCaption strong {
	text-transform: capitalize;
}

#lbNumber {
	margin-top: 10px;
}
/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php
 */


html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #ffffff; border: 1px solid white; padding: 2px 5px;}
#TB_window a:visited {color: #ffffff;}
#TB_window a:hover {color: #ffffff; text-decoration: none;}
#TB_window a:active {color: #ffffff;}
#TB_window a:focus{color: #ffffff;}

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #7f7f7f/*525252*/;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;	
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	font-weight: normal;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	font-weight: normal;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	display: none;
}

#TB_title{
	background-color:#7f7f7f/*e8e8e8*/;
	height:27px;
	color: White;
	font-weight: bold;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/css/img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
.sixstar {background-position:0 -96px}
.sevenstar {background-position:0 -112px}
.eightstar {background-position:0 -128px}
.ninestar {background-position:0 -144px}
.tenstar {background-position:0 -160px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li.six a {left:80px;}
ul.rating li.seven a {left:96px;}
ul.rating li.eight a {left:112px;}
ul.rating li.nine a {left:128px;}
ul.rating li.ten a {left:144px;}

ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/css/img/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -176px;}
ul.rating li.two a:hover {background-position:0 -192px;}
ul.rating li.three a:hover {background-position:0 -208px}
ul.rating li.four a:hover {background-position:0 -224px}
ul.rating li.five a:hover {background-position:0 -240px}
ul.rating li.six a:hover {background-position:0 -256px}
ul.rating li.seven a:hover {background-position:0 -272px}
ul.rating li.eight a:hover {background-position:0 -288px}
ul.rating li.nine a:hover {background-position:0 -304px}
ul.rating li.ten a:hover {background-position:0 -320px}

/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

.ratingReadOnly {
	position:absolute;
	z-index:1000;
	width:80px;
	height:16px;
	background:white;
	margin-top: -16px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.clear 
{
	clear: both;
}
.divTimePicker
{
	position: absolute;
	z-index: 1;	
	background: white;	
	width: 238px;
	border: 1px solid black;
	margin: 0px 0px 0px 135px;	
	.margin: 25px 0px 0px 0px;		
}
.divTimePicker a 
{
	float: left;
	width: 53px;
	padding: 0px 1px;
	border: 1px solid white;
    color: #505050 !important;
	text-decoration: none !important;
	text-align: right;
	margin: 0px !important;
	font-weight: normal !important;
	font-size: 10px !important;
}
.divTimePicker a:hover
{
	background: #dce5ee;
	color: #005f92 !important;
	border: 1px solid black;
}
.divTimePicker .am, .divTimePicker .pm
{
	float: left;
	padding: 2px 1px 2px 1px;
	_padding: 2px 0px 2px 0px;
	border-top: 1px solid black;	
}
.divTimePicker .am div, .divTimePicker .pm div
{
	float: left;
	margin: 0px 1px;
	text-align: right;
}
.divTimePicker .ampm
{
	float: right;
	background: #005f92;
	text-align: right;
	margin-top: 5px;
	margin-bottom: -1px;
	.margin-bottom: 0px;
	margin-right:3px;
	border-left: 1px solid white;
}
.divTimePicker .ampm a
{
	width: auto;
	color: White !important;
	padding: 0px 10px;
	border: 0px;
	margin-bottom: 1px;
}
.divTimePicker .ampm a:hover
{
	color: #005f92 !important;
	background: #dce5ee !important;
	border: 0px;
}
.divTimePicker .x
{
	float: right;
	font-weight: bold;
	margin: 0px 5px;
	_margin: 0px 2px 0px 5px;
	font-size: 14px;
}
.divTimePicker .x a
{
	width: auto;
	background: none !important;
	border: 0px !important;
}
.divTimePicker .activeLink 
{
	background: #005f92 !important;
}
.divTimePicker .inactiveLink
{
	background: none !important;
}
.divTimePicker .selectedTime
{
	background: #dce5ee;	
	color: #005f92 !important;
	border: 1px solid black;
	font-weight: bold !important;
}