/* Layout styles */

html,
body {
	font: 0.9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #767676;
    padding: 0;
    margin: 0;
}
 .application { font-size: 15px; /* sets web page to 1.0em; */ }
.application { font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
.application h1 { font-size: 1.9em; margin: 10px 0; color: #ec0094; }
.application h2 { font-size: 1.5em; margin: 9px 0; color: #ec0094; }
.application h3 { font-size: 1.4em; margin: 8px 0; color: #ec0094; }
.application h4 { font-size: 1.3em; margin: 7px 0; color: #ec0094; }
.application h5 { font-size: 1.2em; margin: 6px 0; color: #ec0094; }
hr { height: 1px; border: none; background: #ccc; }

.application a img { border: 0; }
.application a { text-decoration: none; color: #ec0094; }
.application a:hover { }

li.bwcms_plugin ul { list-style: disc; padding-left: 20px; }
li.bwcms_plugin li { line-height: 1.8em; }
li.HTML_Plugin .main img { border: 1px solid #ccc; }

li.HTML_Plugin ul { list-style: none; padding-left: 30px; }
li.HTML_Plugin li { line-height: 1.5em; }
li.HTML_Plugin li:before { font-size: 1.5em;content: "• "; color: #152c79; }

.clear { clear: both; }
.application {}
.wrapper { width: 960px; margin: auto; }
.social_icons { display: block; }

.header {
	position: relative;
	min-height: 40px;
	background: #ec0094;
	color: #fff;
}

.logo { }
/* .contact { background: url('header-target.jpg') no-repeat top right;}
.contact .target { float: right; text-align: left; width: 460px; height: 70px; margin-right: 102px; padding-left: 20px; padding-top: 35px; font-size: 1.4em; background: url('header-arrow.jpg') no-repeat top right; } */
.contact .target { background: url(header-arrows.jpg) no-repeat top right; float: right; width: 438px; height: 67px; padding: 38px 121px 0 20px; text-align: left; font-size: 1.4em; }

.basket {}
.menu { background: #e630a2; color: #fff; }
.menu1 { float: left; width: 75%; display: inline-block; }
.menu2 { float: right; width: 24%; display: inline-block; }
#navigation_toggle { display: none; padding: 3px 10px; line-height: 28px; text-decoration: none; color: #fff;cursor: pointer; }

.section {}

.full_width {}

.columns { float: left; display: inline; }
.columns.right { float: right; }
.text_right { text-align: right; }
.text_center { text-align: center; }

.columns.two_thirds { width: 710px; }
.columns.one_third, .columns.one_thirds { width: 230px; min-height: 10px; /* width: 33.3%; */ }

.columns.one_half { width: 50%; /* width: 480px; */ }
.columns.one_quarter, .columns.one_quarters { width: 25%; /* width: 480px; */ }
.columns.three_quarter { width: 75%; /* width: 720px; */ }

.footer {
	border-top: 1px solid #ec0094;
	padding: 10px 0;
}


/* Plugin Styles */

li.HTML_Plugin .bwcms_plugin_container,
li.Twitter_Plugin .bwcms_plugin_container,
li.Menu_Plugin .bwcms_plugin_container {
	padding: 0;
}


/* Menu */

li.Menu_Plugin ul li a {
	display: block;
	vertical-align: middle;
	padding: 5px 15px;
	line-height: 32px;
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
}

.menu2 li.Menu_Plugin { float: right; }
li.Menu_Plugin > div > ul { height: 42px; }
li.Menu_Plugin ul > li { margin-left: 0; /* -1 (border width px) */ }
li.Menu_Plugin ul li.menu_plugin_current_page_list {}
li.Menu_Plugin ul li a.menu_plugin_current_page { background: #152c79; }
li.Menu_Plugin ul li { background: #e630a2; }
li.Menu_Plugin ul li:hover { background: #152c79; }

li.Menu_Plugin ul li ul li { background: #152c79; }
li.Menu_Plugin ul li ul li:hover { background: #ec0094; }
li.Menu_Plugin ul li ul li.menu_plugin_current_page_list { background: #e630a2; }
li.Menu_Plugin ul li ul li a { font-size: 1.1em; line-height: 25px; }
li.Menu_Plugin ul li ul li a.menu_plugin_current_page { background: #e630a2; }
li.Menu_Plugin ul li ul li ul li { background: #e630a2; }
li.Menu_Plugin ul li ul li ul li:hover { background: #888; }

li.Menu_Plugin ul li div.display_text { background: #333; }
/* the rest of the styling is in the plugin css */


li.Testimonials_Plugin .customer_text { color: #767676; }
li.Testimonials_Plugin .date { display: none; }
li.Testimonials_Plugin .customer { color: #ec0094; }


.application input[type=text],
.application select,
.application textarea
 { font-family: 'Source Sans Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif; }

.application input[type=text] { width: 300px; }
.application textarea { width: 300px; height: 100px; }
td.label { vertical-align: top; }
/*li.Contact_Plugin tr.text_full td { font-size: 1.2em; font-weight: bold; color: #ec0094; padding: 10px 0 12px; }*/
.application input[type=submit] { background: #ec0094; color: #fff; border: none; border-radius: 5px; padding: 5px 15px; cursor: pointer; }

/* responsive layouts */

/* Below 960px */
@media only screen and (max-width: 959px) {
	.wrapper { width: 100%;}
	img { max-width: 100%; height: auto; }
	input[type="text"] { max-width: 90%; }

	li.Image_Carousel_Plugin > div > div { width: 100%  !important; overflow: hidden; }
	.image_carousel_images ul, .image_carousel_images ul li { width: 100% !important; }

}

@media only screen and (min-width: 720px) and (max-width: 959px) {


	.columns.two_thirds { width: 100%; margin-left: -250px; }
	.columns.two_thirds > div { margin-left: 260px; }
	.columns.one_thirds { width: 33.3%; }
	.columns.one_quarters { width: 50%; }
	.contact .image_text { left: 0 !important; right: 157px; }

}

@media only screen  and (min-width: 720px) and (max-width: 843px) {
	.contact li.Image_Plugin img { display: none; }
	.contact .image_text { left: 0 !important; right: 20px; }
}


/* Below 720px */
@media only screen and (max-width: 719px) {
	.columns.two_thirds,
	.columns.one_half,
	.columns.one_third,
	.columns.one_thirds,
	.columns.one_quarter,
	.columns.one_quarters
		{ float: none; display: block; width: auto;}

	.main { padding: 0 10px;}
	.contact { height: 60px; }
	.contact li.Image_Plugin img { display: none; }
	.contact .image_text { top: 0 !important; left: 20px !important; }
	/* .contact .target { display: none; } */

}

@media only screen and (min-width: 480px) and (max-width: 719px) {

}


/* Below 480px */
@media only screen and (max-width: 672px) {

	.menu_container { display: none; }
	.menu li.Menu_Plugin > div > ul { height: auto !important; }
	.menu li.Menu_Plugin ul li { float: none; display: block; }
	.menu li.Menu_Plugin ul li { float: none; display: block; }
	.menu li.Menu_Plugin ul li a { line-height: 30px; padding: 2px 10px; }
	.menu li.Menu_Plugin ul li ul { display: block; position: relative; bottom: 0; padding-left: 10px; }
	.menu li.Menu_Plugin ul li ul li { background: none; width: auto; }
	.menu li.Menu_Plugin ul li ul li ul { left: auto; }
	#navigation_toggle { display: block; }
}

@media only screen and (min-width: 240px) and (max-width: 479px) {

}


/* Below 240px */
@media only screen and (max-width: 239px) {

}
