/*

[Table Of Contents] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Navigation
	5- Structure
	6- Forms
	7- Extras
	8- Footer 

*/

/* =0 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #000;
}

#content {
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.rounded {
	-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	color: #333;
}
a:hover {
	color: #111;
}
a:active {
	color: #111;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p,ul,ol { 
  }
  
ul {
    list-style-type: none;
}
  h1 { 
    color: black;
    font-size: 24px; 
    line-height: 36px;
    margin-bottom: 18px; 
  }
  h2 { 
    color: black;
    font-size: 18px; 
    line-height: 18px; 
    margin-bottom: 18px;
  }
  h3 { 
    font-size: 12px; 
    line-height: 18px; 
  }
/* =4 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {
		background-color: #232323;


}

#nav {
		padding-left: 22px;
	padding-top: 16px;
	padding-bottom: 7px;
}


body.home {
	background-color: #f6f9ee;
}

#wrapper {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fefff8;
}

#content-top {
	background-image: url(//deckpeck.s3.amazonaws.com/assets/home/banner.jpg);
	padding: 25px 25px 4px;
	position:relative;
}

#content-top img.right {
	position: relative;
	top: 10px;
	left: -50px;
}

a#sign-up-now {
	position: absolute;
	top: 270px;
	left: 80px;
}

a#main-text.left {
	position: absolute;
	top: 90px;
	left: 269px;
}

/* = Store
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#store-wrapper {
	width: 964px;
	margin-right: auto;
	margin-left: auto;
}

#store-nav {
  height:37px;
	background-color: #ff7b00;
	margin-bottom: 10px;
}

#store-nav ul.center {
	padding-top: 4px;
}

#back-to-store {
	margin-top: 9px;
}

#store-nav ul li span {
	font-size: 28px;
	position: relative;
	color: white;
	font-weight: bold;
}

#checkout-button {
	margin-left: 24px;
	position: relative;
	top: -3px;
}

#store-nav ul.center.clearfix li.right {
	height: 100%;
}

ul.center {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}



#store-banner {
	margin-top: 50px;
	margin-bottom: 10px;
	text-decoration: none;
}

#user-info {
	width: 254px;
	margin-right: 30px;
	background-color: white;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 1px;
}

#user-info ul {
	padding-top: 10px;
}

#user-info ul li {
	padding-left: 5px;
}



#user-info ul li a{
	padding-top: 9px;
	padding-bottom: 9px;
	text-decoration: none;
	color: #2c5eff;
	display: block;
	height: 100%;
}

#user-info ul li img {
	margin-bottom: 10px;
}

#user-info ul li h3 {
	text-transform: uppercase;
	color: #4c4c4c;
	margin-bottom: 10px;
}

#user-info div {
	padding: 7px;
}

#user-info div p {
	font-size: 11px;
	line-height: 17px;
	width: 250px;
	color: #555;
}

#user-info div img {
	margin-right: 10px;
}

#user-products {
	width: 664px;
	padding-top: 20px;
}

#user-products li {
  margin-left:11px;
  margin-right:11px;
	float: left;
	width: 144px;
	height: 198px;
	margin-bottom: 15px;
}

#user-products li a {
	display: block;
	text-decoration: none;
	color: white;
}

div.item-price {
	background-color: #fe9d26;
	float: left;
	position: relative;
	top: -21px;
	font-weight: bold;
	padding: 3px 7px 2px;
	right: 1px;
	font-size: 14px;
}

/* = Store Detail
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#product-info {
	padding-top: 8px;
	padding-right: 5px;
        padding-left: 5px;	
	padding-bottom: 20px;
	width: 570px;
	margin-right: 40px;
}

#product-info img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#product-purchase {
	width: 330px;
	padding-top: 8px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 10px;
}

#product-purchase div#product-add-to-cart {
	background-color: #ececec;
	padding: 15px 15px 15px 20px;
}

#product-viral div.left {
	width: 160px;
}

#product-viral div.left.last {
	margin-right: 0;
}

#product-viral div.left p {
	font-size: 11px;
	line-height: 17px;
	padding-top: 8px;
}

input#embed_code {
	margin-top: 5px;
}

#product-viral {
	padding-top: 12px;
}




#product-purchase table tbody tr td {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 67px;
}

span#product-price {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 0;
}

p#product-description {
	font-size: 11px;
	line-height: 17px;
	padding-right: 0;
	margin-top: 5px;
	padding-bottom: 8px;
}

td.label {
	font-size: 11px;
	font-weight: bold;
}

#product-purchase table tbody tr td.select {
}

#body {
  padding-bottom: 20px;
}


#product-purchase div table {
	margin-bottom: 10px;
}


/* = Edit Store
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/*
	Images
*/

