/* MORDYS
   Master Styles
   Author: Jonathan Nicol (jonathan@f6design.com)
*****************************************************************/


/* Global reset
*****************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
/*font-style:inherit;
font-weight:inherit;*/
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
*:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}

/* Re-defined - HTML Elements
*****************************************************************/

html {
	font-size: 100%; /* for IE */
	height: 100%; /* force scrollbars in Mozilla */
	overflow-y: scroll; /* force scrolbars in Mozilla */ 
}

body  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1c1819;
	background: #fff;
	height: 100%; /* force scrollbars in Mozilla */
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.4;
}
a, a:visited {
	border-bottom: 1px solid #ddd;
	color:#1c1819;
	outline-style:none;
	text-decoration:none;
	}
	a:hover {
		color:#585858;
		border-color: #585858;
		text-decoration:none;
		}
	a:active {
		color:#1c1819;
		text-decoration:none;
		}
a.imglink, a.imglink:visited  {
	border: none;
}
blockquote {
	background:transparent url(../img/quotes.gif) left top no-repeat;
	margin:0pt 0pt 1.5em;
	min-height:3em;
	padding:0pt 0pt 0pt 37px;
}
img {
	border: none;
	display: block;
	}
h1 {
    background: transparent url(../img/logo.gif) left top no-repeat;
    height: 65px;
    width: 192px;
    overflow: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
    left: 0px;
	top: 25px;
    font-size: 48px;
    font-weight: normal;
    text-indent: -999px;
	}
/* see end of stylesheet for sifr styles for H2's */
h2 {
	clear: both;
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	padding: 0;
	margin: 15px 0 7px 0;
	}	
h3 {
	font-size: 14px;
	font-weight: bold;
	}
h4 {
	font-size: 13px;
	font-weight: bold;
    text-transform:uppercase;
    margin: 15px 0 10px 0;
	}
	h4.noTop {
		margin-top: 0;
		}
h5 {
	font-size: 12px;
    text-transform:uppercase;
	font-weight: bold;
    margin: 0 0 5px 0;
	}
p {
	margin:0 0 1em 0;
}



/* Common presentational elements
*****************************************************************/

.alignR {
	text-align: right;
}
.clr {
	clear: both;
}
.clearit {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.contentBlob {
	margin: 7px 13px;
}
#intro {
	clear: both;
	margin-bottom: 7px;
	}
	#intro.noUnderline {
		background: none;
	}
	#intro .introColL {
		float: left;
		width: 293px;
		}
	#intro .introColR {
		float: right;
		width: 293px;
		}
.header-image {
	margin: 0 0 15px 0;
}
.highlightLink, .highlightLinkTight {
	background: transparent url(../img/highlight_btn_arrow.gif) 0 0.5em no-repeat;
	}
	.highlightLink a, .highlightLinkTight a {
		font-style: italic;
		margin: 0 0 0 10px;
		}
	.highlightLinkTight {
		margin-bottom: 0;
	}


/* Page structure
*****************************************************************/

#container {
	width: 858px;
    margin: auto;
    padding: 0 20px;
}

#page {
	padding: 0;
	margin: 0;
	text-align: left;
	width: 796px;
}
#branding {
	width:796px;
    height:97px;
    position:relative;
}
#contentWrap {
	background: transparent url(../img/content_bg.gif) left top repeat-y;
	float: left;
	padding: 7px 0;
	width: 796px;
	}
	#contentWrap.twoCol {
		background: transparent url(../img/content_bg_2col.gif) left top repeat-y;
		}
#partnerWrap {

}
#content {
	width: 627px;
	float: left;
	padding: 0 0 25px 0;
	position: relative; /* allows us to absolutely position its children */
	}

/* Nav
*****************************************************************/

#nav {
	padding: 0;
	width: 796px;
}
#primaryNav, #secondaryNav  {
	list-style-type:none;
	margin: 0;
	padding: 0;
    height: 27px;
    border: 1px solid #1c1819;
    border-left:none;
    border-right:none;
}
#primaryNav li, #secondaryNav li {
	float:left;
	list-style-type: none;
	margin: 0;
	height: 27px;
    overflow: hidden;
    text-indent: -9999px;
}
#primaryNav li a, #secondaryNav li a  {
    display: block;
    height: 27px;
    text-decoration:none;
    color:#1a1a1a;
}
/* NEWS */
#primaryNav li#news a {
    width: 66px;
    margin: 0 18px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px 0px no-repeat;
    }
    #primaryNav li#news a:hover {
        background: transparent url(../img/nav_btns.gif) -200px 0px no-repeat;
        }
    #primaryNav li#news.selected a, #primaryNav li#news.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px 0px no-repeat;
        }
