/* Default Stylesheet for Degree 33 Surfboards */

/* Default Body styles */
html, body {font-family:Arial, Tahoma, helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0;}
html {}
body#page {text-align:center; padding:0 20px; background:#fff url('/body-shadow-bg.gif') repeat-x left top;}
#themeContainer {position: relative; width:870px; margin:0 auto; padding:0; text-align:left;}
p {margin:0 0 10px; padding:0;}
img {margin:0; padding:0; border:0;}
div {margin:0; padding:0; border:0;}
hr {clear:both; height:1px; border:0; color:#a10000; background:#a10000;}

/* Anchor Styles */
a, a:link, a:visited {color:#03b; text-decoration:none;}
a:active, a:hover, a:focus {outline:none; text-decoration:underline;}

/* Heading Styles */
h1, h2, h3, h4, h5 {color:#000;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* Header Styles */
#header {position:relative; margin:0; height:115px;}
#header a#logo {position:absolute; top:28px; left:1px; z-index:10;}
#header div#rideItLoveIt {position:absolute; top:1px; left:341px; z-index:10;}

#topMenu {position:absolute; right:5px; top:20px; z-index:20;}
#topMenu li {color:#D1D1D1;}
#topMenu li a, #topMenu li a:link, #topMenu li a:visited {font-weight:bold; color:#636262; font-family:Verdana,Arial,Sans Serif;}

.ulMenu {margin:0; padding:0; list-style:none;}
.ulMenu li {float:left; display:inline;}
.ulMenu li a, .ulMenu li a:link, .ulMenu li a:visited {/*display:block;*/padding:0 8px; color:#000; font-size:11px;}

/* Site Search Styles */
#search {position:absolute; right:5px; bottom:30px; z-index:10; width:180px; height:24px;}
#search input.txtSearch {position:absolute; top:0px; right:25px; width:148px; height:18px; line-height:16px; vertical-align:middle; font-size:11px; margin:0; padding:0; border:solid 1px #b2b2b2; background:#f8f8f8;}
#search input.btnSearch {position:absolute; top:0; right:0;}

/* Navigation Styles  */
#siteMenu {position:absolute; left:0; bottom:0; z-index:10; width:870px; height:29px; text-align:center; background:#b9211d url('/menu-bg.gif') no-repeat; text-transform:uppercase;}
#Menu {margin:0 auto; padding:0; list-style:none; line-height:25px;}
#Menu li {float:left; display:inline; position:relative; margin:0; padding:0;}
#Menu li.item a, #Menu li.item a:link, #Menu li.item a:visited {color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0 10px; display:block;}
#Menu li.item a:active, #Menu li.item a:hover, #Menu li.item a:focus {}

#Menu li.separator {color:#ababab;}

/* Sub Menu Styles */
#Menu li ul {display:none; position:absolute; top:25px; z-index:1000; line-height:25px; margin:0; padding:10px 0 25px; width:250px; text-align:left; list-style:none; background:#bd221d;}
#Menu li ul, #Menu li ul li, #Menu li ul li a {background-image:none ! important;}
#Menu li ul li {position:relative; height:25px; line-height:25px; margin:0; padding:0; width:100%; display:block; border-bottom:solid 1px #a10000; background:transparent;}
#Menu li ul li.alt {background:#fff;}
#Menu li ul li a, #Menu li ul li a:link, #Menu li ul li a:visited {color:#3f5572; font-weight:normal; font-size:10px; float:none; display:block; height:25px ! important; border:0px; padding:0 20px ! important;}
#Menu li ul li a:active, #Menu li ul li a:hover, #Menu li ul li a:focus {text-decoration:none; background:#df6666;}

#Menu li ul li ul {position:absolute; top:0; left:250px;}
#subNavigation {display:none; position:relative; z-index:1000;}
span.menu-sub-indicator {float:right; display:block; line-height:25px; width:4px; height:100%;}

/* Content Area Styles */
#contentArea {margin:10px 0;}
#column1 {float:left; display:inline; width:200px;}
#column2 {float:left; display:inline; width:465px; margin:0 0 0 10px;}
#column3 {float:left; display:inline; width:185px; margin:0 0 0 10px;}

body.products #column2 {width:655px;}

/* Left Column Styles */
.categoryList {margin:0; padding:0; list-style:none;}
.categoryList li {text-transform:uppercase; margin:10px 0; padding:0; list-style:none; color:#B9B8BA; font-weight:normal; font-size:11px;}
.categoryList li a, .categoryList li a:link, .categoryList li a:visited {color:#B9B8BA; font-weight:normal; font-size:11px; padding:0 10px;}
.categoryList li ul {margin:0 10px 30px; padding:0; list-style:none;}
.categoryList li ul li {text-transform:capitalize; line-height:18px; margin:0; padding:5px 0; border-bottom:solid 1px #E3E3E3; background:url('/category-arrow.gif') no-repeat 2px 10px;}
.categoryList li ul li a, .categoryList li ul li a:link, .categoryList li ul li a:visited {color:#595959; font-weight:bold; font-size:11px; margin:0; padding:0 15px; display:block;}

.categoryList > li > a {padding:0 ! important;}

.categoryList li ul li ul {display:none;}

/* Right Column Styles */

    /* Testimonials Feed Styles */
    #testimonialsFeed {}
    #testimonialsFeed div.item {display:block; margin:10px 0; font-family:Courier New;}
    #testimonialsFeed div.item .title {text-align:center; font-weight:bold;}
    #testimonialsFeed div.item .text {margin:10px 0;}
    #testimonialsFeed div.item .name {text-align:right;}
    #testimonialsFeed div.item .location {text-align:right}
    #testimonialsFeed div.item div.testimonialPin {display:none; margin:10px 0;}
    #testimonialsFeed div.item div.testimonialPin sup {font-family:Verdana; font-size:9px;}

/* Articles Styles */
.articlesList {}
.articlesList div.item {clear:both;}
.articlesList div.item h2 a, .articlesList div.item h2 a:link, .articlesList div.item h2 a:visited {font-weight:bold;}
img.listItemImage {float:left; margin:0 15px 15px 0;}
img.listItemImageUsedBoards {float:left; margin:0 15px 15px 0; width:100px;}
.articlesList div.item p {margin:10px 0 0;}
.articlesList hr {clear:both;}
#editStaffImage img {width:400px;}

/* Right Column Styles */
.themedBox {width:182px; min-height:200px; position:relative; background:url('/right-col-box-bg.gif') repeat-y;}
.themedBox .inner {padding:15px;}

/* Guide Form Styles */
.guideForm {}
.guideForm label {display:block; color:#fff; text-align:center; margin:3px 0; line-height:20px; background:#000;}
.guideForm input.txtInput {}

/* Staff Styles */
.staffList {}
.staffList div.item {clear:both;}
.staffList div.item h2 a, .staffList div.item h2 a:link, .staffList div.item h2 a:visited {}
.staffList div.item p {margin:10px 0 0;}
.staffList hr {clear:both;}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:465px; height:350px; text-align:center; overflow:hidden;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0; width:475px;}
.photoItem {float:left; margin:0 10px 15px 0; width: 108px; cursor:pointer; position:relative;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 45%;}

/* Store formatting / Styles */

    /* Product Category Styles  */
    .productsCategory {clear:both; padding:13px 0 0; min-height:1px;/* Fix IE7 bug */ background:url('/horizontal-dots.gif') repeat-x;}
    .productsCategory div.item {width:205px; height:500px; float:left; display:inline; margin:4px 10px 4px 0; text-align:left; border-right:solid 1px #ddd;}
    .productsCategory div.item .controls {float:right; text-align:right; margin:0 10px 0 5px;}
    .productsCategory div.item a, .productsCategory div.item a:link, .productsCategory div.item a:visited {}
    .productsCategory div.item img {}
    .productsCategory div.item .image {text-align:center;}
    .productsCategory div.item span.productName {display:block;}
    .productsCategory div.item span.productPrice {display:block; color:#c00; font-weight:bold;}

    .productsCategory {clear:both; padding:13px 0 0; min-height:1px;/* Fix IE7 bug */ background:url('/horizontal-dots.gif') repeat-x;}
    .productsCategory div.item2 {width:205px; height:300px; float:left; display:inline; margin:4px 10px 4px 0; text-align:left; border-right:solid 1px #ddd;}
    .productsCategory div.item2 .controls {float:right; text-align:right; margin:0 10px 0 5px;}
    .productsCategory div.item2 a, .productsCategory div.item a:link, .productsCategory div.item a:visited {}
    .productsCategory div.item2 img {}
    .productsCategory div.item2 .image {text-align:center;}
    .productsCategory div.item2 span.productName {display:block;}
    .productsCategory div.item2 span.productPrice {display:block; color:#c00; font-weight:bold;}
    
    /* Separator: */
    .productsCategory hr {clear:both; margin:0; padding:0; height:1px; color:#ddd; background:#ddd;}
    
    /* Product Detail Pages */
    .productDetail {width:650px; clear:both;}
    .productDetail .prodDetailCol1 {width:200px; float:left; display:inline; text-align:center;}
    .productDetail .prodDetailCol2 {width:430px; float:left; display:inline; margin:0 0 0 20px;}
    .productDetail .prodDetailCol2 .detailBox {position:relative; padding:5px; border:solid 1px #ddd; background:#eee;}
    .productDetail .prodDetailCol2 .detailBox .cornerImage {position:absolute; top:-1px; left:-1px;}
    .productDetail .prodDetailCol2 .detailBox .addToCart {float:right;}
    .productDetail .prodDetailCol2 .detailBox p.prices {}
    .productDetail .prodDetailCol2 .detailBox p.sku {color:#999; font-style:italic;}
    
    .productDetailBottom {width:650px; clear:both;}
    .productDetailBottom .lowdown {float:left; display:inline; width:453px; clear:both; position:relative; padding:5px; margin:40px 0; border:solid 1px #ddd; background:#eee;}
    .productDetailBottom .lowdown div.head {position:absolute; top:-18px; left:-1px; border:solid 1px #ddd; line-height:16px; height:16px; color:#05b; font-size:10px; font-weight:bold; margin:0; padding:0 20px 0 8px; font-family:Verdana;}
    .productDetailBottom .lowdown div.head img {position:absolute; top:-1px; right:-1px;}
    
    .productDetailBottom .additionalProducts {float:left; display:inline; width:180px; margin:40px 0 0 5px;}
    .additionalProducts .container {border:solid 1px #ccc;}
    .additionalProducts .container h4 {font-weight:bold; color:#05b; font-size:10px; height:16px; line-height:16px; margin:0 0 10px; padding:0 5px; font-family:Verdana; border-bottom:solid 1px #ccc; background:#bedfff;}
    .additionalProducts .container div.item {margin:2px; padding:5px 1px; font-size:11px; border-bottom:solid 1px #ddd;}
    
/* Footer Styles */
#footer {text-align:center; font-size:11px; margin:5px 0 10px;}
#footerMenu {margin:15px 0 0; line-height:25px; height:29px; text-align:center; background:#D02520 url('/menu-bg.gif') no-repeat;}
#footerMenu li {float:none; display:inline; color:#ababab;}
#footerMenu li a, #footerMenu li a:link, #footerMenu li a:visited {color:#fff; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 10px;}

#footerText {text-align:right; color:#A29F9F; font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:5px 20px; padding:0;}
#footerText a, #footerText a:link, #footerText a:visited {color:#818181;}

/* Footer Signup Styles */
#signup {position:fixed; z-index:1000; left:0; bottom:-100px; width:100%; height:80px; text-align:center; border-top:solid 2px #c00; background:#fff url('/pop_bg_grad.jpg') repeat-x left bottom;}
#signup #signupContent {width:870px; margin:10px auto 0; position:relative; float:left;}
#signup #signupContent #signupImage {float:left;}
#signup #signupContent .signupText {color:#cc0000; font-size:12pt; text-align:left; font-weight:bold;}
#signup #signupContent ul {margin:0; padding:0; list-style:none;}
#signup #signupContent ul li {float:left; margin:0 5px 0 0; padding:3px 0 0;}
#signup div#close {float:right; display:inline; text-align:right; width:100px; padding:0 20px 0 0;}
#signup div#close a#closeButton {font-size:10px;}


/* Misc Styles  */
.clear {clear:both;}
/*#siteAdminMonkeySpacer {display:none ! important;}*/

.small {font-size:10px;}
.center {text-align:center;}
.redText {color:#c00;}

/* Contact Form Styles */
.contactAddress {width:240px; float:left; display:inline;}
.contactText {width:340px; float:left; display:inline;}

.contactForm {width:310px; margin:15px 0 0;}
.contactForm label {display:block; clear:both; margin:10px 0 0;}
.contactForm div span.error {color:#f00;}
.contactForm input#Name, .contactForm input#EmailAddress, .contactForm input#Phone {width:200px;}
.contactForm div.textarea textarea {width:300px; height:75px;}
.hidden {display:none;}
span.error {color:#f00;}

/* Pagination Styles */
.pagination {line-height:30px; clear:both;}
.pagination a, .pagination a:link, .pagination a:visited {padding:0 1px; font-size:12px; text-decoration:none;}
.pagination a.prevnext, .pagination a.prevnext:link, .pagination a.prevnext:visited {font-size:14px;}
.pagination span.currentPage {padding:0 1px; font-size:12px;}

/* Edit Styles */
.divEditBlock {margin:20px 20px 20px 0;}
.divEditBlock div label {display:block; line-height:18px; font-weight:bold; margin:0 0 10px; padding:0 10px; color:#fff; background:#a10000;}
.divEditBlock div {margin:0 0 20px;}
.divEditBlock div span input , .divEditBlock div span textarea {width:300px;}
.divEditBlock .error {font-weight:bold; color:#f00;}

span.divEditControls {}
span.divEditControls a {padding:0 5px;}

div.checkbox label {display:inline; font-weight:normal; margin:0; padding:0; color:#000; background:Transparent;}

.divEditBlock div.checkbox {margin:0;}
.divEditBlock div.checkbox input {width:auto;}

.divEditBlock div#editTitle {}
.divEditBlock div#editTitle input {}

.divEditBlock div#editJobTitle {}
.divEditBlock div#editJobTitle input {}

.divEditBlock div#editBriefDescription {}
.divEditBlock div#editBriefDescription textarea {height:100px;}

.divEditBlock div#editFullDescription {}

.divEditBlock div#editPrice {}
.divEditBlock div#editPrice input {}

.divEditBlock div#editItemUrl {}
.divEditBlock div#editItemUrl input {}

.divEditBlock div#editItemMetaDescription {}
.divEditBlock div#editItemMetaDescription input {}

.divEditBlock div#editItemMetaKeywords {}
.divEditBlock div#editItemMetaKeywords input {}