@charset "utf-8";
 
/* Fujipix.ie Stylesheet - © FujiPix 2009 */

/* General Layout */

html,body {
	background-image: url(../images/background2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #E3F0F9;
	font-family: Arial, Helvetica, sans-serif;
	/* makes the background fill the full height of the browser */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	}

#header {
	height: 100px;
	width: 900px;
	margin-bottom: 22px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	top: 0px;
}

#page {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#main {
	width: 660px;
	float: left;
	margin-left: 30px;
}

#footer {
	background-color: #D8D8D8;
	width: 100%;
	clear: both;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font-size: 12px;
	color: #8a8a8a;
	margin-top: 52px;
	position: relative;
	z-index: 1;
	bottom: 0px;
	height: 60px;
}

/* Misc Page Properties */

p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: left;
	font-size: 13px;
	color: #666666;
	}
a {
	text-decoration: none;
	color: #e20030;
}
a:hover {
	text-decoration: underline;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.clearfloat {
	clear: both;
	height: 65px;
}
h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 22px;
	margin: 0px;
	padding: 0px;
}
h4 {
	color: #e20030;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h4 a{color: #e20030;}

ul {
	margin: 10px 10px 30px 10px;
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-size: 13px;
	color: #4c4f55;
	line-height: 18px;
}

ul li a
{
    color: #1A6CB1;
    font-weight: bold;
}

/* Section Further Styling */

#header img {
	margin-top: 41px;
	float: left;
}
#footer a {
	color: #8a8a8a;
	text-decoration: none;
}
#footer p {
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer a:hover {	text-decoration: underline;}
#content-top {
	background-image:url(../images/content-top.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 12px 10px 0 14px;
	height: 34px;
	width: 660px;
}
#homebg {
	background-image:url(../images/content_top2.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	height: 14px;
	width: 660px;}
	
#content-top h4 {
	color:#545454;
	font-size:22px;
}
#content-bg {
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	width: 636px;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	min-height: 360px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content-bg p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	text-align: left;
}
#content-bg p a {
	color: #A5CCD6;
	text-decoration: none;
}
#content-bg p a:hover {
	text-decoration: underline;
}
#content-bot {
	background-image: url(../images/content_bot.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 13px;
	width: 660px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#topmenu {
	background-image: url(../images/menu2.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 547px;
	list-style-type: none;
	list-style-position: inside;
	float: right;
	margin-top: 41px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 26px;
	color: #FFFFFF;
}
#topmenu li {
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	list-style-type: none;
	float: left;
	
}

.topmenu-br {
	height: 100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00895c;
	float: left;
	padding:0;	
}
.topmenu-br.first {
	border-left:none;
	padding-left:none !important;
	margin-left:-18px !important;
	
}

#topmenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	float:left;
	padding:11px 31px 0 30px;
	text-align:center;
	height:31px;
	border-right:solid 1px #008a5b;
	text-shadow:0px -1px 1px #333333;

}
#topmenu a:hover {
	text-decoration: none;
background:url(../images/topmenu_hover.jpg) repeat-x;
	/*padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	*/
}
.last {
	width:200px;
}

.last a {
	border-right:none !important;
	border-left:1px solid #8c0014;
	}

.last a:hover {
	background:url(../images/topmenu_sign_hover.jpg) repeat-x !important;}

#topmenu-sub {
	position:absolute;
	left:663px;
	top:10px;
	width:215px;
	height:17px;
	z-index:2;
	color: #FFFFFF;
}
#topmenu-sub a {
	font-size: 8pt;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
}
#topmenu-sub a:hover {
	text-decoration: underline;
	background-color: #74A6E1;
}
#navinternal {
	width: 200px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
#navinternal ul {
	margin-left: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom:0;
}

#navinternal ul li {
	list-style-type: none;
	margin: 0px;
	height: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FFFFFF;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	text-align: left;
}
#navinternal ul li:hover {
	background-color: #FFFFFF;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	text-decoration: underline;
	color: #000000;
}
#navinternal a {
	color: #767676 !important;
	text-decoration: none;
}
#navinternal a:hover {
	color: #767676 !important;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	text-decoration: underline;
}


/* Styles just for the site homepage */

#navhome {
	width: 200px;
	float: left;
	font-size: 22px;
	font-weight: bold;
}
#navhome img {
	margin-left:5px;
}
#navhome ul {
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:200px;
}
#navhome ul img {
	float:left;
	margin:0;
	padding:0;
}

#navhome ul li {
	list-style-type: none;
	margin: 0;
	background:url(../images/navhome_item_bg2.jpg) repeat-x;
	height: 31px;
	border-top: 1px solid #fff;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	text-align: left;
	border-left:2px solid #9dc9d7;
	border-right:2px solid #9dc9d7;
	float:left;
}

#navhome ul li h3 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

#navhome ul li:hover {
	background-image:url(../images/navhome_hover.jpg);
	background-color:#00bd82;
	background-repeat:repeat-x;
	/*filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;*/
}
#navhome a {
	color: #545454 !important;
	text-decoration: none;
	min-width:190px;
	min-height:31px;
	float:left;
}