/* SURF */
#primaryNav li#surf a {
    width: 61px;
    margin: 0 18px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -27px no-repeat;
    }
    #primaryNav li#surf a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -27px no-repeat;
        }
    #primaryNav li#surf.selected a, #primaryNav li#surf.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -27px no-repeat;
        }
/* SNOW */
#primaryNav li#snow a {
    width: 66px;
    margin: 0 18px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -54px no-repeat;
    }
    #primaryNav li#snow a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -54px no-repeat;
        }
    #primaryNav li#snow.selected a, #primaryNav li#snow.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -54px no-repeat;
        }
/* SKATE */
#primaryNav li#skate a {
    width: 69px;
    margin: 0 18px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -81px no-repeat;
    }
    #primaryNav li#skate a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -81px no-repeat;
        }
    #primaryNav li#skate.selected a, #primaryNav li#skate.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -81px no-repeat;
        }
/* GREEN */
#primaryNav li#green a {
    width: 73px;
    margin: 0 17px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -108px no-repeat;
    }
    #primaryNav li#green a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -108px no-repeat;
        }
    #primaryNav li#green.selected a, #primaryNav li#green.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -108px no-repeat;
        }
/* LADIES */
#primaryNav li#ladies a {
    width: 76px;
    margin: 0 17px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -135px no-repeat;
    }
    #primaryNav li#ladies a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -135px no-repeat;
        }
    #primaryNav li#ladies.selected a, #primaryNav li#ladies.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -135px no-repeat;
        }
/* MENS */
#primaryNav li#mens a {
    width: 65px;
    margin: 0 17px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -162px no-repeat;
    }
    #primaryNav li#mens a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -162px no-repeat;
        }
    #primaryNav li#mens.selected a, #primaryNav li#mens.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -162px no-repeat;
        }
/* STORES */
#primaryNav li#stores a {
    width: 81px;
    margin: 0 17px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -189px no-repeat;
    }
    #primaryNav li#stores a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -189px no-repeat;
        }
    #primaryNav li#stores.selected a, #primaryNav li#stores.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -189px no-repeat;
        }
/* MAILING LIST */
#primaryNav li#mailinglist a {
    width: 99px;
    background: transparent url(../img/nav_btns.gif) 0px -216px no-repeat;
    }
    #primaryNav li#mailinglist a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -216px no-repeat;
        }
    #primaryNav li#mailinglist.selected a, #primaryNav li#mailinglist.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -216px no-repeat;
        }
#secondaryNav {
    clear:both;
    border-top:none;
}
#secondaryNav li {
	
}
/* BOARDS */
#secondaryNav li#boards a {
    width: 85px;
    margin: 0 20px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -243px no-repeat;
    }
    #secondaryNav li#boards a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -243px no-repeat;
        }
    #secondaryNav li#boards.selected a, #secondaryNav li#boards.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -243px no-repeat;
        }
/* SURF WETSUITS */
#secondaryNav li#surfwetsuits a {
    width: 102px;
    margin: 0 20px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -324px no-repeat;
    }
    #secondaryNav li#surfwetsuits a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -324px no-repeat;
        }
    #secondaryNav li#surfwetsuits.selected a, #secondaryNav li#surfwetsuits.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -324px no-repeat;
        }
/* SURF BODY BOARDS */
#secondaryNav li#surfbodyboards a {
    width: 136px;
    margin: 0 20px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -351px no-repeat;
    }
    #secondaryNav li#surfbodyboards a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -351px no-repeat;
        }
    #secondaryNav li#surfbodyboards.selected a, #secondaryNav li#surfbodyboards.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -351px no-repeat;
        }
/* SNOW BOOTS */
#secondaryNav li#snowboots a {
    width: 71px;
    margin: 0 20px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -270px no-repeat;
    }
    #secondaryNav li#snowboots a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -270px no-repeat;
        }
    #secondaryNav li#snowboots.selected a, #secondaryNav li#snowboots.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -270px no-repeat;
        }
/* SNOW BINDINGS */
#secondaryNav li#snowbindings a {
    width: 99px;
    margin: 0 20px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -297px no-repeat;
    }
    #secondaryNav li#snowbindings a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -297px no-repeat;
        }
    #secondaryNav li#snowbindings.selected a, #secondaryNav li#snowbindings.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -297px no-repeat;
        }
