@charset "UTF-8";
 @import url("/_css/reset.css");
 
img, div {
	behavior: url(/_css/resources/iepngfix.htc)
}

/* 

------------------------------------------------------------------ 
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------ 

This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). 

*/

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.clear {
	background: none; }

a {
	text-decoration: none;
	color: #CC9933; }

a:focus {
	outline: none; }

a:hover {
	text-decoration: underline;
	color: #000; }
	
.highlight {
	color: #FF0000; }
	
h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px; }
	
h1 {
	font-size: 24px; }
	
h2 {
	font-size: 24px;
	margin: 0px 0px 20px 0px; }
	
h3 {
	font-size: 18px;
	color: #de403f;
	margin: 30px 0px 10px 0px;
	text-transform: uppercase; }
	
h4 {
	font-size: 12px;
	color: #666666;
	text-transform: uppercase;
	margin: 5px 0px 10px 0px;
	font-weight: bold; }
	
h5 { 
	font-size: 18px; }
	
h6 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF; }

h7 {
	font-size: 14px;
	color: #de403f;}
	
h8 {
	font-size: 16px;
	color: #de403f;}	
/* Text elements
-------------------------------------------------------------- */

p {
	margin: 10px 0px 10px 0px;
	font-size: 14px;
	line-height: 20px; }
	
ul, ol {
	margin:0 1.5em 1.5em 1.5em;
	font-size: 12px;
	line-height: 16px; }
	
ul {
	list-style-type: square; }
	
ol {
	list-style-type: decimal; }
	
blockquote {
	margin: 1.5em; }
	
.alert {
	font-size: 12px;
	color: #FF0000;
	border: 1px solid #ccc;
	background-color: #e2e2e2;
	padding: 5px; }
	
#homePageDivisions {
	margin: 0px 0px 20px 0px;
	width: 960px;
}
.success {
	font-size: 12px;
	color: #006600;
	border: 1px solid #ccc;
	background-color: #e2e2e2;
	padding: 5px; }
	
table td {
	vertical-align: top; }
	
.block {
	display: block; }
	
/* 
------------------------------------------------------------------ 
----------------------- PAGE CONTENT -----------------------------
------------------------------------------------------------------ 
*/

/* STRUCTURE & MAIN */

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding: 0px 20px 0px 20px;
}
#logo {
	padding: 20px 0px 40px 10px;
}

#socialNetworking {
	position: absolute;
	margin: 50px 0px 0px 780px;
}

#socialNetworking p {
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

#socialNetworking img {
	vertical-align:middle;
}

#themeSelector {
	position: absolute;
	width: 280px;
	margin: 20px 0px 0px 680px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
#themeSelector a {
	color: #FFCC00;
	font-size: 20px;
}


#links {
	font-size: 20px;
	font-weight: bold;
}
#links a {
	color: #DE4040;
	font-size: 20px;
}

#miniCart {
	position: absolute;
	width: 300px;
	margin: 120px 0px 0px 640px;
}
#miniCart p {
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}
#nav {
	height: 46px;
	background-image: url(/_common/mainNav_BG.png);
	background-repeat: no-repeat;
}
#indexContent {
	height: 337px;
	background-color: #FFFFFF;
}
.indexBlurb {
	position: absolute;
	margin: 100px 0px 0px 530px;
	width: 370px;
}
.indexBlurb h2 {
	text-transform: uppercase;
	font-size: 16px;
	font-family: Arial Narrow;
	margin: 0px 0px 10px 0px;
	color: #278ac6;
}
.indexBlurb p {
	font-size: 13px;
	line-height: 18px;
	color: #666;
}
#pageContent {
	background-color: #FFFFFF;
	padding: 35px 25px 35px 20px;
}
#featureContent {
	margin: 10px 0px 0px 0px;
}

#featureLoggedIn {
	background-image: url(/_common/featureLoggedIn_bg.jpg);
	float: left;
	width: 266px;
	margin: 0px 13px 0px 0px;
	height: 116px;
}