#navhome a:hover {
	color: #ffffff !important;
	text-decoration: none;
}
.home-box {
	width: 182px;
	height: 128px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-image: url(../images/home_section.png);
	background-repeat: no-repeat;
}
.home-box p{
	font-size:12px;
	
}
.home-box h4 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color:#343434;
	text-shadow:0px 1px 2px #FFFFFF;
}


.click_here {
	color:#e20030;
	width:60px;
	padding-right:15px;
	background:url(../images/arrow.png) no-repeat;
	background-position:right;
	clear:both;
	vertical-align:bottom;
	float:left;
	margin-top:0px;
}
.holder { vertical-align:bottom;
height:30px;
}
.lineseparator
{
	display: block;	
	clear: left;	
	width: 100%;
	height: 1px;
	margin-top:14px;
	margin-bottom:14px;
	border-top:2px solid #f5f5f5;
	/*background-image: url("../images/img_fadeline_large.gif");
	background-position:  center center;
	background-repeat: no-repeat;*/
}



#products 
{
	background-color: #ffffff; 
	padding: 0px;
	margin: 20px 0 10px 0;
	width: 630px;
}
#products_right 
{
	margin: 0px 0px 0px 10px; 
	float: right;
	width: 400px;
}
#products_right h2
{
	font-weight: bold; 
	color: #e20030;
}
#products_left 
{
	float: left;
	width: 160px;
	min-height:145px;
	background:url(../images/product_bg_small.jpg) no-repeat;
	padding:5px;
}
#products_left {}
#products .product_item
{
	min-height: 200px; 
	background-color: #ffffff; 
	float: left;
	width: 185px;
	margin:0 10px;
	padding:0 0 0 3px;	
	background:url(../images/product_bg.jpg) no-repeat;
}
#products .product_item img {
	margin:0 auto;
	float:left;
	padding:5px;
	width:168px;
	height:130px;
}
#products_left img:hover {
	width:250px;
	height:200px;
	margin-left:-30px;
	border:3px solid #fff;
	cursor:crosshair;
	
}

#products .product_item p
{
	padding: 4px 0px 4px 0px;
	width: 130px;
	text-align: center;  
}
#products .product_item a
{
	font-weight: normal; 
	color: #fff;
}

#products ul li {
	list-style-image:url(../images/bullet.png);
	margin:0;
	padding-bottom:10px;
}
#products ul {
	margin:0;
	padding:15px;
}
/*        Accordion            */


#accordion,
#accordion1,
#accordion2,
#accordion3,
#accordion4,
#accordion5,
#accordion6,
#accordion7,
#accordion8,
#accordion9,
#accordion10,
#accordion11,
#accordion12,
#accordion13,
#accordion14,
#accordion15,
#accordion16 {
	border-top: 1px solid #c1c1c1;	
} 
 
#accordion .ui-widget-content,
#accordion1 .ui-widget-content,
#accordion2 .ui-widget-content,
#accordion3 .ui-widget-content,
#accordion4 .ui-widget-content,
#accordion5 .ui-widget-content,
#accordion6 .ui-widget-content,
#accordion7 .ui-widget-content,
#accordion8 .ui-widget-content,
#accordion9 .ui-widget-content,
#accordion10 .ui-widget-content,
#accordion11 .ui-widget-content,
#accordion12 .ui-widget-content,
#accordion13 .ui-widget-content,
#accordion14 .ui-widget-content,
#accordion15 .ui-widget-content,
#accordion16 .ui-widget-content{
	font-family: Helvetica, Verdana, Arial, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: #BCD6F1;
	border: none;
	color:#000000;	
	width: 575px;
	margin: 0 15px 10px 0px;	
}

#accordion .ui-state-active,
#accordion1 .ui-state-active,
#accordion2 .ui-state-active,
#accordion3 .ui-state-active,
#accordion4 .ui-state-active,
#accordion5 .ui-state-active,
#accordion6 .ui-state-active,
#accordion7 .ui-state-active,
#accordion8 .ui-state-active,
#accordion9 .ui-state-active,
#accordion10 .ui-state-active,
#accordion11 .ui-state-active,
#accordion12 .ui-state-active,
#accordion13 .ui-state-active,
#accordion14 .ui-state-active,
#accordion15 .ui-state-active,
#accordion16 .ui-state-active {
 	border-bottom: none;
 	
 }
#accordion p,
#accordion1 p,
#accordion2 p,
#accordion3 p,
#accordion4 p,
#accordion5 p,
#accordion6 p,
#accordion7 p,
#accordion8 p,
#accordion9 p,
#accordion10 p,
#accordion11 p,
#accordion12 p,
#accordion13 p,
#accordion14 p,
#accordion15 p,
#accordion16 p
{
	margin: 0 15px 10px 15px;	
}
#accordion ul,
#accordion1 ul,
#accordion2 ul,
#accordion3 ul,
#accordion4 ul,
#accordion5 ul,
#accordion6 ul,
#accordion7 ul,
#accordion8 ul,
#accordion9 ul,
#accordion10 ul,
#accordion11 ul,
#accordion12 ul,
#accordion13 ul,
#accordion14 ul,
#accordion15 ul,
#accordion16 ul{
	margin: 0 0 10px 25px;
	
}



