@charset "UTF-8";

a, 
a:hover,
input,
select,
label { cursor: pointer; }

form,
ul { margin: 0px; padding: 0px; display: block; }

div.clear { clear: both; }

body,
div,
li { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color:#000; }

/*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; }

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

div#content { background: #fff; }

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

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

#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; width: 680px; }
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(../_images/layout/checkout_breadcrumb_on.gif) no-repeat top left; color: #000; }
ul#checkout_breadcrumb li.yourcart { padding-left: 0px; background: none; }

/***
** Buttons
***/
a.btn-grey_back { display: block; width: 102px; padding-top: 27px; height: 0px; background:url(../_images/layout/btn-grey_back.gif) no-repeat; overflow:hidden; }
a.btn-grey_back:hover { background-position: 0px -27px; }
a.btn-grey_continueshopping { display: block; background:url(../_images/layout/btn-grey_continueshopping.gif) no-repeat; width: 155px; height: 0px; padding-top: 27px; overflow: hidden; }
a.btn-grey_continueshopping:hover { background-position: 0px -27px; }
a.btn-grey_findaretailer { display: block; background:url(../_images/layout/btn-grey_findaretailer.gif) no-repeat; width: 130px; height: 0px; padding-top: 50px; overflow: hidden; }
a.btn-grey_findaretailer:hover { background-position: 0px -50px; }
a.btn-orange_continue { display: block; width: 131px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_continue.gif) no-repeat; overflow: hidden; }
a.btn-orange_continue:hover { background-position: 0px -27px; }
a.btn-orange_tobillingandshipping { display: block; width: 184px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_tobillingandshipping.jpg) no-repeat; overflow: hidden; }
a.btn-orange_tobillingandshipping:hover { background-position: 0px -27px; }
a.btn-orange_update { display: block; width: 100px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_update.gif) no-repeat; overflow: hidden; }
a.btn-orange_update:hover { background-position: 0px -27px; }
input.btn-orange_update { display: block; width: 100px; padding-top: 27px; height: 27px; background: url(../_images/layout/btn-orange_update.gif) no-repeat; overflow: hidden; border: 0px; }
input.btn-orange_update:hover { background-position: 0px -27px; }
a.btn-orange_buynow { display: block; width: 100px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_buynow.gif) no-repeat; overflow: hidden; }
a.btn-orange_buynow:hover { background-position: 0px -27px; }
a.btn-orange_createaccount { display: block; width: 141px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_createaccount.gif) no-repeat; overflow: hidden; }
a.btn-orange_createaccount:hover { background-position: 0px -27px; }
a.btn-orange_signin { display: block; width: 100px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_signin.gif) no-repeat; overflow: hidden; }
a.btn-orange_signin:hover { background-position: 0px -27px; }
a.btn-orange_signin { display: block; width: 100px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_signin.gif) no-repeat; overflow: hidden; }
a.btn-orange_signin:hover { background-position: 0px -27px; }

a.btn-og_skate { display: block; width: 65px; padding-top: 24px; height: 0px; background: url(../_images/layout/btn-og_skate.gif) no-repeat 0px -27px; overflow: hidden; }
a.btn-og_skate:hover { background-position: 0px 0px; }
a.btn-og_snow { display: block; width: 65px; padding-top: 24px; height: 0px; background: url(../_images/layout/btn-og_snow.gif) no-repeat 0px -27px; overflow: hidden; }
a.btn-og_snow:hover { background-position: 0px 0px; }
a.btn-og_apparel { display: block; width: 86px; padding-top: 24px; height: 0px; background: url(../_images/layout/btn-og_apparel.gif) no-repeat 0px -27px; overflow: hidden; }
a.btn-og_apparel:hover { background-position: 0px 0px; }
a.btn-og_usonly { display: block; width: 183px; padding-top: 24px; height: 0px; background: url(../_images/layout/btn-og-us-canada.gif) no-repeat 0px -27px; overflow: hidden; }
a.btn-og_usonly:hover { background-position: 0px 0px; }
a.btn-og_international { display: block; width: 230px; padding-top: 24px; height: 0px; background: url(../_images/layout/btn-og-international2.gif) no-repeat 0px -27px; overflow: hidden; }
a.btn-og_international:hover { background-position: 0px 0px; }