#featureLogin {
	float: left;
	width: 266px;
	margin: 0px 13px 0px 0px;
	height: 116px;
}
table.tableLogin {
	width: 266px;
}
#featurePhotos {
	float: left;
	width: 334px;
	margin: 0px 13px 0px 0px;
	height: 116px;
}
#featureSurfReports {
	float: left;
	width: 334px;
	height: 116px;
}
table.tableFeatPlate {
	width: 334px;
}
table.tableFeatPlate td.middle {
	width: 308px;
	padding: 15px 10px 0px 10px;
}
table.tableFeatPlate td.middle a img {
	border: 3px solid #fff;
	margin: 0px 3px 0px 0px;
}
table.tableFeatPlate td.middle a:hover img {
	border: 3px solid #ff6c00;
}
table.tableFeatPlate td.middle p {
	color: #FFFFFF;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.miniSurfReport {
	position: absolute;
	margin: -3px 0px 0px 72px;
}
#footer {
	margin: 10px 0px 0px 0px;
	padding: 60px 20px 20px 20px;
	background-image: url(/_common/footer_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#footer p {
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	font-size: 10px;
}
#footer a {
	color: #666666;
}
#footer a:hover {
	color: #0066CC;
	text-decoration: none;
}
.photoThumb {
	margin: 5px 0px 4px 0px;
	display: block;
}
#photoDivisions {
	background-image: url(/_common/photoDivisions_ext.jpg);
	margin: 0px 0px 20px 0px;
	width: 916px;
}
#photoDivisionsFav {
	background-image: url(/_common/photoDivisionsFav_ext.jpg);
	margin: 0px 0px 20px 0px;
	width: 666px;
}
.photoDivisionsInner {
	padding: 0px 0px 0px 30px;
}
.photoFloat {
	background-color: #FFFFFF;
	width: 184px;
	margin: 0px 30px 20px 0px;
	padding: 0px;
	float: left;
}
.photoFloatFav {
	background-color: #FFFFFF;
	width: 184px;
	margin: 0px 25px 20px 0px;
	padding: 0px;
	float: left;
}
.photoFloatInner {
	padding: 0px 17px 0px 17px;
}
table.dateSubject {
	margin: 0px 0px 20px 0px;
}
table.dateSubject h1 {
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 18px;
	line-height: 30px;
}
	
