﻿body
{
    margin: 0pt auto;
    text-align: center;
    background-color: #CEDFEA!important;
}

*
{
    margin: 0pt;
    padding: 0pt;
}

img
{
    border: none;
}

#container
{
    width: 1200px;
    margin: 0pt auto;
    text-align: left;
    font: 11px Verdana, Arial, Sans-Serif;
}

/*Begin Header*/
#header
{
    background: transparent url(/lib/yhst-11859623546732/header-bg.gif) no-repeat scroll left top;
    width: 1200px;
    height: 267px;
}

#header .header-nav
{
    background:transparent url(/lib/yhst-11859623546732/checkout-header-nav-bg.gif) no-repeat scroll right bottom;
    float: right;
    height: 41px;
    margin-right: 47px;
    margin-top: 58px;
    width: 620px;
    overflow: hidden;
}

#header .header-nav ul
{
    float: right;
    font: bold 14px Verdana, Arial, Sans-Serif;
    color: #EB911C;
    margin-top: 10px;
}

#header .header-nav ul li
{
    display: inline;
}

#header .header-nav ul li a
{
    color: #EB911C;
    text-decoration: none;
    padding: 0pt 4px;
    font: bold 14px Verdana, Arial, Sans-Serif;
}

#header .header-nav a.cart
{
    clear: both;
    float: right;
    margin-right: 22px;
    margin-top: 8px;
    
}

#header h1.logo
{
    float: left;
    height: 63px;
    margin-left: 282px;
    margin-top: 76px;
    width: 497px;
}

#header .phone-ship
{
    float: right;
    margin-right: 70px;
    margin-top: 150px;
}

#header .header-box
{
    background-color: #E7EFF4;
    color: #625B50;
    text-align: center;
}

#header .header-box h1
{
    font-size: 22px;
}

#header .search-area
{
    float: right;
    width: 281px;
    margin-right: 75px;
    margin-top: 10px;
    position: relative;
    z-index: 100;
}
#header .search-area .searchIn
{
    width: 196px;
    height: 20px;
    font: 14px Verdana, Arial, Sans-Serif;
}
/*End Header*/

/*Begin Main Body*/
#bodyshell 
{
    float: left;
    margin-top: -6px;
    width: 1200px;
    background: transparent url(/lib/yhst-11859623546732/bodyshell-bg.gif) repeat scroll right bottom;
    min-height: 600px;  
}

#wrapper
{
    background: transparent url(/lib/yhst-11859623546732/body-bg.gif) no-repeat scroll left top;
    float: left;
}

#bodycontent
{
    position: relative;
    width: 832px;
    float: right;
}

#bodycontent .bodypad
{ 
    padding: 10px;
    float: right;
    width: 100%;
    margin-top: 23px;
    min-height: 425px;
}

.bodypad .new-arrival
{
    width: 366px;
    height: 365px;
    text-align: center;
    background: transparent url(/lib/yhst-11859623546732/new-arrival.gif) no-repeat scroll left top;
    float: left;
}

.bodypad .new-arrival img
{
    margin-top: 140px;
}

.bodypad .featured-decks
{
    float: right;
    width: 370px;
    text-align: center;
    margin-right: 60px;
}

*:first-child+html .bodypad .featured-decks
{
    margin-right: 82px;
}

*html .bodypad .featured-decks
{
    margin-right: 82px;
}

.bodypad .featured-decks table tr td, .bodypad .most-wanted table tr td
{
    padding-bottom: 20px;
}

.bodypad .featured-decks img, .bodypad .most-wanted img
{
    display: block;
}

.bodypad .featured-decks a, .bodypad .most-wanted a
{
    color: #0B3756;
    font: bold 12px Verdana, Arial, Sans-Serif;
    display: block;
    text-decoration: none;
}

.bodypad .most-wanted
{
    clear: both;
    width: 767px;
    text-align: center;
}

*:first-child+html .bodypad .most-wanted
{
    position: relative;
    right: 20px;
}

*html .bodypad .most-wanted
{
    position: relative;
    right: 20px;
}

.bodypad .most-wanted table
{
    margin: 0pt auto;
}

.bodypad .most-wanted table tr td
{
    padding-right: 20px;
}

.bodypad .promos
{
    width: 790px;
    height: 138px;
    float: right;
    margin-right: 55px;
}

*:first-child+html .bodypad .promos
{
    position: relative;
    right: 30px;
}

*html .bodypad .promos
{
    position: relative;
    right: 30px;
}