.images { height: 52px; background: #717171; padding-top: 11px; }
.item { float: left; display: inline; width: 165px; margin: 0 15px 6px 0; }
.item span { float: left; display: inline; width: 79px; height: 31px; font: 13px/31px Georgia, Times, serif; color: #fff; }
.item span.longer { font: 13px/14px Georgia, Times, serif; color: #fff; }
.item a { float: left; display: inline; width: 79px; height: 31px; line-height: 31px; font: italic 14px/31px Georgia, Times, serif; color: #fff; background: #999;  text-transform: uppercase; text-align: center; }
.images .item span { background: #6699ff; padding-left: 7px; }
.colors .item span { padding-left: 7px; }



/*
	Colors
*/
.colors { height: 130px; background: #474747; padding-top: 22px; }
.colors .shell{ height:130px;}
.colors span { background :#ee7b33; }
.colors h3 { font: 15px/18px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; text-transform: capitalize; position: relative; left: 0px; margin-top: 5px; }
.colors h3 input { color: black;text-decoration: none; text-align: center;background-color: #fcf29a;padding: 5px;border: 1px solid #f9b482;}
#edit-site-save {float: right;margin-right: 18px;margin-top: 5px;}

/* = Checkout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#checkout { padding: 15px 0 0 0; position: relative; height: 100%; }

#checkout .cart { float: left; display: inline; width: 321px; position: relative; margin-left: -17px; }
#checkout .cart .head { height: 129px; background: url(//deckpeck.s3.amazonaws.com/assets/cart-column-head.png) no-repeat 0 0; text-align: center;  }
#checkout .cart .head h3 { font: 30px/129px Georgia, Times, serif; color: #666; }
#checkout .cart .wrapper { padding: 13px 18px 0 38px; }
#checkout .cart td { border-top: 1px solid #fcbe71; padding: 7px; color: #666; }

#checkout .info { float: left; display: inline; width: 322px; }
#checkout .info .head { height: 129px; background: url(//deckpeck.s3.amazonaws.com/assets/home/info-column-head.gif) no-repeat 0 0; text-align: center; }
#checkout .info .head h3 { font: 30px/129px Georgia, Times, serif; color: #fff; }
#checkout .info label { float: left; display: inline; width: 65px; font: bold 13px/21px Arial, sans-serif; color: #8CC63F; }
#checkout .info .field { float: left; display: inline; width: 156px; border: 1px solid #c6c6c6; padding: 2px 5px; background: #fff; margin-bottom: 20px; color: #666; }
#checkout .info .short-field { float: left; display: inline; width: 92px; margin-right: 10px; }
#checkout .info .wide-field { float: left; display: inline; width: 206px; }

#checkout .payment { float: left; display: inline; width: 297px; position: relative; margin: 0 -20px 0 0; }
#checkout .payment .head { height: 129px; background: url(//deckpeck.s3.amazonaws.com/assets/payment-column-head.png) no-repeat 0 0; text-align: center; }
#checkout .payment .head h3 { font: 30px/129px Georgia, Times, serif; color: #fff; }
#checkout .payment .wrapper { background: url(//deckpeck.s3.amazonaws.com/assets/home/payment-column-bg.gif) repeat-y 0 0; padding: 15px 0  60px 18px; height: 100%; }
#checkout .payment label { float: left; display: inline; width: 85px; font: bold 12px/23px Arial, sans-serif; color: #fff; }
#checkout .payment label.longer { line-height: 12px; }
#checkout .payment .field { float: left; display: inline; width: 157px; padding: 5px 5px; background: #fff; border: 0; margin-bottom: 35px; }
#checkout .payment .submit { display: block; height: 45px; width: 110px; background: url(//deckpeck.s3.amazonaws.com/assets/home/button-submit.gif) no-repeat 0 0; border: 0; cursor: pointer; margin-top: 20px;}


#checkout .note { width: 562px; border-top: 2px solid #9d9bb4; position: relative; top: -37px; left: 35px; font: 12px/15px Georgia, Times, serif; color: #746D90; padding: 8px 30px 0 0; height: 100%;}


/* =7 Sign Up 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.right, .alignright { float: right; display: inline; }
.left, .alignleft { float: left; display: inline; }
.hidden { display: none; }
.no-text { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { margin: 0 auto; width: 903px; }
#main-top {background: url(//deckpeck.s3.amazonaws.com/assets/home/cnt-top.png) no-repeat 0 0;height: 15px;
	margin-top: 20px;
}
.main-cnt {background: url(//deckpeck.s3.amazonaws.com/assets/home/cnt-bg.png) repeat-y 0 0;height: 100%;}
#main-bottom {background: url(//deckpeck.s3.amazonaws.com/assets/home/cnt-bottom.png) no-repeat 0 bottom;height: 24px;
	margin-bottom: 20px;
}

/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer {
  text-align: right;
}

ul.country_radio_buttons li {
  display: inline-block;
}

ul.country_radio_buttons li label {
 width: 50px !important; 
}

ul.country_radio_buttons li .country-radio {
  margin-right: 15px;
}

hr.separator {
  width:100%; 
  background-color:#FF9349; 
  border:0px; 
  height:2px;
}

#product_listing {
  display:block;
  float:left;
  width: 664px;
}

.centered-product {
  width: 144px;
  height: 198px;
  display: inline-block;
  overflow: hidden;
}


#confirmation-wrapper {
  background-color:#FFFFFF;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	border: 1px solid #d2d2d2;
}

#confirmation-inner {
	padding: 20px 10px 10px;
}

#confirmation-wrapper h2 {
	background-color: #d2d2d2;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#order-details tbody tr td {
	text-align: left;
}
#order-details tbody tr td.product-name {
	min-width: 230px;
}
#order-details tbody tr td.product-type {
	min-width: 90px;
}
#order-details tbody tr td.product-size {
	min-width: 60px;
}

#order-details tbody tr td.product-color {
	min-width: 150px;
}

#order-details tbody tr {
  width: 100%;
}

#order-details tbody tr td.product-price, #order-details tbody tr td.price-spacer {
  padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px solid #aeaeae;
}

#order-details tbody tr td.price-spacer {
  width: 100px;
}

#order-details tbody tr td.product-price {
  text-align: right;
  width: 50px;
}

h1 { 
    color: black;
    font-size: 24px; 
    line-height: 36px;
    margin-bottom: 18px; 
  }
  h2 { 
    color: black;
    font-size: 18px; 
    line-height: 18px;
  }

h3 { 
    font-size: 12px; 
    line-height: 18px; 
  }
/* =4 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {
}
#nav li {
}
#nav li a {
	float: left;
}

h2.product-title {
	padding-left: 10px;
}

.pagination {
  float: right;text-align: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #FF9349; font-color: white !important; width: 50%;height: 15px;
  padding: 0px 10px;
}
.pagination span {
  color: black !important;
}
.pagination a {
  color: black !important;
  font-weight: bold; 
}