/*============================RESET======================================*/

body,div,ul,ol,li,td,h1,h2,h3,p,a,table,form,img { margin:0; padding:0; border:0; outline:0; }
table                                            { border-collapse:collapse; border-spacing:0;}
a img,a:link img,a:visited img                   { outline:0; border:0; }
ol,ul                                            { list-style:none;}
.clearfix:after                                  { content: ""; display:table; clear:both;}
img {-ms-interpolation-mode: bicubic; image-rendering:optimizeQuality;_width:100%;} 



/*===========================LAYOUT=====================================*/

body                        { background: -webkit-linear-gradient(bottom, rgba(1, 154, 212, 0.96) 0%, rgba(1, 154, 212, 0.15) 12%, rgba(1, 154, 212, 0) 84%, rgba(1, 154, 212, 0.96) 100%);
background: -o-linear-gradient(bottom, rgba(1, 154, 212, 0.96) 0%, rgba(1, 154, 212, 0.15) 12%, rgba(1, 154, 212, 0) 84%, rgba(1, 154, 212, 0.96) 100%);
background: -ms-linear-gradient(bottom, rgba(1, 154, 212, 0.96) 0%, rgba(1, 154, 212, 0.15) 12%, rgba(1, 154, 212, 0) 84%, rgba(1, 154, 212, 0.96) 100%);
background: -moz-linear-gradient(bottom, rgba(1, 154, 212, 0.96) 0%, rgba(1, 154, 212, 0.15) 12%, rgba(1, 154, 212, 0) 84%, rgba(1, 154, 212, 0.96) 100%);
background: linear-gradient(to top, rgba(1, 154, 212, 0.96) 0%, rgba(1, 154, 212, 0.15) 12%, rgba(1, 154, 212, 0) 84%, rgba(1, 154, 212, 0.96) 100%);

									}
   div.dContainer           { /*background:#fff;*/
   									max-width:1198px;	margin:0 auto; } 
      div.dHeadArea         { width:100%;	margin:0 auto;}
      div.dBanner           { width:100%;	margin:0 auto;}
         div.dBannerInner   { width:100%; margin:0 auto;}
				div.dLogo 		 { width:100%; margin:0 auto; display: inline-block;}
				div.dLogo img   { max-width:100%; display:block;  }

 				/* nav */
				div.dNavContainer{
					position:relative;
					margin:1px auto;
					max-width:1198px;
					/*width:auto;*/  
					text-align:center;
  					background-color:#E85722;
					z-index:100;
					height:auto;
					min-height:44px;
					padding:0 0.2% 0 0; 
					border-top:1px solid #E85722;
				}
				@media only screen and (max-width: 48.5em)
				{/*px*/
					div.dNavContainer  {
					border-top:0;
  					background-color:transparent;
					}
				}
				div.dNav{
					height:auto; 
					width:auto;
					margin:0 auto; 
					min-height:33px;
					font-size:1.1em; 
					font-weight:bold; 
					border-right:1px solid #fff;  
					/* text-align:right;*/
				}
				/* eo nav */
				
				
      /*div.dNavWrapper       { border-bottom:1px solid #ddd;border-top:1px solid #ddd; }
         div.dNav           { max-width:1024px; margin:0 auto;  }*/
      div.dMain             { position:relative; max-width:1198px; margin:20px auto 10px auto; }
         div.dContent       { margin:0;}
      div.dFooter           { clear:both;   padding:20px 0; background:transparent url(../images/footer_flax.png) no-repeat scroll center;}     
         div.dFooterContent { max-width:1198px; margin:auto; }     

/*adaptive/responsive*/
@media (max-width:600px) {
	div.dContent       { float:none; width:95%; margin:0 auto; }
	div.dSidebar       { float:none; width:80%; margin:20px auto; }
	img.imgMain        { width:150px;} 
	h1 {  
	font-family: 'Life Savers', cursive;
	margin-bottom:1em;
	font-size:20px;
	font-size:2.0rem;  
	line-height:1.5em;
	color:#720f3c;  
	font-weight:bold;
	}
}


/*==========================TYPOGRAPHY===================================*/

/*all fonts measured in rems so font size won't inherit*/
/*with pixel fallback */
/*text elements styled explicitly because some elements refuse to inherit from body*/

html { font-size:62.5%; } /*reduces root font from 16px to 10px*/

/*primary font face*/
p,li,h1,h2,h3,h4,h5,td,th,textarea,legend,label,input,select,div,span {
	font-family:  Georgia, "Palatino Linotype",Verdana, sans-serif; 
	/*color:#000;*/ 
	color: #6a6a6a;
} 