.bodypad .promos-header
{
    margin-bottom: 10px;
    padding-left: 10px;
}
.bodypad img.volcom
{
    float: left;
    padding-left: 12px;
}

.bodypad img.blueprint
{
    float: right;
    padding-right: 12px;
}
/*End Main Body*/

/*Begin Left Nav*/
#ys_sideBar {
/*    float: none!important; */
}

#nav-product 
{
	float: left;
	margin-left: 170px;
	margin-top: 50px;
	/*overflow: hidden;*/
	position: relative;
	width: 180px;
	z-index: 100;
	text-align: center;
}

#nav-product ul
{
    width: 150px;
    min-height: 350px;
    padding-left: 20px;
    text-align: left;
}

#nav-product ul li
{
    padding: 10px 0pt;
    list-style-type: none;
    list-style-image: none;
}

#nav-product ul li a
{
    color: #fff;
    font: 12px Verdana, Arial, Sans-Serif;
    text-decoration: none;
}

#nav-product ul li a:hover
{
    color: #EB911C;
    font-weight: bold;
    background: transparent url(/lib/yhst-11859623546732/nav-arrow.gif) no-repeat scroll right center;
    padding-right: 10px;
}

#nav-product img.brand
{
    padding: 20px 0pt;
}

#nav-product form
{
    padding-bottom: 75px;
}

#nav-product select
{
    width: 150px;
    height: 18px;
    font: 12px Verdana, Arial, Sans-Serif;
}
/*End Left Nav*/

/*Begin Footer*/
#footer
{
	width: 100%;
	clear: both;
	text-align: center;
}

#footer .bottom-nav
{
    float: left;
    margin-top: -78px;
	margin-left: 169px;
}

#footer .copyright-cards
{
    float: right;
    margin-right: 45px;
}

#footer ul
{
    text-align: left;
    clear: both;
    font: bold 14px Verdana, Arial, Sans-Serif;
    padding: 20px 0 50px 160px;
}

#footer ul li
{
    display: inline;
}

#footer ul li a
{
    color: #4D4437;
    text-decoration: none;
    padding: 0pt 3px;
    font: bold 14px Verdana, Arial, Sans-Serif;
}
/*End Footer*/

/*Begin Checkout Manager Styles*/
#ys_merchLogo
{
    display: none;
}

.ys_wrapper {
	margin: 0 auto;
    width: 1200px;
    background: #CEDFEA url(/lib/yhst-11859623546732/bodyshell-bg.gif) 0 0 repeat-y;
/*  width: auto!important;
    background: #CEDFEA url(/lib/yhst-11859623546732/bodyshell-bg.gif) repeat-y scroll 57px top!important; */
}

#ys_pageBody {
/*    margin-left: 350px!important; */
	width: 1200px !important;
	background: url("/lib/yhst-11859623546732/body-bg.gif") no-repeat scroll 0 -103px rgba(0, 0, 0, 0);
}
#ys_pageBody form {
	margin-left: 355px;
	width: 750px;
}
#ys_pageBody.ys_sideBar
{
    width: 540px!important;
    margin-left: 443px!important;
    min-height: 500px;
    border-left: none!important;
}

*:first-child+html #ys_pageBody.ys_sideBar
{
    margin-left: 250px!important;
}

*html #ys_pageBody.ys_sideBar
{
    margin-left: 250px!important;
}

#ys_mastHead
{
    background: transparent url(/lib/yhst-11859623546732/body-bg.gif) no-repeat scroll left 266px;
/*    margin-left: 57px; */
}

#ys_mastFoot, #ys_yFooter
{
    background-color:#CEDFEA !important;
    width: 1200px;
}

#ys_yFooter p#ys_copyright
{
    margin-top: 0pt!important;
}

#ys_cart table.ys_basket
{
    background-color: #fff;
}

table.ys_basket tbody tr.ys_updateQty
{
    background-color: #CEDFEA!important;
}

.message
{
    width: 332px;
	height: 72px;
    margin-left: 450px;
    margin-top: 28px;
}

.indicators
{
    margin-left: 253px;
    text-align: center;
    padding-top: 10px;
}

#ys_pageBody #ys_buyerInfo
{
    background-color: #FFF;
    text-align: left;
}

#ys_cartPage.ys_sideBar, #ys_shipBillPage.ys_sideBar, #ys_billingPage.ys_sideBar, #ys_shippingPage.ys_sideBar, #ys_reviewPage.ys_sideBar, #ys_confirmationPage.ys_sideBar {
	width: 1200px;
}