/*@import url('font.css');*/
/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


.innerrow {
width: 100%;
margin: 0 auto;
overflow: hidden;
padding: 0.75em 0;
}
.divided2col {
background: url(/admin/img/line_vert.png) repeat-y 50% 0;
}
.articlebox {
 padding: 0.5em 1em;
 margin: 0 0 0.5em 0;
 border: 1px solid #ccc;
}
.articleboxlight {
 border: 1px solid #e92;
 padding: 0.5em;
 background-color: #eed;
 overflow: hidden;
}

/*------------------------------------*\
	$RESET
\*------------------------------------*/
/*
a la csswizardry.com/2011/10/reset-restarted
*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
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;
}
article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section{
	display:block;
}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
strong,b,mark{
	font-weight:bold;
	font-style:inherit;
}
em,i,cite,q,address,dfn,var{
	font-style:italic;
	font-weight:inherit;
}
abbr[title],dfn[title]{
	cursor:help;
	border-bottom:1px dotted;
}
ins{
	border-bottom:1px solid;
}
a,ins{
	text-decoration:none;
}
del,s{
	text-decoration:line-through;
}
pre,code,samp,kbd{
	font-family:monospace;
}
small{
	font-size:0.75em;
}
img{
	border:none;
	font-style:italic;
}
input,
select,option,optgroup,
textarea{
	font:inherit;
}

html{
	overflow-y:scroll; /* Force scrollbars 100% of the time */
	font-size:100%;
	background-color:#fff;
	color:#666;
}
body {
 font: 12px/18px titillium_webregular, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
 color:#666;
}

.row.padded {
 padding: 2em 0 0.5em 0;
}

/*------------------------------------*\
	$TYPE
\*------------------------------------*/
/*--- HEADINGS (commented sizes based on 16px body) ---*/
h1,.alpha{
	font-size:2em;			/* 32px */
	line-height:1.2em;		/* 48px */
}
h2,.beta{
	font-size:1.5em;		/* 24px */
	line-height:1em;			/* 24px */
}
h3,.gamma{
	font-size:1.25em;		/* 20px */
	line-height:1.2em;		/* 24px */
}
h4,.delta{
	font-size:1.125em;		/* 18px */
	line-height:1.333em;		/* 24px */
}
h5,.epsilon{
	font-weight:bold;
}
h5,.epsilon,
h6,.zeta{
	font-size:1em;			/* 16px */
	line-height:1.5em;		/* 24px */
}

/*--- PARAGRAPHS ---*/
p {
 padding: 0 0 1.5em 0
}
/*
Mo' robust paragraph indenting: csswizardry.com/2010/12/mo-robust-paragraph-indenting/
Uncomment to activate
p+p{
	text-indent:2em;
	margin-top:-1.5em;
}
*/

/*--- FIGURES ---*/
figure img{
	display:block;
	margin-bottom:0;
}

/*--- LINKS ---*/
/*
Say no to negative hovers: csswizardry.com/2011/05/on-negative-hovers/
A negative hover is one whose appearance is subtracted from on hover rather than added to.
*/
a:visited{
	opacity:0.8; /* A bit basic, but it's a bare minumum... */
}
a:hover{
 color: #1586BA;
}
a:active,
a:focus{
	/* Give clicked links a depressed effect. */
	position:relative;
	top:1px;
}

/*--- LISTS ---*/
ul,
ol,
dl{
	margin: 0 1em 1em 2em;
}

li > ul,
li > ol{
	/* Let's take care of lists in lists */
	margin-bottom:0;
}

/*
A numbered list is NOT the same as an ordered one: csswizardry.com/2011/09/ordered-and-numbered-lists-the-differences/
Use this class when you want a list to be numbered but it has no order.
*/
ul.numbered{
	list-style:decimal outside;
}
dt{
	font-weight:bold;
}

/*--- QUOTES ---*/
blockquote{
 padding: 1em 2em;
	text-indent:-0.4em;
}

/*
Mark up the source of a quote with .source:
<blockquote>
	<p>Lorem ipsum dolor sit amet. <b class=source>Joe Bloggs</b></p>
</blockquote>
*/
.source{
	display:block;
	text-indent:0;
}
	.source:before{
		content:"~";
	}

/*--- GENERAL ---*/
mark{
	background-color:#ffc;
	color:#333;
}

/*--- CODE ---*/
pre,
code{
	font-family:"Inconsolata", "Monaco", "Consolas", "Courier New", Courier, monospace;
}
pre{
	overflow:auto;
	line-height:24px; /* Having to define explicit pixel values :( */
}



sub,
sup {
font-size: 0.7em;
line-height: 110%;
vertical-align: bottom;
}
sup {
vertical-align: top;
}

/*--- TABLES ---*/

table { width: 100%;}
th, td {
padding: 2px 10px;
vertical-align: top;
}
 table.bordered,table.bordered td,table.bordered th {
 border: 1px solid #ccc;
 border-collapse: expand !important
}


/* ............... FORMS ............... */