/* HOW TO */
#secondaryNav li#howto a {
    width: 81px;
    margin: 0 20px 0 0;
    background: transparent url(../img/nav_btns.gif) 0px -378px no-repeat;
    }
    #secondaryNav li#howto a:hover {
        background: transparent url(../img/nav_btns.gif) -200px -378px no-repeat;
        }
    #secondaryNav li#howto.selected a, #secondaryNav li#howto.selected a:hover {
        background: transparent url(../img/nav_btns.gif) -400px -378px no-repeat;
        }

/* Partners
*****************************************************************/

#partners {
	width: 155px;
	float: right;
	}
	#partners #partnerLinks  {
		list-style-type: none;
		margin: 0 0 7px 0;
		padding:0 0 7px 0;
        border-bottom: 1px solid #1c1819;
		}
		#partners #partnerLinks li {
			text-indent: -9999px;
            margin: 0;
			padding: 0;
            width: 155px;
            height: 20px;
			}
            #partners #partnerLinks li a {
    			display: block;
                height: 20px;
                border: none;
    			}
    			/* FACEBOOK */
                #partners #partnerLinks li#link-facebook {
                    height: 25px;
                }
                #partners #partnerLinks li#link-facebook a {
                    width: 70px;
                    height: 25px;
                    background: transparent url(../img/partner_btns.gif) 0px 0px no-repeat;
                    }
                    #partners #partnerLinks li#link-facebook a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px 0px no-repeat;
                        }
                /* TWITTER */
                #partners #partnerLinks li#link-twitter {
                    height: 25px;
                }
                #partners #partnerLinks li#link-twitter a {
                    width: 65px;
                    height: 25px;
                    background: transparent url(../img/partner_btns.gif) 0px -25px no-repeat;
                    }
                    #partners #partnerLinks li#link-twitter a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -25px no-repeat;
                        }
                /* BUOY WEATHER */
                #partners #partnerLinks li#link-buoyweather a {
                    width: 100px;
                    background: transparent url(../img/partner_btns.gif) 0px -50px no-repeat;
                    }
                    #partners #partnerLinks li#link-buoyweather a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -50px no-repeat;
                        }
                /* SWELLNET */
                #partners #partnerLinks li#link-swellnet a {
                    width: 73px;
                    background: transparent url(../img/partner_btns.gif) 0px -70px no-repeat;
                    }
                    #partners #partnerLinks li#link-swellnet a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -70px no-repeat;
                        }
                /* TIDE TIMES */
                #partners #partnerLinks li#link-tidetimes a {
                    width: 74px;
                    background: transparent url(../img/partner_btns.gif) 0px -90px no-repeat;
                    }
                    #partners #partnerLinks li#link-tidetimes a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -90px no-repeat;
                        }
                /* WAVE HEIGHT BUOY */
                #partners #partnerLinks li#link-waveheightbuoy a {
                    width: 129px;
                    background: transparent url(../img/partner_btns.gif) 0px -110px no-repeat;
                    }
                    #partners #partnerLinks li#link-waveheightbuoy a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -110px no-repeat;
                        }
                /* VIRTUAL WAVE BUOY */
                #partners #partnerLinks li#link-virtualwavebuoy a {
                    width: 136px;
                    background: transparent url(../img/partner_btns.gif) 0px -130px no-repeat;
                    }
                    #partners #partnerLinks li#link-virtualwavebuoy a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -130px no-repeat;
                        }
                /* SKATE LOCATE */
                #partners #partnerLinks li#link-skatelocate a {
                    width: 96px;
                    background: transparent url(../img/partner_btns.gif) 0px -150px no-repeat;
                    }
                    #partners #partnerLinks li#link-skatelocate a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -150px no-repeat;
                        }
                /* SNOW REPORTS */
                #partners #partnerLinks li#link-snowreports a {
                    width: 105px;
                    background: transparent url(../img/partner_btns.gif) 0px -170px no-repeat;
                    }
                    #partners #partnerLinks li#link-snowreports a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -170px no-repeat;
                        }
                /* LEARN TO SURF */
                #partners #partnerLinks li#link-learntosurf a {
                    width: 105px;
                    background: transparent url(../img/partner_btns.gif) 0px -190px no-repeat;
                    }
                    #partners #partnerLinks li#link-learntosurf a:hover {
                        background: transparent url(../img/partner_btns.gif) -200px -190px no-repeat;
                        }
	#partners #flashbanners {
		margin: 0 0 7px 0;
		padding:0;
        border-bottom: 1px solid #1c1819;
		}
		#partners #flashbanners div {
			margin:0 0 7px 0;
			height:400px;
			}

/* News Items
*****************************************************************/

