/* Copyright OSD Ltd, Sligo, Ireland - www.osd.ie */
/* CSS Document */

/********  PAGE SETTINGS  ********/
body, p, ul, ol, li, td, input, select, textarea { font:normal 11px verdana, Tahoma, Arial, Helvetica, sans-serif; line-height:1.6em; color:#000; text-align:left; }

body { background: #9aaeeb; margin: 0px; padding: 0px; }

p { 
 margin: 0px 0px 0px 0px !important; 
 font:normal 11px verdana, Tahoma, Arial, Helvetica, sans-serif;
 line-height:150%;
 color:#000000;
}

a:link, a:visited, a:active { text-decoration: none; color: #0033cc; font-weight: bold; }
a:visited { text-decoration: none; color: #551A8B; font-weight: bold; }
a:hover { color: #666666; text-decoration: underline; }

#menu_sub_link:link, #menu_sub_link:visited, #menu_sub_link:active, #menu_sub_link:hover { font:normal 18px Calibri, Tahoma, arial, sans-serif; color:#333366; text-decoration: none; }

/*** PAGE WRAPPER ***/
#page_wrapper { margin: 0px auto; background: #ffffff url("/images/top-bg.jpg") top left repeat-x; padding: 0px; width:840px; }

/*** PAGE HEADER ***/
#header { float: left; width:840px; margin: 0px auto; padding: 0px; position: relative; }

#top_text { width:970px; height:26px; margin: 2px auto 0px auto; padding: 0px; position: relative; color:#ffffff; }
#top_text a { color:#ffffff;}
#breadcrumbs { float: left; width:400px; margin: 0px; padding: 0px 0px 0px 5px; position: relative; font-size: 100%; }
#seo_text { float: right; width:500px;  margin: 0px; padding: 0px; position: relative; text-align: right; overflow:hidden;}

#left_header { float: left; width:190px; margin: 0px; padding: 0px 0px 0px 5px; position: relative; }
#left_header p { padding: 0px; margin: 0px 6px 6px 6px; color: #ffffff; font-size: 100%; }
#left_header a { color: #ffffff; }

#right_header { float: right; width:615px; height: 94px; margin: 0px 2px 0px 0px; padding: 0px; position: relative; }
#right_header img { float:right; }
#right_header a { color: #ffffff; }

#callback { float: right; position: relative; width: 180px; height:100px; background:url("/images/bg-callback.jpg") top left no-repeat; text-align:left; padding: 5px 8px; }
#callback h1 { font-size: 16px; color:#355dd7; font-weight:bold; margin: 5px 5px 0 0; padding:0; display:block; }
#callback_button { margin:0; padding:0; float:right; }
.callback_input { margin: 5px 0; padding: 2px 0; line-height:1em; width:110px; }

#bottomcall_container { float: left; position: relative; width: 610px; height:100px; background: url("/images/bottom-callback.jpg") top left no-repeat; text-align:left; padding: 5px 8px; }
#bottomcall_container h1 { font-size: 18px !important; color:#355dd7 !important; font-weight:bold !important; margin: 0px 5px 0px 10px !important; padding: 10px 5px 0 0 !important; }
.bottomcall_input { float:left; margin: 0px 10px 0px 10px; padding: 2px 0; line-height:1em; width:140px; display:inline; }
#bottom_button { margin: 0; padding: 0 20px 0 0; float:right; }

/*** NAVIGATION ***/
#nav { margin: 0px; width: 840px; background: url("/images/button.jpg") bottom left repeat-x; z-index:5000; }

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */
/* remove all list stylings */
/* remove all list stylings */
.menu, .menu ul {
 margin: 0px;
 padding: 0px;
 border: 0px;
 list-style-type: none;
 display: block;
}
.menu li {
 border-right: 1px solid #7a7a94;
 background: #404066 url("/images/button.jpg") top right repeat-x;
 margin: 0;
 padding: 0;
 display: block;
 float: left;	/* move all main list items into one row, by floating them */
 position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
 z-index: 5;		/* thus we need to apply explicit z-index here... */
}
.menu li:hover {
 z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
 white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}
.menu li li {
 float: none;/* items of the nested menus are kept on separate lines */
}
.menu ul {
 visibility: hidden;	/* initially hide all submenus. */
 position: absolute;
 z-index: 10;
 left: 0;	/* while hidden, always keep them at the top left corner, */
 top: 0;		/* 		to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
 visibility: visible;	/* display submenu them on hover */
 top: 100%;	/* 1st level go below their parent item */
}
.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
 top: 0;
 left: 100%;
}
/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
 content: ".";
 height: 0;
 display: block;
 visibility: hidden;
 overflow: hidden;
 clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
 min-height: 0;
}
/* -- float.clear.END --  */
/* -- sticky.submenu --
 it should not disappear when your mouse moves a bit outside the submenu
 YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
 if you do it, make sure you 110% know what you do */
.menu ul {
/* background-image: url("/images/empty.gif"); */	
 /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
 padding: 15px 10px 30px 30px;
 margin: -10px 0 0 -30px;
 /*background: #f00;*/	
 /* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
 padding: 30px 10px 30px 10px;
 margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */
.menu a {
 text-decoration: none !important;
 color: #ffffff !important;
 font-weight: normal !important;
 padding: 0.8em 1.6em 0.9em 1.6em !important;
 display: block;
 position: relative;
 font-size: 12px;
}
.menu a:hover, .menu li:hover>a {
 background:#7a7a94 url("/images/mouseover.jpg") top left repeat-x;
 color: #fff;
}
.menu a#active {
 background:#7a7a94 url("/images/mouseover.jpg") top left repeat-x;
}
.menu li li {	/* create borders around each item */
 font-size: 100% !important;
 border: 1px solid #798fd8;
 background:#7a7a94 url("/images/mouseover.jpg") top left repeat-x;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
 border-top: 0;
 color: #fff;
}
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
 top: 5px;
 left: 90%;
}
/* Fix for IE5/Mac \*//*/
.menu a { float: left; }
/* End Fix */
/* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */
.menu li.adxmhover {
 z-index: 10000;}
.menu .adxmhoverUL {	/* li:hover>ul selector */
 visibility: visible;}
.menu .adxmhoverUL {	/* 1st-level submenu go below their parent item */
 top: 100%;
 left: 0;}
.menu .adxmhoverUL .adxmhoverUL {	/* 2nd+ levels go on the right side of the parent item */
 top: 0;
 left: 100%;
}
/* - - - ADxMenu: DESIGN styles - - - */
.menu li li {	/* fix white gap problem */
 float: left;
 width: 200px;
 height: 29px;
 font-size: 110%;
 background:#333366 url("/images/mouseover.jpg") repeat-x;
 margin-bottom: 1px;
 /*padding: 0px 0px 4px 0px;*/
}
.menu li li {	/* prevent double-line between items */
 margin-top: -1px;
}
.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
 background:#333366 url("/images/mouseover.jpg") repeat-x;
}
.menu .adxmhoverUL .adxmhoverUL {	/* inset 2nd+ submenus, to show off overlapping */
 top: 5px;
 left: 90%;
}

/*** TOP IMAGE AND TEXT ***/
#main_img {
 float:left;
 margin: 4px 0px 4px 0px;
 padding: 0px;
}
#call_to_action {
 float:right;
 border: 1px solid #7a7a94;
 background: #ffffff;
 height: 166px;
 width: 266px;
 margin: 4px 6px 4px 0px;
 padding: 15px 0px 0px 0px;
 font: 38px normal Arial, Helvetica, sans-serif;
 color: #3C3C62;
 text-align: center;
}

