/* drk blue = #0c5ea0
   lt blue = #6891b9
    red = b8202d
    gold = f3ad14

	Light 300; Regular 400; Semibold 600; Bold 700; Extrabold 800
*/

body.mceContentBody { 
	background: #FFFFFF; 
	font-family: "jaf-bernina-sans", "open-sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	color: #000000;
    font-size:9pt;
	font-weight: 400;
}

/* CLASS STYLES */

/* A */

a[href$=".pdf"] {
	background-image: url(/admin/images/pdf_small.gif);
	background-repeat: repeat;
	}

/* B */

/* C */

.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}

#checkoutleft {
       width:60%;
}
#checkoutright {
} 
.checkouttextbox, .checkouttextblock {
	width: 100%;
}

/* D */

#displaywindow { width: 100%; border-collapse: collapse; background-color: #9E0709; color: #FFFFFF; font-size: 20px;}
#displaywindowleft { }
#displaywindowright { text-align: right; padding-right: 10px; }
#displaywindowprint { margin-right: 10px; }
#displaywindowclose {}
#displaywindowcontent {}

/* E */

.EventSummaryDiv { width: 29%; float: left; background-color: #FF0; border: 1px solid #000; padding:20px; cursor: pointer;}
.EventSummaryDiv h1 { font-size: 20px;}
.EventSummaryDiv h2 {font-size: 14px; }
.EventSummaryDiv p {font-size: 10px; }
.EventSummaryThumbnail { 
     float:right; 
     max-width:150px;
     height: auto;
     max-height:100px;
     width: auto;
}

.EventCategory {
    text-align: center;
	font-size: 20px;
	font-weight: normal;
        padding:20px;
}
.EventCalendarTable {
	width: 100%;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	vertical-align: top;
}
.EventSelectMonthRow {
        background-color: #FFCC00;
}
.EventMonthSelect {
       cursor: pointer;
}
.EventPreviousMonth {
	cursor: pointer;
	background-image: url(/admin/images/slideshow_arrow_previous.gif);
	background-repeat: no-repeat;
	background-color: #666;
	background-position: center center;
}
.EventCurrentMonth {
	color: #FFF;
	background-color: #666;

}
.EventNextMonth  {
	cursor: pointer;
	background-image: url(/admin/images/slideshow_arrow_next.gif);
	background-repeat: no-repeat;
	background-color: #666;
	background-position: center center;
}
.EventSMTWTFS {
	color: #FFF;
	background-color: #CCC;
	width: 14%;
}
.EventCalendarToday {
	width: 14%;
	background-color: #FFF;
}
.EventCalendarToday A  {
}
.EventMonthDays {
	background-color: #FFC;
}
.EventCalendarOtherDays {
	/* lead in and lead out days from previous/next month */
	width: 14%;
	background-color: #FF0000;
}
.EventCalendarWeekend {
	width: 15%;
	background-color: #393;
}
.EventCalendarWeekend A {
}
.EventCalendarTable A  {
}
.EventCalendarTable A:hover {
}
.Event {
	border-top:#999 1px solid;
	margin-top:0px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
}
.EventListThumbnail {
	float:left;
	padding-right: 10px;
}
.EventThumbnail {
}

/* F */

fieldset {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.formmandatory {
        color: #FF0000;
	font-size:16px;
	line-height:10px;
	}
.formmandatory:after {
	content: "#";
	}
.formmandatorytitle:after {
	content: " required fields";
	}
.formtable {
	}
.formleftcol, .formrightcol {
        margin-top: 10px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom: 10px;
	}
.formleftcol {
	font-weight: normal;
	font-style: italic;
        text-align:right;
}
.formrightcol {
}
.formitem {
	font-weight: bold;
	font-style: italic;
}
.formfield {
	margin-left: 20px;
}
.formnotestart {
}
.formnote {
	color: #009933;
}

/* G */

/* H */

h1, h2, h3, h4, h5 {
	font-family: "jaf-bernina-sans", "open-sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
}

h1 {
	font-size: 29px;
	font-weight: 400;
	color: #00548a;
	line-height: 34px;
}
h2 {  
	font-size: 24px; /*  20 */
	line-height: 28px; /*  25 */
	font-weight: 400; /*  400 */
	color: #FF0000;  /* #00548a;*/
}
h3 {  
	font-size: 18px; 
	color: #00548a;
}
h4 {  
	font-size: 16px; 
	color: #00548a;
}
h5 {  
	font-size: 15px; 
	color: #00548a;
}
h6 {  
	font-size: 14px; 
	color: #00548a;
}

.homeicondiv {
	width: 24.3%;
	float:left;
	margin: 5px 0.4% 10px 0px;
	border: 1px #00447c solid;
	padding: 0px;
}
.homeicondiv img{
	width: 100%;
	border: 0px #FFFFFF none;
}
.homeicontext {
	width: 100%;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	background-color: #00447c;
	border-top: solid 1px #ffffff;
	text-indent: 15px;
	margin: -5px 0px 0px 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}



/* I */

#Image_Change_1 {
    float :right;
}

#Image_Contact_us {
    position: absolute;
    top: 0px;
    right: 20px;
    
}