.newsItem {	
	}
    .newsItem h2 {
        text-transform: uppercase;
        padding: 0 10px 0 0;
        /*clear: none;*/
		}
	.newsItem .body {
		margin: 9px 0 13px 0;
        padding: 0 10px 0 0;
		}
	.newsItem .postMeta {
		font-size: 11px;
		margin: 0 0 12px 0;
		padding: 3px 0;
        border: 1px solid #1c1819;
        border-left: none;
        border-right: none;
		}
	.newsItem img {
		margin: 0 0 12px 0;
		}
        .newsItem img.left {
            /*
            float:left;
            margin: 0 15px 15px 0;
            */
            }
	.newsItem iframe, .newsItem embed, {
		/*margin-bottom:1em;*/
		}

.pagination {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	}
	.pagination p {
		display: inline;
		}
		.pagination p.inactive {
			color: #666;
            font-weight: bold;
			}
    .pagination a {
        border:none;
        font-weight: bold;
        }
        
/* Content Blocks
*****************************************************************/

.content-block {
    border-bottom: 1px solid #1C1819;
    margin: 0 0 1em 0;
	}
    .content-block h2 {
        text-transform: uppercase;
        padding: 0 10px 0 0;
		}
	.content-block img {
		margin: 0 0 12px 0;
		}
    .content-block.last {
        border-bottom:none;
        }

/* Products
*****************************************************************/

.productsRow {
	/*padding: 0 0 15px 0;
	margin: 0 0 10px 0;
    background: transparent url(../img/product_row_bg.gif) bottom left no-repeat;*/
	}
    .productsRow.last {
        background: none;
    	}
	.productsRow h2 {
        text-transform:uppercase;
		padding: 5px 0;
		margin: 7px 0 0px 0;
		overflow: auto; /* required for simple float clearing */
		}
		.productsRow h2 .title {
			/*float: left;
			width: 527px;*/
			}
		.productsRow h2 .price {
            color:#999;
			/*float: right;
			text-align: right;
			width: 100px;*/
			}
	.productsRow p.spec {
		margin: 5px 0;
		}
.productL {
    border-bottom: 1px solid #1C1819;
    margin: 0 0 1em 0;
	/*float: left;
	width: 306px;*/
    }
    .productL.last {
        border-bottom: none;
        }
.productR {
    border-bottom: 1px solid #1C1819;
    margin: 0 0 1em 0;
	/*float: right;
	width: 306px;*/
    }
    .productR.last {
        border-bottom: none;
        }


/* How-to's
*****************************************************************/

h2.how-to-category {
    margin-top:30px;
}
h2.how-to-category.top {
    margin-top:15px;
}

/* Stores
*****************************************************************/

.store {
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #1c1819;
	}
	.store.last {
		border:none;
		}
	.store .contactDetails {
		float: left;
		width: 306px;
		}
	.store .hours {
		float: right;
		width: 306px;
		}
	.store h2 {
		margin-bottom: 7px;
		text-transform: uppercase;
		}

/* Site Info (footer)
*****************************************************************/
	
#siteInfo {
	border-top: 1px solid #1c1819;
	clear: both;
	float: left; /* fix IE double margin bug */
	font-size: 0.91em;
	width: 796px;
	padding: 10px 0 20px 0;
	}
	#siteInfo p {
		padding:0 0 10px 0;
		}
		
/* Lists
*****************************************************************/

#content ul {
	margin:0pt 0pt 1em;
	padding-left:3em;
}
#content ol {
	margin:0pt 0pt 1em;
	padding-left:3em;
}
#content li {
	
}

/* Mailing list
*****************************************************************/

/* NOTE: form is auto generated, so we can't apply class/id's to it
   All styling must be done using CSS2 selectors that are not be supported by IE6/7
   Problematic styles are overwritten in ie_lt_7_only.css and ie_lt_8_only.css */
   
#prevTable {
	margin-top: 13px;
	}
	#prevTable tr {
		}
		#prevTable tbody tr td {
			border-bottom: 10px solid #fff;
			font-family: Georgia, Times, "Times New Roman", serif; 
			font-size: 0.9em;
			font-style: italic;
			}
			#prevTable tbody tr td input {
				width: 290px;
				}
			#prevTable tbody tr:not([style]) td input {
				width: auto;
				}
		#prevTable tbody tr td:first-child {
			background: #00fc00;
			border-right: 15px solid #fff;
			padding: 5px 5px;
			width: 296px;
			}
		#prevTable tbody tr:not([style]) td:first-child {
			background: #fff;
			}
	#prevTable img {
		display: inline;
		}