.announcement a {
	color: #FFF; }
	
.announcement:hover {
	color: #FFF;
	text-decoration: underline; }
	
.announcement:hover a {
	color: #FFF;
	text-decoration: underline; }	
	
.announcement:visited {
	color: #FFF; }
	
.announcement:visited a {
	color: #FFF; }	
	
#results {}

.resultTitles {
	background-image: url(/_common/resultsTitleBG.jpg);
	padding: 14px 15px 0px 15px;
	width: 878px;
	height: 22px;
	margin: 0px 0px 10px 0px; }

.resultListing {
	width: 878px;
	padding: 13px 15px 0px 15px;
	height: 30px;
	margin: 0px 0px 5px 0px;
	font-size: 11px;
	color: #666666;
	background-image: url(/_common/resultBox.jpg); }
	
.resultListing a {
	color: #666666;
	text-decoration: underline;	}
	
.resultListing:hover {
	color: #333333;
	background-image: url(/_common/resultBox_over.jpg); 
	cursor: pointer; }
	
.resultListing:hover a {
	color: #333333;	}
	
.resultDateDiv {
	font-weight: bold;
	width: 130px;
	float: left; }
	
.resultDateDiv2 {
	font-weight: normal;
	width: 300px;
	float: left; }	
	
.resultBreakDiv {
	font-weight: bold;
	width: 200px;
	float: left; }
	
.resultPhotosDiv {
	font-weight: bold;
	width: 80px;
	float: left; }
		
.resultNameDiv {
	font-weight: bold;
	width: 130px;
	float: left; }
		
.resultPhotosDiv2 {
	font-weight: bold;
	width: 400px;
	float: left; }
	
.resultDescDiv {
	width: 400px;
	float: left; }
	
.resultOpenDiv {
	width: 30px;
	float: left; }
	
#specialAnnouncement {
	margin: 10px 0px 0px 0px;
	padding: 12px 0px 0px 260px;
	width: 700px;
	height: 37px;
	background-image: url(/_common/specialAnnouncement.jpg);
}

#home_page_message {
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 14px;
}


/*
-----------------------------------------------------------------
------------------------ BUTTONS --------------------------------
----------------------------------------------------------------- */

/* my buttons */

	



#linkButton a {
	font-size: 10px;
	text-decoration: none;
	padding: 2px;
	margin: 2px 3px 2px 0px;
	color: #050;
	background-color: #5496b6;
	color: #FFF;
	border: 1px solid;
	border-color: #45829f #68a8c7 #68a8c7 #45829f;
	display: inline; }

#linkButton a:hover {
	color: #ffb400; }


button.btn {
	font-size: 12px;
	padding: 1px;
	margin: 2px 3px 2px 0px;
	color: #050;
	background-color: #5496b6;
	color: #FFF;
	border: 1px solid;
	border-color: #45829f #68a8c7 #68a8c7 #45829f;
	display: inline; }	

input.btn {
	font-size: 12px;
	padding: 1px;
	margin: 2px 3px 2px 0px;
	color: #050;
	background-color: #5496b6;
	color: #FFF;
	border: 1px solid;
	border-color: #45829f #68a8c7 #68a8c7 #45829f;
	display: inline; }
	
input.btn:hover {
	color: #ffb400; }
	
ul.myButton {
	list-style: none;
	padding: 0;
	margin: 0; }
	
ul.myButton li {
	text-align: left;
	white-space: nowrap;
	float: right;
	margin: .25em 0 .5em 2em; }
	
.createButton {
	width: 100px; }
	
.deleteButton {
	width: 100px; }
	
.submitButton {
	width: 115px; }

/*
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/

*:first-child+html .createButton {
	width: 110px; }
	
*:first-child+html .deleteButton {
	width: 110px; }
	
*:first-child+html .submitButton {
	width: 125px; }
	
*:first-child+html .testButton {
	width: 185px; }

ul.myButton li img {
	vertical-align: middle;
	margin: -2px 0 0 0; }
	
ul.myButton li a {
	display: block;
	font-size: 90%;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	background-color: #000;
	border: solid 1px #333;
	padding: .6em .5em .4em .5em; }

ul.myButton li#active a {
	color:#FFF;
	background-color: #000;}

ul.myButton li a:hover, ul.myButton li#active a:hover {
	color: #FFF;
	background-color: #cccccc; }
	
ul.myButton li.MoveLeft {
	text-align: left;
	white-space: nowrap;
	float: none;
	margin: .25em 0 .5em 0; }

ul.myButton li.MoveUp {
	white-space: nowrap;
	margin: -24px 0 0 0; }
	
.btn_go {
	position: absolute;
	margin: 24px 0px 0px 80px; }
	
.btn_seeMore {
	margin: 95px 0px 0px 23px;
	position: absolute; }
	
#loginForm {
	padding: 45px 0px 0px 90px; }
	
#loginForm p {
	padding: 0px;
	margin: 0px; }
	
#loginForm a {
	font-size: 10px;
	color: #FFFFFF; }
	
#loginForm input.text {
	background-color: #fff;
	height: 12px;
	font-size: 11px;
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FFFFFF;
	width: 60px; }
	
	

#photoSearch {
	background-image: url(/_common/photo_search_snow.jpg);
	width: 908px;
	height: 36px;
	margin: 10px 0px 10px 0px;
	}
	
#photoSearch input.text {
	background-color: #fff;
	height: 12px;
	font-size: 11px;
	color: #666666;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #FFFFFF;
	width: 70px; }
	
#pagination {
	margin: 20px 0px 20px 0px; display: inline-block;}
	
#pagination a {
	display: inline-block;
	padding: 2px 0px 0px 7px;
	margin: 0px 2px 0px 0px;
	width: 16px;
	height: 20px;
	text-decoration: none;
	color: #0094d6;
	font-size: 14px;
	font-weight: bold; }
	
#pagination a:hover {
	color: #FFFFFF;
	background-image: url(/_common/numberBack.jpg); }
	
#pagination .active {
	color: #FFFFFF;
	background-image: url(/_common/numberBack.jpg); }
	
.pages {
	margin: -21px 0px 0px 250px; }

.pages2 {
	margin: -21px 0px 0px 0px; }

#searchIndexClickHere {
	width: 134px;
	position: absolute;
	margin: 357px 0px 0px 0px;
	right: 470px;
	height: 18px;
	line-height: 0px; }
	
	
#searchIndex {
	width: 739px;
	position: absolute;
	margin: 320px 0px 0px 0px;
	right: 20px;
	height: 46px;
	line-height: 0px;
	background-image: url(/_common/searchField_bg.png);
	background-repeat: no-repeat;
	background-position: right; }
	
#searchIndex input.text {
	position: absolute;
	background-color: #fff;
	height: 12px;
	font-size: 11px;
	color: #666666;
	margin: 16px 0px 0px 96px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 147px; }
	
#searchIndex .btn_go {
	position: absolute;
	margin: 14px 0px 0px 700px; }
	
#membersNav {
	width: 202px;
	float: left; }

#membersContent {
	margin: 0px 0px 0px 222px; }
	
/*
------------------------------------------------------------------
------------------------  PRODUCTS -------------------------------
------------------------------------------------------------------
*/
	
.product {
	background-image: url(/_common/product_divider.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 10px 0px 10px 0px;
	padding: 20px 0px 10px 0px;
	}
	
.product_image {
	width: 160px;
	float: left;
	}
	
.product_text_large {
	width: 700px;
	float: left;
	}
	
.product_text_large p {
	line-height: 16px;
	font-size: 16px;
	}
	
.product_text_large h3 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	}
	
.product_text_large span {
	margin: 0px;
	padding 0px;
	line-height: 12px;
	font-size: 14px;
	}
	
.product_text_large .btn {
	display: block;
	margin-top: 10px;
	}
	
.product_text {
	width: 700px;
	float: left;
	}
	
.product_text p {
	line-height: 16px;
	}
	
.product_text h3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	}
	
.product_text span {
	margin: 0px;
	padding 0px;
	line-height: 10px;
	font-size: 12px;
	}
	
.product_text .btn {
	display: block;
	margin-top: 10px;
	}

.product_price_text {
	color: #0077bb;
	font-weight: 600;
	}

.product_text .checkbox {
	margin: 0px;
	padding: 0px;
	}
	
.product_options {
	border: 1px solid #eee89e;
	background-color: #fffde2;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	}
	
.product_options p {
	margin: 0px;
	padding: 0px;
	}
	
.product_options a {
	color: #FF0000;
	font-size: 11px;
	font-weight: bold;
	}
	
.product_frames {
	margin: 5px 0px 5px 0px;
	}
	
.product_frames a img {
	border: 3px solid  #fffde2;
	margin: 0px 5px 0px 0px;
	}
	
.product_frames a:hover img {
	border: 3px solid #2789c6;
	}
	
.product_options h3 {
	text-transform: none;
	color: #666666;
	
	}	
	
	

/*
------------------------------------------------------------------
------------------------  FORMS ----------------------------------
------------------------------------------------------------------
*/

#myForm {
	margin: 0px;
	padding: 0px;
	font-size: 11px; }
	
#myForm td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	vertical-align: top; }
	
#myForm h2 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000000; }
	
#myForm h3 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #333333; }
	
#myForm h4 {
	font-size: 12px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
	font-weight: bold;
	color: #333333; }
	
#myForm .submit {
	background-color: #fff;
	padding: 1.5em 0; }
	