img {
	border: 0px;
}

.image_left_pad_10_right {
	float: left;
	padding-right: 10px;
}

.image_right_pad_10_left {
	float: left;
	padding-right: 10px;
}

input[type="text"] {
	color: #000000;
	vertical-align: middle;
	border: 1px #6891b9 solid;
	height: 30px;
	background-color: #E7E4E4;
}

input[type="text"]:hover {
	background-color: #FFFFFF;
}

input[type="button"], input[type="submit"]  {
	color: #FFFFFF;
	font-style: normal;
	font-size: 13px;
	padding: 4px;
	border-radius: 4px;
	background-color: #4676a7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #FFF;
	/* h-shadow v-shadow blur spread color */
	-moz-box-shadow:    4px 4px 2px 0px #ccc;
	-webkit-box-shadow: 4px 4px 2px 0px #ccc;
	box-shadow:         4px 4px 2px 0px #ccc;
}

input[type="button"]:hover, input[type="submit"]:hover  {
	background-color: #FF0000;
}

/* J */

/* K */

/* L */

/* M */

/* N */

.navigation {
	background-color:#CCCCCC;
	padding:20px;
}

.none {}

.newitemdiv {
      border: 1px #993300 solid;
      border-radius: 5px;
      background-color: #EDE2c6;
      padding:10px;
      margin-bottom: 10px;
    -moz-box-shadow:    3px 3px 3px 0px #ccc;
    -webkit-box-shadow: 3px 3px 3px 0px #ccc;
    box-shadow:         3px 3px 3px 0px #ccc;
    width: 250px;
    float:left;
}
.newsitemthumbnail {
      float:left;
      max-width: 150px;
      height:auto;
      max-height:100px;
      width:auto;
}
.newsitemheadline {
      font-size:14px;
      font-weight:bold;
}
.newsitemsummary {
      font-style:italic;
      font-size:8px;
}
.newitemlink {
}





/* O */

/* P */

p {
	font-family: "jaf-bernina-sans", "open-sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
}

.productthumbnaildiv, .productcategorythumbnail {
    position: relative;
	padding: 5px;
	float: left;
	height: 300px;
	width: 22%;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
    border-radius: 5px;
    text-align: center;
	}
.productthumbnaildiv p {
	margin: 0px;
}

.productthumbnailimage {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    max-height: 230px;
    width: auto;
}

.productcategorythumbnail {
	height: 270px !important;
}

.productcategoryimage {
    max-width: 100%;
    height: auto;
    max-height: 230px;
    width: auto;
	
}

.productcategory {
	float: left;
	font-size: 18px;
}

.productcategorycount {
	float: left;
	padding-left: 20px;
	
}

.productheroimage {
        width:100%;
        height: auto;
}
.productherothumbnail {
        height:100px;
        width: auto;
       margin-right: 5px;
}

#productheroleft {
        width:55%;
        float: left;
}
#productheroright {
        width:42%;
        float:left;
}

#productHero, fieldset {
	-moz-box-shadow: 3px 3px 3px 0px #ccc;
	-webkit-box-shadow: 3px 3px 3px 0px #ccc;
	box-shadow: 3px 3px 3px 0px #ccc;
	border: 1px #999999 solid;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 20px;	
}

.productCat {
        height:350px !Important;
}

.productCatHeading {
	font-family: futura-pt-condensed;
	font-size: xx-large;
	color: #006600;
        font-weight:bold;
       margin-top:0px;
	}

.productitem, .productItem {
	font-weight:bold;
	min-height:30px;
	margin-bottom:0px;	
}
.productprice, .productPrice {
	margin-top:0px;
}

#productImage {
	float:right;
	max-width: 50%;
    height:auto;
}

.productHeading {
	font-family: futura-pt-condensed;
	font-size: 26px;
	line-height: 24px;
	font-weight:bold;
	color: #006600;
	font-style: normal;
	margin: 0px;
	margin-top: 10px;
}
.productDetail, .productPriceTbl {
	font-family: futura-pt-condensed;
	font-size: 22px;
	line-height:22px;
	font-style: normal;
	font-weight: normal;
	color: #666;
}

.productPriceTbl {
        margin-top: 5px;
        border: 1px #CCCCCC solid;
	border-collapse: collapse;

}

/* Q */

/* R */

.right_content_div {
	float:right;
	margin-left: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
	width: auto;
	min-width: 100px;
	max-width: 15%;
	background-color: #f4f5f5;
	/*border: solid 2px #44b1e9;*/
	-moz-box-shadow: 0 0 5px #999999;
    -webkit-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
	border-radius: 8px;
}