/*main body font size*/
p,li,td,th,textarea,legend,label,input,select,div  { 
	/*font-family: verdana, sans-serif;*/
	font-size:14px;
	font-size:1.4rem; 
	line-height:2.2rem;    
}

/*defaults*/
p {
	margin-bottom:0.6em;
}
h1 {  
	font-family: 'Life Savers', cursive;
	margin-bottom:0.5em;
	font-size:36px;
	font-size:3.6rem;  
	line-height:1.5em;
	color:#720f3c;  
	font-weight:bold;
}
span.smaller {  
	font-family: 'Life Savers', cursive;
	margin-bottom:1em;
	font-size:26px;
	font-size:2.6rem;  
	line-height:1.5em;
	color:#720f3c;  
	font-weight:bold;
}
h2 {
	font-weight:600;
	margin-top:0.9em;
	/*margin-bottom:0.2em;*/
	font-size:17px;
	font-size:1.7rem;
	color:#8C0001;
}
h3 {
	font-weight:400;
	margin:25px 0 10px;
	font-size:15px;
	font-size:1.5rem;
	color:#666;
}
h4 {
	margin:5px 0;
	font-size:14px;
	font-size:1.4rem;
	color:#444; 
	font-weight:400;
}
ul {
  margin: 5px 5px 1.0em 20px;
  padding: 0 0 0 20px;
  text-align: left;
}
li {
  list-style: disc outside none;
}
/*hyperlinks*/ 
a.main, a.main:visited,a.main:active { /*last one is for the js email spambot protecter*/
	color:#FF9800;
	text-decoration:none;  
	border:0;
	padding:0;
}
a.main:hover {
	color:#000;
	text-decoration:none;  
	border:0;
	padding:0;
}
a.aNone, a.aNone:visited,a.aNone:active { /*last one is for the js email spambot protecter*/
	color:#000;
	text-decoration:none;  
	border:0;
	padding:0;
}
a.aNone:hover {
	color:#000;
	text-decoration:none;  
	border:0;
	padding:0;
}


/*===========================FORMS=========================================*/

input[type="text"],input[type="password"],textarea,select{
	border:1px solid #B69FA9;
	border-radius:2px;
	color:black;
	padding:2px;
}

input[type="submit"],input[type="button"] { 
	background:#c8c8c8; 
	border-radius:4px; 
	padding:1px 7px; 
	cursor:pointer;
	text-align:center;
	min-width:75px;
}
input[type="submit"]:hover, input[type="button"]:hover  { 
	background: #eee; 
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
}
input[type="button"][disabled], input[type="button"][disabled]:hover { 
	background:#ddd; 
	color:#666; 
	cursor:default;
	box-shadow: none;
}

fieldset { 
	padding: 10px; 
	border: 2px solid #eee; 
	border-radius: 5px;
	/* background: transparent url(../imgs/180-bg-account.png) repeat-x bottom left; */
}
legend {    
	margin-left: 10px;
	font-weight: bold;
}
fieldset > div {
	clear:left; 
	padding-top:5px; 
}
fieldset label {
	float:left;
	width:150px;
	font-size:1.2rem;
	text-align:left;
}
div.form-buttons {
	clear:both; 
	padding-top:20px;
	text-align:center;
}

input.vhp { display:none;} /*honeypot*/
div.dLoginMsg { margin:5px; color:red;}
.formErrorMessage, .form-error { color:red;}

fieldset.dStd input[type="text"],fieldset.dStd input[type="password"], fieldset.dStd textarea, fieldset.dStd select { 
	width:250px;
 	max-width:100%;
}

 
/*===========================HEAD/FOOT=====================================*/



/* footer, contact etc*/
/* textnav covered in the nav section*/
div.dFooter p { font-size:1.6rem; }

