@charset "utf-8";
@font-face {
    font-family: "Helvetica,Arial,sans-serif";
    src: url("/fonts/century_Helvetica,Arial,sans-serif.ttf");}
	
	
/****************************HOW TO USE GRADIENTS****************************
___________________________________________________________________________________________	
	
Select a light to dark color and the gradient will be automatically created. Replace the FROM - which is the top light color - and TO color - which is the darker bottom color.  There are 4 lines of colors, each one for a different browser, so use the same FROM and TO colors for each of the 4 items.*/

/* GENERAL SITE COLORS 
___________________________________________________________________________________________*/

/* Color for all normal text throughout site */
body,td,th {color: #5A5A5A;} 

/* Site background color */
body {  background-color:#f2f2f2;}

/* Large Title Text Color */
h1 {color:#171718; }

/* Sub-Title Title Text Color */
h2 {color:#3382d0; }

/* Text Links Text Color */
a:link, a:visited ,a:active {color: #3382d0;} /* This is the link color that shows the text is clickable */
a:hover {color: #54a2ef;} /* This is the mouse over color of a text link */

/* Main site background image or color */
body { background-image:url(/images/greyback.gif); background-repeat:repeat;}

/* HOMEPAGE CENTER BACKGROUND
___________________________________________________________________________________________*/
.indexbackground {background-color:#000000; background-image:url(/images/background.png); background-repeat:no-repeat; background-position:center top;}

/* WEBSITE HEADER - BACKGROUND, PHONE NUMBER, COMPANY SLOGAN
___________________________________________________________________________________________*/

.header {background-color:#000;} /* This is the background color behind the logo, phone number etc.. */
.verticleline{background-color:#ABABAB;} /* This is the verticle line to the right of the logo*/
.subtitletext { color:#ABABAB;} /* This is the text right of the logo*/
.phonenumber {color:#ffffff;}
.phonenumbertext {color:#5592cf;} /* This is the text above the phone number*/

/* WEBSITE FOOTER - BACKGROUND AND TEXT COLOR
___________________________________________________________________________________________*/
.footerbackground {background-color:#040404;}
.footertext {color: #ABABAB; }

/* SITE NAVIGATION BACKGROUND AND TEXT COLORS 
___________________________________________________________________________________________*/

/* This is the color the button will turn when you put the mouse over it.  The "color" is the text color and the rest is the gradient color of the button */
.main_menu li:hover a, .main_menu li.selected a, UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";}

/* This is the color the button is normally.  This is also the "background" color that stretches left to right of screen that is the navigation bar. */
.nohover, .navback {
background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#0e0e0e));
background: -moz-linear-gradient(top, #212121, #0e0e0e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#0e0e0e');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#212121, endColorstr=#0e0e0e)";		}

/* This is the TEXT color the button is normally */
.nohover {color: #ABABAB;}

/* This is the top and bottom border color of the navigation bar */
.navback { border-bottom:1px solid #3d3d3d; border-top:1px solid #3d3d3d;  }


/* HOMEPAGE TEXT COLORS COLORS 
___________________________________________________________________________________________*/

/* Homepage Large Product Name Color */
.homepagelargetitle { color:#ffffff;  }

/* Homepage Description Text under Large Product Name Color */
.homepagetext{color:#b3b8be; }

/* HOMEPAGE LARGE BUTTONS 
___________________________________________________________________________________________*/

/* Homepage Large Product Button #1 Background Color. 
"All buttons use a gradient, so select a light to dark color and the gradient will be automatically created. Replace the FROM - which is the top light color - and TO color - which is the darker bottom color.  There are 4 lines of colors, each one for a different browser, so use the same FROM and TO colors for each of the 4 items.  Also be sure to add the border color, last in the list.  Text on the button will always be white, so the background colors you choose need to be dark enough so the white will show "*/
.homebutton { 
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #3575b8; }

/* Homepage Large Product Button #2 Background Color */
/* All buttons use a gradient, so select a light to dark color and the gradient will be automatically created. Replace the FROM - which is the top light color - and TO color - which is the darker bottom color.  There are 4 lines of colors, each one for a different browser, so use the same FROM and TO colors for each of the 4 items.  Also be sure to add the border color, last in the list.  Text on the button will always be white, so the background colors you choose need to be dark enough so the white will show */
.homebutton2 { 
background: -webkit-gradient(linear, left top, left bottom, from(#ffab2e), to(#de7103));
background: -moz-linear-gradient(top, #ffab2e, #de7103);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab2e', endColorstr='#de7103');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab2e, endColorstr=#de7103)";
	border: 1px solid #de7103; }


/* HOMEPAGE PRODUCT BOXES
___________________________________________________________________________________________*/

/* LEFT Homepage Box */
.indexbox1title {color:#191919;}
.indexboxsubtitle { color:#3076be;}
.indexbox1text { color:#666666;}
/* LEFT Homepage Box Background Gradient and Border Color */
.indexbox1{
background-color:#000000; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6)";	 
border:1px solid #ccc;}
/* LEFT Homepage Box Button Color */
.boxesbutton1 { 
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #3575b8; }

/* CENTER Homepage Box */
.indexbox2title {color:#191919;}
.indexbox2subtitle { color:#3076be;}
.indexbox2text { color:#666666;}

/* CENTER Homepage Box Background Gradient and Border Color */
.indexbox2{
background-color:#000000; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6)";	 
border:1px solid #ccc;}
/* CENTER Homepage Box Button Color */
.boxesbutton2 { 
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #3575b8; }

/* RIGHT Homepage Box */
.indexbox3title {color:#191919;}
.indexbox3subtitle { color:#3076be;}
.indexbox3text { color:#666666;}
/* RIGHT Homepage Box Background Gradient and Border Color */
.indexbox3{
background-color:#000000; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6)";	 
border:1px solid #ccc;}
/* RIGHT Homepage Box Button Color */
.boxesbutton3 { 
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #3575b8; }

/* NEWSLETTER BUTTON  - if you have a newsletter form on your site, then you can change the colors below.
___________________________________________________________________________________________*/

.newsletterbutton { 
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #3575b8; }

.newsletterbackground {
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)"; 
border:1px solid #3575B8;}

.newslettertext {color:#FFF;}
.newsletterinput {color:#4a729b; border:1px solid #2c69a7; background-color:#9ac0e6;}

/* Hrizontal Line - used as an underline for text titles throughout site.  The "color" and "background-color MUST be the same 
___________________________________________________________________________________________*/

.horizontalline {color:#c1c5cb;background-color:#c1c5cb;}

/* SITE BUTTONS BACKGROUND  - see "How to use gradents" at the top of this page
___________________________________________________________________________________________*/

.generalbuttons, .cat_button { 
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #3575b8; }

/*TEXT AREAS BACKGROUND COLOR - used throughout site behind the main text - its the tables with a border that they sit in
___________________________________________________________________________________________*/

.tables {   
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fcfcfc));
background: -moz-linear-gradient(top, #ffffff, #fcfcfc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcfcfc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#fcfcfc)";
border:1px solid #c8c8c8;}

/* INNER PAGES TOP BANNER WITH LARGE TEXT, GRADIENT FADE AND A BUTTON  - See "How to use gradients" at top of page 
___________________________________________________________________________________________*/

.pagetitlebannertext {color:#ffffff; }

.topbannerbackground {
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";}

.bannerbutton {  
background: -webkit-gradient(linear, left top, left bottom, from(#5b9fe4), to(#2864a2));
background: -moz-linear-gradient(top, #5b9fe4, #2864a2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b9fe4', endColorstr='#2864a2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#5b9fe4, endColorstr=#2864a2)";
border: 1px solid #afcce9;}

/* PRODUCT PAGE - TITLE, TEXT AND BUTTON COLORS 
___________________________________________________________________________________________*/

.pricecolor {color:#0380c0; }

.buynowbutton { 
background: -webkit-gradient(linear, left top, left bottom, from(#ffab2e), to(#de7103));
background: -moz-linear-gradient(top, #ffab2e, #de7103);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab2e', endColorstr='#de7103');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab2e, endColorstr=#de7103)";
	border: 1px solid #de7103; }




/* DO NOT EDIT ANYTHING BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */	
/* DO NOT EDIT ANYTHING BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */	
/* DO NOT EDIT ANYTHING BELOW THIS LINE UNLESS YOU KNOW WHAT YOU ARE DOING */	
/* ________________________________________________________________________________________________________________________________ */	


.hide {display:none;}

		
p {font-size:14px; margin-top:0px; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; line-height:16px;}
.homepagelargetitle { font-size:49px; letter-spacing:-2px; font-weight:100;line-height:52px; }
a:link, a:visited ,a:active {	 text-decoration:none;} /* This is the link color that shows the text is clickable */
a:hover {	 text-decoration:none;} /* This is the mouse over color of a text link */
h2 {font-size:16px; font-weight:100;margin-top:-1px; margin-bottom:10px;  font-family:Helvetica,Arial,sans-serif; }
h1 {font-size:30px;  text-transform:uppercase;  margin-top:-1px; margin-bottom:5px; font-family:Helvetica Neue",Helvetica,Arial,sans-serif"; font-weight:100; letter-spacing:-1px; }
body {  margin-left: 0px;	margin-top: 0px;margin-right: 0px;margin-bottom: 0px; font-family:Helvetica,Arial,sans-serif;	font-size: 14px;}
.homepagetext{font-size:16px; }
.homebutton {  color: #ffffff;  background-color:#3575b8;  font-weight:100; font-size:24px; padding-left:25px; padding-right:25px; padding-top:9px; padding-bottom:5px; 	-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.homebutton2 { color: #ffffff;  background-color:#de7103;  font-weight:100; font-size:24px; padding-left:25px; padding-right:25px; padding-top:9px; padding-bottom:5px; 	-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.indexbox1title {font-size:24px;  text-transform:uppercase; letter-spacing:-1px;}
.indexbox1text {font-size:13px; }
.indexboxsubtitle {font-size:14px; }
.indexbox2title {font-size:24px;  text-transform:uppercase; letter-spacing:-1px;}
.indexbox2text {font-size:13px; }
.indexbox2subtitle {font-size:14px; }
.indexbox3title {font-size:24px;  text-transform:uppercase; letter-spacing:-1px;}
.indexbox3text {font-size:13px; }
.indexbox3subtitle {font-size:14px; }
.indexbox1, .indexbox2, .indexbox3 { -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
.horizontalline {height:1px;border:none; margin-top:2px; margin-bottom:15px;}
.generalbuttons {  color: #ffffff;  background-color:#3575b8;  font-weight:100; font-size:16px; padding-left:25px; padding-right:25px; padding-top:7px; padding-bottom:7px; 	-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.tables { background-color:#ffffff; padding:20px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px; }
.pagetitlebannertext {font-size:33px;  letter-spacing:-1px; }
.bannerbutton {   color: #ffffff;  background-color:#3575b8; font-weight:100; font-size:24px; padding-left:25px; padding-right:25px; padding-top:5px; padding-bottom:5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; }


.subtitletext {font-size:15px; }

.locationstext {font-size:16px; color:#477ca4; font-family:Helvetica,Arial,sans-serif; margin-bottom:0px; }
.phonenumber {font-size:27px;   margin:0px;  line-height:25px;letter-spacing:-2px; font-weight:100;}
.phonenumbertext {font-size:13px;  margin-bottom:-2px;}
.topbar {background: -webkit-gradient(linear, left top, left bottom, from(#0f4c8a), to(#3c72a9));
background: -moz-linear-gradient(top, #0f4c8a, #3c72a9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f4c8a', endColorstr='#3c72a9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f4c8a, endColorstr=#3c72a9)";
	padding:8px; width:200px;	-webkit-border-radius: 0px 0px 6px 6px;  -moz-border-radius: 0px 0px 6px 6px;  border-radius: 0px 0px 6px 6px; }
.appointmentstext {font-size:18px; color:#ffffff; font-family:trajan;}

/* Navigation Menu */

/*
.hover, .selected {
cursor: pointer;cursor: hand;font-family:Helvetica,Arial,sans-serif;font-size:15px; text-decoration:none; 
padding-left:15px;padding-right:15px;height: 40px;}
*/


.nohover {
cursor: pointer;cursor: hand;font-family:Helvetica,Arial,sans-serif;font-size:15px; text-decoration:none; 
padding-left:15px;padding-right:15px;height: 40px;}
.navback { height: 40px;  }

/* Footer */

.footertext { font-size:11px;}

.newsletterbutton { 
color: #ffffff;  background-color:#3575b8;  font-weight:100; font-size:16px; padding-left:25px; padding-right:25px; padding-top:7px; padding-bottom:7px; 	-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
.newsletterbackground {-webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;}
.newslettertext {font-size:22px; letter-spacing:-1px;}
.newsletterinput {padding:6px; font-size:18px; }
.pricecolor {font-size: 33px;  line-height:33px;}
.buynowbutton { color: #ffffff;  background-color:#de7103;  font-weight:100; font-size:24px; padding-left:25px; padding-right:25px; padding-top:9px; padding-bottom:7px; 	-webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}

.cat_listbox, .cat_listbox2 {font-family:Helvetica,Arial,sans-serif;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #c3cbd1;
	font-size:15px;
	padding:10px;
	width:600px;
	color:#333;
	margin-bottom:5px;
	margin-top:2px;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}
	
.cat_textbox, .cat_textbox_small {
	font-family:Helvetica,Arial,sans-serif;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #d4d4d4;
	font-size:15px;
	padding:8px;
	width:260px;
	color:#5b6467;
	margin-bottom:7px;
	margin-top:5px;
	-webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}
	/* Thumbnails */

.imageborder {background-color:#ffffff; border:1px solid #C8C8C8 ; padding:7px; background-image:url(/images/nophoto.png); background-position:center; background-repeat:no-repeat;}

.text16 {font-size:16px;} .text14 {font-size:14px;} .text13 {font-size:13px;} .text12 {font-size:12px;} .text11 {font-size:11px;}

.boxesbutton1 { 
 color: #ffffff;  background-color:#3575b8;  font-weight:100; font-size:16px; padding-left:25px; padding-right:25px; padding-top:7px; padding-bottom:7px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
 .boxesbutton2 { 
 color: #ffffff;  background-color:#3575b8;  font-weight:100; font-size:16px; padding-left:25px; padding-right:25px; padding-top:7px; padding-bottom:7px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
 .boxesbutton3 { 
 color: #ffffff;  background-color:#3575b8;  font-weight:100; font-size:16px; padding-left:25px; padding-right:25px; padding-top:7px; padding-bottom:7px; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;}
 .pagewidth {width:670px; overflow:hidden;}
 
 
 /* MAIN MENU */
 .main_menu ul{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding:0;
 }
 .main_menu ul li {
    float: left;
   
 }
 .main_menu ul li a{
     color:#ABABAB;
     display:block;
     padding: 12px 15px;
     font-size: 15px;
 }