ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,table,div,blockquote,fieldset,input
{ margin:0; padding:0 }
html, body {height:100%;}
body {background:url(images/bg-tile.jpg) repeat-y center top #512c23; font-family:Arial, Helvetica, sans-serif; behavior:url("csshover.htc");}

#outer {width:775px; margin:auto; min-height:100%; margin-top:-30px;}
#wrapper {width:775px; margin:auto; overflow:hidden; _text-align:left;}
#header {border-top:30px solid #fff; width:775px; *border-top:0; *padding-top:30px;position:relative; z-index:5;  }
.boutique {position:absolute; bottom:3px; left:200px; color:#f188b8; font-size:13px; font-weight:bold; z-index:6;}
.banner {*margin-left:1px;}
.cartLink {position:absolute; top:120px; right:10px; z-index:20; height:15px; *height:20px;  *top:147px;}
.cartLink img {vertical-align:middle; float:left; display:block; margin-right:5px; *margin-top:2px;}
.cartLink a {text-decoration:none; color:#512c23; font-size:13px !important; font-weight:bold; line-height:15px; *line-height:20px;}
.cartLink a:hover, .cartLink a.selected {color:#ad9c97 !important; text-decoration:none !important;}

#nav {clear:both; width:764px; margin:5px auto 0px; *width:763px; position:relative; z-index:1;}
#nav ul {float:left; min-width:761px; *width:763px;  margin:auto;  border:1px solid #ad9c97; overflow:hidden; _display:inline; }
#nav li {list-style:none; float:left; padding:0px 25px; line-height:23px; height:27px;}
#nav li a {text-decoration:none; color:#512c23; font-size:14px; font-weight:bold;}
#nav li a:hover, #nav li a.selected {color:#ad9c97 !important; text-decoration:none !important;}

#content {padding:10px 10px; clear:both; width:755px;}
#content p {padding-bottom:15px; color:#512c23; font-size:12px; font-weight:bold;}
#content a {color:#f188b8;}
#content a:hover {color:#512c23;}
h1, .brownhdl {color:#f188b8; font-weight:normal; font-size:18px; margin-bottom:10px;}
h1.center {text-align:center;}
h2 {color:#512c23; font-size:18px;}

#rightCol {float:right; height:100%; width:315px;}

#leftCol {width:415px; padding:5px 0 5px 10px;}
#flavors {text-align:center; line-height:17px;}
#flavors h1 {padding-top:5px;}

#hours p{text-align:center; padding-bottom:5px;}

#mailList {vertical-align:middle; height:22px; line-height:22px;}
#mailList #email {border:1px solid #c9cacb; padding:3px; margin-left:5px;}
/*#mailList #submit {vertical-align:top; margin-top:1px;  *margin-top:3px;}*/
#mailList #submit {vertical-align:top; padding:1px; }

p.social {vertical-align:middle; line-height:35px; margin-top:20px;}
p.social img {vertical-align:middle; line-height:35px;}


#footer {width:740px; margin:auto; height:30px; clear:both; padding:0 10px 5px; text-align:left;}
#footer p {color:#f188b8; font-size:12px;}
#footer p.biz {width:300px; float:right; text-align:right; /*color:#512c23;*/ font-weight:bold;}
/*Opera Fix*/
body:before {content:""; height:100%; float:left; width:0;}


#content .largePink {color:#f188b8; font-size:20px; padding-bottom:20px; font-weight:normal;}
.floatR {float:right;}
.floatL {float:left;}
.imageR { float:right; margin:0px 0px 5px 10px;}
.imageL { float:left; margin:0px 10px 5px 0px;}
.imageC { display:block; margin:auto; text-align:center;}
.clear {clear:both;}
.block {display:block;}
a img {border:none;}
#content .pink {color:#f188b8; font-size:13px;}
#content .req {color:#d0aec6; font-size:12px; margin-left:5px;}
.center {text-align:center;}
.map {display:block; margin:auto;}

/*********store order***********/
#order label {color:#f188b8; font-weight:bold; display:block; float:left; width:105px; }
#order select {border:1px solid #c9cacb;}

.indent {margin-left:50px;}
.table span {height:70px; display:block;}
.table .first {padding-top:11px;}
.table .second {padding-top:5px;}
.table .radio {margin-top:5px;}
#content .note {text-align:center; font-size:10px; margin-top:10px;}
.table select.rental {width:165px; margin-left:20px; }

/************popup********************/

#dim{ position:fixed; top:0; left:0; width:100%; z-index:100; background: url('images/dim.png'); display:none; text-align:left; height:140%; }
* html #dim {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/dim.png'); position:absolute;
 }
html>/**/body #dim, x:-moz-any-link {height:180% !important; } 

.msgbox{ position:fixed; width:328px; z-index:200; top: 50%; left: 50%; margin-left:-150px; margin-top:-150px;  text-align:center; _position:absolute;}
#msgboxCard {margin-top:-170px !important;}
#msgboxTshirt {margin-top:-180px !important;}
.close{ position:absolute; top:0px; right:10px;} 
.msgbox p {color:#f188b8; font-size:18px; padding-bottom:5px;}
.msgbox a {text-decoration:underline; color:#f188b8; font-size:18px; display:block;}
.msgbox a:hover {color:#fff;}
.msgbox ul li {padding-bottom:18px; color:#e5c0d8; font-size:13px; list-style:none;} 

/*safari 4 and chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.msgbox {position:absolute; top:30%; margin-top:-130px;}
.msgbox ul li { list-style:none;}
}

.popupTop {background:url('images/popupTop.png') no-repeat; width:328px; height:10px;}
.popupBtm {background:url(images/popupBtm.png) no-repeat; width:328px; height:10px;}
.popupMid {background:url(images/popupMid.png) repeat-y; width:318px; position:relative; min-height:20px; padding:10px 5px;}


.msgbox label {padding-right:10px;}
form#tshirt p {margin-bottom:5px;}


/**********contact************/
.field {border:1px solid #c9cacb; padding:2px; font-size:13px;}
#contactform {color:#512C23; font-weight:bold; font-size:12px;}
#contactform textarea {font-family:Arial, Helvetica, sans-serif; font-size:13px;}

#contactInfo { text-align:right; padding:10px 17px 10px 5px;}
#contactInfo p {font-size:14px;}


/************gifts*************/
.table {text-align:center; margin-left:3px;}
.table td {text-align:center; padding:6px 5px; width:130px;}
.table img {display:block; margin:auto;}
table.table h1, #content .table p {color:#512c23; padding:0; margin:0;}
.table h1 { font-size:12px; font-weight:bold;}
.table p {font-size:11px;}

/*********xcart styles*************/
#xcart {text-align:left; _text-align:center;}
#xcart #nav ul {_margin-left:6px;}




/***********blog*************/
.blog #rightCol {float:right; height:100%; width:190px;}
.blog #leftCol {width:544px; padding-bottom:20px;}

.blog #rightCol .box {border:1px solid #f188b8; padding:5px 5px 5px 10px; margin-bottom:10px;}
.blog .social p {line-height:35px;}
.blog .social img {vertical-align:middle; margin-left:15px;}
#content .blog .box p, .blog .box ul {padding-bottom:0;font-size:12px; font-weight:bold;}
#content .blog .box ul {padding-bottom:5px;}

.blog #rightCol {padding-bottom:20px;}
.blog #rightCol .box ul li {list-style:none; padding-bottom:2px;}
.blog #rightCol h2 { margin-bottom:2px; }
.blog #rightCol .searchField {width:166px; border:1px solid #c9cacb; padding:2px; margin:3px 0;}
.blog #rightCol ul {list-style:none;}
#searchform {margin: 0px auto 25px; padding: 5px 3px;}
#sidebar #searchform label {color:#512c23; font-size:18px; font-weight:bold;}
#sidebar #searchform #s {width: 160px;padding: 2px; border:1px solid #c9cacb;  margin:3px auto;}
#sidebar #searchsubmit { float:right;}


#content .blog p.date {padding-bottom:0; text-transform:uppercase; margin-top:10px;}
#content .blog .post h1, #content .blog .post h1 a {color:#512c23; text-decoration:none;}
.blog .hentry  h2 {clear:left; padding-top:5px;}
.blog .post p {line-height:16px;}
.blog .entry a {display:block;}
.navigation {width:100%; padding-bottom:10px;}
.navigation .alignleft {float:left; width:49%; display:block;}
.navigation .alignright {float:right; width:49%; text-align:right; display:block;}
.blog .entry .postmetadata a {display:inline;}

.commentlist li, #commentform input, #commentform textarea {font-size:13px;}
.commentlist li ul li {font-size: 13px;}
.commentlist li {font-weight: bold; margin-left:20px;}

.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}

.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}

.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}

#commentform p {}

.commentmetadata {font-weight: normal;}

.alignright {float: right;}
.alignleft {float: left;}