input, textarea, select {
	background: #fff;
	border: 1px solid #ccc;
	font-size:13px;
	color:#414D4B;
	margin:3px 0 0 0;
	padding:4px 8px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px; 
}

input, textarea {
 width: 250px;
}
.textarea {
 height: auto;
}
input:focus,
input[type=text]:focus,
input:focus.qty-text,
select:focus,
textarea:focus {
 border: 1px solid #666;
}

input[type=submit],
input[type=button],
input.button,
.button{
 font-weight:bold;
 background:#293231;
 color:#fff;
 cursor:pointer;
 padding: 3px 12px;
 border: 1px solid #ddd;
 width: auto;
 margin:3px 0 0 0.5em;
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
input.button:hover,
input.button:focus,
.button:hover,
.button:focus {
 color:#293231;
 background:#fc5;
 border: 1px solid #ddd;
}



.buttonRed,
input.buttonRed,
.sixcol .buttonRed,
.sixcol input.buttonRed,
.ninecol .buttonRed,
.ninecol input.buttonRed,
.textify .buttonRed,
.textify input.buttonRed {
 font-weight:bold;
 color:#fff;
 cursor:pointer;
 border: 1px solid #987;
 width: auto;
 margin:3px 0 0 0;
background: #be131a;
background: -moz-linear-gradient(top, #f13239 0%, #be131a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f13239), color-stop(100%,#be131a));
background: -webkit-linear-gradient(top, #f13239 0%,#be131a 100%);
background: -o-linear-gradient(top, #f13239 0%,#be131a 100%);
background: -ms-linear-gradient(top, #f13239 0%,#be131a 100%);
background: linear-gradient(to bottom, #f13239 0%,#be131a 100%);
}

.buttonBlue,
input.buttonBlue,
.sixcol .buttonBlue,
.sixcol input.buttonBlue,
.ninecol .buttonBlue,
.ninecol input.buttonBlue,
.textify .buttonBlue,
.textify input.buttonBlue {
 font-weight:bold;
 color:#fff;
 cursor:pointer;
 border: 1px solid #07a;
 width: auto;
 margin: 3px 0 0 0;
 background: #1586BA;
}

input.buttonBlue:hover,
input.buttonBlue:focus,
.buttonBlue:hover,
.buttonBlue:focus,
.sixcol input.buttonBlue:hover,
.sixcol input.buttonBlue:focus,
.sixcol .buttonBlue:hover,
.sixcol .buttonBlue:focus,
.ninecol input.buttonBlue:hover,
.ninecol input.buttonBlue:focus,
.ninecol .buttonBlue:hover,
.ninecol .buttonBlue:focus,
.textify input.buttonBlue:hover,
.textify input.buttonBlue:focus,
.textify .buttonBlue:hover,
.textify .buttonBlue:focus {
 border: 1px solid #aaa;
 color: #666;
 background: #f0f0f0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f0f0f0 0%, #eeeeee 37%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(37%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
background: -o-linear-gradient(top, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
background: -ms-linear-gradient(top, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
background: linear-gradient(to bottom, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
}

.buttonWhite,
input.buttonWhite,
.sixcol .buttonWhite,
.sixcol input.buttonWhite,
.ninecol .buttonWhite,
.ninecol input.buttonWhite,
.textify .buttonWhite,
.textify input.buttonWhite {
 font-weight:bold;
 color:#444;
 cursor:pointer;
 border: 1px solid #666;
 width: auto;
 margin:3px 0 0 0;
 background: #fff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
}

input[type=submit]:hover,
input[type=submit]:focus,
input[type=button]:hover,
input[type=button]:focus,
input.button:hover,
input.button:focus,
.button:hover,
.button:focus,
.sixcol .button:hover,
.sixcol .button:focus,
.ninecol .button:hover,
.ninecol .button:focus,
.textify .button:hover,
.textify .button:focus {
 color:#293231;
 background:#fc5;
 border: 1px solid #ddd;
}
input.buttonRed:hover,
input.buttonRed:focus,
.buttonRed:hover,
.buttonRed:focus,
.sixcol input.buttonRed:hover,
.sixcol input.buttonRed:focus,
.sixcol .buttonRed:hover,
.sixcol .buttonRed:focus,
.ninecol input.buttonRed:hover,
.ninecol input.buttonRed:focus,
.ninecol .buttonRed:hover,
.ninecol .buttonRed:focus,
.textify input.buttonRed:hover,
.textify input.buttonRed:focus,
.textify .buttonRed:hover,
.textify .buttonRed:focus {
background: #666;
background: -moz-linear-gradient(top,  #999999 0%, #666666 88%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(88%,#666666));
background: -webkit-linear-gradient(top,  #999999 0%,#666666 88%);
background: -o-linear-gradient(top,  #999999 0%,#666666 88%);
background: -ms-linear-gradient(top,  #999999 0%,#666666 88%);
background: linear-gradient(to bottom,  #999999 0%,#666666 88%);
 color: #fff;
 border: 1px solid #ddd;
}
input.buttonWhite:hover,
input.buttonWhite:focus,
.buttonWhite:hover,
.buttonWhite:focus,
.sixcol input.buttonWhite:hover,
.sixcol input.buttonWhite:focus,
.sixcol .buttonWhite:hover,
.sixcol .buttonWhite:focus,
.ninecol input.buttonWhite:hover,
.ninecol input.buttonWhite:focus,
.ninecol .buttonWhite:hover,
.ninecol .buttonWhite:focus,
.textify input.buttonWhite:hover,
.textify input.buttonWhite:focus,
.textify .buttonWhite:hover,
.textify .buttonWhite:focus {
 color:#fff;
 border: 1px solid #ddd;
background: #333;
background: -moz-linear-gradient(top,  #666666 0%, #000000 88%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(88%,#000000));
background: -webkit-linear-gradient(top,  #666666 0%,#000000 88%);
background: -o-linear-gradient(top,  #666666 0%,#000000 88%);
background: -ms-linear-gradient(top,  #666666 0%,#000000 88%);
background: linear-gradient(to bottom,  #666666 0%,#000000 88%);

}
a.buttonRed,
a.buttonBlue,
a.buttonWhite,
.sixcol a.buttonRed,
.sixcol a.buttonBlue,
.sixcol a.buttonWhite,
.ninecol a.buttonRed,
.ninecol a.buttonBlue,
.ninecol a.buttonWhite,
.textify a.buttonRed,
.textify a.buttonBlue,
.textify a.buttonWhite {
 margin:3px 0.75em 0 0;
 padding:2px 8px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px; 
 display: inline-block;
 text-decoration: none;
}
a.buttonBlue {
 margin: 0.75em 0.75em 0 0;
}


input.full,
a.full {
 width: 100%;
 padding-left: 0;
 padding-right: 0;
 text-align: center;
}


.buttonBack {
 display: block;
 display: inline-block;
 color:#444;
 cursor:pointer;
 width: auto;
 height: 15px;
 line-height: 15px;
 margin:3px 0;
 padding: 0 2em 0 15px;
 background: #fff url(/admin/img/arrowsPrev.png) 0 0 no-repeat;
}
.buttonBack:hover,
.buttonBack:focus {
 background-position: 0 100%;
 color: #234A80;
}
.more,
a.more {
 display: block;
 clear: both;
 width: 7em;
 margin: 0.5em 0 0 0;
 font-size: 0.8em;
 line-height: 1.8em;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 border: 1px solid #999;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 background: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0 0%, #eeeeee 37%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(37%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
background: -o-linear-gradient(top, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
background: -ms-linear-gradient(top, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
background: linear-gradient(to bottom, #f0f0f0 0%,#eeeeee 37%,#cccccc 100%);
}
.more:hover,
.more:focus,
.sixcol a.more:hover,
.sixcol a.more:focus,
.ninecol a.more:hover,
.ninecol a.more:focus,
.textify a.more:hover,
.textify a.more:focus {
 text-decoration: none;
 color: #333;
background: #dddfe3;
background: -moz-linear-gradient(top, #dddfe3 1%, #b8bac6 49%, #dddfe3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dddfe3), color-stop(49%,#b8bac6), color-stop(100%,#dddfe3));
background: -webkit-linear-gradient(top, #dddfe3 1%,#b8bac6 49%,#dddfe3 100%);
background: -o-linear-gradient(top, #dddfe3 1%,#b8bac6 49%,#dddfe3 100%);
background: -ms-linear-gradient(top, #dddfe3 1%,#b8bac6 49%,#dddfe3 100%);
background: linear-gradient(to bottom, #dddfe3 1%,#b8bac6 49%,#dddfe3 100%);
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

 body {
font-family: Georgia,"Times New Roman",Times,serif;	
 }

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}/* end retina assets */





/* ASSIGNABLES */

/* clear float without adding any element height (for layout use) */
.clr {clear: both; zoom: 1; height: 0px; visibility: hidden;}
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
img.center {
 display: block !important;
 margin: 0.25em auto !important;
 clear: both !important;
 float: none !important;
}

.smaller {font-size: 0.9em; color: #444;}
.smallest {
 font-size: 0.8em; 
 line-height:140%;
}
.larger{
 font-size: 1.2em;
}
.largest{
 font-size: 1.6em;
 line-height:130%;
}

.red {color: #e22;}

.pad10 {padding: 10px}
.pad20 {padding: 20px}
.margin10 {margin: 10px}
.margin20 {margin: 20px}

.Code {
 border: #8b4513 1px solid;
 padding-right: 5px;
 padding-left: 5px;
 color: #000066;
 font-family: 'Courier New' , Monospace;
 background-color: #ff9933;
}

/* Use for images */
.float_left {float:left; margin: 5px 15px 5px 0;} 
.float_right {float:right; margin: 5px 0 5px 15px;}

/* generally used for Javascripting or ColdFusions switches */
.hide {display: none;}
.show {}