@charset "UTF-8";
/* CSS Document */

div.clear { clear: both; }

a,
input { cursor: pointer; }

ul {padding-bottom:14px}
li {font-family: Helvetica, Arial, sans-serif;font-size: 12px;color:#000;margin-left: 14px;list-style-type: circle;}

/*h1 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 20px; margin: 0px; padding: 0px; color:#000; }*/
h1 { font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase; }
h1 span { font-weight: normal; }
h2 {font-family: Helvetica, Arial, sans-serif;font-size: 14px;text-transform: uppercase;font-weight: bold;line-height: 20px;}
h3 {font-family: Helvetica, Arial, sans-serif;font-size: 14px;text-transform: uppercase;font-weight: bold;line-height: 24px;}

hr.vert1 { background: url(../apparel/_images/layout/vertical_rule_1.gif) repeat; border: none; height: 100%; width: 1px; }
hr.hori1 { background: #FFF url(../apparel/_images/layout/horizontal_rule_1.gif) repeat; border: none; height: 1px; width: 100%; }

p {padding-top: 5px; padding-bottom:5px}

img.title { padding-bottom: 10px;}

.floatleft{float:left;text-align: left;}
.floatright{float:right;text-align: right;}

.regtitle {font-family: Helvetica, Arial, sans-serif;font-size: 14px;text-transform: uppercase;}
.boldtitle {font-family: Helvetica, Arial, sans-serif;font-size: 14px;font-weight: bold;text-transform: uppercase;}

.regtitlelrg {font-family: Helvetica, Arial, sans-serif;font-size: 20px;text-transform: uppercase; letter-spacing: -0.5px; line-height: 26px;}
.boldtitlelrg {font-family: Helvetica, Arial, sans-serif;font-size: 20px;font-weight: bold;text-transform: uppercase; letter-spacing: -0.5px; line-height: 26px;}

#storecontentcontainer { background:#FFF url(../apparel/_images/layout/content_top.gif) no-repeat top left; padding: 10px 0px 0px; width: 940px; }
#storecontentinner { background: url(../apparel/_images/layout/content_bottom.gif) no-repeat bottom left; padding: 0px 0px 30px 14px; width: 926px; }

#storecontentinner #pageleft { float: left; width: 718px; padding: 21px 7px 0px 0px; background: url(../apparel/_images/layout/vertical_rule_1.gif) repeat-y top right; }
#storecontentinner #pageright { float: right; width: 200px; }

#storecontentinner #splashleft { float: left; width: 548px; padding: 7px 7px 0px 0px; background: url(../apparel/_images/layout/vertical_rule_1.gif) repeat-y top right; }
#storecontentinner #splashright { float: right; width: 350px; padding: 7px 7px 0px 0px;}

#storecontentinner #thinleft {float: left;width: 325px;padding: 7px 7px 0px 14px;}
#storecontentinner #wideright { float: right; width: 570px; padding: 7px 7px 0px 0px;}

#storecontentinner #splitleft {float: left;width: 200px;padding: 0px 14px 0px 0px;}
#storecontentinner #splitright {float: right;width: 200px;padding: 0px 0px 0px 0px;}

#storecontentinner #about {float: left;width: 280px;padding: 10px 10px 10px 10px;}

#storecontentinner #evenleft {float: left;width: 435px;padding: 2px 7px 0px 14px;}
#storecontentinner #evenright {float: right;width: 435px;background-image: url(../apparel/_images/layout/vertical_rule_1.gif);background-repeat: repeat-y;background-position: left top;padding-top: 2px;padding-right: 14px;padding-bottom: 0px;padding-left: 21px; position: relative;}

#storecontentinner #splashleft {float: left; width: 620px;}
#storecontentinner #splashscroller { width: 620px; height: 314px; margin-bottom: 8px; position: relative;padding: 0px; overflow: hidden;}
#storecontentinner #splashscroller a.next { position: absolute; top: 132px; right:0px; z-index: 2; }
#storecontentinner #splashscroller a.prev { position: absolute; top: 132px; left:0px; z-index: 2 }
#storecontentinner #splashscroller div.overlay { width: 404px; height: 59px; position: absolute; bottom: 30px; left: 5px; padding: 0px; z-index: 2; }
#storecontentinner #splashscroller div.overlay a.overlaybackground { background: #FFF; width: 404px; height: 59px; display: block; }
#storecontentinner #splashscroller div.overlay a.overlaytitle { font-family: Helvetica, Arial, sans-serif; font-size: 20px; position: absolute; left: 9px; top: 5px; display: block; width: 387px; height: 23px; overflow: hidden; }
#storecontentinner #splashscroller div.overlay a.overlaydescription { position: absolute; top: 34px; left: 7px; width: 387px; height: 15px; overflow: hidden; }
#storecontentinner #splashscroller ul.pagenumbers { position: absolute; left: 0px; bottom: 6px; padding: 0px; margin: 0px; height: 19px; width: 409px; list-style: none; }
#storecontentinner #splashscroller ul.pagenumbers li { list-style: none; height: 19px; line-height: 19px; text-align: center; float: left; width: 19px; margin: 0px 0px 0px 5px; padding: 0px; position: relative; }
#storecontentinner #splashscroller ul.pagenumbers li div { background:#FFF; height: 19px; width: 19px; }
#storecontentinner #splashscroller ul.pagenumbers li a { display: block; height: 19px; width: 19px; color: #999999; font-family: Arial; font-size: 9px; position: absolute; top: 0px; left: 0px; font-weight: bold; }
#storecontentinner #splashscroller ul.pagenumbers li.on div,
#storecontentinner #splashscroller ul.pagenumbers li:hover div { background:#000; }
#storecontentinner #splashscroller ul.pagenumbers li.on a,
#storecontentinner #splashscroller ul.pagenumbers li:hover a { color: #ededed; }

#storecontentinner #quadbox {width: 620px;}
#storecontentinner #top-left {float: left; width: 306px;margin-right: 4px; margin-bottom: 8px; height: 125px;}
#storecontentinner #top-right {float: left; width: 306px;margin-left: 4px; margin-bottom: 8px; height: 125px;}
#storecontentinner #bottom-left { float: left; width: 306px;margin-right: 4px; height: 125px;}
#storecontentinner #bottom-right { float: left; width: 306px;margin-left: 4px; height: 125px;}

#storecontentinner #newsright {float: left;width: 270px;height: 532px;background-color: #000000;background-image: url(../_images/headings/news_title.jpg);background-repeat: no-repeat;margin-top: 7px;padding: 67px 7px 7px 7px;color: #FFFFFF;border:1px solid #000000;}
#storecontentinner #newsright div.item { border-bottom: solid 1px #282828;margin-top: 4px;padding-bottom: 4px;background: none; }
#storecontentinner #newsright div.item:hover { background: #121212; }
#storecontentinner #newsright div.item a {color: #ffffff; }
#storecontentinner #newsright div.item a:hover {color: #cccccc; }
#storecontentinner #newsright div.item img.icon { float: left; margin-right: 7px; width: 70px; height: 70px; border: 1px solid #FFFFFF; vertical-align: middle; }
#storecontentinner #newsright a.morenews { text-align: right; display: block; margin-top: 10px; font-size: 14px; font-weight:bold; color:#FFF; text-decoration: none; margin-right: 5px; }
#storecontentinner #newsright a.morenews:hover { text-decoration: underline; font-size: 14px; }

#storecontentinner #fullwidth { width: 880px; padding: 2px 0px 7px 14px;}
#storecontentinner #pagetitle {padding: 21px 7px 14px 14px;}
#storecontentinner #pagetitledouble {padding: 21px 7px 14px 0px;}

#storecontentinner #pageright ul#accountlinks { padding: 27px 0px 0px 27px; margin: 0px; list-style: none; }
#storecontentinner #pageright ul#accountlinks li { padding: 0px; margin: 0px 0px 15px; list-style: none; }
#storecontentinner #pageright ul#accountlinks li a { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #000; text-decoration: none; }
#storecontentinner #pageright ul#accountlinks li a:hover { text-decoration: underline; }

ul#checkout_breadcrumb { list-style: none; padding: 0px; margin: 15px 0px 10px; }
ul#checkout_breadcrumb li { float: left; padding: 0px 0px 0px 20px; margin: 0px 10px 0px 0px; background: url(../_images/layout/checkout_breadcrumb_off.gif) no-repeat top left; height: 24px; line-height: 24px; color: #bfbfbf; text-transform: lowercase; font-weight:bold; }
ul#checkout_breadcrumb li.on { background: url(../apparel/_images/layout/checkout_breadcrumb_on.gif) no-repeat top left; color: #000; }
ul#checkout_breadcrumb li.yourcart { padding-left: 0px; background: none; }

/****
** Warranty
****/
.warranty input.input-text { background: #FFF; color:#000; border: 1px solid #000; height: 16px; line-height: 20px; padding: 2px 3px; position: absolute; right: 0px; top: 0px; width: 149px; }
.warranty label { color:#000; font-weight:bold; display: block; height: 22px; line-height:22px; margin: 7px 0px 0px; position: relative; width: 363px; }
/*#warrantyform { width:280px; margin-top:12px; }
#warrantyform label,#warrantyform input {  margin-bottom:4px; display:block; float:left; }
#warrantyform label { width:122px;}
#warrantyform input { width:150px; }*/
input.btn-orange_submit { display: block; width: 76px; padding-top: 27px; height: 0px; background: url(../apparel/_images/layout/btn-orange_submit.gif) no-repeat; border: 0px; overflow: hidden; }
input.btn-orange_submit:hover { background-position: 0px -27px; }

	
a.btn-orange_submit { display: block; width: 100px; padding-top: 27px; height: 0px; background: url(../apparel/_images/layout/btn-orange_submit.gif) no-repeat; overflow: hidden; }
a.btn-orange_submit:hover { background-position: 0px -27px; }

input.btn-orange_sendemail { display: block; border: 0px; width: 113px; padding-top: 27px; height: 0px; background: url(../apparel/_images/layout/btn-orange_sendemail.gif) no-repeat; overflow: hidden; }
input.btn-orange_sendemail:hover { background-position: 0px -27px; }

fieldset { border:0;margin:0;padding:0; }
label {display:block;line-height: 20px;}
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px; border: 0px; font:bold 12px/12px verdana,arial,sans-serif; }

/* SPLASH BOXES */

#storecontentinner #splashleft #boxes { margin-top: 10px;margin-left: 3px;width: 600px; }
#storecontentinner #splashleft #boxes ul {margin: 0; padding: 0; list-style-type: none;}
#storecontentinner #splashleft #boxes li {text-align: center;margin: 3px;padding: 2px;width: 95px; height: 125px; overflow: hidden; float: left;border: 1px solid #efefef;list-style-type: none;}
#storecontentinner #splashleft #boxes li a { width: 95px; height: 125px; display: block; }
#storecontentinner #splashleft #boxes li span { display: block; padding-top: 3px; }
#storecontentinner #splashleft #boxes img { vertical-align:middle; width: 95px; height: 95px; }

/* RIDER SPLASH BOXES */

#storecontentinner #splashleft .boxes { margin-top: 10px;margin-left: 3px;width: 585px; background: #ececec; padding-top: 20px; padding-left: 15px; padding-bottom: 5px; }
#storecontentinner #splashleft .boxes ul {margin: 10px 0px 0px; padding: 0; list-style-type: none;}
#storecontentinner #splashleft .boxes li {text-align: center;margin: 3px 10px 3px 3px;padding: 2px;width: 95px; height: 125px; overflow: hidden; float: left;border: 1px solid #efefef;list-style-type: none; background: #fff; }
#storecontentinner #splashleft .boxes li a { width: 95px; height: 125px; display: block; }
#storecontentinner #splashleft .boxes li span { display: block; padding-top: 3px; }
#storecontentinner #splashleft .boxes img { vertical-align:middle; width: 95px; height: 95px; }

/****
** Board Details
****/

#storecontentinner div.boarddetails { }
#storecontentinner div.boarddetails a.arrowleft { height: 0px; padding-top: 27px; width: 25px; background: url(../_images/layout/board_arrow-left.gif) no-repeat; overflow: hidden; float: left; display: block; }
#storecontentinner div.boarddetails a.arrowleft:hover { background-position: 0px -27px; }
#storecontentinner div.boarddetails a.arrowright { height: 0px; padding-top: 27px; width: 25px; background: url(../_images/layout/board_arrow-right.gif) no-repeat; overflow: hidden; float: right; display: block; margin-right: 10px; }
#storecontentinner div.boarddetails a.arrowright:hover { background-position: 0px -27px; }
#storecontentinner div.boarddetails a.returntogallery { height: 0px; padding-top: 48px; width: 88px; background: url(../_images/headings/board_return-gallery.png) no-repeat; overflow: hidden; display: block; top: 47px; right: 14px; position: absolute; }
#storecontentinner div.boarddetails a.returntogallery:hover { background-position: 0px -48px; }

#storecontentinner div.boarddetails #boardimage { margin-top: 15px; width: 400px; text-align: center; position: relative }
#storecontentinner div.boarddetails #boardimage a.icon-zoom { position: absolute; bottom: 0px; right: 0px; width: 27px; height: 0px; padding-top: 24px; background: url(../apparel/_images/layout/icon-zoom.gif) no-repeat; display: block; overflow:hidden; }
#storecontentinner div.boarddetails #boardimage a.icon-zoom:hover { background-position: 0px -24px; }
#storecontentinner div.boarddetails .specsheading { height: 10px; padding-left: 140px; padding-top: 30px; background:url(../_images/headings/board_specs.gif) no-repeat; }
#storecontentinner div.boarddetails .specsheading a.on { font-size: 12px; font-weight:bold; color:#FE7030; }
#storecontentinner div.boarddetails .specs { font-weight: bold; font-size: 11px; margin-top: 10px; margin-bottom: 20px; }
#storecontentinner div.boarddetails .specs p { margin: 0px; padding: 0px; }
#storecontentinner div.boarddetails div.boardtext { padding-top: 15px; padding-bottom15px }
#storecontentinner div.boarddetails div.boardtext p { margin-bottom: 10px; }

#storecontentinner div.boarddetails .return { padding-top: 20px }

.boardfeatures { margin: 20px 0px 10px; }
.boardfeatures .featureicons { margin-top: 7px; }
#featuredescription { margin-top: 5px; }
#featuredescription h3 { font-size: 13px; }
#featuredescription p { padding: 0px; margin: 0px; }

#storecontentinner div.boarddetails a.btn-grey_findaretailer { display: block; background:url(../apparel/_images/layout/btn-grey_findaretailer.gif) no-repeat; width: 130px; height: 0px; padding-top: 50px; overflow: hidden; }
#storecontentinner div.boarddetails a.btn-grey_findaretailer:hover { background-position: 0px -50px; }

/* Board Mapping Page */
#storecontentinner #boardmap_left {float: left;width: 295px;padding: 2px 5px 0px 5px;}
#storecontentinner #boardmap_right { float: right; width: 605px; padding: 0px;}