#myForm label {
	color: #666;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	display: block;
	margin: 3px 0 2px 0; }
	
#myForm label img {
	vertical-align: text-bottom; }
	
#myForm input.text {
	background-color: #ccc;
	font-size: 11px;
	margin: 0px 5px 5px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #999999; }
	
#myForm input.text:focus {
	border: 1px solid #999999;
	background-color: #c2b79d; }
	
#myForm select.menu {
	background-color: #cccccc;
	font-size: 11px;
	margin: 0px 5px 5px 0px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #999999; }
	
#myForm select.menu:focus {
	border: 1px solid #999999;
	background-color: #c2b79d; }
	
#myForm .checkbox {
	margin: 5px 0px 5px 15px;
	padding: 0px 0px 0px 0px; }
	
#myForm .button {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px; }
	
/* Textareas */

#myForm textarea {
	margin:0.125em 0; }
	
#myForm textarea {
	border:1px solid #999;
	background:#ccc;
	padding: .125em; }
	
#myForm textarea:focus {
	border:1px solid #999;
	background:#bed1e4; }
	
/* 
------------------------------------------------------------------ 
----------------------- MORE USEFUL STUFF ------------------------
------------------------------------------------------------------ 
*/

.hiddenDiv {
	display: none; }
	
.visibleDiv {
	display: block; }
	
.hide {
	display: none; }
	
.clear-both {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden; }
	
.center {
	text-align: center; }
	
.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left; }
	
.nowrap {
	white-space: nowrap; }
	
.warning {
	color: #FF6600; }
	
.asterix {
	color: red;
	font-size: 10px;
	position: absolute;
	margin: 0px 0px 0px 3px; }
	
/* some default widths */

.width25 {
	width: 25px; }
	
.width50 {
	width: 50px; }
	
.width75 {
	width: 75px; }
	
.width100 {
	width: 100px; }

.width125 {
	width: 125px; }
	
.width150 {
	width: 150px; }
	
.width175 {
	width: 175px; }
	
.width200 {
	width: 200px; }
	
.width225 {
	width: 225px; }
	
.width275 {
	width: 275px; }
	
.width250 {
	width: 250px; }
	
.width300 {
	width: 300px; }
	
.width325 {
	width: 325px; }
	
.width350 {
	width: 350px; }
	
.wdith400 {
	width: 400px; }
	
.up10 {
	margin: -10px 0px 0px 0px; }
	
.up20 {
	margin: -20px 0px 0px 0px; }
	
.up30 {
	margin: -30px 0px 0px 0px; }
	
.up40 {
	margin: -40px 0px 0px 0px; }