#banner_img { 
 float:right;
 padding: 0px 0px 0px 0px;
}
.form_position { 
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/*** CONTENT ***/
#content {
 width: 833px;
 clear: both;
 background: #ffffff url("/images/shadow.jpg") repeat-x;
 margin: 0px;
 padding: 5px 0px 5px 7px;
 position: relative;
 overflow:hidden;
}
/*** LEFT ***/
#left_col_index { 
 float: left;
 width: 620px;
 margin: 20px 0px 0px 5px;
 padding: 0;
}
#left_col {
 float: right;
 width: 620px;
 margin: 18px 0px 0px 0px !important;
 padding: 0;
}
#sub_left { 
 /*border: 1px solid black;*/
 float: left;
 width: 440px;
 margin: 0px 0px 0px 0px !important;
 padding: 0px 0px 0px 0px;
}
#sub_right { 
 /*border: 1px solid black;*/
 background: url("/images/bg-menu-next.jpg") no-repeat;
 float: right;
 width: 165px;
 margin: 0px 4px 0px 0px !important;
 padding: 10px 0px 0px 10px;
 font: bold 14px Calibri, Tahoma, arial, sans-serif !important;
 color:#333366;
}
#sub_right_blank { 
 float: right;
 width: 165px;
 margin: 0px 4px 0px 0px !important;
 padding: 10px 0px 0px 10px;
 font: bold 14px Calibri, Tahoma, arial, sans-serif !important;
 color:#333366;
}
#sub_right_heading { 
 width: 136px;
 color: #333366;
 display: inline;
 font: normal 18px Calibri,Tahoma,arial,sans-serif !important;
 text-decoration: none;
 margin: 30px 0 !important;
 padding: 10px 0 0px 5px;
}
#sub_right ul {
    list-style: none outside none;
    margin: 10px 0 0;
    padding: 0;
}
#sub_right li {
    border-bottom: 0 none;
}
#sub_right li a {
    border-bottom: 1px solid #000033;
    color: #333366 !important;
    display: block;
    font-size: 11px;
    font-weight: bold !important;
    padding: 10px 0 10px 6px;
    text-decoration: none !important;
    width: 91%;
}
#sub_right li a:hover {
  background:url("/images/mouseover.jpg") top left repeat-x;
  color: #ffffff !important;
}

