body {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12pt;
}
body > div{
	margin-left: auto;
	margin-right: auto;
}
a {
	font-size: normal;
	font-weight: bold;
	color: #3d5c7a; /*#7590ae*/
}
.center{ 
	text-align: center;
}
.large{
	font-size: large;
}
.x-large{
	font-size: x-large;
}
.color-red{
	color: #CC3333;
}
.color-black{
	color: #000000;
}
.header{
	box-sizing: border-box;
	width: 100%;
	margin: .5em auto .5em auto;
	display: table;
}
.header:after{
	content: "";
	display: table;
	clear: both;
}
.header > .col12 > .col1 > div,
.header > .col12 > .col2 > div,
.header > .col34 > .col3 > div,
.header > .col34 > .col4 > div {
    text-align: center;
    font-size: small;
}
.headertitle{
    font-size: medium;
    font-weight: bold;
}
.headertitlesmall{
    font-weight: normal;
    font-size: small;
}
.headerlist{
    margin: .2em;
    text-align: left;
    font-size: 90%;
}
.col{
	float: left;
	box-sizing: border-box;
	padding: 0 .9em 0 .9em;
    margin: .5em 0 .5em 0;
	height: 100%;
}
.col12{
	float: left;
	box-sizing: border-box;
}
.col34{
	float: left;
	box-sizing: border-box;
}

.content{
	box-sizing: border-box;
	width: 100%;
	margin: .5em auto .5em auto;
    display: table;
	font-size: smaller;
}
.content:after{
	content: "";
	display: table;
	clear: both;
}
.row{
	box-sizing: border-box;
	width: 100%;
	margin: .5em auto .5em auto;
	display: table;
}
.row:after{
	content: "";
	display: table;
	clear: both;
}
.orderheader{
	color: #7590ae;
	font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.footer{
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-size: smaller;
	margin: .5em auto .5em auto;
}
.footermedianarrow > a{
	display: inline-block;
    padding: .5em .7em .5em .7em;
}
.disclaimer{
	color: #666;
	font-size: smaller;
}

@media screen and (min-width: 120px) { /* smartphones, iPhone, portrait 480x320 phones */
	body > div{
		width: 100%;
	}
	.headerlogo{
		visibility: hidden;
		padding: .9em 0 .9em 0;
	}
    .headermedianarrow{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        background-color: #fafafa;
        visibility: visible;   
        padding: .7em 0 .5em 0; 
    }
	.headerlist a{
		display: inline-block;
		margin: .3em 0 .3em 0;
	}
	.col{
		width: 100%;
	}
    .col > div{
		width: 80%;
        margin-left: auto;
	    margin-right: auto;
	}
    .footermedianarrow{
        display: block;
    }
    .footermediawide{
        display: none;
    }
}
@media screen and (min-width:541px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	.headerlogo{
		visibility: visible;
		padding: 0;
	}
    .headermedianarrow{
        top: -999;
        left: -999;
        z-index: 999;
        visibility: hidden;    
    }
	.headerlist a{
		display: default;
		margin: 0;
	}
	.col{
		width: 50%;
	}
    .col > div{
		width: 100%;
	}
	.col2, .col4{
		border-left: solid .15em #CCD1D1;
	}
	.col12, .col34{
		width: 100%;
	}
	.col12:after{
		content: "";
		display: table;
		clear: both;
	
	}
	.col34:after{
		content: "";
		display: table;
		clear: both;
	
	}
    .footermedianarrow{
        display: none;
    }
    .footermediawide{
        display: block;
    }
}
@media screen and (min-width:890px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.col{
		width: 50%;
	}
	.col2, .col3, .col4{
		border-left: solid .15em #CCD1D1;
	}
	.col12, .col34{
		width: 50%;
	}
	.col12:after{
		content: none;
	}
}
@media screen and (min-width:1150px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	body > div{
		width: 70em;
	}		
}
/*List Items*/
.featured{
	background: #d3d3d3;
	padding: .2em 1em .2em .5em;
}
ul > li {
	list-style-type: none;
	padding-left: .5em;
	/*margin: .3em 0 .3em 0;*/ /*Old listng format uses <br/> - for new format remove <br/> and use margin */
}	

ul {
	margin-left: 0;
	padding-left: 0;
}
.listitem{
	margin: .5em 0 1em .5em;
}
.listaddress{
	font-size: small;
}
.listphone{
	font-size: small;
}
.listmenu{
	font-size: smaller;
	font-weight: bold;
}
.listtbl{
	padding-top: .3em;
}
.listtbl > div{
	float: left;
	padding-right: .5em;
}
.listtbl:after{
	content: "";
	display: table;
	clear: both;
}
.listbutton{
	border: solid .1em #306bd3;
	color: #306bd3;
	padding: .1em .3em .15em .3em;
	margin: .1em;
	cursor: pointer;
}
.listbutton_down{
	background-color: #b5d0ee;
}
.listdata{
	display: none;
}

.listextra{
	display: none;
	border-bottom: solid .1em #b5d0ee;
	padding: .5em 0 .5em 0;	
}
.listextracontainer{
	margin: .3em;
}