@CHARSET "UTF-8";
/* /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////// cheekd site CSS ////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////// */

/* RESET */ 
*{ margin: 0; padding: 0;}
.clear {clear:both; height:0; font-size:1px; line-height:0px;}


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


.floatLeft {float: left;}
.floatRight {float: right;}
.bold{ font-weight:bold;}

/* COVER ALL */
body { color: #666; font-family: arial, verdana, serif; font-size: 12px; line-height: 1.8em;}



/* PAGE STYLES */ 
h1, h2, h3, h4, h5 { font-weight: normal; text-transform:uppercase; color:#999999;}
h1 { font-size: 250%; line-height: 1.5em;}
h2 { font-size: 20px; line-height: 1.4em; font-weight:bold; color:#999999; margin-bottom:1em;} 
h3 { font-size: 17px; line-height: 1.3em; font-weight:bold; margin-bottom:1em;}
h4 { font-size: 16px; line-height: 1.3em;}
h5 { font-size: 14px; line-height: 1.1em;}

/* OTHER H TAGS */

/* P TAGS */
p {margin: 0 0 1em; }
.title {font-weight: bold; font-size:17px;}

em{ font-style:normal; text-decoration:underline;}
img {border: none;}
.emptyInboxPhoto {width:299px; height:364px; border: 1px solid #ccc; background-color: #fff;}


/* FORMS */
.label {text-transform: uppercase;line-height:1.6; font-size:13px; margin-top:2px;}
input{line-height: 1.2;}
input, textarea, select{ font-family:Arial, Helvetica, sans-serif; font-size:inherit; background-color: #E2E2E2; border: 1px solid #ccc; font-size: 13px;}
.input,.editor_field {background-color: #E2E2E2; border: 1px solid #ccc; font-size: 13px; margin: 4px 0 auto; width: 145px; padding-left:5px; vertical-align:middle;}
.inputEmail {background-color: #E2E2E2; border: 1px solid #ccc; font-size: 13px; line-height: 1em; height: 1.2em; margin: 0 auto; width: 180px;}
.small-input{ margin-left:12px;width:70px;}
select, select.input{background-color: #E2E2E2; border: 1px solid #ccc; font-size: 13px; margin: 4px 0 auto; width: 152px;}
.checkbox{ vertical-align:-15%; margin:5px 5px 5px 0;background:none !important; border:none !important; width:auto;}
.small { width:73px;}
.width150{ width:150px;}
.card-types{ margin-top:3px; clear:right; width:150px;}
.btnSubmit { border: none; background-color: transparent; padding: 0; margin: 0; font-size:12px; line-height: 1em;}
#MessageMessage, #ContactMessage{ height:150px; margin-bottom:5px;}
/* LIST */
ul, li {margin: 0; padding: 0; vertical-align: middle;}
li {font-size: 12px;}

/* NAV */
#nav {position:absolute;bottom:0;left:0;margin-bottom:7px;z-index:20;}
#nav ul {margin: 0; padding: 0;}
#nav li {list-style-position: outside; list-style-type: none; font-size: 26px; font-weight: bold; line-height: 1em; padding: 0; margin: 0;}
#nav a:link, #nav a:visited { color: #999;text-decoration: none; font-weight: bold; line-height: 1em; padding: 0; margin: 0; }
#nav a:hover {color: #333;}

body > #wrapper {height:auto; min-height:440px; padding-top:10px;}
html, body, #wrapper {}
#main {padding-bottom: 0;position: relative;}  /* must be same height as the footer */

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.red{color:#e20919 !important;}
.white{color:#ffffff !important;}

/* FOOTER */
#footer {clear:both; font-size: 10px;  margin: 5px auto 0; width: 100%; color: #333; position:relative; width:934px; padding:0 18px; height:150px;}
#footer ul{border-top: 1px solid #ccc;}
#footer li {list-style-position: outside; list-style-type: none; padding: 0 8px 0 0; display: inline; color:#999999;font-weight:bold;}
#navAndLogo { display:block !important;margin:0 auto !important;width:934px !important; position:relative;padding-top:5px!important;height:111px;}
#navAndLogo ul{border:none !important; width: auto;}
#navAndLogo li{display: block !important;}
/* LAYOUT DIVS */ 
#wrapper { margin: 0 auto; width: 934px; padding-left:18px; padding-right:18px;}
#header { margin:0; padding: 18px; display: inline;}
#contentWrapper {width: 934px; padding:30px 0 15px;}
#content {margin: 0 auto; display:block;}

#contentCentral {margin: 15px 0; text-align: left; width: 100%; display: block; /*border: 1px solid #000;*/}

#logo {position:absolute;right:0;bottom:10px;}
#logoPosition {line-height:1;}

/* LOGIN DETAILS */
#login { width: 240px; position: absolute;z-index: 1000; background: #fff; right:0; top:7px; padding: 5px;}
#login ul {margin:  0; clear: both;}
#login li {float: left; list-style-position: outside; list-style-type: none; line-height: 1em; padding: 3px 0; margin: 0; }
#login li.go {float: left; margin: 0; padding:0; width: 90px; line-height: 1em;}
/*BUTTON SIGN IN*/
.div_signin{float: right; width:auto;   *width:337px!important;_width:337px!important;/*FIX IE7,IE6*/}
a.signin {padding:0 12px 10px;color:#FFFFFF;display:block;float:right;font-weight:bold;background:#888888;_padding:1px 6px 9px ;/*FIX IE6*/ *padding:1px 6px 9px ;/*FIX IE7*/text-decoration:none;cursor: pointer;
-moz-border-radius:4px; -webkit-border-radius:4px; 
}
a.signin{margin-left:0;position:relative;text-transform: uppercase;}
a.signin:hover{background:#999 none repeat scroll 0 0;color:#ffffff;text-decoration: none;}
a.signin span{background-position:100% 50%;background-repeat:no-repeat;padding:4px 16px 6px 0;
position:relative;top:4px;}
.down_signin{background-image:url(../img/toggle_down_light.png);}
.up_signin{background-image:url(../img/toggle_up_dark.png);}
/*END BUTTON SIGN IN*/
#emailMe {width: 340px; margin: 28px 0 0 0;}
#emailMe ul {margin: 0; clear: both;}
#emailMe li {float: left; list-style-position: outside; list-style-type: none; line-height: 1em; padding: 3px 0; margin: 0; }
#emailMe li.go {float: left; margin: 0; padding:0; width: 90px; line-height: 1em;}

li.fieldName {width: 90px;}
#emailMe li.fieldName {width: 150px; line-height: 1.8em;}
li.fieldNameLong {width: 130px;}
li.fieldNameVLong {width: 180px;}

.emailField, .passwordField {float: right;}
.registerHelp{ text-transform:uppercase; font-size:0.9em;float:left;width:200px;}




/* FIELDS IN CENTRAL CONTENT AREA */
/*
#contentCentral ul {margin:  0; clear: both;}
#contentCentral li {line-height: 1em; padding: 3px 0; margin: 0; }
#contentCentral li.go {float: left; margin: 0; padding:0; width: 90px; line-height: 1em;}
*/

.centralise {margin: 0 auto; display: block; /*border: 1px solid #f60;*/ width: 50%;}
.centraliseWide {margin: 0 auto; display: block; width: 798px;/*border: 1px solid #f60; width: 90%;*/}
.centraliseWideFullWidth {margin: 0 auto; display: block;width: 798px; /*border: 1px solid #f60;*/}


.formLists {margin: 0 auto; width: 76%;}
/*.formLists li {float: left; list-style-position: outside; list-style-type: none; line-height: 1em; padding: 3px 0; margin: 0; }*/
#ContactAddForm div {_margin-bottom: 0; *margin-bottom: 0;} /*FIX IE6/7*/
#ContactAddForm div input,#ContactAddForm div textarea{margin-top: 5px; margin-top:5px;}

/* profile left */
#left {width: 380px; float: left; margin: 0 38px 0 0;}
#imageAndInbox {/*border: 1px solid #f60;*/}
#imageAndInbox img {float: left; margin: 0 18px 0 0;}
#imageAndInbox ul {clear: none; float left; margin: 0; padding: 0; display: block;}
#imageAndInbox li { list-style: default; list-style-position: outside; list-style-type: none; line-height: 1em; padding: 6px 0; margin: 0;  display: block;}
#personalInfo ul {margin: 0 0 0 0;}
#personalInfo li { list-style: default; list-style-position: outside; list-style-type: none; line-height: 1.5em; padding: 6px 0; margin: 0;  display: block;}
.personalData {color: #000;}
.align_right{float:right; text-align:right!important;}
#personalInfoInline form button.align_right{margin-right:45px;}
/*#personalInfoInline li {float: left;  list-style: default; list-style-position: outside; list-style-type: none; line-height: 1.5em; padding: 6px 0; margin: 0;  display: block;}*/

/* profile right */
#right {width: 380px; float: left;}
#rightWithBorder {width: 500px; float: right; border: 1px solid #ccc;}



#inbox {/*border: 1px solid #ccc;*/ display: block;  width: 350px;}
#inbox ul {}
#inbox li {float: left; display: block; margin: 0 18px 0 0}
#inboxWrapper {padding: 18px; border-top: 1px solid #ccc;}
.tab { position: relative; top: 1px; left: 10px; width: 100px; padding: 3px; margin: 18px 0 0 8px; border-color: #ccc; border-width: 1px 1px 0 1px; border-style: solid; border-bottom: 1px solid #fff; background-color: #fff; text-align: center;}

#cheekd-slogan{ font-size:23px;left:90px;line-height:1;position:relative;top:198px; display:none;}
#centerFormField{ width:330px; left:130px; position:relative;top:275px;}
#centerFormField .title{font-size:16px;}
#centerFormField li {/*border: 1px solid #f60; */padding: 0 8px 0 0; margin: 0; display:inline;}


/* GENERAL LINKS */ 
a:link, a:visited { color: #000; font-weight: normal; text-decoration: none; } 
a:hover { color: #000; text-decoration: underline;}

.uploadImage{
    background: url("../img/CheekdMissing.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    float: left;
    height: 165px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    width: 162px;
}
.uploadImageFull{
    background: url("../img/CheekdMissing.jpg") no-repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    float: left;
    height: 165px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    width: 162px;
}

.uploadImage a, .uploadImageFull a {
	font-weight: bold;
	text-transform: uppercase;
}
div.uploadImage span{
    font-size: 13px;
    line-height: 185px;
    text-transform:none;
}
div.uploadImageFull span{
    font-size: 13px;
    line-height: 185px;
}

.pContact{border-bottom: 1px solid #666666;}
#emailMe span,#login span,#nav ul li a,.divUpper{text-transform:uppercase;}
.wrapperMenu{height: 1.8em; width:100%;}
#recaptcha_widget{margin-top:10px;clear: both;*float: left;}
#recaptcha_image{margin-bottom:5px;}
.error-message{display:inline;}
.marginTop{margin-top:5px;}
.marginTop3{*margin-top: -10px;_margin-top: -10px;}
.marginTop6{*margin-top: -19px;_margin-top: -19px;}
.margBottom{margin-bottom:20px;}
.menu_footer{padding: 0 0 10px 0;}

/* ORDER HISTORY */ 
#orderhistory {
float:left;
width:560px;_width:700px;padding-left:100px;
}
.orderstatus,.orderprice{width: 40px;_width: 70px;}
.orderview{width: 53px;_width: 100px;}
.bviewdatails{background-color:#DEDEDE ;
border:1px solid #CCCCCC;
display:inline;
font-size:11px;
color: #333333;}
#orderDetails{overflow: auto;padding-left:100px;}
#orderDetails div{float: left;padding:0 20px;}
.borderDetails{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
#orderDetails ul {margin:0;}
#orderDetails li {
display:block;
line-height:1.5em;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:6px 0;
}
#orderDetails h3{padding-bottom: 10px;}
.bviewdatails{background-c1olor:#DEDEDE ;
border:1px solid #CCCCCC;
display:inline;
font-size:11px;
color: #333333;cursor: pointer;}

#paging {
margin-top:15px;
}
#paging span.current {
background:#FFFFFF none repeat scroll 0 0;
}
#paging span {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin-left:0;
margin-right:5px;
padding:3px 7px;
}
/* END ORDER HISTORY */
.linknav_red{color:#eb3f3f !important;}
.linknav_red:hover{color:#333333 !important;}
#CartItemTypeDeck,#CartItemTypeSubscription{background-color: transparent !important; width: auto!important;margin-right:10px!important}
.text_al_left{text-align: left !important;}
.text_al_right{text-align: right !important;}
.hover_button{color:#333!important;}
#CardCode{margin: -6px 0 auto; padding:10px; font-size:15px; width:220px;}
#ProfileImageDeleteForm button.transparent{ text-align: left!important;margin-top: 0px!important;}
#AttachmentFile{width:auto !important; *width:220px !important; _width:220px !important; *margin-bottom:10px;}
#photoUpload{ padding-right:15px;/*width:400px !important;*/ }
#photoUpload .label{ font-size:12px !important;}
#ProfileImageAddForm div.clear{*margin-top: -15px! important;_margin-top: -15px! important;} 
#ProfileImageDefault{*margin-top: -3px!important;}
#PersonConfirm{background: transparent;width: auto;}
#PersonPasswordForm div.clear{margin-top: -30px; *margin-top:0!important;}
#PersonEditForm button.transparent, #changePassword button.transparent, #deleteMe button.transparent{text-align: right;}
#deleteMe div.divUpper{*margin-top: 15px!important;}
#PersonConfirm{margin:2px 137px 0 0 !important;}
#PersonRemember{/*margin:2px 135px 0 0 !important;*/margin:3px 0 0!important;*margin-right: -3px!important;}
#ProfileImageAddForm div input.checkbox{margin-right:177px !important;*margin-right:174px!important;}
.big-link{ text-transform:uppercase;color:#999999 !important;font-size:20px;font-weight:bold !important;line-height:1.2em; text-decoration:none; margin-right:15px; float:left;}
.big-link:hover{ text-decoration:none; color:#333333 !important;}
.left-about{width: 443px!important;}
.about-img{ margin-top:5px;}
.title-sec a{ color: #999!important;}
#ProfileImageDeleteForm{float: left;clear:both;*clear:none;}
#AddressState,#CreditCardCard, #BillingAddressState{width: 152px!important;margin-bottom: 2px;}
.go_reset{margin:0 0 0 10px !important;}
/*order details page*/
div.order-address{ margin-bottom:15px; width:180px; background-color:#f2f2f2; padding:3px 5px;}
div.order-address span{ display:block; line-height:1.4;}
span.savedAddressName{ font-weight:bold; font-size:13px;}
a.edit{ display:block;}
#MessageAddForm select#RecipientRecipient{width: 152px!important;}
.size-options{width: 130px;}
.space-above{margin-top:1.5em;}
.space-below{margin-bottom:1.5em;}


#customBuyError{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F2F2F2 none repeat scroll 0 0;
border:3px solid #666666;
top:45px;
color:#666666;
left:0;
margin-bottom:1em;
padding:0.8em;
position:absolute;
top:0;
width:343px;
z-index:500;
}

/*Custom deck page*/
.quantity{
	width:40px;
	background-color:#FFFFFF;
}

.own_quantity{
	width:40px;
	background-color:#FFFFFF;
}

.own_line_box{float:left; width:100%;border-bottom:1px solid #CCCCCC;margin:0px 0px 3px 0px;}
.custom_button_box{float:left; width:100%; text-align:right; margin-top:10px; }

.left_panel{
	background-color:#FFFFFF;
	clear:both;
	margin:0;
	padding:10px 0 0;
}
ul.custom_deck_features li{ margin-bottom:5px;padding-left:15px; list-style-type: none;}

a.custom_cancel:hover {
}
a.custom_cancel:link, a.custom_cancel:visited {
	color: blue;
	text-decoration: underline;
}

input.myline{
	width:400px;
	background:#ffffff;
    text-transform: lowercase;
}
#shop_empty_link {
    color: #000000;
}
#shop_empty_link a {
    font-weight: bold;
}
.billing-form small {
    font-size:9px;
}
.button_join{
    float:left;
    background:url(../img/button_join.png) no-repeat;    
}
.button_member{
    float:left;
    background:url(../img/button_member.png) no-repeat;    
}
.button_card{
    float:left;
    background:url(../img/button_cards.png) no-repeat;   
}

a#signin:hover{color:#ffffff;text-decoration: none;}
#sample-profile {
    overflow: hidden;
}