#left_col_shop {
 float: right;
 width: 620px;
 margin: 7px 0px 0px 5px !important;
 padding: 0;
}
#left_col, #left_col_index h1 {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 display:inline;
 font:bold 20px Calibri, Tahoma, arial, sans-serif !important;
 color:#ef8701 !important;
 text-align:left;
}
#left_col, #left_col_index p {
 line-height: 120%;
 /*text-align:left;*/
 margin: 0px 0px 0px 0px;
 /*margin: 4px 0px 8px 0px;*/
}
#left_col, #left_col_index li { 
	margin: 0px 0px 0px 0px;
 font:normal 12px Calibri, Tahoma, arial, sans-serif;
 color:#000000;
}
#nav li {
 font:bold 10px Calibri, Tahoma, arial, sans-serif;
}


#home_products { width:840px; margin: 0; padding: 0; float:left; }
table#home_products { width:820px !important; border-collapse: separate !important; margin: 0; padding: 0; }
table#home_products td { text-align:center; vertical-align: top; padding: 0px; margin: 0px; border: 1px solid #e6e6e6; width: 25%; }
table#home_products td p { text-align:left; padding: 0px 3px; margin: 5px 0px; font-size: 100%; line-height: 110%; }
table#home_products h2 { padding: 5px 3px; margin: 0px; color:#fff; font-size:15px; text-align:left !important; display: block; background: #c1cdef url(/images/home_products_bg.jpg) top left repeat-x; line-height:100%; }
table#home_products h2 a { color:#fff; }
table#home_products h2 a:hover { color:#fff; text-decoration: none; }
table#home_products h4 { padding: 2px 3px; margin: 0px;  font-size: 10px; line-height: 110%; text-align:left !important; }
table#home_products h4 a { color:#ef8701 !important; }
table#home_products a { color:#030335; text-decoration:none; }
table#home_products a:hover { color:#0434b1; text-decoration: underline; }
/* table#home_products img { float: right; margin: 0 0 0 5px; } */
table#home_products input { width: 110px; float: right; margin: 0 0 5px 0 !important; }

table#home_products .more { display: block; text-decoration:blink; }

#news { }
#news p { font-size: 110% !important; line-height: 120%; margin: 0 0 10px 0 !important; }


#quick_links { width:98%; border-collapse:collapse !important; margin: 0 auto; padding: 0; text-align:center; }
#quick_links h5 { font-size:15px; text-align:center; padding: 5px 0px 0px 0px; margin: 0px; color: #000; font-size: 120%; }
#quick_links p { margin: 0; padding: 0; text-align:center; }
#quick_links a { display: inline; color:#fff !important; font-weight: normal; text-decoration:none !important; margin: 0 5px; padding: 2px 5px; font-size: 95% !important; }
#quick_links a:hover { color:#fff !important; text-decoration:none !important; background:#5c7ee3; }