/************************************/
/* #popupContainer	fieldset		*/
/************************************/

fieldset {
	Border: 0px;
	margin: 0px;
	padding: 0px;
}

fieldset #note_text, #delivery_option #note_text {
	float:left; 
	width:100%;
	color: #DEC423;
	font-size: 0.7em;
	font-weight: bold; 
	font-family: Times New Roman, Serif;
	margin: 5px 0 0 0; 
	padding: 10px 15px 0 0; 
	font-style:italic;	
}

fieldset label {
	font-family: Arial, Sans-Serif;
	float:left; 
	width:150px;
	color: #1A6CB1;
	font-size: 0.8em;
	font-weight: bold; 
	margin: 5px 0 0 0; 
	padding: 5px 15px 0 0; 
}

fieldset input 
{
	font-family: Arial, Sans-Serif;
	float:left; 
	margin-top:5px;
	background-color: #F7F5FA;
	width: 240px;
	color: #1A6CB1;
	font-size: 0.7em;
	padding: 1px 0px 1px 0px; 
}

fieldset input[type="checkbox"] 
{
	font-family: Arial, Sans-Serif;
	float:left; 
	margin-top:5px;
	background-color: #F7F5FA;
	width: 50px;
	color: #1A6CB1;
	font-size: 0.7em;
	padding: 1px 0px 1px 0px; 
}


fieldset .checkbox a{
	color: #FFFFFF;	
}


fieldset a, #backtotraininginfo{
	color: #FFFFFF;	
	text-decoration: none;
	margin: 0px 0 0 5px;
}

fieldset #date{
	float:left; 
	margin-top:0px;
	width: 500px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	margin: 1px 0px 1px 130px; 
}

fieldset #date select 
{
	float:left; 
	width:75px;
	margin-top:0;
	background-color: #F7F5FA;
	color: #000000;
	font-size: 0.8em;
	padding: 3px 5px 4px 5px;
}

fieldset span 
{
	float:left; 
	margin-top:10px;
	width: 400px;
	color: #aaa;
	font-size: 11px;
	padding: 3px 5px 4px 5px;
}
fieldset textarea {
	float:left; 
	margin-top:5px;
	background-color: #F7F5FA;
	width: 160px;
	height: 50px;
	color: #1A6CB1;
	font-size: 0.8em;
	padding: 3px 5px 4px 5px;
	margin-bottom: 5px;
}
fieldset .textarea_large {
	float:left; 
	margin-top:10px;
	background-color: #F7F5FA;
	width: 240px;
	height: 100px;
	color: #1A6CB1;
	font-size: 0.8em;
	padding: 3px 5px 4px 5px;
	margin-bottom: 5px;
}
fieldset  select 
{
	float:left; 
	width:165px;
	margin-top:5px;
	background-color: #F7F5FA;
	color: #000000;
	font-size: 0.7em;
	padding: 0px 0px 0px 0px;
}

fieldset .inputList 
{
	padding: 10px 0 0 0;
	float:left; 
	margin: 0;
}

fieldset .inputList label
{
	float: left;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
fieldset  .inputList span
{
	float: left;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}
fieldset  .inputList input
{
	width: 40px;
	background-color: #FFFFFF;
	float: left;
	padding: 10px 5px 10px 5px;
	margin: 0;
}

/* GENERAL ITEMS */

.clear {
	clear:both;
}

fieldset #checkBoxAcceptance #label
{
    margin: 5px 0px 0px 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #1A6CB1; 
	font-size: 11px;
	width: 300px;
	font-weight: normal; 
}

/* messages shown to the user */
#userMessage 
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e20030;
	font-weight: bold;
	font-size: 11px;
	text-align: left; 
}
#userMessage ul {
	margin: 0;
	padding: 0;
	position: relative;
}
#userMessage li 
{
	display: block; 
	list-style: none;
	color: #e20030;
}

#faqs 
{
}

#faqs .faq_desc a
{
	text-decoration: underline;
	color: #000000;
}

#links 
{
	margin: 20px 20px 20px 20px;
}
#links .link
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#links .link a
{
	font-weight: bold;
}

/* --------- Table Styles ----------- */


#products table td {background-color:#e3e3e3; width:33%; color:#767676; padding-left:10px; height:23px; font-size:12px;}
#products table td.odd {background-color:#ececec;}
.red_price { color:#e20030; font-size:16px; font-weight:bold;}
.buy { margin-top:20px;float:right; color:#545454;}
p.price {width:100%;font-size:16px; text-align:right;
}
.right{float:right;}
/* --------- New Red Button Styles ----------- */



.button { 
	width:182px; 
	height:29px;
	float:left;
	margin-top:20px;
	text-align:center; 
	padding-top:4px;
	color:#fff !important; 
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 2px; 
	font-size:12px;
	-moz-text-shadow: 0px 1px 1px #5B0009;
	-webkit-text-shadow:0px 1px 1px #5B0009;
text-shadow:0px 1px 1px #5B0009;
background:url(../images/product_button.png) no-repeat;
}

a.button:hover {text-decoration:none !important;}