/***
** Stock Error/Success
***/
div.messageStackError,
div.messageStackWarning,
div.messageStackSuccess { text-align: center; padding: 10px 0px; margin: 10px 0px; font-weight:bold; color:#000; }
div.messageStackError,
div.messageStackWarning { background: #f9b0b0; }
div.messageStackSuccess { background:#94f398; }

/***
** Forgotten Password
***/
#storecontentinner #pageleft .forgottenpassword { padding: 0px 20px 0px 10px; height: 300px; }
#storecontentinner #pageleft .forgottenpassword .infotext { margin-top: 50px; }
#storecontentinner #pageleft .forgottenpassword h2 { font-size: 12px; padding: 0px; font-family: Helvetica, Arial, sans-serif; margin: 0px 0px 15px; }
#storecontentinner #pageleft .forgottenpassword form { margin-top: 50px; }
#storecontentinner #pageleft .forgottenpassword form label { font-weight:bold; }
#storecontentinner #pageleft .forgottenpassword form label input { border: 1px solid #000; background: none; height: 16px; padding: 2px 3px; width: 150px; margin-left: 20px; }
#storecontentinner #pageleft .forgottenpassword form .buttons { margin-top: 50px; }
#storecontentinner #pageleft .forgottenpassword form .buttons .btn-grey_back { float: left; }
#storecontentinner #pageleft .forgottenpassword form .buttons .btn-orange_continue { float: right; }

/***
** Login
***/
#storecontentinner #pageleft.login { padding-top: 0px; }
#storecontentinner #pageleft.login div.infotext { margin-top: 50px; height: 120px; margin-bottom: 20px; }
#storecontentinner #pageleft.login p { margin-bottom: 16px; }
#storecontentinner #pageleft.login div.newcustomer { float: left; width: 310px; padding-left: 20px; padding-right: 20px; padding-top: 21px; height: 279px; background: url(../_images/layout/vertical_rule_1.gif) repeat-y top right; }
#storecontentinner #pageleft.login div.returningcustomer { float: right; width: 310px; padding-top: 21px; padding-left: 20px; padding-right: 20px;  height: 279px; }
#storecontentinner #pageleft.login div.returningcustomer label { display: block; font-weight: bold; width: 300px; margin: 0px 0px 5px; height: 22px; line-height: 22px; position: relative; }
#storecontentinner #pageleft.login div.returningcustomer label input { position: absolute; right: 0px; height: 16px; padding: 2px 3px; border: 1px solid #000; background: #FFF; line-height: 16px; width: 149px; }
#storecontentinner #pageleft.login div.returningcustomer label.passwordlbl { margin-bottom: 16px; }

/***
** Create Account
***/
#storecontentinner #pageleft.createaccount div.page_section { padding: 0px 0px 0px 20px; }
#storecontentinner #pageleft.createaccount div.page_section .infotext { margin: 16px 0px; line-height: 16px; }
#storecontentinner #pageleft.createaccount div.page_section .infotext a { color:#FE7030; }
#storecontentinner #pageleft.createaccount div.title { margin: 11px 0px 0px 9px; background: url(../_images/layout/titlebar-grey.gif) no-repeat; padding-left: 14px; height: 39px; line-height: 39px; font-weight:bold; position: relative; }
#storecontentinner #pageleft.createaccount div.fields { margin: 5px 0px 0px 25px; }
#storecontentinner #pageleft.createaccount div.fields 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; }
#storecontentinner #pageleft.createaccount div.fields select.select { background: #FFF; color:#000; border: 1px solid #000; height: 20px; line-height: 20px; position: absolute; right: 0px; top: 0px; width: 157px; }
#storecontentinner #pageleft.createaccount div.fields label,
#storecontentinner #pageleft.createaccount div.fields div#gender { color:#000; font-weight:bold; display: block; height: 22px; line-height:22px; margin: 7px 0px 0px; position: relative; width: 363px; }
#storecontentinner #pageleft.createaccount div.fields div#gender div { width: 155px; position: absolute; right: 0px; top: 0px; height: 22px; line-height: 22px; }
#storecontentinner #pageleft.createaccount div.fields div#gender div input { margin-right: 5px; }
#storecontentinner #pageleft.createaccount div.fields label #state_blk { position: absolute; right: 0px; display: block; top: 0px; }
#storecontentinner #pageleft.createaccount .bottombuttons { margin-top: 20px; }
#storecontentinner #pageleft.createaccount .bottombuttons input.btn-orange_continue { display: block; width: 131px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_continue.gif) no-repeat; border: 0px; overflow: hidden; }
#storecontentinner #pageleft.createaccount .bottombuttons input.btn-orange_continue:hover { background-position: 0px -27px; }

/***
** Create Account Success
***/
#storecontentinner #pageleft .createaccountsuccess { padding: 0px 0px 0px 20px; }
#storecontentinner #pageleft .createaccountsuccess .infotext { margin-top: 50px; margin-bottom: 50px; }

/***
** Logoff
***/
#storecontentinner #pageleft .logoff { padding: 0px 0px 0px 20px; }
#storecontentinner #pageleft .logoff .infotext { margin-top: 50px; margin-bottom: 50px; }

/***
** Account
***/
#storecontentinner #pageleft.account { padding-top: 0px; }
#storecontentinner #pageleft.account div.accountleft { float: left; width: 250px; padding-left: 20px; padding-right: 20px; padding-top: 21px; background: url(../_images/layout/vertical_rule_1.gif) repeat-y top right; }
#storecontentinner #pageleft.account div.accountleft ul { list-style: none; }
#storecontentinner #pageleft.account div.accountleft ul li { list-style: none; margin-bottom: 10px; }
#storecontentinner #pageleft.account div.accountleft ul li.heading { list-style: none; margin-top: 25px; margin-bottom: 20px; font-weight:bold; }
#storecontentinner #pageleft.account div.accountright { float: right; width: 370px; padding-top: 21px; padding-left: 20px; padding-right: 20px; }
#storecontentinner #pageleft.account div.accountright div.title { margin: 11px 0px 0px 0px; background: url(../_images/layout/titlebar-grey.gif) no-repeat; padding-left: 14px; height: 30px; line-height: 30px; font-weight:bold; position: relative; }
#storecontentinner #pageleft.account div.accountright div.fields { margin-left: 11px; }
#storecontentinner #pageleft.account div.accountright div.fields 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; }
#storecontentinner #pageleft.account div.accountright div.fields select.select { background: #FFF; color:#000; border: 1px solid #000; height: 20px; line-height: 20px; position: absolute; right: 0px; top: 0px; width: 157px; }
#storecontentinner #pageleft.account div.accountright div.fields label #state_blk { position: absolute; right: 0px; display: block; top: 0px; }
#storecontentinner #pageleft.account div.accountright div.fields label,
#storecontentinner #pageleft.account div.accountright div.fields div#gender { color:#000; font-weight:bold; display: block; height: 22px; line-height:22px; margin: 7px 0px 0px; position: relative; width: 355px; }
#storecontentinner #pageleft.account div.accountright div.fields div#gender div { width: 155px; position: absolute; right: 0px; top: 0px; height: 22px; line-height: 22px; }
#storecontentinner #pageleft.account div.accountright div.fields div#gender div input { margin-right: 5px; }
#storecontentinner #pageleft.account div.accountright div.fields input.btn-orange_continue { display: block; width: 131px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_continue.gif) no-repeat; border: 0px; overflow: hidden; margin-top: 20px; }
#storecontentinner #pageleft.account div.accountright div.fields input.btn-orange_continue:hover { background-position: 0px -27px; }
#storecontentinner #pageleft.accountedit div.accountleft,
#storecontentinner #pageleft.addressbook div.accountleft,
#storecontentinner #pageleft.accountpassword div.accountleft { background: none; }
#storecontentinner #pageleft.accountedit div.accountright,
#storecontentinner #pageleft.addressbook div.accountright,
#storecontentinner #pageleft.accountpassword div.accountright { background: url(../_images/layout/vertical_rule_1.gif) repeat-y top left; }
#storecontentinner #pageleft.accountpassword div.accountright div.fields { margin-bottom: 20px; }
#storecontentinner #pageleft.accountpassword div.accountright div.fields label.passwordcurrentlbl { margin-bottom: 16px; }

/***
** Apparel Splash
***/
#storecontentinner .apparelsplash .leftsplash { float: left; width: 430px; }
#storecontentinner .apparelsplash .leftsplash .text { line-height: 16px; }
#storecontentinner .apparelsplash .leftsplash .text p { line-height: 16px; margin-top: 14px; }
#storecontentinner .apparelsplash .rightimage { float: right; position: relative; top: -10px; width: 486px; height: 330px; margin-right: 10px; }
#storecontentinner .apparelsplash .bottomcats { margin-right: 14px; }
#storecontentinner .apparelsplash .bottomcats .item { width: 297px; margin-right: 10px; float: left; height: 186px; }
#storecontentinner .apparelsplash .bottomcats .last { margin-right: 0px; }

/***
** Product Listing
***/
#storecontentinner .productlisting { padding-top: 10px; padding-left: 8px }
#storecontentinner .productlisting .categorylogo { margin-bottom: 20px; font-size: 24px; font-weight:bold; text-transform: uppercase; }
#storecontentinner .productlisting .product { width: 132px; margin-right: 21px; margin-bottom: 35px; float: left; }
#storecontentinner .productlisting .product a img { border: 1px solid #000; }
#storecontentinner .productlisting .product a:hover img { border: 1px solid #FE7030; }
#storecontentinner .productlisting .product a.name { display: block; padding: 0px 5px; line-height: 13px; margin-top: 8px; color: #333; text-transform: uppercase; }
#storecontentinner .productlisting .product a.name:hover { color: #FE7030; }
#storecontentinner .productlisting .last { margin-right: 0px; }
#storecontentinner .productlisting .catempty { font-weight:bold; }

/***
** Dealer Locator
***/
#storecontentinner .dealerlocator { padding-right: 10px; }
#storecontentinner .dealerlocator .dealerslist { width: 440px; float: left;  background: url(../_images/layout/vertical_rule_1.gif) repeat-y top right; padding-top: 20px; padding-left: 10px; }
#storecontentinner .dealerlocator .onlinedealerslist { width: 450px; float: right; padding-top: 20px; }
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealertabs { margin-top: 20px; }
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealertabs a { float: left; margin-right: 5px; }
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealertabs a.on { background-position: 0px 0px; }
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealers { border: 1px solid #676767; width: 408px; padding-bottom: 8px; } /* cf6300*/
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealers .item { width: 192px; height:97px; overflow: hidden; float: left; margin: 8px 0px 0px 8px; }
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealers .item a { display: block; width: 190px; height: 95px; overflow: hidden; border: 1px solid #000; }
#storecontentinner .dealerlocator .onlinedealerslist .onlinedealers .item a:hover { border: 1px solid #FE7030; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont { margin-top: 20px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearchtabs a { float: left; margin-right: 5px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearchtabs a.on { background-position: 0px 0px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch { border: 1px solid #676767; padding: 10px; margin: 0px 20px 0px 0px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch .title { font-weight:bold; margin-bottom: 5px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch input.btn-orange_search { display: block; width: 86px; padding-top: 27px; height: 0px; background: url(../_images/layout/btn-orange_search.gif) no-repeat; overflow: hidden; border: 0px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch input.btn-orange_search:hover { background-position: 0px -27px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch #ussearch input.input-text { border: 1px solid #000; background:#FFF; height: 16px; line-height: 16px; width: 149px; padding: 2px 3px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch #ussearch select { border: 1px solid #000; background:#FFF; height: 20px; width: 50px; line-height: 20px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch #ussearch .usonly { font-size: 11px; font-style:italic; margin-top: 3px; }
#storecontentinner .dealerlocator .dealerslist .dealersearchcont .dealersearch #intsearch select { border: 1px solid #000; background:#FFF; height: 20px; width: 50px; line-height: 20px; width: 100%; }
#storecontentinner .dealerlocator .dealerslist h1.results { margin-top: 25px; }
#storecontentinner .dealerlocator .dealerslist .dealers { margin-top: 20px; margin-right: 10px; }
#storecontentinner .dealerlocator .dealerslist .dealers .item { background: url(../_images/layout/horizontal_rule_1.gif) left bottom no-repeat; padding: 10px; position: relative; height: 106px; overflow: hidden; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .distance { color: #CCC; margin-bottom: 5px; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .name,
#storecontentinner .dealerlocator .dealerslist .dealers .item .distance { font-size: 14px; font-family: Helvetica,Arial,sans-serif; text-transform: uppercase; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .address { font-weight: bold; margin-top: 5px; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .phone { margin-top: 5px; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .links { margin-top: 10px; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .links a { color: #cf6300; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .soldproducts { position: absolute; right: 10px; top: 0px; }
#storecontentinner .dealerlocator .dealerslist .dealers .item .soldproducts .cat { width: 80px; height: 40px; position: relative; margin-bottom: 2px; }