/*** RIGHT ***/
#right_col {
 float:right;
 width: 198px;
 padding: 5px 0px 0px 5px;
 margin: 5px 0px 4px 0px;
}
#right_col h3 {
 margin: 0px;
 padding: 0px;
 line-height: 100%;
 font:bold 26px Calibri, Tahoma, arial, sans-serif;
 color:#ef8701;
 text-align: center !important;
 width: 91%;
 display: block;
}
#right_col p {
 margin: 0px 0px 5px 0px;
 padding: 0px 10px 0px 5px;
}

.line {
 border-bottom: 1px solid #e5e5e5;
 padding: 5px 0px 5px 0px;
}


/*** newsletter sign up ***/
#newsletter {
 margin: 10px 5px 5px 0px;
 padding: 5px;
 border: 1px solid #ccc;
 width: 170px;
}
#newsletter h4 {
 margin: 0px;
 padding: 0px;
 display: block;
 font:bold 18px Calibri, Tahoma, arial, sans-serif;
 color:#3333cc;
}
#newsletter p {
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 11px;
 line-height: 110%;
}
#newsletter img {
 margin: -20px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/*** LEFT MENU ***/
.leftmenu {
 float:left;
 width: 187px;
 padding: 15px 0px 0px 10px;
 margin: 20px 0px 4px 0px;
 background: url("/images/bg-menu.jpg") no-repeat;
}
.leftmenu h1 {
 margin: 10px 0px 10px 0px !important;
 padding: 0px 0px 10px 5px;
 display:inline;
 font:normal 160% Calibri, Tahoma, arial, sans-serif;
 color:#333366;
}
.leftmenu ul {
  margin: 10px 0px 0px 0px;
  padding: 0;
  list-style: none;
}
.leftmenu li {
  border-bottom: 0px;
}
.leftmenu li a {
  /*background:url("/images/bg-faded.jpg") top left repeat-x;*/
  font-weight: bold !important;
  font-size: 11px;
  color: #333366 !important;
  display: block;
  padding: 0.4em 0em 0.4em 0em;
  text-decoration: none !important;
  width: 91%;
  border-bottom: 1px solid #000033;
}
.leftmenu li a:hover {
  background:url("/images/mouseover.jpg") top left repeat-x;
  color: #ffffff !important;
}
.leftmenu li #activeleft {
  background:url("/images/mouseover.jpg") top left repeat-x;
  color: #ffffff !important;
  text-decoration:none;
}
.brochure {
 width: 245px;
 padding: 0px 0px 0px 0px;
 margin: 8px 0px 0px 0px;
 text-align:left;
}
.menu_list {
 background: url("/images/bg-menu.jpg") no-repeat;
}

/*** FULL ***/
#full_col {
 float:left;
 width: 840px;
 margin: 20px 0px 0px 0px; 
}
#full_col h1 {
 display:inline;
 font:normal 24px Calibri, Tahoma, arial, sans-serif;
 color:#333366;
}
#full_col h2 {
 padding: 3px 0px 3px 0px;
 margin: 0px 0px 3px 0px;
 display:block;
 font:normal 20px Calibri, Tahoma, arial, sans-serif;
 color:#333366;
 border-bottom: 1px solid #e5e5e5;
}
#full_col h3 {
 padding: 0px;
 margin: 3px 0px 3px 0px;
 display:block;
 font:bold 16px Calibri, Tahoma, arial, sans-serif;
 color:#333366;
 text-align:left;
}
#full_col h4 {
 padding: 0px;
 margin: 3px 0px 3px 0px;
 display:block;
 font:bold 13px Calibri, Tahoma, arial, sans-serif;
 color:#333366;
 text-align:left;
}
#full_col p {
 line-height: 12pt;
 text-align:justify;
 word-spacing: -0.3px;
 margin: 4px 0px 8px 0px;
}
#full_col ul li {
 font:normal 12px Calibri, Tahoma, arial, sans-serif;
}

