html, body { margin: 0px; width: 100%; height: 100%;  display: block; font-size: 100%; font-style: normal; font-family: Verdana, Helvetica, sans-serif; color: #370C00;  }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {  
	margin:0; 
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
body { line-height: 1.5; background: #59110B; font-family: source-sans-pro; height: 100%; font-size: 0.89em; font-weight: 300;   }

#editor { background: #fff; }

/* Basic declarations */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block;  }
p { margin: 0.5em 0;}
a { text-decoration: none; color: #832004; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal;  color: #000; text-align: left;  font-family: source-sans-pro; margin-bottom: 10px;   font-size: 2.2em; line-height: 1.2em;  }
h1 {   padding-bottom:4px; color: #1E4089; font-weight: normal; font-style: italic; }
h2 { font-size: 1.6em; color: #d9731a; padding-top: 15px; }
h3{ font-size: 1.4em; }
 h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
ul, ol { margin-left: 3em; list-style: square; }
ol { list-style: decimal;  }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
input, select, textarea { border: 1px solid #CCC; padding: 3px 5px; font-size: 12px; color: #444;  font-family: Arial, Helvetica, sans-serif;  }
input [type=radio], input [type=checkbox], input [type=slider] { border: 0px; }
input[type=button], input[type=reset],input[type=submit],.button { background: #bcbcbc; color: #000; cursor: pointer; text-decoration: none; margin-right: 10px; border: 1px solid #7d7d7d; padding: 5px 18px; display: inline-block; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px;  }
.pad { padding: 10px; padding-right: 0px;}
.divider { margin-top: 20px;  }
.bgbox { }

/* layout*/
.bg {  height: 180px; position: relative; z-index: -1; }
.homebg { height: 350px; }
.home {}
.plain { background: #fff; }
#layout { ; position: absolute; height: 100%;  top: 0; left: 0; width: 100%; min-width: 100%;  }
#wrapper {  min-height:100%; height: auto !important;height: 100%;   background: #fff; padding: 0; margin: 30px auto;  margin-bottom: 0;  min-width: 990px;   width: 990px; position: relative;  }
.no-rgba #wrapper { background: #FFF; }
.table { width: 100%; display: table; vertical-align: top; height:100%;  }
.tablerow {width: 100%; display: table-row;  vertical-align: top; height: 100%; }
#header{ height: 152px; width: 100%; position: relative;background-image:url("/images/cache/brick.jpg");}
#nav {  position: relative;   /* margin-bottom: 10px; */}
#nav div.container {   padding: 0;  border-left: 0; border-right: 0; background-color: #402211 }
#content { width: 100%; text-align: justify; }
.footspacer, #footer { }
#footer {  clear: both; overflow: hidden; line-height: 1.3em;  color: #fff;       width: 990px;  margin: 0 auto;}
#footer .container{background:#402211;padding: 15px 0px;width: 100%;margin: 0;}
.container { width: 990px; position: relative; margin: 0 auto; }
.bundles {float: left; padding: 0 2%; width: 21%; min-height: 300px; }
.giftboxes {float: left; padding: 0 2%; width: 21%; min-height: 250px; }

/* TABLES */
div.float {
  float: left;
  padding: 2% 2%;
  width: 21%;
  }
div.float p {text-align: left;}



/*header */
.headtop { text-align: right; height: 30px; padding-top: 10px; position: absolute; top: 25px; right: 20px;padding-bottom: 10px; font-size: 1.5em;; color: #333; }
.headtop input[type=text]{ border:0px; border-bottom: 2px dotted #000; width: 200px;}
.headtop input[type=text]:focus, .headtop input[type=text]:active, .headtop input[type=text]:hover { border-bottom: 2px dotted #000; }
.headtop img { width: 40px; margin-bottom: -10px; }
.logo { text-align: center ; z-index: 12; margin: 0 auto;}
.logo img {  padding: 5px 0 0 6px; height: 110px; width: auto;}
.bob { position: absolute; right: 0;top: 0;padding:10px  15px;}
.bob img { height: 125px;}
.placehold { height: 15px; }
.pagemargin { padding: 15px; }
.breadcrumb { padding: 4px 10px; position: relative;    color: #402211; display: none;}
.breadcrumb a {padding: 0 3px; font-size: 0.92em; color: #402211;  }

/*page header*/
.page_headers{ padding: 0;position: relative;}
.page_header h2 { position: absolute; width: 100%; margin: 0;left: 0px; top: 0;color:#FFF; padding: 7% 0; font-size: 2.6em;text-align: center;text-shadow: 2px 2px 1px #333;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: 700;}
.page_header img { max-width:100%; width:100%; height:auto;}
/* footer */
/*Social Menu*/
.social{ background: #a69668; text-align: center;border-bottom: 3px solid #695B32;}
#social > * {text-align: left;  color:#FFF;}
#social ul {list-style: none;   margin: 0;padding: 0;text-align: center;}
#social ul li { list-style-type: none; display:inline-block; vertical-align:middle;  }
#social li span {display:none;}

#social li a { height: 30px; width: 30px;display: block;    margin: 5px; background-size: contain;background-repeat: no-repeat;opacity: 1;}
#social li.facebook a { background-image: url(/image/cache/facebook.png); }
#social li.twitter a { background-image: url(/image/cache/twitter.png) ; }
#social li.linkedin a { background-image: url(/image/cache/linkedin.png);  }
#social li.youtube a { background-image: url(/image/cache/youtube.png);  }
#social li.pinterest a { background-image: url(/image/cache/pinterest.png); }
#social li.googleplus a { background-image: url(/image/cache/googleplus.png); }
#social li.email a { background-image: url(/image/cache/email_2.png);}
#social li.rss a { background-image: url(/image/cache/rss.png); }
/* social menu hover*/
#social li a:hover{ opacity:.65;}

.copyright { clear: both; }
.sociolinks { float: right; margin-right: 0px; width: 25%; padding: 0 2%; padding-bottom: 0px; }
.sociolinks h2 { padding:0;}
.sociolinks a { color:#FFF; font-weight:bold;}

.sociolinks  img { height: 25px; margin: 0px 2px; }
.footnavi {  float: left; width: 70% ;}
.footnav { margin: 0px; padding: 0px; padding: 0; width: 100%; float: left;  }
#footer h3  { margin-bottom: 5px; color: #3f3f3f; font-size: 1.5em;}
.footnav ul { margin: 0px; padding: 10px; width: 100%; list-style: none;  }
.footnav ul li { float: left; width: 40%;  }
.footnav ul li>a { padding: 0px; margin: 3px; display: block; color: #a69668; font-size: 1.1em;}
.footnav ul li span { font-size: 1.3em; color: #3f3f3f; font-size: 1.2em; line-height: 2em;  }
.footnav ul li>ul  {margin: 0px; padding: 0px;  list-style: none;  }
.footnav ul li> ul li {  float: none; display: block; padding: 2px 0; width: auto;  }
.copyright { padding: 5px; color: #999;   }
#footer .copyright .container{ background:transparent;}
.footabout { width: 20%; padding: 8px 2%; float: left;  text-align: left; }
.footabout a { color: #999;  }
.searchbox { top: 20px; position: absolute; right: 10px; }
.searchbox a { padding-left: 10px; margin-right: 5px; display:inline-block; font-weight: bold; font-size: 1.5em;  line-height: 30px;  width: 20px; height: 30px; background: #333; color: #FFF; border-radius: 15px; }

/* tweet*/
.tweet { padding: 5px 0; border-bottom: 1px dotted #999;  }
.tweet  img { display: inline-block; width: 0%; display: none;   margin-right: 7px; vertical-align: top; }
.tweet .content { display: inline-block;  width: 100%; vertical-align: top; ; line-height: 18px; } 
.tweet .userdtl {  display: none;  }
.tweet .time { display: block; font-size: 11px; color: #999;  }

/*navigation*/
.navigate { display: none; }
#nav ul { padding: 0 ; margin: 0 0 0 220px;  list-style: none;  }
#nav ul li { float:left; text-align: center; min-width: 10%; position: relative; border-right:1px solid #a69668; }
#nav ul li:last-child { border: 0px; }
#nav ul li a { font-size:1em;color: #a69668;; display: block;  padding: 7px 6px;   }
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { display: none; padding: 7px; margin: 0px; box-shadow: 0px 0px 1px #a69668; text-align: left; list-style: none; display: none; font-size: 0.92em; line-height: 20px;  z-index: 2; width: 200px; background: #a69668; position:absolute;  height:auto; border:0px; }
#nav ul li > ul > li { margin-top: 0px; padding-top: 0px; float: none;  position: relative; width: 100%;border: 0px; text-align: left;  }
#nav ul li > ul > li a { padding: 7px 9px;  display: block; color: #000; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { filter: none; color: #FFF; }
#nav ul li:last-child ul { right: 0px;}
/* #nav ul li.currentitem,  #nav ul li.currentbranch,*/ 
#nav ul li:hover, #nav ul li a:hover, #nav ul li:hover a { color: #FFF; text-decoration: none; }
/* #nav ul li.currentitem a,  #nav ul li.currentbranch a {  color: #FFF;}*/

#nav ul li a:hover { color: #FFF; text-decoration: none; background: #000; }

#nav ul li.currentbranch ul li.currentitem  { background: none;  }
#nav ul li.highlight { background: #a69668; }


.qklnks { margin-top: 20px;padding: 15px 10px; background: #a69668; min-height: 200px; }
.qklnks h2 { border-bottom: 1px solid #FFF; margin:0; color: #FFF; }
.qklnks ul, .submenu ul { margin: 0px; padding: 0px; list-style: none;  }
.qklnks ul li a { margin:2px 0; color: #FFF;   border-bottom: 1px dotted #555; display: block;  padding: 7px;    }
.submenu ul li { padding: 5px 10px; }
.qklnks ul li:hover a, #qklnksul li a:hover a {  text-decoration: none; }
.qklnks ul li a:hover { text-decoration: underline; }
.divider { margin-top: 30px; }
.sidlnks ul { list-style: none; padding: 0; margin: 0;  border-top:  1px dotted #AAA; }
.sidlnks ul li a { padding: 6px 5px; font-weight: bold; display: block; border-bottom:  1px dotted #CCC; }
.sidlnks ul li ul { display: none; width: 100%; border-bottom:  1px dotted #CCC;  margin: 0; padding: 0; }
.sidlnks ul li a:hover, .sidlnks ul li:hover {   text-decoration: none; color: #000; }
.sidlnks ul li ul li a { padding-left: 10px; border: 0; color: #000; }
.sidlnks ul li:hover ul, .sidlnks ul li a:hover ul  { display: block;}

/* Home */
#slider { height: 0px;  }
.sliderContent {  color: #CCC; width: 100%;  height: 350px; position: relative; overflow: hidden; background: #7d7d7d;  }
.sliderContent div.base {  position: absolute; width: 100%; left: 100%; height: 100%;  background: #1E4089;   }
.sliderContent div.base img {  position: absolute; left: 0%; top:0; padding: 0; border: 0;  height: auto; width: 100%;  margin: 0%;  }
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption { position: relative; z-index: 1; font-size: 1em; line-height: 1.6em;  color: #EEE; right: 0%; bottom: 0%; top: 50%;transform: translateY(-50%);/* height: 50%; */  width: 50%;padding: 25px;display: none;}
.sliderContent div.base div.caption h2 { font-size: 2em; line-height: 1em; margin: 0 0 10px 0; padding: 0;   font-weight: normal; color: #FFF;}
.sliderContent div.base div.caption h1 { color:#FFF;}
.sliderContent div.base div.caption h2 a, .sliderContent div.base div.caption a { color: #EEE;  position: relative;}
.sliderContent div.base div.caption a:hover{ text-decoration: none; }

.sliderContent  div.base div.Video .cpdesc { width: 100%; left: 0; top: 0; height: 100%; }
.sliderContent  div.base div.Video h2 { margin-top: 5%; }
.sliderContent  div.base div.Video .cpdesc  iframe { margin: 25px; float: left;   }
.sliderContent  div.base.slShow div.caption{ display:block; }
.sliderContent  div.base.slShow div.caption.Right { right:0; left:auto;float: right;}
.sliderContent  div.base.slShow div.caption.Center{ margin:0 auto; float:none; }
.sliderContent  div.base.slShow div.caption.Center *{ text-align:center;}
.taoNav { text-align: left; margin: 0; z-index: 5; position: absolute;  bottom: 0;width: 100%;}
.taoNav a { display: inline-block; margin: 2px 5px; padding: 1px 2px; background: #CCC; line-height: 0.7em; color: #CCC; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;   cursor: pointer; }
.taoNav a.active { background: #777; color: #777;  }
.taoNav a:hover { text-decoration: none;  }

.leftpart { padding: 10px 1.5%;    }
.rightpart { width: 25%; float: right; }

.more { position: absolute;  bottom: 0; right: 10px; }
.more a { color: #925F00;  }
.adsBlock {  margin: 10px 0; overflow: hidden; width: 100%; }
.adslides  { width: 1000%; height:120px;   }
.adslides div.sliderContent { height:120px; }
.adslides div.base { float: left; width: 150px; padding:0 9px; height: 120px; position: relative;  }
.adslides div.base a {  width: 150px;   }
.adslides div.activeSlide {  left: 0; }
._3pack_box {
    height: auto;
    margin: 0px auto;
    clear: both;
    width: 100%;
    margin-top: 25px;
    padding: 30px 0;
    border-top-color: rgb(224, 224, 224);
    border-top-width: 1px;
    border-top-style: solid;
}
._3pack_single {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 46%;
    padding: 0px 0px 0px 2%;
}
._3pack_box1 {
    float: left;
    width: 100%;
    height: 160px;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 5px 0px;
    opacity: 1;
    min-height: 0px;
    max-height: none;
    overflow: hidden;
    padding: 10px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.247059);
    border-width: 0px;
    border-style: solid;
    background-image:url("/images/cache/bundles.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: repeat repeat;
}
._3pack_box2 {
    float: left;
    width: 100%;
    height: 160px;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 5px 0px;
    opacity: 1;
    min-height: 0px;
    max-height: none;
    overflow: hidden;
    padding: 10px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.247059);
    border-width: 0px;
    border-style: solid;
    background-image:url("/images/cache/processing.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: repeat repeat;
}
._3pack_box3 {
    float: left;
    width: 100%;
    height: 160px;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.247059) 0px 2px 5px 0px;
    opacity: 1;
    min-height: 0px;
    max-height: none;
    overflow: hidden;
    padding: 10px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.247059);
    border-width: 0px;
    border-style: solid;
    background-image:url("/images/cache/gift-boxes.jpg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: repeat repeat;
}


/* news */
.newsList { width: 33%; padding: 2% 0;  float: left; overflow: hidden; position: relative; }
#newslist a { display: block; padding-left:30px;  }
#newslist div { padding: 1%; }
/* home page */
.homecontent  { width: 96%; /* float: left; */ text-align: left; padding: 1% 2%;  }
.pagecontent:after, ._3pack_box:after, .homecontent:after{ content:""; display:table; clear:both;}

.homecontent .box { width: 96%; float: left; padding: 2%; }
.homecontent h2, .newsList h2 { color: #370c00; font-size: 1.6em; }
.specialsContent {width: 43%; float: left; padding-right: 5%;}
.specials {/* float: left; */ width: 100%; padding: 2% 3%; height: auto; }
.specialsTitle { text-align: center; font-size: 1.8em; color: #D9731A; font-weight: bold; }
.specialsTitle p { margin:0;}
.title {font-size: .9em; float: left;}
.special_rt {float: right;}
.item {font-weight: 600;}
.price {font-weight: 600;}
.priceLabel {font-size: .85em;}
.description {font-size: .85em;}
.appi { background: #832004; padding: 20px 5%;  }
.gcards { background: #D3BD99;  }
.appi a, .appi h2, .appi h1 { color: #FFF;  display: inline-block; }
.appi h2, .appi h1 { padding: 0px 5px; }
.appi a:hover, .appi a:hover h1, .appi a:hover h2 { color: #000; text-decoration: none; }
.boxb ul { margin: 0; padding: 0; list-style: none; }
.boxb ul li { padding-left: 40px; min-height: 30px; float: left; width: 40%; margin: 1%; background: url(/image/cache/sugaricon.png) no-repeat left top; }
.eventList, .tweetList { position: relative; height:300px; overflow: hidden; width: 26%; margin: 0 2%;  float: left;  }
.eventList a { color: #333;  }
.eventList div { margin: 0px 0px;  padding-bottom: 12px; max-height: 55px; overflow-hidden;}
.eventList span, .eventList  p { display: inline-block; vertical-align: top; width: 75%; margin: 0px; padding: 0px; }
.eventList span { text-align: center; background: #a69668; padding: 10px 0px; color: #333; font-weight: normal;   vertical-align: middle; width: 50px; line-height: 14px; border-left: 0px; font-size: 16px; font-family: Georgia, serif, Arial, Helvetica, sans-serif; }
.eventList span label { font-size: 12px; display: block; }
.eventList  p { padding-left: 10px;}

.twitter_block{ width: 46%; float:left;margin-left: 2%;text-align: center;}
.twitter_block iframe{ height: 380px !important;}

div.article { border-bottom: 1px dotted #CCC; padding: 8px 5px; }
div.article  h2,div.article  h3 { font-size: 1.2em; }
.splitleft, .splitright  { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top;  }
.splitright { text-align: right;  }
.splitright a { color: #925F00;  }
/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #CCC; width: 14%;  height: 50px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px;  color: #9B7313; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #9B7313; font-size: 18px; line-height: 20px; font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; }
#calendar ul { margin: 0px; padding: 0px; list-style: none;  display: block;  }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #DDD; font-size: 11px;  }
/* gallery */
.thumbGallery { margin: 0px; padding: 0px; list-style: none; }
.thumbGallery li { display: inline-block; width: 28%; margin: 2%; font-size: 11px;  text-align: center; }
.thumbGallery li a img {  padding: 5px; background: #FFF; box-shadow: 0px 0px 8px #999;  }
.photo { text-align: center; margin-top: 20px;}
.photo img {  display: inline-block;  padding: 10px; background: #FFF; box-shadow: 0px 0px 8px #999; }
/*video */
.videoresults { padding: 15px 0px; }
.videoresults div.videoleft { width: 400px; float: left;  } 
.videoresults div.desc { width: 270px; color: #666;  float: right;  padding-top: 30px;}
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #a69668; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform td.labelcol { width: 18%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.valuecol { width: 88%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  background: transparent; color: #a69668;  font-size: 18px; line-height: 25px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic;  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }

/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px;  }
#editevent table { border: 0px; margin: 0px;   }
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent  textarea{ width: 350px; height: 100px;  }
#editevent table  td div.field { padding: 3px 0px;  }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px;  }
.indievent span { display: block;  }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
.eventrow {  border-bottom: 1px dashed #a69668; padding: 10px 0; }
/*webform */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: bold; padding: 10px 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #204483; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform  { margin: 10px 5px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px; font-weight: bold; vertical-align: top;  }
.postwebform td.valuecol { width: 68%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  background: transparent; color: #204483;  font-size: 18px; line-height: 25px; font-weight: normal;   }
.general_login  div.loginmessage { font-style: italic;  margin-bottom: 20px; }
.general_login  div.row { margin: 8px 0px; }
.general_login  div.row span.label { text-align: right; padding-right: 7px; width: 100px; font-weight: bold; display: inline-block; }
.general_login  div.loginbtn, .general_login  div.forgotpassword { margin-left: 110px; }
#filter {  display: none; }
.fieldgroup_label { font-weight: normal; text-align: left;  font-family: Georgia,serif; margin-bottom: 10px;   line-height: 1.2em; font-size: 1.6em; color: #204483; padding-top: 15px; width: 100%; clear: both; }
.fieldrow {width: 100%; }
.fieldlabel {float: left; width: 45%}
.fieldval {float: left; width 45%;}

/*application form post*/
.postwebform tr { margin: 5px 0px; }
.webform.contact{ width:90%; margin:0 auto;}
.fieldgroup  { clear: both; margin: 10px 0; padding: 5px;    }
.fieldgroup_label { font-size: 1.5em;  display: block;  color: #204483; width: 95%; padding: 2px 5px; border-bottom: 3px solid #204483; }
.fieldrow {  width : 100%; margin: 3px 0; clear: both; padding: 3px 0;   text-align: center;} 
.fieldrow .fieldlabel { width: 30%; display: inline-block;  vertical-align: top; }
.fieldrow .fieldval { width: 65%; display: inline-block; vertical-align: top; }
.fieldrow .fieldval textarea { width: 80%; height: 100px;}
.fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=email] { width: 75%;}
.fieldrow .fieldval input[type=radio] { width: 15px; min-width: 15px;}
.field_desc {font-style: italic; color: #999;  line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; }
.fieldgroup_desc {font-style: italic; color: #999;  line-height: 1.4em; padding: 0 15px; font-size: 0.87em; margin-bottom: 10px; }
.group_nogroup_label,.group_nogroup_tr   { display: none; }
#form_21_post .fieldrow .fieldlabel { width: 50%;  }
#form_21_post .fieldrow .fieldval { width: 50%;  }
#form_21_post .fieldrow .fieldval .ratinghold{ float:left; display:block; margin:0 5px; }

.webform .fieldrow { padding: 5px 0;  }
.webform .fieldrow .fieldlabel { display: inline-block; width: 38%; margin: 0 0.5%; text-align: left;}
.webform .fieldrow .fieldval { display: inline-block; width: 40%; margin: 0 0.5%; vertical-align: top; text-align: left;}
.webform .fieldgroup_label {width: 98%;  display: block;  color: #FFFFFF; padding: 5px 1%; font-size: 1.2em; margin:20px 0 5px 0;  }
.webform .group_nogroup_label  { display: none; }
.webform .fieldrow .fieldlabel{ font-size:1.1em;}
.webform .fieldrow .fieldlabel sup,#adpost .fieldrow .fieldlabel  sup{ color:red; margin-left:5px;}

/* event */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px;  }
#editevent table { border: 0px; margin: 0px;   }
#editevent table  td { padding: 3px 0px; }
#editevent table  td {  font-weight: bold; }
#editevent  textarea{ width: 350px; height: 100px;  }
#editevent table  td div.field { padding: 3px 0px;  }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.events h2 { margin-top: 20px;  } 
.indievent { border: 1px dotted #CCC; border-left: 0px; border-right: 0px; }
.indievent h1 { font-size: 20px;  }
.indievent span { display: block;  }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent div img { float: left; margin: 5px 10px; }
/*paging */
#form_paging_links, #calendar_paging_links, #paging_links, .newschannel_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span,  #paging_links span, .paging span { display: inline-block; text-align: center; padding: 2px 10px; border:1px solid #CCC; }
.newschannel_paging_links span { padding: 3px 10px; border: 1px solid #CCC; margin: 5px;  }
.newschannel_paging_links span a:hover,  #calendar_paging_links span a:hover, #form_paging_links span a:hover, #paging_links span a:hover { background: #204483; text-decoration: none; color: #FFF; } 
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC;  font-family: 'PT Serif', Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans"; font-size: 12px;  }
#searchresults dd { padding-left: 10px; }
/* forum */
#forum { border: 1px solid #DDD;  border-collapse: collapse; }
#forum td  { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold;   }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em;   }

#returntocart a, #changeinfo  ul li:before { content: "«"  }

/*tao Gallery */
.hide { display: none; }
#imageoverlay { position: fixed;  top: 0; left: 0;  z-index:111; background: transparent; width: 100%; height: 100%;   }
.overlay { position: absolute; z-index:1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index:1121; height: 100%; background: rgba(9,9,9,0.9);   }
.no-rgba #gcontent {background: #333; }
#gimage { width: 75%; float: left; text-align: center; height: 100%;  }
#gimage img { background: #FFF; padding: 10px; border: 1px solid #EEE;  }
#gcontent { float: left;  width:20%; line-height: 1.3em; margin: 10% 0; padding: 2%; color: #EEE;   font-family: 'Merienda', cursive;  }
#gcontent div { margin: 5px 0;    }
#gcontent label { display: block; color: #E49F0C; font-weight: bold; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index:1122; text-align: right; }
#gnav a { margin-left: 10px; color: #333; display: inline-block; padding: 2px 15px;  }
#gclose {  position: absolute; z-index:1122; top: 0%; right: 5%; color: #777; width: 45px; background: #E49F0C; padding: 5px 15px;color: #FFF;  }
.gwait { margin-top: 40%; }
.gallerylist { position: relative;float: left;  background: url(/image/cache/gallerybg.png) no-repeat top left; height: 200px; width: 180px; padding: 35px 15px 30px 30px; margin: 5px 0; }
.gallerylist img { height: 135px; width: 170px; border: 0; }
.gallerylist h3 { margin-top: 15px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }

.imageGallery a { float: left; background: #FFF; padding: 1%; height: 130px; width: 28%; margin: 5px 3px; font-family: 'Merienda', cursive; overflow: hidden; text-align: center; vertical-align: middle; position: relative;  text-align: center;  border: 1px solid #CCC; margin: 1%;  overflow: hidden; }
.imageGallery a .gContent { display: none; }
.imageGallery a img { width: 100%; max-height: 130px; }
.imageGallery a:hover {border: 1px solid #999; }

/* Comments */
.plain { background: #fff; }
 ul.tabs, #mainContent ul.tabs { padding: 0px; margin: 0px; list-style: none; border-bottom: 1px solid #987630; height: 40px; padding-left: 10px; } 
 ul.tabs li { padding: 0px 20px; line-height: 36px; float: left; font-weight: bold; font-size: 1em; margin-top: 5px; cursor: pointer; } 
 ul.tabs li:hover { color: #987630; } ul.tabs li.select { background: #FFF; border: 1px solid #987630; color: #987630; border-bottom: 0px; } 
 .tabholder div.tabcont {display: none; padding: 10px; } 
 .tabholder div.showtab { display: block; } #name2_input { width:230px; } #mainContent form { float: left; }




/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 1010px){
#wrapper, #footer{ width: 98%; min-width:100%; padding:0; margin: 0 auto;} 
#header, .container{ width:98%; margin:0 auto;} 
.sliderContent{ height: 335px;}  
}
@media all and (min-width: 0px) and (max-width: 749px){
.bg {  background: none; }
.slidebg { height: auto;  }
#wrapper, .container { min-width: 98%; width: 98%; margin: 0;  padding: 0 1%;}
#header{ width:100%; height: 115px; padding-bottom:10px;}
.container { width: 100%; padding: 0; margin: 0;  }
.leftpart, .rightpart { padding:  0%; width: 100%; margin: 0;  }
.topsocio, .sugbox { display: none; }

.slideing { width: 100%; }
.sliderContent div.base div.caption{ width:80%; padding:15px;}

.footabout, .sociolinks  { width: 45%; }
.footnavi { width: 100%;  }
.homecontent { width: 98%; float: none; margin: 0 auto; padding: 0;}
#header, #nav { min-height: auto;  min-height: initial;}
.newslist { right: 5px;}
.menubutton, #cartright { display: none; }
#footer { height: auto; width: 100%; margin: 0 auto;   }
.pagemargin, .pagebr { padding: 0; }
#content { min-height: auto; width: 100%; margin: 0; padding: 20px 0;  }
.placehold  { display: none; }
.newsList, .tweetList, .eventList { width: 100%; margin: 0; padding: 0;  padding-bottom: 15px;  height: auto;  }
.homecontent .box { width: 96%; }
.boxb ul li { width: 90%; }
.webform.contact { width:100%;} 
}

.3pack_box {
margin-top: 0px;
margin-left: 0px;
clear: none;
}
.3pack_single {
width: 100%;
margin-left: 0%;
margin-bottom: 72px;
padding-left: 0%;
}
.3pack_box1 {
height: 250px;
}
.3pack_box2 {
height: 250px;
}
.3pack_box3 {
height: 250px;
}



/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi { width: 100%;  }
.footnav { width: 94%; margin: 0 4%;  }
.page_header h2 { padding:6% 0;}
}

/* TABLETS width 700 or above width */
@media all and (min-width: 750px) and (max-width: 969px){
body, html  { max-width: 969px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
#nav ul li a { padding: 5px 7px; display: block;    }
#footer{ padding: 0px; width: 100%; }
.searchbox { top: 20px; right: 0px;}
.slideing { width: 100%;}
.Hevents { width: 40%; left: 60%;}
.Hevents img.video { width: 95%; }
.slider { width: 100%; }
#wrapper, .container { min-width: 98%;  width: 98%; margin: 0px; padding: 0 1%; }
#header, .container { width: 100%; padding: 0; }
#content { width: 100%;  }
.eventList { margin: 0; padding: 0; width: 30%;}
.eventList p { margin: 0; padding: 0; background: #FFF; }
.news ul li { height: auto; }
.mess { font-size: 1.5em; }
.footnavi { width: 50%; }
.pagebr { padding: 0; }
}

@media (max-width: 749px) and (min-width: 0px){
.appi { width: 44%; padding: 10px 2%; margin: 1%; float: left; }
.twitter_block, .specialsContent {width: 95%; float: none; margin:0 auto;padding: 0;}
.twitter_block { margin:25px auto;}
.specials { width:100%; float:none; margin:0 auto; padding: 2% 0; }
._3pack_box{ width: 98%; padding: 25px 0;}
.bundles, .giftboxes{ width: 29%; min-height: 260px;}
}

@media all and (min-width: 750px) and (max-width:800px){
.boxb ul li {width: 35%; }
}

@media all and (min-width: 200px) and (max-width:750px){
#nav { padding: 0; position: relative; float: none; width: 100%; /* margin-top: -20px; */ margin-bottom: 0; height: auto;  }
#nav ul { float: none; position: absolute; right: 0; top: 40px; z-index: 122; background: #402211; padding: 5px; }
#nav ul li { float: none; /* background: #a69668; */ border: 0; line-height: 18px; /* margin: 1px 0 0 0; */  text-align: left; }
#nav ul li a { display: block; /* color: #FFF; */  border-bottom: 1px solid #a69668;  }
#nav ul li a:hover, #nav ul li.currentitem { background: #000; }
#nav ul li a:hover ul, #nav ul li:hover ul { display: none; }

.navigate a { display: block; color: #FFF;  padding:5px;  }
.masternav ul { display: none; min-width: 240px; max-width: 240px;  z-index: 1; position: relative; top: 0px; right: 5px; }
.masternav:hover ul { display: block; }
.navigate  { display: block; text-align: right;  font-size: 1.2em;  }
.navigate a { display: block; color: #3f3f3f; cursor: pointer;  }
.navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0; padding: 0 5px; width: 2.2em; height: 2em;  margin-right: 10px; }
.navigate a label.mbtn div { display: block; width: 100%; margin-top: 10%; }
.navigate a label.mbtn div label { display: inline-block; margin: 0; width: 15%; margin-right: 10%;  border-top: 5px solid #A69668; }
.navigate a label.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #A69668;  width: 70%;    }
.navigate a label.mbtn:hover,  .masternav:hover a label.mbtn  {/* background: #1E4089; */ }
.navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #000; }
.navigate a label.mbtn:hover div  span, .masternav:hover label.mbtn div span { border-top: 5px solid #000; }
.logo { max-width: 60%;}
.logo img {  height: auto;max-width: 100%;}
.bob{ padding: 7px 0;}
.bob img { height:110px;}
}

@media all and (min-width: 1440px) {
#wrapper {/* margin-left: 10%; */}
}
@media all and (min-width: 0px) and (max-width: 550px){
#header{ height:auto;}
.bob, .logo { clear:both; max-width: 90%; text-align:center; float:none; margin:0 auto;}
.logo img { width:100%; height:auto;float: none;}
.bob{ margin-top:15px;position: relative;}
.bob img{ height: auto;width: 20%;}

.sliderContent div.base{ background: #402211;.sliderContent div.base {width: 100%;  height: auto;left: 0;background: #9A6732;top: 50%;transform: translateY(-50%);};}
.sliderContent div.base {width: 100%;  height: auto;left: 0;background: #59110B;top: 50%;transform: translateY(-50%);}

.sliderContent{ height: 360px !important;background-color: #59110B;}
.sliderContent div.base img { position:relative;}
.sliderContent div.base.slShow div.caption.Right,.sliderContent div.base.slShow div.caption.Left,.sliderContent div.base.slShow div.caption.Center,  .sliderContent div.base.slShow div.caption{ position:relative; width: 98%; padding: 0;bottom: auto;top: auto;transform: none;float: none;right: auto;margin: 0 auto;}

._3pack_single{ width:98%; float:none; padding: 10px 0; margin: 0 auto;}
.bundles,.giftboxes{ width:48%; padding: 1%; min-height: 240px; clear: right;}
.bundles p:empty{ display:none;}
.webform .fieldrow .fieldlabel,.webform .fieldrow .fieldval{ width:100%;}
.page_header h2 { padding:6% 0; font-size:2em;} 
}

@media all and (min-width: 0px) and (max-width: 479px){
.footnav { width: 98%;  margin: 0 auto;  float: none;}
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li {padding: 0; margin: 5px 0;float: none;width: auto;}
.footnav ul li>a { }
/* .footabout, .headtop  img  { display: none;  } */
.sociolinks { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 1%; padding: 2em 1em 4.5em 1em ; vertical-align: top;  }
.headtop { font-size: 0.92em; margin-top: -15px;  }
.headtop  img { width: 30px;  }
.headtop  strong { display: none;  }
.logo img { width: 98%;  height: auto; padding: 0; margin: 0;}
#header { height: auto; }
.navigate { background: none;  }
div .masternav { background: none; }
.sliderContent  { height: 330px !important; }
.sliderContent  div.base div.caption .cpdesc {  font-size: 0.82em; }
.sliderContent  div.base div.Video iframe  { width: 96%; margin: 25px 1%;  }
.sliderContent  div.base div.Video .cpdesc  iframe { width: 96%; margin: 0; }
.sliderContent  div.base img  { /* height: auto; */ position: relative;top: auto;}
.sliderContent  div.base div.Video .cpdesc { margin: 10px 1%;  }

.sociolinks{ width:98%; float:none; padding: 1% 0; margin: 0 auto;}
.bundles, .giftboxes{ width: 50%; margin: 0 auto; float: none; min-height: initial; min-height: auto;}
#content iframe { width:100%;}
}

@media all and (min-width: 0px) and (max-width: 350px){ 
.slidebg { display:none;}
.page_header h2 { padding:3% 0;}
}

@media all and (min-width: 0px) and (max-width: 300px){ 
.board {float: left; text-align: center; width: 28%; height: 280px;}
.board img {max-height: 200px; max-width: 160px;}
.bundles, .giftboxes{ width:98%;}
}