/* base css start*/
body { margin:0px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height:17px;color:#000000; }
.bodyTag {background:#f6f6e7 url(images/bodybg.jpg) repeat-x top left; margin:0px;}

.maintable{background:#ffffff; background:url(images/bg.jpg) no-repeat bottom;}
.topbg{height:403px;width:860px;background:url(images/main_img.jpg) no-repeat bottom;}
.topbg span{font-size:24px;color:#FFFFFF;}
.bottombg { background:url(images/bg-bottom.jpg) center bottom no-repeat;}

.logo { padding:8px 0px 10px 0px;}
.logo a:link, .logo a:visited {display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo.jpg); width:220px; height:70px;}

/* base css end*/

/* header css start*/
.sitetitlefont {font-size:22px; font-weight: 100; color: #ffffff;}
.slogantext {font-size:16px; font-weight: 200; color: #a1a1a1; }
.imgborder { border:#666666 solid 1px;}
/* header css end*/

/* footer css start*/
table.footer {text-align:left;height:87px;background:url(images/footerbg.jpg) repeat-x top left;}
.footer td {padding:5px;color:#ffffff;text-align:center;}
.footer .fcopy{color:#a6bed6;}
.footer td.ftd {padding:3px;color:#ffffff;}
.footer a:link{color:#fff;font-size:11px;font-family:"Trebuchet MS";font-weight:500;text-decoration:none;}
.footer a:visited{color:#fff;font-weight:500;text-decoration:none;font-size:11px;font-family:"Trebuchet MS";}
.footer a:hover{color:#000;font-weight:500;text-decoration:none;}

/* footer css end*/

/* navigation css start*/
.menubg{background:url(images/menubg.jpg) repeat-x left top;height:60px;}
.linkmenu {}
.linkmenu td{color:#fff;font-family:"Trebuchet MS";font-size:18px;font-weight:500;text-align:center;padding:0px;}
.linkmenu a:link, .linkmenu a:visited{color:#fff; text-decoration:none;display:block;height:28px; padding:16px 0px 16px 0px;}
.linkmenu a:hover {color:#fff;background:url(images/menuover.jpg) repeat-x top left;display:block;height:28px;padding:16px 0px 16px 0px;}
.linkmenu .last{border-right:0px solid #fff;}

.overmenu { background-color:#a6a913; display:block; color:#ffffff; text-decoration:none; font-weight:normal; height:30px; border-bottom:solid 1px #ffffff; font-family:"Trebuchet MS";font-size:16px;}
.overmenu a:link {background-color:#a6a913; display:block; color:#ffffff; text-decoration:none; font-weight:normal;  padding:5px; height:30px;}
.overmenu a:visited {background-color:#a6a913; display:block; color:#ffffff; text-decoration:none; font-weight:normal; padding:5px; height:30px;}
.overmenu a:hover {background-color:#4a97d6; display:block; color:#ffffff; text-decoration:none; font-weight:normal; padding:5px; height:30px;}
/* navigation css end*/

/*leftside css start*/
.leftback{background:none;width:140px;}
/*leftside css end*/

/*rightside css start*/
.rightback {background:none;width:140px;}
/*right side css end*/

/*copyrights css start*/
.copyrights {font-size:11px; color:#000;}
.copyrights a:link{font-size:11px; color:#000;}
.copyrights a:visited{ font-size:11px; color:#000;}
.copyrights a:hover{font-size:11px; color:#f49634;}
/*copyrights css end*/

/* basic css start*/
A {COLOR:#00000; text-decoration:underline; }
A:link, A:visited{ COLOR:#000000; text-decoration:underline;}
A:hover {COLOR:#626720; text-decoration:none;}

td, p, span, div{ color:#000000; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; font-size:11px;} 
hr {background:url(images/line.jpg) repeat-x 0px 0px;}
form {margin:0px; padding:0px;}
select {color:#424242; border:1px solid #424242;}
input,textarea{color:#424242; border:1px solid #424242;}
table.checkbox td input{ background-color: transparent; border: 0px; }
/* basic css end*/

/* general css start */
/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 {font-size:18px;font-weight:normal;font-family:"Trebuchet MS";color:#f4932c;margin:0px; padding:0px;line-height:25px; }
H1 span{color:#61661f;font-size:18px;}

H1 a:link, H1 a:visited {font-size:18px; font-weight:bold; color:#fff; margin:0px; padding:0; height:42px; text-decoration:none;}
H1 a:hover {color:#fff;text-decoration:none;}
.nortext { font-size:19px; font-weight:bold; font-family:"Trebuchet MS"; color:#e57400; margin:0px;}
/*use this for header (page title)*/

H2 {font-size:18px;font-weight:500;font-family:"Trebuchet MS"; color:#40450f;margin:0px;padding:0px;line-height:22px;}
H2 a:link, H2 a:visited {font-size:18px; font-weight:500; color:#40450f; margin:0px; padding:0; height:42px; text-decoration:none;}
H2 a:hover {color:#000000;text-decoration:none;}


/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:16px;font-family:"Trebuchet MS"; font-weight:normal; color:#000; margin:0px; padding:0px;}
H3 a:link {font-size:14px; font-weight:bold; color:#000; text-decoration:none; padding:0px;}
H3 a:visited {font-size:14px; font-weight:bold; color:#000; text-decoration:none; padding:0px; }
H3 a:hover {font-size:14px; font-weight:bold; color:#a8af23;text-decoration:underline; padding:0px;}
/*use this for small-title */

H4 {font-size:12px; font-weight:bold;color:#000; margin:0px;padding:0px;}
h4 a:link {font-size:12px;font-weight:bold; color:#000; margin:0px;padding:0px;}
h4 a:visited {font-size:12px; font-weight:bold; color:#000;margin:0px;padding:0px;}
h4 a:hover {font-size:12px; font-weight:bold; color:#a8af23;margin:0px;padding:0px;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:12px; font-weight:bold; margin:0px;color:#000;}
h5 a:link {font-size:12px; font-weight:bold; text-decoation:none; color:#000}
h5 a:visited {font-size:12px; font-weight:bold;  text-decoation:none; color:#000;}
h5 a:hover {font-size:12px; font-weight:bold;  text-decoation:none; color:#7b801a;}

/*use this for bold small title (no special identification)*/


H6 {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; margin:0px; }
h6 a:link {font-size:9px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:visited {font-size:9px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:hover {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; text-decoration:none}

/* here I used it for small italic or very small notes*/

/* These classes will apply at several standard places (like error message, in case if you don't want border (image link) information block etc.) default classes in each CSS*/

.error {color:#ff0000; font-weight:bold;}
.error a:link{color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:visited {color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:hover {color:#ff0000; font-weight:bold; text-decoration:none;}

.button {background-color:#626720; border:1px solid #3d400f; color:#ffffff; font-weight:bold; font-size:11px; height:21px; padding-left:5px; padding-right:5px; vertical-align:middle;}


.noborder {border:0px;}
.noborder a:link{border:0px;}
.noborder a:visited {border:0px;}
.noborder a:hover {border:0px;}

.information {background-color:#e0e39b; border:1px solid #a8af23; padding:3px;}

.breadcrumb {color:#7b801a;} 
.breadcrumb a:link {color:#7b801a; text-decoration:underline; font-weight:normal;}
.breadcrumb a:visited {color:#7b801a; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover {color:#000; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color:#a8af23; padding: 4px;}
.highlighted-row table {border:1px solid #85c0b3; background-color:#e0e39b; padding: 4px; }
.highlighted-row table td table{border:0px solid #000000; background-color:#a8af23; padding: 4px;}
.highlighted-row a:link {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row a:visited {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row a:hover {color:#fff; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color:#a8af23; padding: 4px;}
.highlighted-row1 table {border:1px solid #a8af23 ;background-color: #e0e39b; padding: 4px;}
.highlighted-row1 table td table{border:0px solid #a6e0e9;background-color: #a8af23;  padding: 4px;}
.highlighted-row1 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color:#a8af23; padding: 4px;}
.highlighted-row2 {border:1px solid #a8af23;background-color:#e0e39b; padding: 4px;}
.highlighted-row2 table td table{border:0px solid #85c0b3; background-color:#a8af23; padding: 4px;}
.highlighted-row2 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color: #a8af23; padding: 4px;}
.highlighted-row3 {border:1px solid #85c0b3; background-color:#e0e39b; padding: 4px;}
.highlighted-row3 table td table{border:0px solid #1f7c69; background-color:#a8af23; padding: 4px;}
.highlighted-row3 a:link {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {border:1px solid #a8af23; padding:4px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#a8af23; font-weight:bold; color:#ffffff;}

.pagelist {color:#626720}
.pagelist table {padding:3px;}
.pagelist table td {padding:3px; padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {color:#626720; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#626720; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#000000; font-size:12px; text-decoration:none; font-weight:bold;}

.pagelist p {color:#626720}
.pagelist p a:link {color:#626720; text-decoration:none; font-weight:bold;}
.pagelist p a:active {color:#626720; text-decoration:none; font-weight:bold;}
.pagelist p a:hover {color:#000000; text-decoration:none; font-weight:bold;}


table .alt-lines {border:1px solid #000000; border-collapse:collapse; background-color:#797979;}
table .alt-lines .alt-lineschange1 {background-color:#ffffff; padding:2px; border:1px solid #ffffff; }
table .alt-lines {background-color:#F7F7F7; padding:2px; font-weight:bold; font-size:12px;  }
table .alt-lines .alt-linechange2 {background-color:#eeeeee; color:#000000; font-weight:normal;  }


table.tablewithheader{border:1px solid #a8af23; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #a8af23; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #a8af23; border-collapse:collapse; padding:3px; background-color:#e0e39b; color:#000000; font-size:12px;}
.tablewithheader a:link {color:#000000; font-weight:normal;}
.tablewithheader a:visited{color:#000000; font-weight:normal;}
.tablewithheader a:hover {color:#7b801a; font-weight:normal;}

.imgna {background-color:#dddddd; text-align:center; width:100px; height:100px; text-transform:uppercase}
.imgna td a:link {color:#000000; text-decoration:underline}
.imgna td a:visited {color:#000000; text-decoration:underline}
.imgna td a:hover {color:#000000; text-decoration:none}


.textbold {font-size:11px; font-weight: bolder; color:#454545;}
.textsmall {font-size:10px;}
.txtprice {color: #000000;}

.logintab {background-color:#e0e39b; padding: 4px;}
.logintab table {border:1px solid #7b801a; background-color:#a8af23; padding: 4px;}
.logintab th {background-color:#7b801a	;}
.logintab table td table{background-color:#e0cee8;  padding: 4px;}
.logintab a:link {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:visited {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:hover {color:#000000; text-decoration:underline; font-weight:normal;}

.fntwhitebold {font-size:11px; font-weight: bold;	color: #FFFFFF;}

table.invocetab  {border:1px solid #a8af23; border-collapse:collapse; padding:3px;}
.invocetab td {border:1px solid #a8af23; border-collapse:collapse; padding:3px;}


table.bluetable  {border:1px solid #a8af23; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #a8af23; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #a8af23; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #a8af23; border-collapse:collapse; padding:2px; height:20px; background-color:#e0e39b; color:#000000; font-size:10px; text-transform:uppercase;}
.bluetable a:link {color:#ffce0d; font-weight:normal;}
.bluetable a:visited{color:#ffce0d; font-weight:normal;}
.bluetable a:hover {color:#000000; font-weight:normal;}

.mid{padding:22px;background-color:none;}

.fontwhite {color:#FFFFFF;}

.bdrmain { background:#FFFFFF url(images/midbg.gif) repeat-x top; padding:0 5px 5px 5px;}

table.topicons {}
.topicons td{padding:10px;}
.topicons a:link, topicons a:visited { color:#595351;}
.topicons a:hover { color:#2c8271;}
.topicons td.last{ text-align:center; padding:5px;}

.titlefont { font-size:18px; font-weight: 100; color: #242424; height:25px; border-bottom: solid 1px #000000;}

table.box { }
.box th{ padding:2px; color:#FFFFFF; background:#929292; height:20px;}
.box td{ padding:2px; background:#f7f7f7;}

table.boxright { padding:5px; margin-top:5px;}
.boxright th{ padding:2px; color:#000000; background:#000000; text-align:left; border-bottom:1px solid #cccccc; font-size:14px;  height:20px;}
.boxright td{ padding:2px; background:#242424; }

.graybg{ background-color:#a1a1a1; padding:5px 3px; border-bottom:2px solid #e9e9e9;}
.sepratorbg { background-color:#ffffff;}

/*general css end*/

/*extra css*/
.mainbg{background:#FFFFFF url(images/midbg.jpg) repeat-x top left;height:375px;}
.leftshadow{background:url(images/leftshadow.png) repeat-y top right;}
.rightshadow{background:url(images/rightshadow.png) repeat-y top left;}
.hline{background:url(images/line.jpg) repeat-x bottom 0px;}

.locationbox{}
.locationbox th{border:1px solid #f4932c;border-bottom:none;}
.locationbox td{border:1px solid #f4932c; padding:6px; border-top:none;}
.locationbox img {margin:0px;}

.lifestylebox{}
.lifestylebox th{border:1px solid #a7aa13;border-bottom:none;}
.lifestylebox td{border:1px solid #a7aa13;padding:6px; border-top:none;}
.lifestylebox img {margin:0px;}

.residencebox{}
.residencebox th{border:1px solid #4a98d6;border-bottom:none;}
.residencebox td{border:1px solid #4a98d6;padding:6px;border-top:none;}
.residencebox img {margin:0px;}

.readmore{}
.readmore a:link, .readmore a:visited{float:right; font-size:12px;color:#2671aa;text-decoration:none;}
.readmore a:hover{color:#f5932c;text-decoration:none;}

.bullet{margin:0px;padding:10px 5px 10px 8px;}
.bullet li{margin:0px;padding:0px 0px 0px 10px;list-style:none;background:url(images/black.gif) no-repeat 0px 8px;line-height:21px;}

.bullet1{margin:0px;padding:0px;}
.bullet1 li{margin:0px;padding:0px 30px 0px 12px;list-style:none;background:url(images/black.gif) no-repeat 0px 9px; line-height:22px;float:left;width:310px;}

.tablink{padding:8px 8px 8px 0px;}
.tablink a:link, .tablink a:visited{background:#CCCCCC;font-size:14px;font-weight:bold;padding:8px;text-decoration:none;}
.tablink a:hover{background:#FF0000;}

.title{color:#000;}

/*New home tabs*/

DIV {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#top {FLOAT: right; WIDTH:700px}
#top .links {BACKGROUND-POSITION: center center; FLOAT: right; MARGIN: 0px 0px 15px; HEIGHT: 30px}
#top .links * {FLOAT: left; HEIGHT: 30px}
#top .links A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 0px; COLOR: #fff; LINE-HEIGHT: 30px; PADDING-TOP: 0px; TEXT-DECORATION: none; outline: none}
.ui-tabs-hide {DISPLAY: none}
#tabs {BACKGROUND: url(images/tabs.gif) #66add0; PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH:806px; POSITION:relative; TOP: 0px; HEIGHT:280px}
#mainwraphome {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/contentbg.gif) #ffffff no-repeat center top; PADDING-BOTTOM: 20px; MARGIN: 0px auto; WIDTH:806px; PADDING-TOP: 250px; POSITION: relative}
#tabs .image {Z-INDEX: 10; RIGHT: 0px; POSITION: absolute; TOP: 0px}
#tabs UL.links {PADDING-RIGHT: 0px; PADDING-LEFT: 14px; LEFT: 0px; PADDING-BOTTOM: 0px; BOTTOM: 0px; PADDING-TOP: 0px; POSITION:absolute;}
#tabs UL.links LI {FLOAT: left}
#tabs UL.links LI.ui-tabs-selected A {BACKGROUND: url(images/tab-selected.gif) repeat-x}
#tabs UL.links A {BORDER-RIGHT: #2e6a88 1px solid; DISPLAY: block; BACKGROUND: url(images/tab.gif) repeat-x; FLOAT: left; PADDING-TOP: 16px; HEIGHT: 33px; TEXT-ALIGN: center; TEXT-DECORATION: none; outline: none}
#tabs UL.links A SPAN {FONT-SIZE: 13px; COLOR: #fff; TEXT-DECORATION: none}
#tabs .links A:hover {BACKGROUND-POSITION: 50% bottom}
#tabs .links A.overview {BORDER-LEFT: #2e6a88 1px solid; WIDTH:190px}
#tabs .links A.products {WIDTH: 190px}
#tabs .links A.services {WIDTH: 200px}
#tabs .links A.stpete {BORDER-LEFT: #2e6a88 1px solid; WIDTH:150px}
#tabs .links A.tampa {WIDTH: 110px}
#tabs .links A.sersota {WIDTH: 110px}
#tabs #tabcontent {LEFT: 0px; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT:282px}
#tabs #tabcontent DIV.toppanel {WIDTH: 100%}
#tabs #tabcontent .tabcontentmain {FLOAT: left; OVERFLOW: hidden; WIDTH:730px; HEIGHT:282px; padding:30px; font-size:14px;}
#tabs #fragment-1 .tabcontentmain UL {PADDING-TOP: 5px}
#tabs #fragment-1 .tabcontentmain LI {FONT-WEIGHT: none; MARGIN-BOTTOM: 12px; COLOR: #ffffff; LINE-HEIGHT: 17px;}
#tabs #fragment-1 H1 {font-size:20px; font-weight:100; font-family:"Trebuchet MS"; color:#ffffff; margin:0px; padding:0px; line-height:30px;}
#tabs #fragment-2 .tabcontentmain {	BACKGROUND:url(images/tabs.gif) no-repeat left top; }
#tabs #fragment-2 .tabcontentmain UL {PADDING-TOP: 5px}
#tabs #fragment-2 .tabcontentmain LI {FONT-WEIGHT: none; MARGIN-BOTTOM: 12px; COLOR: #ffffff; LINE-HEIGHT: 17px;}
#tabs #fragment-2 H1 {font-size:20px; font-weight:100; font-family:"Trebuchet MS"; color:#ffffff; margin:0px; padding:0px; line-height:30px;}
#tabs #fragment-3 .tabcontentmain {BACKGROUND: url(images/tabs.gif) no-repeat left top; }
#tabs #fragment-3 .tabcontentmain UL {MARGIN-TOP: 5px}
#tabs #fragment-3 .tabcontentmain LI {CLEAR: both; COLOR: #ffffff; LINE-HEIGHT:17px;}
#tabs #fragment-3 H1 {font-size:20px; font-weight:100; font-family:"Trebuchet MS"; color:#ffffff; margin:0px; padding:0px; line-height:30px;}
#tabs #fragment-4 .tabcontentmain {BACKGROUND: url(images/tabs.gif) no-repeat left top;}
#tabs #fragment-4 .tabcontentmain UL {MARGIN-TOP: 5px}
#tabs #fragment-4 .tabcontentmain LI {CLEAR: both; COLOR: #ffffff; LINE-HEIGHT:17px;}
#tabs #fragment-4 H1 {font-size:20px; font-weight:100; font-family:"Trebuchet MS"; color:#ffffff; margin:0px; padding:0px; line-height:30px;}
#tabs #fragment-5 .tabcontentmain {BACKGROUND: url(images/tabs.gif) no-repeat left top;}
#tabs #fragment-5 .tabcontentmain UL {MARGIN-TOP: 5px}
#tabs #fragment-5 .tabcontentmain LI {CLEAR: both; COLOR: #ffffff; LINE-HEIGHT:17px;}
#tabs #fragment-5 H1 {font-size:20px; font-weight:100; font-family:"Trebuchet MS"; color:#ffffff; margin:0px; padding:0px; line-height:30px;}
.iecontentfix {OVERFLOW: hidden; HEIGHT: 1px}