/*** CLIENT TESTIMONIAL ***/
#testimonial {
 z-index: 9999;
 float: right;
 background: #fff url("/images/testimonials-bg.jpg") no-repeat;
 width: 165px;
 padding: 10px 0 0 10px;
 margin: 20px 2px 0 0 !important;
 font:bold 12px verdana,Tahoma,Arial,Helvetica,sans-serif;
 color: #333399;
}
#testimonial p {
 margin: 5px 11px 5px 8px;
 /*font-size: 110%;*/
}
#testimonial p span {
 text-align: right;
 margin: 5px 11px 5px 8px;
 font-size: 110%;
}
#testimonial-footer {
 width: 269px;
 background: #ffffff url("/images/testimonials-bottom.jpg") no-repeat;
 height: 15px;
 margin: 0px 20px 0 -10px !important;
 padding: 10px 0 0 10px;
}

/*** KEY FEATURES ***/
#features {
 margin: 0px auto;
 float: left;
}

table { border-collapse:collapse; padding: 0px 0px 0px 0px; }
img { border: 0px; }
.imgleft { float:left; padding-right: 10px;}
.imgright { float:right; padding-left: 10px;}
.right { text-align: right; }

.brochure_link { 
	font:normal 9px verdana, Tahoma, arial, sans-serif;
}

/*** ARROW LIST ***/
.arrow_list {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  list-style: none !important;
} 
.arrow_list li {
  padding: 0px 0px 0px 18px;
  background-image:url("/images/arrow.jpg");
  background-repeat:no-repeat;
  background-position:0 7px;
  line-height:1.8em;
}
.arrow_list a {
  color: #ff6600;
  font-weight:bold;
}

/*** PRODUCT CAT ***/
.product_cat { 
 vertical-align: top; 
 float:left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 font-size: 11px;
 color: #000000 !important;
 display: block;
 padding: 0.4em 0em 0.4em 0.6em;
 width: 98%;
 border-bottom: 1px solid #cccccc;
}
.product_cat h2 { 
 margin: 0px 0px 0px 0px !important;
 padding: 0px 0px 0px 0px;
 display:inline;
 font:normal 80% Calibri, Tahoma, arial, sans-serif;
 color:#333366;
}
.product_cat img { 
 margin: 0px 0px 0px 0px;
 display:inline;
 vertical-align: bottom; 
}

.product_detail { 
	padding: 0 0 0 5px;
}
.bg { background:#c1cdef; width:140px !important; color:#030335; font-size:11px; text-align:center; font-weight:bold; margin:0 0px; vertical-align:top; line-height:100%; padding: 5px 0px; height:40px; text-decoration:none !important; }
.bg:hover { background:#5c7ee3; text-decoration:underline !important; }

.bg_small { background:#c1cdef; width:310px !important; color:#030335; font-size:11px; text-align:center; font-weight:normal; margin:0 0px 2px 0px; vertical-align:top; line-height:100%; padding:5px 0px; height:15px; text-decoration:none !important; }
.bg_small:hover { background:#5c7ee3; text-decoration:underline !important; }

/*** CREDIT CUSTOMER  ***/
.credit_title{background-color:#3C3C62; height:20; color:#fff;}
/*#credit_c_table td{text-align:left;  }*/
a-left{text-align:left!important;}
.a-right{text-align:right!important; }
.a-center{text-align:center!important; margin-left:auto; margin-right:auto;}
.credit_txt{text-align:right;}
#validation_result{height:20px!important; width:170px!important;}

.logos{ text-align:center!important; margin: 0; border-collapse:separate; width: 100%; }
.logos td { padding: 0 8px 0 8px; text-align:center; }

/*** FOOTER ***/
#page_footer {
  margin: 0px; 
  width:840px;
  background: #9aaeeb;
  padding:6px 0px 12px 0px;
  text-align:center;
  font: normal 100% Calibri, Tahoma, arial, sans-serif !important;
  color:#000;
}
#page_footer a {
  color:#000000; text-decoration: underline;
}
#page_footer a:hover {
  color:#000000; text-decoration: none;
}
#page_footer h4 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size:12px; font-weight:normal;  }

#copyright { margin: 10px auto 0 auto; width: 100%; padding: 5px 5px; border-top: 1px solid #b8c6f1; }

.boldchat {
 border: 1px solid #393B61; 
}
.livechat {
	background:  repeat-x scroll right top #C90324 !important;
}
.livechat a:hover {
	background:  repeat-x scroll right top #C90324 !important;
}

/*Chat Box*/
#chat_box {
 position: fixed;
 left: 3px;
 top: 320px;
 /*border: 1px outset #fff;*/
 padding: 0px;
 width: 108px;
 color: #fff;
 z-index:6000;
}