/* CSS Palette */

.m-l1{margin-left:1px;}

.lite, .lite a{ color: #b3c5b9; }
.mid, .mid a{ color: #486c5c; }
.dark{ color: #183c2f; }
.black{ color: #231f20; }
.wine{ color: #631f27; }


*{ margin: 0; padding: 0; border: 0; }
html,body{ width: 100%; height: 100%; }

html,body,input{
font: 11px 'Helvetica Neue', Helvetica, Arial, Verdana, 'Lucida Grande', Lucida, sans-serif;
color: #231f20;
}

img{ display: block; border: 0; }

div#container{
width: 100%;
background-color: #b3c5b9;
}

/* backgrounds */
.discovervalue{ background: #183c2f; }

div.header, div.body{ width: 1004px; margin: 0 auto; }
div.header{ background-color: #b3c5b9; }

/*  header */
div.top-panel, div.top-panel-plain, div.secretlyfamous{
height: 123px;
}

div.top-panel{
width: 177px;
background: #b3c5b9 url('../images/design/bg-green.gif') repeat-x 0 0;
float: left;
position: relative;
}

div.top-panel-plain{ width: 177px; float: left; position: relative; }

div.secretlyfamous{ width: 650px; float: left; margin: 0 auto; text-align: center; }
div.mysecretlyfamous{ width: 650px; float: left; margin: 0 auto; }
div.hud{ margin: 10px 15px; }

div#secretwink{
display: block;
width: 100px; height: 100px;
background: url(../images/secretlyfamous/secretly-famous-wink.gif) no-repeat 0 -109px;
margin: 0 auto;
}

div#secretwink:hover, div#secretwink.secretwink{
background: url(../images/secretlyfamous/secretly-famous-wink.gif) no-repeat 0 -1px;
}


/* layout */
div.colwrapper-l,div.colwrapper-m,div.colwrapper-r{ float: left; width: 100%;  }
div.colwrapper-l{ background: #b3c5b9 url('../images/design/lollipop.gif') repeat-y 827px 0; position: relative; right: 650px; } 
div.colwrapper-m{ background-color: #b3c5b9; position: relative; right: 177px; }
div.colwrapper-r{ background-color: #b3c5b9; position: relative; }

/* zebra-pole */
div.colwrapper-l {
padding-bottom: 100px; margin-bottom: -100px;
}

div.guide{
width: 177px;
float: left;
position: relative;
left: 827px; /* colA + colB (177px + 650px) */
min-height: 100px;
text-transform: uppercase;
}

div.page{
width: 620px; /* 650 */
float: left;
position: relative;
left: 827px;
background-color: #FFF;
margin: 0 15px;
min-height: 100px; /* 400 */
}

div.special{
width: 177px;
float: left;
position: relative;
left: 827px;
min-height: 180px;
overflow: hidden;
}

/* js */
.js{ display: none; }

/* general */
.fl{ float: left; }
.fr{ float: right; }
.pr { position: relative; }


.pa { position: absolute; }
.cb { clear: both; display: block; }
.db{ display: block; }
.dn { display: none; }
.di { display: inline; }
.di img { display: inline; }

/* css3 */
.rounded{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* backgrounds */
.bc-dark{ background-color: #183c2f; color: #fff; }
.bc-mid{ background-color: #486c5c; color: #fff; }
.bc-lite{ background-color: #b3c5b9; }
.bc-wine{ background-color: #631f27; color: #fff; }
.bc-grey{ background-color: #b1b3b2; color: #fff; }
.bc-silver{ background-color: #616568; color: #fff; }
.bc-black{ background-color: #232021; color: #fff; }

/* font color */
.fc-white, .fc-white a{ color: #fff; }
.fc-dark{ color: #183c2f; }
.fc-mid, .fc-mid a{ color: #486c5c; }
.fc-lite{ color: #b3c5b9; }
.fc-wine, .fc-wine a{ color: #631f27; }
.fc-black { color: #232021; }
.fc-silver { color: #616568; }
.fc-grey { color: #b1b3b2; }

/* font styles and display font */

/* trademark */
.tm, .tm-uc, a.lozenge{ white-space: nowrap; font-family: "Clarendon", 'Helvetica Neue', Helvetica, Arial, Verdana, 'Lucida Grande', Lucida, sans-serif; }


h1,h2,h3,h4,h5,h6, .ffd, input.button, input.ibutton{
font-family: "Clarendon", 'Helvetica Neue', Helvetica, Arial, Verdana, 'Lucida Grande', Lucida, sans-serif;
}
h1,h2,h3,h4,h5,h6, .ffd{ font-weight: normal; line-height: 130%; }

h4{ font-size: 13px; }
h5,h6{ font-size: 11px; }

/* font sizes */
.fs-huge{ font-size: 26px; }
.fs-large, h1,h2,h3 { font-size: 20px;  }
.fs-med{ font-size: 16px; }
.fs-small{ font-size: 13px; }
.fs-body{ font-size: 11px; }
.fs-tiny{ font-size: 9px; }

/* text formatting */
.tt-uc, .tm-uc{ text-transform: uppercase; }
.tar{ text-align: right; }
.tac{ text-align: center; }
.nbsp{ white-space: nowrap; }
.strike{ text-decoration: line-through; }
.lh-100{ line-height: 100%; }
.lh-110{ line-height: 110%; }
.lh-120{ line-height: 120%; }
.lh-130{ line-height: 130%; }
.lh-140{ line-height: 140%; }
.lh-150{ line-height: 150%; }

.bw{ word-wrap: break-word; }

/* links */
a{ color: #631f27; }
a:hover{ text-decoration: none; }

/* spacing */
.pad { padding: 10px; display: block;}
.pad20 { padding: 20px; }
.pad-n{ padding: 10px 10px 0; }
.pad2010{ padding: 10px 20px 0; }

/* padding */
.p10{ padding: 10px; }
.p-t20 { padding-top: 20px; }
.p-t10 { padding-top: 10px; }
.p-y10 { padding: 10px 0; }
.p-y20 { padding: 20px 0; }
.p-x10 { padding: 0 10px; }
.p-x20 { padding: 0 20px; }
.p-b10 { padding-bottom: 10px; }
.p-t5 { padding-top: 5px; }
.p-b5 { padding-bottom: 5px; }
.p-t3 { padding-top: 3px; }
.p-t2 { padding-top: 2px; }
.p-b2 { padding-bottom: 2px; }

/* margin */
.m10{ margin: 10px; }
.m-y10 { margin: 10px 0; }
.m-x10 { margin: 0 10px; }
.m-y5 { margin: 5px 0; }
.m-x5 { margin: 0 5px; }
.m-t10 { margin-top: 10px; }
.m-b10 { margin-bottom: 10px; }
.m-l10 { margin-left: 10px; }
.m-r10 { margin-right: 10px; }
.m-r20 { margin-right: 20px; }
.m-t5 { margin-top: 5px; }
.m-b5 { margin-bottom: 5px; }
.m-r5 { margin-right: 5px; }
.m-l5 { margin-left: 5px; }
.m-r { margin-right: 1px; }
.m-r1{margin-right:1px;}
.m-t1{margin-top:1px;}
.m-b1{margin-bottom:1px;}
.m-t2{margin-top:2px;}
.m-b2{margin-bottom:2px;}
.m-t-5 { margin-top: -5px; }
.m-rx { margin-right: 11px; }


/* rel - abs positioning */
.pa-b { position: absolute; bottom: 0; }

/* build */
div.lollipop{
background: url('../images/design/lollipop-top.png') no-repeat 0 0;
height: 33px; width: 29px;
position: absolute; top: -2px; left: -6px;
z-index: 1;
}

div.signpost{
background-color: #231f20;
position: relative;
top: 31px; /* 27 */
width: 177px;
background-color: #FFF;
clear: both;
color: #231f20;
}

div.guidepost{
background: url('../images/design/lollipop-joint.png') no-repeat 0 0;
height: 7px; width: 23px;
margin-top: 31px; /* 27 */
margin-left: -3px;
display: block;
clear: both;
}

div.post{
background: url('../images/design/lollipop.gif') repeat-y 0 0;
min-height: 100px;
height: 100%;
}



div.sign{
margin-left: 16px;
}

div.marquee{
background-color: #FFF;
padding: 4px;
padding-left: 6px;
}

div.sign ul{ list-style: none; }

div.sign li a, div.sign li span {
color: #231f20;
background-color: #FFF;
display: block;
padding: 2px 4px;
text-decoration: none;
margin-bottom: 1px;
}
div.sign a:hover, div.sign li.selected a{
background-color: #231f20;
color: #FFF;
}

div.sign li.selected a{
cursor: default;
}

div.sign ul.ffd li a{ padding-top: 6px; }

/* exceptions */
div.sign li span a{ color: #631f27; }
div.sign li.pointer span{
background: url('../images/design/pointer.gif') repeat-y 100% 50%;
padding: 8px 4px;
vertical-align: middle;
}


/* specials */
div.blackboard{
background: #232021 url('../images/design/chalkboard.jpg') repeat-y 0 0;
color: #fff;
}
div.blackboard-t{
background: url('../images/design/chalkboard-t.jpg') no-repeat 50% 0;
height: 12px;
}
div.blackboard-b{
background: url('../images/design/chalkboard-b.jpg') no-repeat 50% 100%;
height: 12px;
}


/* nav */
div.tabs{
width: 100%;
height: 32px;
float: left;
background-color: #b3c5b9;
}

/* tabs are 61px wide */
.tabcol-l{ width: 315px; float: left; } /* 437 */
.tabcol-r{ width: 305px; float: right; } /* 183 */

ul.tablist{
float: left;
list-style: none;
}

ul.tablist li{
float: left;
}

ul.tablist li a{
background-color: #231f20;
padding: 4px 6px 1px;
text-decoration: none;
display: block;
margin-left: 0px; margin-right: 1px; 
width: 48px;
text-align: center;
height: 27px;
color: #fff;
line-height: 100%;
}

ul.tablist li a{
background-image: url('../images/design/tab-r.png'); background-position: 100% 0; background-repeat: no-repeat;
/* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; */
}

ul.tablist li a:hover, ul.tablist li.selected a{
background-color: #fff;
color: #231f20;
}


ul.tablist li.selected a, ul.tablist li.wineselected a, ul.tablist li.bottleselected a, ul.tablist li.sky a:hover, ul.tablist li.skyselected{ cursor: default; }

ul.tablist li{ position: relative; }
ul.tablist li div{
background-image: url('../images/design/tab-l.png'); background-position: 0 0; background-repeat: no-repeat;
width: 4px; height: 4px;
display: block; float: left;
position: absolute; left: 0; top: 0;
z-index: 1;
overflow: hidden;
}

div.tabcol-r ul.tablist li{ float: right; }
div.tabcol-r ul.tablist li a{ margin-left: 1px; margin-right: 0px; }


/* alt */
ul.tablist li.wine a{ background-color: #631f27; }
ul.tablist li.wine a:hover, ul.tablist li.wineselected a{ background-color: #fff; color: #631f27; }

ul.tablist li.bottle a{ background-color: #183c2f; }
ul.tablist li.bottle a:hover, ul.tablist li.bottleselected a{ background-color: #fff; color: #183c2f; }

ul.tablist li.sky a{ background-color: #004c64; }
ul.tablist li.sky a:hover, ul.tablist li.skyselected a{ background-color: #fff; color: #004c64; }

ul.tablist li.gap-l { margin-left: 5px; }
ul.tablist li.gap-r { margin-right: 5px; }
ul.tablist li.ghost{ display: block; width: 61px; } /* placeholder */

/* tweaks */
.swingtag{
margin-top: -20px;
position: relative;
z-index: 1;
overflow: hidden;
margin-left: 25px;
}

div.inset{ padding: 10px; }
div.subset{ padding: 10px; }
div.subset-specials{ padding: 14px 10px 10px; }




/* homepage (min-height: 255px)  366px */
div.welcome, div.secretoffers{ height: 400px; }

div.secretoffers{
float: left;
margin-left: 10px;
position: relative;
}

div.secretoffers a{ color: #fff; }


/* santa */
div.santas-helper{
clear: both;
height: 160px;
border-top: 1px solid #fff;
overflow: hidden;
background: #616568 url(../images/secretlyfamous/santas-little-helper.gif) no-repeat 10px 100%;
}
div.santas-helper .offset{ margin: 15px 15px 0 150px; }

/* chef */
div.head-chef{
clear: both;
height: 195px;
overflow: hidden;
background: #616568 url(../images/secretlyfamous/head-chef.jpg) no-repeat 10px 100%;
}
div.head-chef .offset{ margin: 15px 15px 0 140px; }

/* medium-size image box */
div.med-box{
width: 290px;
height: 195px;
overflow: hidden;
}


div.topsecret{
background: #486c5c url('../images/secretlyfamous/secretlyfamous-ssh.gif') no-repeat 0 100%;
color: #fff;
clear: both;
margin: 10px 0;
padding: 10px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.topsecret .secrets{ margin-left: 80px; margin-top: 2px; margin-bottom: -2px; line-height: 100%; }

div.topsecret h2 a{
color: #b3c5b9;
text-decoration: none;
}
div.topsecret h2 a:hover{
color: #fff;
}

div.giftcard{ background-color: #232021; color: #fff; }
div.giftcard p a{ color: #fff; }



div.secretplaces{
width: 100%;
height: 78px;
overflow: hidden;
/* margin-bottom: 10px; */
}
div.secretplaces img{ display: inline; float: left; }

/* specials */
div.secretspecials{
padding: 10px;
background: url('../images/design/chalk.gif') no-repeat 50% 100%;
color: #b1b3b2;
text-decoration: none;
display: block;
}
div.secretspecials:last-child{ background: none; }
div.secretspecials span{ display: block; }

div.secretspecials a{ color: #fff; text-decoration: underline; }
div.secretspecials a:hover{ color: #fff; text-decoration: none; }

div.secretspecials div.place a{ color: #b1b3b2; text-decoration: none; }
div.secretspecials div.place a:hover{ color: #fff; text-decoration: none; }

div.secretspecials div.place{ padding-top: 5px; }
div.secretspecials .ffd span{ line-height: 110%; }


div.viewspecials{
padding: 0 10px;
margin: 10px 0 0;
}



/* footer */
div.ground{
height: 100px;
width: 100%;
position: relative;
clear: both;
}

div.grass{
background: url('../images/design/grass.png') repeat-x 0 100%;
height: 75px;
width: 100%;
position: absolute;
bottom: 0;
}

div.discover-value{
width: 1004px;
top: 0;
margin: 0 auto;
background: url('../images/text/discover-value.gif') no-repeat 50% 37px;
height: 120px; /* 63 */
color: #486d5d;
}

div.oscar-wilde{
margin: 0 auto;
background: #b3c5b9 url('../images/text/oscar-wilde.gif') no-repeat 50% 100%;
height: 35px;
margin-bottom: -15px; /* close gap */
}

div.footer{
width: 100%;
background-color: #183c2f;
color: #486c5c;
padding: 10px 0;
min-height: 30px;
}

div.footer a{ color: #b3c5b9; text-decoration: none; }
div.footer a:hover{ color: #fff; }


/* cols */
.col90{ width: 90%; float: left; }
.col85{ width: 85%; float: left; }
.col80{ width: 80%; float: left; }
.col70{ width: 70%; float: left; }
.col60{ width: 60%; float: left; }
.col50{ width: 50%; float: left; }
.col40{ width: 40%; float: left; }
.col33{ width: 33%; float: left; }
.col30{ width: 30%; float: left; }
.col25{ width: 25%; float: left; }
.col20{ width: 20%; float: left; }
.col15{ width: 15%; float: left; }
.col10{ width: 10%; float: left; }

/* fixed width columns (590px) */
.col-s-l{ width: 417px; float: left; }
.col-s-r{ width: 173px; float: left; } /* 167 */

.col-m-l{ width: 300px; float: left; }
.col-m-r{ width: 290px; float: left; }

/* breadcrumb col */
.col-bc-l{ width: 510px; float: left; }
.col-bc-r{ width: 70px; float: left; }

.w100{ width: 100px; }

/* css3 columns */
div.summary{ 
clear: both;
padding: 30px 0 20px;
text-align: justify;
/* 
-moz-column-count: 6; -moz-column-gap: 10px;
-webkit-column-count: 6; -webkit-column-gap: 10px;
*/
}

div.summary p, div.summary p a{ color: #486c5c; }
div.summary p a:hover{ color: #b3c5b9; }


/* btns */
a.btn, a.btn-x {
display: block;
color: #631f27;
background-color: #fff;
padding: 10px;
text-decoration: none;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
font-family: "Clarendon", 'Helvetica Neue', Helvetica, Arial, Verdana, 'Lucida Grande', Lucida, sans-serif;
font-weight: bold;
padding-top: 12px;
}
a.btn:hover, a.btn-x:hover{
color: #fff;
background-color: #631f27;
}

a.btn{ float: left; }
a.btn-x{ text-align: center; }

.btn_x a{ background: url('../images/design/x.gif') no-repeat 0 0; display: block; width: 16px; height: 16px; }
.btn_x a:hover{ background: url('../images/design/x.gif') no-repeat 0 100%; display: block; width: 16px; height: 16px; }

/* more btns */
a.btn-visit{
font-weight: bold;
}


/* places */
div.section, div.breadcrumb{
background: #486c5c;
padding: 10px;
margin-bottom: 10px;
}

div.places{
background: url('../images/design/dash-silver.gif') repeat-x 0 100%;
margin-bottom: 10px;
}

div.visit-places{ margin-top: 10px; }
div.activity { padding-bottom: 10px; }


/* slideshow */
#slideshow { float: left; width: 290px; height: 195px; background-color: #232021; overflow: hidden; color: #fff; display: block; }
ul { margin: 0; padding: 0; list-style-type: none; }
.slide { background-color: #232021; }
.slide, .caption { width: 290px; }
.slide{ float: left; }
.slide img{ display: block; float: left; }
.slide {
position: relative;
}
.slide .caption{
position: absolute;
left: 0;
bottom: 0;
/* background-color: rgba(0,0,0,0.8) */
background: transparent url(../images/opacity/232021/80.png) repeat 0 0 ;
float: left;
display: inline;
}

/* ca */
.slide .caption .headline{
padding: 10px;
color: #b1b3b2;
text-decoration: none;
display: block;
}
.headline .spotlight{ padding-top: 5px; }
.headline .spotlight a{ color: #b1b3b2; text-decoration: none; }
.headline .spotlight a:hover{ color: #fff; text-decoration: none; }







/* page menu */
.pagemenu{
height: 20px;
background: url('../images/design/dash-silver.gif') repeat-x 0 100%;
padding-bottom: 10px;
margin-bottom: 10px;
color: #b1b3b2;
}

div.sortby { float: left; width: 150px; text-align: left; }
div.pagenav { float: left; width: 300px; text-align: center; padding: 2px 0;  }
div.pageinfo { float: left; width: 150px; text-align: right; padding: 2px 0; }



ul.pagination { padding-top: 2px; height: 19px;}
ul.pagination, ul.pagination li  { display: inline; list-style-type: none; }

.pagenav .pagination li a, .pageinfo a { color: #b1b3b2; }
.pagenav .pagination li a:hover, .pageinfo a:hover{ color: #486c5c; }

ul.pagination li span.selectedpage{ padding: 0 4px; color: #486c5c; }

.pagenav .pagination li a, .pagenav .pagination span{  padding: 2px 4px;  }
.pagenav .pagination li a:hover{  }

.pagenav .pagination .page-l a, .pagenav .pagination .page-l span{ padding-left: 10px; }
.pagenav .pagination .page-l a:hover{  }
.pagenav .pagination .page-r a, .pagenav .pagination .page-r span{ padding-right: 1px; }
.pagenav .pagination .page-r a:hover{  }




.pagenav .pagination li last-child{
margin-right: 0; padding-right: 0;
}



/* breadcrumb */
div.breadcrumb ul { list-style-type: none; }
div.breadcrumb ul li{ float: left; }
div.breadcrumb ul li a, div.breadcrumb ul li span{
padding-right: 10px;
margin-right: 5px;
}
div.breadcrumb ul li a span{ margin: 0; padding: 0; }
div.breadcrumb ul li a{ background: url('../images/design/arrow-white.gif') no-repeat 100% 50%; }
/* exceptions */
div.breadcrumb ul li:last-child a{ background: none; }
div.breadcrumb ul li.last a{ background: none; text-decoration: none; cursor: default; }

/* hotlinks */
div.hotlinks{
margin-top: 10px;
}
div.hotlinks a{
padding-left: 8px;
margin-right: 10px;
background: url('../images/design/arrow-red.gif') no-repeat 0 50%;
font-weight: bold;
}


/* snippet */
div.secretlyfamousfor{ clear: both; padding-bottom: 10px; }

/* feature page */
div.features{ width: 600px; margin-bottom: 10px; }

div.gallery{ width: 173px; }
div.col3-1{ width: 173px; float: left; display: block; }
div.col3-2{ width: 274px; float: left; margin: 0 10px; }
div.col3-3{ width: 133px; float: left; }



div.col2-1{ width: 290px; float: left; margin-right: 10px; }
div.col2-2{ width: 300px; float: left; }


div.topline{ background: url('../images/design/spacer-k.gif') repeat-x 0 0; padding-top: 10px; }

div.photos{ clear: both; padding-bottom: 3px; }

div.visitorsbook{ border: 1px solid #b3c5b9; }
div.comment{ clear: both; margin-bottom: 10px; }

div.postfeedback{ background-color: #b3c5b9; padding: 10px; }

/* recipe steps */
ol{ list-style-position: inside; font-weight:bold; }
ol li{ margin-bottom: 10px; }
ol li span{ font-weight:normal; }

/* gift card */
div.gift-card{ position: absolute; top: 10px; }
div.pointer{ width: 120px; text-align: justify; margin-top: 5px; }
div.whiteline{ background: url('../images/design/whitespace.gif') repeat-x 0 0; padding-top: 10px; margin-top: 10px; }


/* place details */
div.promotions{
background-color: #b3c5b9; padding: 10px; color: #183c2f; margin-top: 10px;
}
div.promotions div.item{ padding-bottom: 10px; }
div.promotions h3 a, div.promotions h4 a, div.promotions p a{ color: #183c2f; }


div.specials{
background-color: #631f27; padding: 10px; color: #fff; margin-top: 10px;
}
div.specials a{ color: #fff; }
div.specials div.item{ padding-bottom: 10px; }


/* new */
div#flashmovie{ height: 320px; background-color: #232021; overflow: hidden; }

div.letter{
margin: 0 auto;
clear: both;
width: 1004px;
background-color: #FFF;
}

div.new{ margin-top: 10px; }

input, .inbox, label{ margin: 0; padding: 6px; }
input, input.button { border: 1px solid #FFF; }
input.button{ background-color: #486c5c; color: #FFF; cursor: pointer; border: 1px solid #183c2f; }
input.button{ padding: 7px; padding-bottom:6px; } /* firefox fix */
input.button:hover{ background-color: #183c2f; color: #FFF; }

input.ibutton { border: 1px solid #FFF; }
input.ibutton{ background-color: #FFF; color: #231f20; cursor: pointer; }
input.ibutton{ padding: 7px; padding-bottom:6px; } /* firefox fix */
input.ibutton:hover{ background-color: #231f20; color: #FFF; }

input.field{ width: 150px; }

.specialspace{ height: 400px; }

/* new form */
.form_reg{ margin: 10px 0;}
.form_reg input{ background-color: #b3c5b9; border: 1px solid #b3c5b9; color: #183c2f; }
.form_reg li{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #b3c5b9; }
.form_reg li:last-child{border: 0;}
.form_reg li label{ width: 80px; background-color: #FFF; display: block; float: left; border: 1px solid #FFF; text-align: right; color: #486c5c; }
.form_reg li label span{ float: left; }
.form_reg li span{ margin-left: 1px; }
.form_reg input.field{ width: 170px; }
.form_reg input.button{ background-color: #486c5c; color: #FFF; border: 1px solid #183c2f; }
.form_reg input.button:hover{ background-color: #183c2f; color: #FFF; border: 1px solid #183c2f; }
.form_reg .rule{ margin-left: 95px; } /* 93 */
.form_reg .ui { margin-top: 5px; }
.form_reg span.ui { margin: 0; padding: 5px 5px 0; display: block; float: left; }
.form_reg span.field { background-color: #b3c5b9; border: 1px solid #b3c5b9; color: #486c5c; width: 175px; padding: 5px; display: block; float: left; } /* w-padding */
.form_reg li span label{ width: auto; margin: 0; padding: 0; }
/* form styles */
.form_reg h3{ background-color: #486c5c; color: #b3c5b9; padding: 2px 5px; margin-bottom: 5px; }
/* reg form */
.form_reg_wide li label{ width: 175px; }
.form_reg_wide .rule{ margin-left: 190px; } /* 188px */

/* error */
div.error { color: #631f27; padding-top: 10px; }
.form_reg .error label{ color: #631f27; font-weight: bold; }
.form_reg .error input.field { border: 1px solid #631f27; }
/* js errors */
div em.error, div em.invalid { color: #631f27; display: block; font-style: normal; margin-bottom: 5px; }
div#summary{ color: #631f27; font-weight: bold; }

/* debug */
div#debug { padding-bottom: 10px; }
div.debug p{ color: #631f27; }
/*
div#debug, div.debug{ display: none; }
*/


.pagecontent{ width: 600px; overflow: hidden; }
.fullpagecontent{ width: 620px; overflow: hidden; }


/* user */
div#topbar{ width: 100%; }
div#topbar, div#user{ background: #183c2f; }
div#user, div#user a{ color: #b3c5b9; padding: 10px 0; }
div#user a:hover{ color: #486c5c; }

div.user, div.user a{ color: #486c5c; }
div.user a:hover{ color: #183c2f; }

div.user div.lhs span{ padding-right: 5px; }
div.user div.rhs span{ padding-left: 5px; }

/* steps */
div#steps div{
background: #b3c5b9;
text-align: center;
padding: 20px 0;
font-weight: bold;
}
div#steps div, div#steps div a{ color: #183c2f; text-decoration: none; }
div#steps div#current{
background: #b3c5b9 url('../images/design/marker.gif') no-repeat 50% 100%;
color: #fff;
}
div#steps div#current a{ cursor: default; color: #FFF; }

div#steps div:first-child{
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}
div#steps div:last-child{
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#cart{
padding-top: 10px;
}

table.cart td.lines{ border: 0; border-bottom: 1px solid #b1b3b2; padding: 5px 0; }

table.cart td { font-size: 11px; vertical-align: middle; }
table.cart h2{ font-size: 13px; }

table.cart input{ background: #b1b3b2; margin: 0; padding: 5px; border:0; border: 1px solid #b1b3b2; }
table.cart input.fld_q{ width: 15px; float: left; }
table.cart input.btn_sub{ float: left; background: #b1b3b2; color: #FFF; border: 1px solid #616568; cursor: pointer; padding-bottom: 4px; }
table.cart input.btn_sub:hover{ background: #616568; }

table.cart input.btn_sub, a.button{ font-family: "Clarendon", 'Helvetica Neue', Helvetica, Arial, Verdana, 'Lucida Grande', Lucida, sans-serif; }
a.button{ background: #486c5c; color:#FFF; text-decoration: none; padding: 7px; margin-top: 10px; border: 1px solid #183c2f; }
a:hover.button{ background: #183c2f; }

table.cart td.buttons{ padding: 10px 0; }

.noitems{color: #b3c5b9; }

.checkout{ background-color: #b3c5b9; margin-top: 0px; padding: 0 10px 10px; }
.checkout .noitems{color: #FFF; }

/*
div#checkout table.cart td.lines{ border: 0; border-bottom: 1px solid #FFF; }
div#checkout table.cart td.even{ background: #FFF; }
*/

.review h3{ background-color: #486c5c; color: #b3c5b9; display: block; padding: 3px 5px 1px; }
.review h3.todo{ background-color: #631f27; color: #FFF;  }


.review .title, .review .title a{ color: #486c5c; margin: 5px 0; font-size: 13px; }
.review .details{ float: left; margin-right: 20px; margin-bottom: 10px; }

.review .smallprint{ margin-top: 0px; color: #616568; text-align: left; }

#payment_gateway{ margin-top: 10px; border: 0; border-top: 1px solid #b1b3b2; padding-top: 10px; }

#secure-payment{ text-align: right; float: right; }

#true_site_seal, #payment_details, #accepted_cards { float: left; }
#true_site_seal{ width: 25%; }
#payment_details{ width: 40%; }
#accepted_cards{ width: 35%; }


#accepted_cards { text-align: right; float: right; }
#accepted_cards img, #true_site_seal img{ display: inline; }

.terms{ margin-top: 5px; }

.terms, .terms a{ color: #616568; margin: 5px 0; font-size: 13px; }
.terms label.error, .terms label.error a{ color: #631f27; }
.terms label.good, .terms label.good a{ color: #486c5c; }

.check, .charity{ background-color: #b3c5b9; padding: 10px; margin-bottom: 10px; }
.check h4, .charity h4{ color: #183c2f; }

/* hero */
div#hero{
width: 600px; height: 403px; overflow: hidden; display: block; background-color: #232021;
position: relative;
}
div.lens{
background: transparent url(../images/opacity/232021/80.png) repeat 0 0;
color: #FFFFFF;
position:absolute; top:0; left:0; float:left;
width: 600px;
}
div.lens h2, div.lens p{
text-shadow: 1px 1px 1px #232021; -moz-text-shadow: 1px 1px 1px #232021; -webkit-text-shadow: 1px 1px 1px #232021; 
}


a.roundrect{
display: block;
padding: 10px 20px;
background: transparent; color: #FFFFFF; font-size: 16px; text-decoration: none;
border: 1px solid #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
text-shadow: 1px 1px 2px #232021; -moz-text-shadow: 1px 1px 2px #232021; -webkit-text-shadow: 1px 1px 2px #232021; 
}
a:hover.roundrect{
background: transparent url(../images/opacity/232021/80.png) repeat 0 0;
}
div#membership, div#sharing, div#wall{ float: left; height: 474px; border: 0; overflow: hidden; }
div#membership{ background-color: #631f27; color: #FFF; width: 290px; }
div#sharing{ background-color: #88ade3; color: #FFF; width: 173px; }
div#wall{ background: #616568; width: 116px; }

div#sharing{ border-right: 1px solid #88ade3; }

div#wall span img{ border-bottom: 1px solid #616568; }

div#lozengers, div.colx3{ background-color: #616568; overflow: hidden; display: block; }
.b1{ border: 0; border-right: 1px solid #b1b3b2; }

div#lozengers{ width: 600px; height: 194px; }
div.colx3{ width: 193px; height: 120px; float:left; }

.pa-tl{ position:absolute; top:10px; left:10px; float:left; }
.pa-tlx{ position:absolute; top:10px; left:-10px; float:left; }

.pa-tr{ position:absolute; top:10px; right:10px; float:left; }
.pa-trx{ position:absolute; top:10px; right:-10px; float:left; }

.pa-bl{ position:absolute; bottom:10px; left:10px; float:left; }
.pa-blx{ position:absolute; bottom:10px; left:-10px; float:left; }

.pa-br{ position:absolute; bottom:10px; right:10px; float:left; }
.pa-brx{ position:absolute; bottom:10px; right:-10px; float:left; }

.pa-lx{ position: absolute; top: 35%; left: -10px; }
.pa-rx{ position: absolute; top: 35%; right: -10px; }

.pa-mid{ position: absolute; top: 50%; left: 50%;}
.pa-q1{ position: absolute; top: 25%; left: 25%;}
.pa-q2{ position: absolute; top: 25%; right: 25%;}
.pa-q3{ position: absolute; bottom: 25%; left: 25%;}
.pa-q4{ position: absolute; bottom: 25%; right: 25%;}
.pa-b1{ position: absolute; bottom: 10px; left: 25%; }



a.icons{ background-color: #b3c5b9; width: 108px; height: 108px; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left;  position: relative; margin-bottom: 20px; text-decoration: none; color: #b3c5b9; text-align: center; }
a.icons span{ position: absolute; top: 114px; display: block; width: 108px; line-height: 100%; }
a.icons:hover{ background-color: #486c5c; color: #486c5c; }

#web2-share{ background-image: url(../images/icons/share.png); background-repeat: no-repeat; background-position: 50% 50%; }
#web2-facebook{ background-image: url(../images/icons/facebook.png); background-repeat: no-repeat; background-position: 50% 50%; }
#web2-twitter{ background-image: url(../images/icons/twitter.png); background-repeat: no-repeat; background-position: 50% 50%; }
#web2-blogger{ background-image: url(../images/icons/blogger.png); background-repeat: no-repeat; background-position: 50% 50%; }
#web2-mail{ background-image: url(../images/icons/mail.png); background-repeat: no-repeat; background-position: 50% 50%; }


div.twoColumn {
column-count: 2; column-gap: 20px;
-moz-column-count: 2; -moz-column-gap: 20px;
-webkit-column-count: 2; -webkit-column-gap: 20px;
}

.picFrame{ border: 1px solid #FFF; width: 278px; overflow: hidden; }

.dropShadow{ text-shadow: 1px 1px 1px #232021; -moz-text-shadow: 1px 1px 1px #232021; -webkit-text-shadow: 1px 1px 1px #232021; }
.dropBoxShadow{ box-shadow: 3px 3px 3px #232021; -moz-box-shadow: 3px 3px 3px #232021; -webkit-box-shadow: 3px 3px 3px #232021; }