/* the WDW footer */
p.pWDW     { font-size:0.7rem; text-align:center;}
p.pWDW a   { text-decoration:none; font-size:0.7rem;}
p.pWDW em  { font-style:italic; color:#666;}


div.dFootBox  { display:inline-block; }
div.dFootBox.left  { width:70%; margin:10px 0 0 2%; }
div.dFootBox.right { 
	width:25%;  
	text-align:right; 
	vertical-align:top;
	margin:10px 2% 0 0;
	border-left:1px solid #000;
}
div.dFootBox.right div  { color:#666; }
div.dFootBox.right h2   { color:#666; }
div.dFootBox.right p    { color:#666; text-align:right; }

#catnav li.level1 {  width: 20rem;}

/*@media (max-width: 800px) {
	div.dFootBox.left  { display:none; }
	div.dFootBox.right { display:block; width:90%; margin:0 auto;}  
}*/
@media (max-width: 800px) {
	div.dFootBox.left  { float:left; width:99%; }
	div.dFootBox.right { float:left; width:99%; clear:both; text-align:left; margin: 2px; border:none;}  
	div.dFootBox.right p { text-align:left; }

}


/*=======================MARKUPPER STYLES================================*/

/* Images with captions */
table.tabImageL{
	float:left;
	margin:5px 20px 10px 0px;
	text-align:center;
	table-layout:auto;
	width:1px;
}
table.tabImageR{
	float:right;
	margin:5px 0px 10px 20px;
	text-align:center;
	clear:right;
}
td.tdImage{
	text-align:center;
	font-size:0.9rem;
}
td.tdCaption{
	font-size:0.9rem;
	font-style:italic;
	text-align:right;
}

/* showpage bits and bobs */
div.dInfo img, div.dInfo h4 {display:inline-block; font-size:1.1rem; vertical-align:middle;}
img.imgInTd { width:100%;}
table.tabImageR {width:45%;}
table.tabImageRSml {float:right; max-width:199px;}
table.tabImageLSml {float:left; max-width:199px;}
table.tabImageL {width:45%;}  
img.iconShop{
	max-width:100px;
	float:right;
	margin:0 2% 10px 10px;
}


/* call to action */
div.dMore{
	margin:1%;
	border:1px outset #000;
	padding:10px 20px 10px 2px;
	border-radius: 5px;
	color:#fff;
	text-decoration:none;
	font-size:1.8em;
	font-weight:bold;
	box-shadow: 3px 3px 4px #202020;
	background: #ccc url(../imgs/arrow_icon.png) no-repeat scroll right;
}

hr.hrDivider {
	border:0;
	height:1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


/*==========================NAV=========================================*/


/* alt navs for responsive */
div.dNav div.narrow { display:none;}
div.dNav div.wide   { display:block;}

@media (max-width: 800px) {
	div.dNav div.narrow { display:block;}
	div.dNav div.wide   { display:none;} 
	/*div.dNav { width:95%;}*/
}

/* new responsive nav*/
div.dMainNav.narrow2 button                 { width:35px; height:35px; margin:4px 5px 4px; border:0; background: url(/templates/imgs/hamburger.png) no-repeat top left; background-size: 100% 100%;}
div.dMainNav.narrow2 div.options            { display:none;  border-top:1px dotted #999; }
div.dMainNav.narrow2 div.options            { background:transparent; padding-bottom:20px; }
div.dMainNav.narrow2 div.options div        { padding: 2px 0; border-bottom:1px dotted #999; line-height:40px;  }
div.dMainNav.narrow2 div.options a          { display:block; color:#666;  text-decoration:none; text-transform:uppercase;}
div.dMainNav.narrow2 div.options div:hover  { background:#eee; color:#666;}
div.dMainNav.narrow2 div.options div.level1 { font-weight:bold; }


/*textnav*/
div.dTextNav            { margin:10px 2%;}
div.dTextNav ul         { display:inline; } 
div.dTextNav li         { font-size:1.0rem; }
div.dTextNav li a       { color:#000; font-weight:bold;}
div.dTextNav li a:hover { color:#666; }
div.dTextNav li         { display:inline; text-decoration:none; padding-left:4px; border-left:1px solid #666;}
div.dTextNav li:first-child { border-left:0;}


/*===========================FEATURES=========================================*/

/* try to only customise below this line*/
/* if you find yourself regularly overriding certain styles then move those changes above in trunk, so they propagate .*/



/* HEAD LINKS */
div.dHeadBox       { float:left;  width:49%;}
div.dHeadBox.right { float:right; width:99%;}
div.dHeadLink { display:inline-block; width:auto; text-align:left; position:relative;}
div.dHeadLink > a { 
	display:block;   
	padding:8px 10px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px; 
	font-size:1.4rem;
	color:#000;  
}
div.dHeadLink > a:hover { background:#ddd; text-decoration:underline; color:#000;}
div.dHeadLink.open > a   { background:#ddd; color:#000;}
div.dHeadLink > a.full  {color:red;} 

/* LOGIN DROPDOWN */
/*div#logindropdown {
	position:absolute;
	right:0;
	z-index:999;
	width:205px;
	padding:6px 6px 0 6px;
	background: #9C9C9C;
	color:#ccc;
	text-align:left;
}
div.dLoginPrompt input[type="text"], div.dLoginPrompt input[type="password"] {
	box-sizing: border-box;
	width:100%;
	padding:4px;
	margin-bottom:4px;
	border:0;
	border-radius:0;
}
div.dLoginPrompt label {display:none;}

div.dDropButton {
	display: inline-block;	
	margin: 5px 5px 0 5px;
}
div.dDropButton a { 
	display:block; 
	height:100%;
	padding:5px; 
	border:0; 
	border-radius:0; 
	background:#ccc; 
	text-decoration:none;
	color:#000; 
	min-width:75px;
	text-align:center;
}
div.dDropButton a:hover { box-shadow: 0 0 4px rgba(0,0,0,0.5); }

div.dDropButton input[type="submit"] { 
	padding:4px; 
	border:0; 
	border-radius:0; 
	background:#ccc; 
}
div.dDropButton.lost a {
	text-decoration:underline;
	background: none;
}

div.dLoggedUser { margin-bottom:10px;}
div.dLoggedMsg  { margin-top:10px; font-weight:bold;}
*/
/* CART DROP DOWN */
/*div#cartdropdown {
	position:absolute;
	z-index:999;
	width:205px;
	color:black;
	right:0;
}
div#briefcartview { background-color: #c8c8c8;}
div#cartdropdown form div {margin:3px 6px;}
div#briefcartview {
  border:0;
  border-radius: 0;
  margin: 0;
  padding: 5px;
  text-align:left;
  padding:5px 5px 0;
}

div#briefcartview div.buttons {
	display: inline-block;	
	margin:5px 5px 0 100px;
}

div#briefcartview div.buttons input[type="submit"], 
div#briefcartview div.buttons input[type="button"] { 
	background-color: #eee;
	padding:4px; 
	border:0; 
	border-radius:0; 
}*/

/* HEADLINK SEARCH */
/*div.dHeadLink.search input[type="text"] {
    background: #eee none repeat scroll 0 0;
    border: 0;
    font-size: 12px;
    padding: 2px 5px;
}*/


/*=================================================================================================
        LIST PIECES
================================================================================================= */


div.dListPieces         { clear:both; text-align:center; margin:30px 0 5px 0; padding:5px 0;}  
@media only screen and (max-width: 48.5em)
{/*px*/
	div.dListPieces  {
		margin:0.5%;
	}
}

div.dListPiece {
  /*border: 1px dotted #ccc;
  border-radius: 5px;*/
	background: -webkit-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(208, 208, 209) 100%);
	background: -o-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(208, 208, 209) 100%);
	background: -ms-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(208, 208, 209) 100%);
	background: -moz-linear-gradient(bottom, rgb(247, 247, 247) 0%, rgb(208, 208, 209) 100%);
	background: linear-gradient(to top, rgb(247, 247, 247) 0%, rgb(208, 208, 209) 100%);
	display: inline-block;
	margin: 10px 1%;
	padding: 6px 5px;
	text-align: center;
	vertical-align: top;
}
.widepiece{
	width:320px;  
} 
.narrow{
	width:120px;
}
@media only screen and (max-width: 48.5em)
{/*px*/
	div.dListPiece  {
		margin: 0.5%;
	}
	.widepiece {
		width:280px; 
	} 
}

div.dListPiece a        { text-decoration:none; } 
div.dListPiece img      { display:block; margin:0 auto;} 
div.dListPiece em {
  display: block;
  font-size: 11px;
  /*font-style: italic;*/
  line-height: 15px;
  text-align: center; 
  font-variant:small-caps;
}
div.dListPiece:hover em { text-decoration:none; color:#E87C1A;}
div.dListPiece:hover    { background:#e0e6f4; /*border-radius:5px;*/ }  

@media only screen and (max-width: 48.5em)
{/*px*/
	div.dListPiece img {
		max-width:280px; 
	} 
}
/* TO TOP BUTTON */
a.dToTop {
  display:block;
  clear:both;
  background: #333 url("/images/to-top-arrow.png") no-repeat scroll center center;
  height: 45px;
  overflow: hidden;
  right: 20px;
  transition: background 0.4s ease 0s;
  width: 45px;
  margin:0 0 5px auto;
}
a.dToTop:hover {  background: #703e5f url("/images/to-top-arrow.png") no-repeat scroll center center;}  
br.brClear{
	clear:both;
}
/* Accolades*/
div.dAccolade {
	margin: 10px auto;
	clear:both;
	max-width:1200px; 
	text-align: center;
}
p.pAccolade {
	font-style:italic;
	font-size:1.6em;
	display:inline;
	color:#8C0001;
}
p.pName {
	display:inline;
	margin: 0 0 0 2px;
	color:#CECDCD;
}   
/* big red text for misc messages */
p.pAlert {
	margin:0.5em 0;
	font-size:36px;
	font-size:3.6rem;  
	line-height:1.5em;
	color:red;  
	font-weight:bold;
}