html, body { margin: 0px; width: 100%; height: 100%;  display: block; font-size: 100%; font-style: normal; font-family: Arial, Helvetica, sans-serif; color: #000; background: #FFF;  }
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;
	background:transparent;
}
body { line-height: 18px; background: #03142A url(/image/cache/bg.jpg) no-repeat top center; background-size: 100%;  height: 100%; font-size: 0.82em;    }

/* 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: #B82100; }
a:hover { text-decoration: underline; }
a img { border: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-weight: normal;  color: #5C4205; text-align: left; font-family: 'Pathway Gothic One', serif;   font-size: 2.8em; line-height: 1.2em;;  }
h1 {  padding-bottom:4px; margin-bottom: 10px;  }
h2 { font-size: 2.1em; margin-bottom: 10px;   }
h3{ font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
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 #AE7132; padding: 3px 5px; font-size: 12px; color: #333;  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: #01103E; color: #FFF; cursor: pointer; text-decoration: none; margin-right: 10px; border: 1px solid #01103E; padding: 5px 18px; display: inline-block; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px;  }
.pad {padding: 25px; }
.divider { margin-top: 20px; position: relative;   }
.box { background: #5C4205 url(/image/cache/event_bg.jpg); color: #FFF; padding: 10px; position: relative; }
.boxr { border: 1px solid #AE7132; }
.boxr h2 { color: #FFF; text-align: center; padding: 15px; }
#editor { background: #FFF; }
.hide, #changeparameters_7 { display: none; }
/* layout*/
#layout { background: transparent; position: absolute; height: 100%;  top: 0; left: 0; width: 100%; min-width: 100%;  }
#wrapper {  min-height:100%; height: auto !important;height: 100%;  background: #DFC1A0 url(/image/cache/ricepaper.jpg);  border-radius: 10px; box-shadow: inset 0 0 50px #88633F; margin: 60px auto; padding: 3px; min-width: 990px; width: 990px; position: relative; }
#wrapbox {  padding: 15px;  border: 2px dashed #88633F; background: url(/image/cache/footer_bg.png) no-repeat right bottom;}
#header{ height: 130px; position: relative; background: transparent;  }
#nav {  position: relative; height:40px; top: 40px; border-bottom: 7px solid #968368;  }
#content {  padding: 10px; padding-top: 25px; float: left; width: 700px; text-align: justify; }
.footspacer, #footer { height: auto;}
#footer {  padding: 15px 15px 0 15px;  clear: both; overflow: hidden; line-height: 1.3em;  border-top: 1px solid  #B68551; color: #7B2C0B; min-height: 100px;    }
.container { width: 960px; position: relative; margin: 0 auto; }
#leftprt { width: 61%; float: left; padding:  1%;}
#rgtprt { width: 31%; float: left; margin: 1% 2%;}
/*header */
#header h1{display:none;}
.logo { padding: 0; position: absolute; background: url(/image/cache/ricepaper.jpg);  z-index: 2; top: 10px; left: 10px }

/* footer */
.copyright { clear: both; text-align: right; color: #7B2C0B;}
.solpart { width: 50%; float: right; padding-bottom: 10px; }
.solpart h5 { color: #7B2C0B; font-family: arial; font-size: 1.2em;  }
.footnavi {  float: left;   width: 50%;}
.footnav {  padding: 0px; padding: 0; width: 100%; float: left;  }
#footer h3  { margin-bottom: 5px; color:#EEE; font-size: 1.2em;}
.footnav ul { margin: 0px; padding: 0px; width: 100%; list-style: none;  }
.footnav ul li { float: left; width: 48%;  padding: 0 1%; ; }
.footnav ul li>a { padding: 0px; margin: 0px; display: block;  }
.footnav ul li span { font-size: 1.2em;  margin-bottom: 5px; display: block;   }
.footnav ul li>ul  {margin: 0px; padding: 0 0 0 1%; list-style: none;  }
.footnav ul li> ul li {  float: none; display: block; width: 100%;   }
.social ul { width: 100%; list-style: none; margin: 0; padding: 0;}
.social li span { display: none; }
.social li {  float: left; padding: 0 2px;}
.social li a { background: url(/image/cache/fbicon.png) no-repeat center center; width: 25px; height: 25px; display: block;  }
.social li.tweet a { background: url(/image/cache/tweeticon.png) no-repeat center center;   }
.social li.pint a { background: url(/image/cache/pinticon.png) no-repeat center center;  }
.social li.gog a { background: url(/image/cache/gogicon.png) no-repeat center center;  }
.social li.rss a { background: url(/image/cache/rssicon.png) no-repeat center center;  }

/*navigation*/
.navigate { display: none; }
#nav ul { padding: 5px 0px; margin: 0px; height: 40px; margin-left: 220px; list-style: none; font-family: 'Pathway Gothic One', serif; text-transform: uppercase; color: #C09F7A; font-size: 1.5em;   }
#nav ul li { float:left; text-align: center; min-width: 11%; position: relative; }
#nav ul li:last-child { border: 0px; }
#nav ul li a { color: #5C4205; display: block;  padding: 10px 10px;   }
#nav ul li:hover > ul, #nav ul li a:hover > ul { display: block; }
#nav ul li > ul { display: none; padding: 0; margin: 0px; box-shadow: 0px 0px 1px #968368; text-align: left; list-style: none; display: none; font-size: 0.87em; line-height: 20px;  z-index: 2; width: 200px; background: #968368; position:absolute;  height:auto; border:0px; }
#sidemenu  {  margin-bottom: 15px;   }
#sidemenu .boxr { border-bottom: 0;}
#sidemenu ul { margin: 0px; padding: 0px; list-style: none; font-size: 1.4em;}
#sidemenu ul li a {  display: block; border-bottom: 1px solid #925F00;   padding: 8px 10px;font-family: 'Pathway Gothic One', serif;  }
#sidemenu ul li ul { display: none; }
#sidemenu ul li:hover, #sidemenu ul li a:hover {color: #FFF;  background: #925F00; border-bottom: 1px solid #925F00; text-decoration: none; }
#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,#nav ul li:hover > ul li a { padding:7px 10px;  display: block; color: #FFF; }
#nav ul li > ul > li a:hover, #nav ul li > ul > li:hover  { background: #968368; 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: #B82100; text-decoration: none; }
#nav ul li.currentitem a,  #nav ul li.currentbranch a {  color: #B82100;}
#nav ul li.currentbranch ul li.currentitem  { background: none;  }

#topnav nav ul { margin: 0; padding: 0; list-style: none; font-family: 'Pathway Gothic One', serif;  }
#topnav nav ul li { float: left; padding: 20px 10px; }
#topnav nav ul li ul { display: none;  }
#topnav nav ul li a { color: #FFF; font-size: 1.3em;   }
#search { position: absolute;  top: 18px; right: 0; }
#search input[type=text] { width: 200px; }
#search input[type=submit] {color: #FFF; margin: 0;  display: none; }

/* Home */
.slidebg { height: 350px;  position: relative; z-index: 0;  }
.hblock {border-bottom: 1px dashed #EEC402;  }
.slidebg div.container {  position: relative;   }
.slideing {  width: 100%; left: 0; position: relative;  }
#slides { height: 350px; position:  absolute; width: 98%; }
.sliderContent {  color: #CCC;  height: 350px;  position: relative; overflow: hidden; }
.sliderContent div.base {  position: absolute; width: 100%; left: 100%; height: 100%;   }
.sliderContent div.base .img {  position: absolute; left: 0%;   top:0;  border: 0;height: 100%; width: 60%; margin: 0; padding: 0; }
.sliderContent div.base .img  img { width: 99%; height: 98%; padding: 0.5%; /* background: #CCC; */ }
.sliderContent div.activeSlide { display: block; left: 0; }
.sliderContent div.base div.caption { position: absolute; z-index: 1;   padding: 10px; width: 35%; font-size: 1.5em; line-height: 1.4em; color: #333; right: 0%; top: 0%;  margin-left: 1%; }
.sliderContent div.base div.caption a.link { display: inline-block; background: #EEC402; border: 1px solid #EE9E02;  color: #333; padding: 7px 20px;margin-top: 20px;  }
.sliderContent div.base div.caption h2 { font-size: 2em; line-height: 1em; color: #333; margin: 0 0 10px 0; padding: 0;   font-weight: normal; }
.taoNav { text-align: right; margin: -25px 15px 0px 5px; z-index: 5; position: relative;  }
.taoNav a { display: inline-block; margin: 2px 5px; padding: 1px 2px; background: #968368; line-height: 0.7em; color: #968368; -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;   cursor: pointer; }
.taoNav a.active { background: #5C4205; color: #5C4205;  }
.taoNav a:hover { text-decoration: none;  }
#call { padding: 10px; font-size: 1.2em; line-height: 1.3em; text-align: center; background: #021759 url(/image/cache/call_bg.jpg); color: #EEE; }
#call .boxr { border: 1px solid #56649F; padding: 10px; }
#fblike { margin: 15px 0; background: #FFF; padding: 10px; }
#fblike  iframe{ width:100%;}
#fblike .boxl { border: 1px solid #B68551; padding: 0; }
#homesp {  }
.csponsor { width: 45%; margin: 1%; height: 160px; padding: 1%;  border: 1px dashed #B68551; text-align: center;  float: left;  }
.csponsor h3 { margin-bottom: 10px; }
.csponsor img { max-height: 120px; max-width: 90%; }

/* sponsors */
.scate h2 {border-bottom: 2px solid #968368;}
.scate,.stype { clear: both;   }
.hide0_none {display: none; }
.stype h4 span { background: #968368; color: #FFF; padding: 3px 10px;}
.s_item {margin: 10px 5px;width: 30%;padding: 0;display: inline-block;vertical-align: top;color: #572203;font-weight: bold;font-size: 12px;text-align: center;}
.s_item .s_item_content{border: 1px dashed #968368;padding: 4px 0;border-top:0;min-height: 140px;}
.s_item h4{display:block;background: #968368;padding:5px;color: #fff9f1;}
.s_item a {}
.s_item .s_img {text-align:center;min-height: 80px;width: 100%;position: relative;}
.s_item .s_img a{line-height:0;font-size: 0;}
.s_item img {max-height: 80px;max-width: 100%;top: 0;bottom: 0;right: 0;left: 0;margin: auto;position: absolute;}
.s_item img.hide\#{ display:none;}
.s_item .s_img.bg\#, .s_item .s_img.bg{background: url(/image/cache/news_icon.png) no-repeat center center;opacity: .5;}
.hideNo { display: none; }  

/* news */
.newslist div.item { padding: 0 0 10px 0px; clear:both; }
.newslist div.item .image { display: inline-block; margin-right: 10px; vertical-align: middle; max-width: 80px; min-width: 80px; height: 80px; overflow: hidden; background: url(/image/cache/news_icon.png) no-repeat center center; border: 1px solid #CAAD8C; }
.newslist div.item .image img { width:100%; height: 100%; display: inline-block; vertical-align: middle;}
.newslist div.item div.dtl { display:inline-block; vertical-align:middle;  width: 80%; }
.newslist div.item span a  { font-weight: bold;    font-size: 1.3em; display: block;  }
.newslist div.item label { color: #88633F; }
.newslist div.item p { margin: 0; }
.newslist strong { font-weight: normal;  }
.eventlst a { color: #FFF;  }
.eventlst h2  { padding-bottom: 0px; }
.eventlst div.item { padding:10px 10px; }
.eventlst span  { float: left; text-align: center; background: #AE7132; border: 3px solid #AE8153; padding: 5px 0px; color: #FFF; font-weight: normal;   vertical-align: middle; width: 50px; line-height: 0.9em;  font-size: 1.5em; font-family: 'Pathway Gothic One', serif; }
.eventlst span label { font-size: 0.82em; display: block; }
.eventlst  p { margin-left: 70px; }
.news div.article { border-bottom: 1px dashed #88633F; padding: 8px 5px; clear:both;}
.news div.article .thumb{ float:left;}
.news div.article .thumb img {margin-right:10px; width:90px; height:90px; }

.news div.article  h2 { font-size: 1.2em; }
.splitleft, .splitright  { width: 38%; padding: 0 1%; display: inline-block; vertical-align: top;  }
.splitright { text-align: right;  float: right;}
.splitright a { color: #925F00;  }
/*calendar */ 
#calendar { border-collapse: collapse; width: 100%; background: transparent; color: #333;}
#calendar th,#calendar td { border: 1px solid #AE7132; width: 14%;  height: 50px; }
#calendar th { text-align: center; background: #DEBE99; 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 { 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 5px; }
.taoCMSerror { color: red; }
form table tr td { padding: 3px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px;  }
.filteropts h2 { display: inline-block; font-size: 12px;   }
.postwebform td.labelcol { width: 40%;  font-weight: bold; vertical-align: top;  }
.postwebform td.middlecol {width: 1%; }
.postwebform td.valuecol { width: 58%; vertical-align: top;  }
.general_login { margin-left:30%; }
.general_login  div.logintitle {  background: transparent; color: #667233;  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: bold; font-size: 1.25em; color: #5c4205; }
.webform { margin:0 0 15px 0;}
.webform .fieldrow { padding: 5px 0;  }
.webform .fieldrow .fieldlabel,.webform .fieldrow .fieldval { display: inline-block; width: 45%; margin: 0 0.5%; vertical-align: top; position: relative;}
.group_upgrades .fieldrow .fieldval input[type="radio"], .group_upgrades .fieldrow .fieldval label{ float:left; }
.webform .fieldgroup_label {width: 98%;  display: block;   padding: 5px 1%; font-size: 1.2em; border-bottom: 1px dotted #5c4205;margin: 20px 0 10px 0;  font-weight: bold;}
.webform .group_nogroup_label  { display: none; }
.webform .fieldrow .fieldlabel{ font-size: 1em; color: red;}
.webform .fieldrow .fieldlabel label{ color:#333;}
.webform .fieldrow .fieldlabel sup, .fieldrow .fieldlabel  sup{ color:red; margin-left:5px;}
.webform .fieldrow .field_desc { color: #5C4205;}
.webform .fieldrow .field_desc .fieldval{ width: 100%;}
.type_radio, .rookie_year_radio{ display:inline-block; margin: 0px 5px 0 0;}
.type_radio{ }
.late_membership_radio, .membership_radio{ padding:5px 0;}
.membership_radio div, .late_membership_radio div { margin-left:15px; color: #5C4205;}
.supplemental_accident_insurance_radio div { margin-left: 20px; color: #5C4205; width: 90%;}
.error{ border:1px solid red; color:red;}
.member_typ.High{ display:block;}
.online_entries .fieldrow .fieldlabel label {font-weight:bold; }
.spons_results p { display: none; }


/*form builder*/
.head.family_card_names_input_head { background: #968368; padding: 10px 6px; margin-bottom:5px; }
.taoFieldBuilder .tafb_row { margin-bottom:5px; }
.taoFieldBuilder .familymembernames_col { width: 60%; display:inline-block; vertical-align: middle; font-weight:bold; text-align: left;}
.taoFieldBuilder .fcol.ssn_col {width:35%; display:inline-block; vertical-align:middle; text-align:left; font-weight: bold;}
.taoFieldBuilder .fcol input { width: 90%; height:20px; }

.taoFieldBuilder .tfbact{/* font-weight:bold; */ font-size:1.6em; line-height: 14px;display:inline-block; vertical-align: middle; margin-right: 3px; text-align: center;float: right;}
.taoFieldBuilder a.addAct{ text-decoration:none; color:#FFF; background: rgb(1, 16, 62); padding:2px; display: block;}
.taoFieldBuilder a.tfbdel { text-decoration:none; background: #B82100; color: #FFF; display: block; padding: 3px 5px; margin-top: 4px;}


/* 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 #EEC402; padding: 10px 0; }

/*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; margin: 2px; text-align: center; padding: 2px 10px; border:1px solid #AE8153; }
.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 { text-decoration: none; color: #FFF; } 
/*searchresults */
#searchresults { }
#searchresults dt { margin-top: 10px;  padding: 5px 0px; border-top: 1px dotted #CCC; 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;   }

/* programs */
.rdeopro { padding: .2%;}
.rdeopro { float: left; width: 100%; margin: 1%; }
.rdeopro .datxt { font-weight: bold; float: left; margin-right: 15px;}
.rdeopro .name { float: left; margin-right: 15px;}
.rdeopro a { font-weight: bold;}
#proind  h1 { margin: 0; }
.sponsors{margin:10px 0;/* display: block; */}
.sponsors h4{/* border-bottom:1px solid #968368; */}
.sponsors h4.sp0_none{ display:none;}
.spons_cat{ margin-bottom:10px;}
.spons_cat  h3{display: block;border-bottom: 2px solid #968368;}
.sponsors .sponsor{display: inline-block;vertical-align: bottom;margin:5px;padding: 5px;text-align:center;max-width: 165px;max-height: 120px;/* border: 1px solid #C2A07A; */}
.sponsors .sponsor p{margin:0;display: inline-block;vertical-align: middle;line-height: 12px;}
.sponsors .sponsor a {font-weight:bold;font-size: .87em;line-height: 7px;}
.sponsors .sponsor a.no-link{ pointer-events: none; cursor: default; color:#222;}
.sponsors .sponsor a.no-link:hover{ text-decoration: none; }
.sponsors .sponsor img {max-width: 150px;max-height: 95px;}

tr.spons_results td{padding: 5px 0;text-align: left;}
tr.spons_results td strong{ display:block;}
.result_sponsor{display:inline-block;vertical-align: middle;text-align:center;margin: 0 3px;}
.result_sponsor a {display:block;/* font-size:.88em; */}
.result_sponsor a:after {content:",";}
.result_sponsor:last-child a:after{ content:"";}
.meminfo { width: 100%; border-collapse: collapse; border-top: 1px solid #B68551;  }
.meminfo tr{ border-bottom: 1px solid #B68551; }
.meminfo tr:nth-child(even) { background: #E0BD94;  }
.meminfo td { padding: 3px 5px;  }
.board_lst { display:table; width: 100%; border-collapse: collapse;  border-top: 1px solid #B68551;}
.board_lst_row { display: table-row; border-bottom: 1px solid #B68551;}
.board_lst_row:nth-child(even){ background:#E0BD94;}
.board_lst_row span {display: table-cell; padding: 3px 5px; /* width:22%; */ }
/* results */
#changeparameters_3 {display: none; }
.results .resultscontent table{width:98% !important;background: #DFC1A0 url(/image/cache/ricepaper.jpg);margin: 10px auto;margin-bottom: 25px;padding: 15px;}

#cartbuttons ul { list-style: none; padding: 0px; margin: 0px; text-align: right; margin-top: 20px; }
#cartbuttons ul li { float: right;  }
#cartleft #cartbuttons ul li { float: none; display: inline-block; }





/*catalog */
.billinfo { padding: 10px; display: inline-block; width: 45%; vertical-align: top;}
.billinginfotable { border: 0px; }
#billtable, #shiptable { border: 1px solid #88633F; float: left; padding: 2%; width: 44%; margin: 10px 1%;  }
.billtable tr td span {  display: inline-block; text-align: left; margin-right: 5px; }
.billtable select { width: 200px;  }
.bgcol { background: #EDF8ED; padding: 10px 20px; }
#payment_totalamount { clear: both; color: #B82100; font-size: 1.5em; padding: 20px 0;  }
#billtable, #payment_totalamount, #paymentinstructions { width: 80%; float:none; clear: both;}
#paymentinstructions{  margin-bottom: 15px;}
.formorder  { width: 85%; margin: 20px 0; padding: 2%;}
.formorder .formorder_head { display: table; text-align: right; border-bottom: 1px solid #88633F; width: 100%;}
.formorder .formorder_head span  { /* padding: 5px; */ display: table-cell;}
.formorder .formorder_head span.order_desc, .formorder .orderrow span.order_desc { text-align: left;}
.formorder .orderrow  {padding: 1%; margin: 0; display: table; width: 98%;}
.formorder .orderrow span { display:table-cell; }
.formorder .orderrow span.order_price  { text-align:right;}
.formorder .orderrow.total { border-top:1px solid #88633F; border-bottom: 1px solid #88633F;}



/* view orders */
.vieworders { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE;   }
.vieworders th { background: #E9E9E9; line-height: 30px;  }
.vieworders td, .vieworders th {  border: 1px solid #DEDEDE; padding: 0px 5px; text-align: center; }
.vieworders .oddrow { background: #F9F9F9; }
.vieworders .evenrow { background: #FFF; }

/* cart */
.catalogcart { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE;   }
.catalogcart td, .catalogcart th {  border: 1px solid #DEDEDE; padding: 0px 5px; font-weight: normal; text-align: center; }
.cartheadings { background: #E9E9E9; line-height: 30px;  }
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: #F9F9F9; }
.catalogcart .evenrow { background: #FFF; }
.carttotals { line-height: 30px; }
#cartbuttons ul { list-style: none; padding: 0px; margin: 0px; margin-top: 20px; text-align: right; }
#cartbuttons ul li { display: inline-block; }
.cartlinks { height: 30px;  margin: auto; float: right; }
.cartlinks ul { margin: 0px; padding: 0px;  list-style: none; float: right; margin-top: -4px;   }
#subnav .cartlinks ul li { float: left;   padding: 0px 0px; border: 0; }
#subnav .cartlinks ul li a { color: #FE5E66;  line-height: 35px; display: block; font-weight: bold;  border: 0; padding: 2px 18px; }

/* bliiing */
.billingaddress { width: 48%; padding: 2% 1%;   }
.billingaddress .name { font-weight: bold;  }
.paymenttitle { margin-top: 15px;  font-size: 1.3em;  }
#paymentdiv { padding-bottom: 20px;  }
#changeinfo { margin-top: 20px; }
#changeinfo  ul {  margin: 0; padding: 0; list-style: none; color: #2E4C26; }
#changeinfo  ul li  { float: left;  margin-right: 20px; }
#returntocart a, #changeinfo  ul li:before { content: "\00ab"; }
.paymentmodule{ padding: 1em; font-size:1.1em;} 

/* TABLETS width 700 or above width */
@media all and (min-width: 700px) and (max-width: 1020px){
body, html  { max-width: 1020px; min-width: 700px; width: 100%; padding: 0px; margin: 0px;  }
#footer{ padding: 0px; width: 98%; padding: 1%; margin: 0; height: auto;}
#wrapper, .container { min-width: 96%;  width: 96%; padding: 0%;  }
#wrapper { padding: 0.2%; }
#nav ul li a { padding: 10px 7px; min-width: 4%; font-size:90%; }
.container { width: 100%; padding: 0; }
.copyright .container { min-width: 96%;  width: 96%; padding: 0%;  margin: auto; }
#content { width: 100%;  }
#leftprt { width: 60%; margin-bottom: 20px;  }
#rgtprt { margin-left: 10px; float: right;  }
.pagebr { padding: 0; }
}
@media all and (min-width: 700px) and (max-width: 860px){
#leftprt { width: 98%; padding: 1%;  margin-bottom: 20px;  float: none; }
#rgtprt {  width: 100%; float: none;}
.footabout { display: none; }
#rgtprt .box,#call { float: left; width: 43%; margin: 1%;   } 
.s_item{ width:48%;}
}
@media all and (min-width: 0px) and (max-width: 750px){
#nav ul { float: none; position: absolute; right: 0; top: 40px;z-index: 10; background: #968368;  }
#nav ul li { float: none; position: relative; background: #968368;  border: 0;  text-align: left; }
#nav ul li a { color: #FFF; }
.navigate a { display: block; color: #FFF; }
#nav ul { display: none; min-width: 240px; max-width: 240px;}
#nav ul li ul { padding: 0; z-index: none; position:  relative; top: 0; right: 0;}
#nav ul li ul li a,#nav ul li:hover ul li a { padding-left: 20px; font-size: 0.92em;  }
#nav ul li:hover ul li a:hover {text-decoration: underline;  }
#nav:hover ul { display: block; }
.navigate  { display: block; text-align: right;   font-size: 1.2em;  }
.navigate a { display: block; color: #DDD; cursor: pointer;  }
.navigate a label.mbtn { cursor: pointer; display: inline-block; vertical-align: middle; line-height: 0; margin: 0; padding:4px 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 #968368; }
.navigate a label.mbtn div span { display: inline-block; margin: 0; border-top: 5px solid #968368;  width: 70%;    }
.navigate a label.mbtn:hover div label, .masternav:hover label.mbtn div label { border-top: 5px solid #5C4205; }
.navigate a label.mbtn:hover div  span, .masternav:hover label.mbtn div span { border-top: 5px solid #5C4205; }
.s_item{ width:48%;}
}
/* mobile css */
/* mobiles with less that resolution */
@media all and (min-width: 0px) and (max-width: 699px){
body, html  { max-width: 699px; min-width: 0; width: 100%; padding: 0px; margin: 0px;  }
body { background: #03142A; }
#footer { height: auto; }
#wrapper { margin:50px auto; }
#wrapper{ min-width: 96%; width: 96%; }
#leftprt { width: 98%; padding: 1%;  margin-bottom: 20px;  float: none; }
#rgtprt {  width: 100%; float: none;}
.container { width: 100%; padding: 0; margin: 0;  }
#rgtprt .box,#rgtprt #call { float: none; width: 92%;  }
#topnav { display: block; height: auto; width: 96%; margin: 10px auto;}
#topnav nav ul li{padding:5px 6px;font-size:0.8em;}
.social {display:none;}
.s_item{ width:68%; float:none; display:block; margin:10px auto;}
}

@media all and (min-width: 0px) and (max-width: 479px){
#rgtprt .box,#rgtprt #call  { width: 90%;  float: left;  }
#header { height: 100px;}
.logo img {height: 80px;}
.footnav { width: 94%;  margin: 1% 4%;  }
.footnav ul { width: 100%; padding: 0; margin: 0;   }
.footnav ul  li { width: 100%; padding: 0; margin: 0;   }
.solpart { display: block; clear:both; width: 98%;text-align: left; float: none;  margin: 0; padding: 1em ; vertical-align: top;  }
.solpart{margin-bottom:130px; padding:7px;}
.slidebg ,#slides,.sliderContent { height: 300px; }
.sliderContent div.base  .img { display: block;  width: auto; height: 200px;}
.sliderContent div.base div.caption { width:93%; position: relative;  font-size: 1.2em; top: 65%;  margin:0px auto;}
.sliderContent div.base div.caption  h2 { font-size: 1.4em; }
.rdeopro { border-bottom: 1px solid #968368; padding:8px 0; margin:0 auto;  }
.board_lst_row { display:block; padding-top:15px;}
.board_lst_row span.title{display:block; font-weight:bold;  }
.board_lst_row span { display:block;  margin-left:5%; }
.webform .fieldrow .fieldlabel, .webform .fieldrow .fieldval{ width:100%;}
.newslist div.item div.dtl {  width: 65%;   }
.s_item{ width:90%;}
}
@media all and (min-width: 480px) and (max-width: 560px){
.newslist div.item div.dtl {  width: 74%;   }
}
/* mobiles width 480 or above width */
@media all and (min-width: 480px) and (max-width: 699px){
.footnavi { width: 100%;  }
.solpart {width:95%; margin-top:20px;}
.solpart,.solpart h5 { text-align:left ; }
.footnav { width: 94%; margin: 0 4%;  }
}

/* added for bottom footer */

.solpart {
    width: 25% !important;
    float: left !important;
    padding-bottom: 10px;
}
.footer-right
{
width:25%;
float:left;margin-left:10px;

}
.footer-right h5 {
    color: #7B2C0B;
    font-family: arial;
    font-size: 1.2em;
}
.footnavi {
    float: left;
    width: 30%;
}