.roundedbox {
      border: 1px #993300 solid;
      border-radius: 5px;
      background-color: #EDE2c6;
      padding:10px;
      margin-bottom: 10px;
      
}

/* S */

.shaddowbox {
	 /* box-shadow: h-shadow v-shadow blur spread color inset; */
    -moz-box-shadow:    3px 3px 3px 0px #ccc;
    -webkit-box-shadow: 3px 3px 3px 0px #ccc;
    box-shadow:         3px 3px 3px 0px #ccc;
}

.slideShowImage {
	height: 100px;
	width: auto;
}


/* T */

.textbox   {
	color: #000000;
	vertical-align: middle;
	border: 1px #6891b9 solid;
	height: 30px;
	background-color: #E7E4E4;
}
.textblock, textarea  {
	color: #000000;
	text-align: left;
	vertical-align: middle;
	border: 1px #6891b9 solid;
	background-color: #E7E4E4;
	height: 100px;
}

textarea:hover {
	background-color: #FFFFFF;
}

/* U */

/* V */

/* W */

/* X */

/* Y */

/* Z */

/* =================== for mobiles devices ================================================== */
/* rules that only apply for canvases narrower than 600px ie mobiles*/

@media only screen and (max-width: 600px) { 

body {
	}

/* A - MOBILE STYLE */
/* B - MOBILE STYLE */
/* C - MOBILE STYLE */

#content {
       margin: 0px;
       width: 100%;
}

.calendarIcon {
	height:40px;
	width:auto;
}
.CalendarTable {
	width:100%;
	font-size: 20px;
	height: 100%;
}
.CalendarTable TD {
	/*padding: 10px;*/
}
.CalendarSelect {
	font-size: 20px;
}

/* D - MOBILE STYLE */
/* E - MOBILE STYLE */
/* F - MOBILE STYLE */

#footer {
	display: none;
}

.formcontainer {
        clear: both;
        margin-top: 0px;
}


.formleftcol, .formrightcol {
       float: none !Important;
       width:100% !Important;
       text-align:left;
}

#formsearch {
      /* display: none */;
}


/* G - MOBILE STYLE */
/* H - MOBILE STYLE */

#header {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#headerlogo {
       float: none;
       width: 100%;
       max-width: 400px;
       margin: 0px;
}

.homeicondiv {
	width: 100%;
	float:none;
	margin: 5px 0px 10px 0px;
	border: 1px #00447c solid;
	padding: 0px;
}

/* I - MOBILE STYLE */

#icons {
      float: none;
      width: 100%;
      margin:0px;
      padding: 0px;
}

#Image_Change_1 {
    float:none;
}

#Image_Contact_us {
    display:none;   
}

img {
    max-width: 100%;
}
input[type=radio], input[type=checkbox] 
{ 
width:30px; 
height:30px; 
margin:10px;
}
/* J - MOBILE STYLE */
/* K - MOBILE STYLE */
/* L - MOBILE STYLE */
/* M - MOBILE STYLE */

#menubar {
	display: none;
}

#menublock {
	display: block;
	font-size: 30px;
}

#menuarea {
	height:auto;
        padding-left: 0px !important;
        padding-right: 0px !important
}

/* N - MOBILE STYLE */
/* O - MOBILE STYLE */
/* P - MOBILE STYLE */

.productthumbnaildiv, .productcategorythumbnail {
    float: none;
    width: 100%;
    margin-right: 0px;
}

.productcategorythumbnail {
    float: none;
} 

.productcategory {
   float: none;
   clear: both;
}

#productheroleft {
        width:100%;
        float: none !important;
}
#productheroright {
        width:100%;
        float:none !important;
}



/* Q - MOBILE STYLE */
/* R - MOBILE STYLE */

.right_content_div {
	display:none;
}


/* S - MOBILE STYLE */
/* T - MOBILE STYLE */
.textbox, .textblock, input[type="text"] {
	width: 90% !Important;
}

/* U - MOBILE STYLE */
/* V - MOBILE STYLE */
/* W - MOBILE STYLE */
/* X - MOBILE STYLE */
/* Y - MOBILE STYLE */
/* Z - MOBILE STYLE */


}

/* ======= SPECIAL BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE ====== */

.example-right {
  position:relative;
  padding: 15px 15px 10px ; /* T R B L */
  margin:0;
  color:#fff;
  background:#FF9966; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FF9966), to(#FF6600));
  background:-moz-linear-gradient(#FF9966, #FF6600);
  background:-o-linear-gradient(#FF9966, #FF6600);
  background:linear-gradient(#FF9966, #FF6600);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-50px;
  left:50px;
  border-width:0 20px 50px 0px;
  border-style:solid;
  border-color:transparent #FF6600;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}