/* CSS Document */

body { margin:0px; font-family:"trebuchet MS"; color:#383838; font-size:10pt; }
.bodyTag { padding:0px; color:#383838;}
.maintable { width:100%; background-color:#FFFFFF; }

A { COLOR: #ffffff; TEXT-DECORATION: none }

A:link { COLOR: #ffffff}

A:visited { COLOR: #ffffff}

A:hover { COLOR: #ffffff }

 p, span, div{ color:#ffffff; line-height:20px; font-size:11px; font-family:arial;}


hr {padding-right: 5px; padding-left: 5px;}
form {margin:0px; padding:0px;}
select {color:#424242; font-size:12px; border:1px solid #49635c; background-color:#e4e4e4;}
.nobdr{ border:0px;}
.clear{ clear:both}
.left {float:left}
.right {float:right}

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

H1 {font-size: 16px; color: #ffffff;  margin:0px; font-family:Trebuchet MS; font-weight:bold; padding-bottom:6px; line-height:25px; }
H1 a:link {font-size: 18px; color: #a5583c; }
H1 a:visited {font-size: 18px; color: #a5583c; }
H1 a:hover {font-size: 18px; color: #858585; }
/*use this for header (page title)*/


H2 {font-size: 14px; font-weight:bold; color: #ffffff; margin:0px; font-family:Trebuchet MS; font-weight:bold; padding-bottom:3px;}
H2 a:link {font-size: 14px; font-weight:bold; color: #215b83;}
H2 a:visited {font-size: 14px; font-weight:bold; color: #215b83;}
H2 a:hover {font-size: 14px; font-weight:bold; color: #4883ac;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:14px; font-weight:bold; color:#ffffff; margin:0px; padding-left:2px;}
H3 a:link {font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; padding-left:2px;}
H3 a:visited {font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; padding-left:2px;}
H3 a:hover {font-size:14px; font-weight:bold; color:#ffffff; text-decoration:underline; padding-left:2px;}
/*use this for small-title */

H4 {font-size:18px; color:#ffffff;  margin:0px;font-family:Trebuchet MS; font-weight:500;}
h4 a:link {font-size:18px; color:#ffffff;}
h4 a:visited {font-size:18px; color:#ffffff; }
h4 a:hover {font-size:18px; color:#ffffff;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:11px; font-weight:bold; margin:0px; color:#0e5279; }
h5 a:link {font-size:11px; font-weight:bold; text-decoration:none; color:#0e5279;}
h5 a:visited {font-size:11px; font-weight:bold; text-decoration:none; color:#0e5279}
h5 a:hover {font-size:11px; font-weight:bold; text-decoration:none; color:#5486a4;}

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


H6 {font-size:9px; font-weight:normal; font-style:normal; color:#001c2f; margin:0px; }
h6 a:link {font-size:9px; font-weight:normal; font-style:normal; color:#001c2f; text-decoration:underline}
h6 a:visited {font-size:9px; font-weight:normal; font-style:normal; color:#001c2f; text-decoration:underline}
h6 a:hover {font-size:9px; font-weight:normal; font-style:normal; color:#001c2f; 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 {  height:22px;border:1px solid #1c557a; color:#174492; font-size:11px; font-weight:bold; background-color:#a1c0f6;}

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

.information {background-color:#8baeea; border:1px solid #e5e5e5; padding:3px;}

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

.highlighted-row {background-color: #8baeea; padding: 4px;}
.highlighted-row table {border:1px solid #5486a4; background-color: #8baeea; padding: 4px; }
.highlighted-row table td table{border:0px solid #000000; background-color: #8baeea; padding: 4px;}
.highlighted-row a:link {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row a:visited {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}

.highlighted-row1 {background-color: #5486a4; padding: 4px; color:#ffffff;}
.highlighted-row1 table {border:1px solid #f9f6bc ;background-color: #5486a4; padding: 4px;}
.highlighted-row1 table td table{border:0px solid #000000; background-color: #5486a4;  padding: 4px;}
.highlighted-row1 a:link {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#a1a1a1; text-decoration:underline; font-weight:normal;}

.highlighted-row2 {background-color: #d9e7eb; padding: 4px;}
.highlighted-row2 {border:1px solid #5486a4 ;background-color: #8baeea; padding: 4px;}
.highlighted-row2 table td table{border:0px solid #000000; background-color: #8baeea; 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:#5486a4; text-decoration:underline; font-weight:normal;}

.highlighted-row3 {background-color: #215b83; padding: 4px;}
.highlighted-row3 {border:1px solid #5486a4; background-color: #215b83; padding: 4px; color:#fff;}
.highlighted-row3 table td table{border:0px solid #000000; background-color: #231c56; padding: 4px;}
.highlighted-row3 a:link {color:#fff; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#fff; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:hover {color:#5486a4; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {border:1px solid #5486a4; padding:3px;}

/*.price {background-color: #215b83; padding:2px; font-weight:bold;}*/
.price {background-color:#516b96; font-weight:bold; color:#ffffff;}

.pagelist {color:#5486a4}
.pagelist table {padding:3px;}
.pagelist table td {padding:3px; padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {color:#215b83; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#215b83; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#215b83; text-decoration:none; font-weight:bold;}

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

table .alt-lines {border:1px solid #5486a4; border-collapse:collapse; background-color:#231c56;}
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;  }
table .alt-lines .alt-linechange2 {background-color:#d9e7eb; color:#000000; font-weight:normal;  }

table.tablewithheader  {border:1px solid #2e5594; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #2e5594; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #2e5594; border-collapse:collapse; padding:3px; background-color:#4e7ac2; color:#ffffff;}
.tablewithheader a:link {color:#ffffff; font-weight:normal;}
.tablewithheader a:visited{color:#ffffff; font-weight:normal;}
.tablewithheader a:hover {color:#ffffff; font-weight:normal;}

.imgna {background-color:#d9e7eb; 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:#5486a4; text-decoration:none}

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

.logintab {background-color: #8baeea; padding: 4px; color:#000000; }
.logintab table {border:1px solid #215b83 ;background-color: #5785d3; padding: 4px; }
.logintab th {background-color:#4e7ac2;}
.logintab table td table{background-color: #8baeea;  padding: 4px; }
.logintab a:link {color:#fff; text-decoration:none; font-weight:bold;}
.logintab a:visited {color:#5486a4; text-decoration:none; font-weight:bold;}
.logintab a:hover {color:#5486a4; text-decoration:underline; font-weight:bold;}

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

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

table.bluetable  {border:1px solid #2e5594; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #2e5594; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #2e5594; color:#215b83; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #2e5594; border-collapse:collapse; padding:2px; height:20px; background-color:#4e7ac2; color:#fff; font-size:11px; text-transform:uppercase;}
.bluetable a:link {color:#fff; font-weight:normal;}
.bluetable a:visited{color:#fff; font-weight:normal;}
.bluetable a:hover {color:#fff; font-weight:normal;}

.mid {padding:10px; padding-right:20px; line-height:18px; margin-left:0px; width:530px; float:right;}
.mid a:link{ color:#ffe400; text-decoration:none;}
.mid a:visited{ color:#ffe400; text-decoration:none;}
.mid a:hover{ color:#ffe400; text-decoration:underline;}

.titlefont {font-size: 18px; color: #434343; margin:0px;  }

.fontwhite {color:#FFFFFF;}

input,textarea{color:#424242; border:1px solid #5ea6a5; font-size:11px; background-color:#e4e4e4;}

.bdrmain {border-left:solid 3px #fff;border-right:solid 3px #fff; background:#FFFFFF url(images/midbg.jpg) bottom left repeat-x;}

table.footer { }
.footer td{ color:#ffffff;padding:15px; font-size:11px;}
.footer a:link{color:#ffffff; font-weight:400; font-size:11px; }
.footer a:visited{color:#ffffff; font-weight:400; font-size:11px; }
.footer a:hover{color:#b6e4ff; font-weight:400;font-size:11px;  }

.sitetitlefont {font-size:18px; font-weight:bold; color: #000000; padding-left:10px;}

table.topicons { padding:2px;}
.topicons td{ text-align:center; padding:5px; }
.topicons td.last{ text-align:center; padding:5px;}

table.linkmenu { margin:0px; }
linkmenu td{ font-weight:bold; color:#242424; height:37px; padding-top:13px; font-size:16px; text-align:center;}
linkmenu a:link {font-weight:bold; color:#242424;display:block;}
linkmenu a:visited{ font-weight:bold; color:#242424;display:block;}
linkmenu a:hover { font-weight:bold;color:#ffffff;display:block;}

.overmenu a:link, .overmenu a:visited {background-color:#5997be; border-bottom:1px solid #ffffff; padding:3px; height:20px; color:#ffffff; display:block; font-weight:100; text-alignleft; font-size:14px; }
.overmenu a:hover {background-color:#5997be; border-bottom:1px solid #ffffff; padding:3px; height:20px; color:#ffffff; display:block; font-weight:100; text-align:left;  font-size:14px;}

table.leftmenu {}
.leftmenu td{ padding-left:40px; height:30px;}
.leftmenu a:link {font-weight:bold; color:#000000;height:30px;}
.leftmenu a:visited{ font-weight:bold; color:#000000;height:30px;}
.leftmenu a:hover { font-weight:bold;  color:#ffffff;height:30px;}




.leftbase {background-color:#8cb9d3; border-right:#FFFFFF solid 1px;}

.leftback { padding:5px; width:170px; float:left; }
.leftback td{}
.leftback a:link {color:#5486a4; text-decoration:none; font-weight:bold;}
.leftback a:visited{color:#5486a4; text-decoration:none; font-weight:bold;}
.leftback a:hover {color:#5486a4; text-decoration:none;}



table.box { }
.box th{ color:#f36e3a; font-size:12px; font-weight:600; border-bottom:solid 1px #5486a4; text-align:center; height:25px; padding-left:4px; padding-right:4px;}
.box td{ padding:3px;}
.box a:link{ color:#5486a4; }
.box a:visited{ color:#5486a4; }
.box a:hover{ color:#5486a4; }

table.boxright { }
.boxright th{ color:#424242; border-bottom:solid 1px #5486a4; text-align:center; height:25px; padding-left:4px; padding-right:4px;}
.boxright td{ padding:3px; }
.boxright a:link{ color:#5486a4; }
.boxright a:visited{ color:#5486a4; }
.boxright a:hover{ color:#5486a4; }

table.checkbox td input{ background-color:transparent; border:0px;}
.bdrright{border-right:solid 1px #cccccc;}

.copyrights {color:#000000; font-size:11px;}
.copyrights a:link{color:#000000; font-size:11px;}
.copyrights a:visited{color:#000000; font-size:11px;}
.copyrights a:hover{color:#5f83c1; font-size:11px;}

.required { color:#FF0000;}

/*extra css*/

#container {margin: auto; padding:0; width:778px; background:url(images/brdbg.jpg) repeat-y 38px top #082350;}
.logo{width:217px; height:184px; background:url(images/logo.jpg) no-repeat; float:left;}
.logo a:link, .logo a:visited{ display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo.gif); width:217px; height:184px;}

/*#pagewidth {margin:0 auto; padding:0; width:902px;}*/

#navigation{float:left; margin-top:5px; padding-left:4px; width:165px; background:url(images/nev-bg.jpg) repeat; margin-left:1px;}

a.linkmenu{display:block; float:left; font-weight:none; font-size:11px; font-family:Verdana; color:#ffffff; text-decoration:none; margin:0px; padding-left:8px; font-weight:bold; width:155px; line-height:20px; padding-top:2px; padding-bottom:3px; background:none;}
a.linkmenu span{display:block; float:left;  padding-left:14px; padding-right:22px; margin-left:11px; color:#242424; text-align:center;font-size:13px;}
a.linkmenu:hover{display:block; float:left; font-weight:none; font-size:11px; font-family:Verdana; color:#ffffff; text-decoration:underline; margin:0px; padding-left:8px; font-weight:bold; width:155px; line-height:20px; padding-top:2px; padding-bottom:3px;}
a.linkmenu:hover span{background:url(images/menuright_curve.jpg) right no-repeat; height:31px; color:#ffffff; }

#headerbg {float:left; width:561px; height:184px; background:url(images/headerbg.jpg) no-repeat top; }
.slogan{color:#FFFFFF; font-size:16px; font-family:"Times New Roman"; margin-top:160px; font-weight:bold; letter-spacing:1px; float:left; }
.slogan span{color:#FFFFFF; font-size:18px; font-family:"Times New Roman"; margin-top:150px; font-weight:bold; }


.toplinks {  font-size:14px; padding-top:90px; text-align:right; float:right; width:180px; color:#a5583c; padding-bottom:7px; padding-right:17px; font-weight:500;}
.toplinks a:link{color:#242424; font-size:14px;}
.toplinks a:visited{color:#242424; font-size:14px;}
.toplinks a:hover{color:#101010; font-size:14px;}

.headerleft { background:url(images/headerleft.jpg) left no-repeat; width:454px; height:257px; float:left;}
.headerright { background:url(images/headerright.jpg) left no-repeat; width:448px; height:257px; float:right;}

.offer { font-family:Trebuchet MS; font-size:18px; font-weight:bold; color:#ffffff; text-align:center; padding-right:5px; width:280px; float:right; line-height:28px;}
.offer .blank {height:130px;}
.offer a:link{color:#ffffff; font-size:18px;}
.offer a:visited{color:#ffffff; font-size:18px;}
.offer a:hover{color:#ffffff; font-size:18px;}

#mid {border-left:solid 3px #fff;border-right:solid 3px #fff; background:#f3f3f3; float:left; width:896px; margin:0px; padding:0px;}
#midcont {padding:10px; line-height:18px; width:575px; float:left; border-right:#cacaca dotted 1px;}
#midcont ul { margin:0px; padding-left:5px; }
#midcont li { margin:7px 0px; list-style:none; line-height:15px; background:url(images/lightarrow_bullet.jpg) top left no-repeat; padding-left:15px; font-weight:bold; color:#a5583c; font-size:11px; }

#boxbg { float:left; width:575px;}
.boxmid { background-image:url(images/boxbg.jpg); background-position:top left; background-repeat:repeat-y; float:left; width:525px; padding:0px 25px; text-align:left;}
#boxbg h2 {font-size: 14px; font-weight:bold; color: #a5583c; margin:0px; font-family:Trebuchet MS; font-weight:bold; padding-bottom:3px;}
.boxmidleft {float:left; width:240px;}
.boxmidright {float:left; width:240px;}
/*.leftboxblue {float:left; width:240px;}
.rightboxblue {float:left; width:240px;}*/

#boxbg ul{ margin:0px; padding-left:5px; }
#boxbg li { margin:7px 0px; list-style:none; line-height:12px; background-image:url(images/darkarrow_bullet.jpg); background-repeat:no-repeat; background-position:left; padding-left:15px; font-weight:bold; color:#a5583c; font-size:12px; }

#boxbg .blue { font-weight:bold; color:#387096; font-size:12px; }


			
.rightback {padding:10px 5px 5px 5px; line-height:18px; width:150px; float:right;}

.rightboxbg { float:left; width:275px; margin:0px; line-height:0px;}
.rightboxmid { background-image:url(images/right_boxbg.jpg); background-position:top left; background-repeat:repeat-y; float:left; width:229px; padding:0px 23px; text-align:left;}

.topcall {font-family:Trebuchet MS;color:#215b83;font-size:18px;}
.topphone {font-family:Trebuchet MS;color:#242424;font-size:22px;}
.address {color:#242424; font-size:11px; line-height:18px;}
.hline {background:url(images/hline.gif) repeat-x left center;}

.formtitle { font-family:Trebuchet MS;font-weight:bold;color:#215b83; font-size:18px;margin:0px;}
.txtsmall { color:#383838; font-size:10px;}
.rightpnl td {color:#5ea6a5 ;}

#footer {  margin:0px auto; width:778px; text-align:right; color:#000000; background:url(images/bg.jpg) repeat-x; }
.footercont { width:902px; margin:0 auto; line-height:22px; }
.footertext { color:#FFFFFF; font-size:11px;}
#footer a:link{color:#243b75; font-size:11px;}
#footer a:visited{color:#243b75; font-size:11px;}
#footer a:hover{color:#243b75; font-size:11px; text-decoration:underline;}
.footerweb { color:#FFFFFF; font-size:11px; line-height:22px; float:left;}
.footercopy { color:#FFFFFF; font-size:11px; line-height:22px; float:right;}

.contactform{width:575px; margin:0px; padding:0px; height:100%; float:left;}
.contactform .formtxt   {width:100px; padding:5px; font-size:13px; font-weight:none; text-align:left;}
.contactform .forminput {width:450px; padding:5px; text-align:left; float:right;}

.leftcontent{width:179px; float:left; background:url(images/leftcontentbg.jpg) no-repeat; padding-left:38px; }
.maincontent {background-color:#082350;}
.borderbg{  width:172px; margin-top:3px; display:table;}

.imgbrd{border:1px solid #bac2d3; padding:1px;}

/*---------box---------*/
.boxbrd{border:1px solid #bac2d3;  width:481px; margin:auto; padding:0px;}
.boxbhead{ background-color:#2d446a;  font-size:13px;padding-left:10px; font-weight:bold; margin-bottom:1px;}
.boxbcontent{ background-color:#263b5d; font-size:13px; padding:0px}
.boxbcontent ul{ margin:0px; padding:0px;}
.boxbcontent li{ background:url(images/pvsurfcamp_arrow.jpg) no-repeat 10px top ; padding-left:30px; list-style:none; font-size:11px; border-bottom:1px solid #082350; line-height:18px;}
.boxbcontent span{color:#ff0000;}

.boxbcontent1{ background-color:#263b5d; font-size:13px; padding:0px}
.boxbcontent1 ul{ margin:0px; padding:0px; margin-left:24px; border-left:1px solid #082350;}
.boxbcontent1 li{ background:url(images/whitebullet.jpg) no-repeat 5px 5px; padding-left:17px; list-style:none; font-size:11px; line-height:16px;}

.title{text-align:center;  color: #ffffff;  font-family:Trebuchet MS;  }
.leftimg{float:left; width:200px; text-align:center; padding-left:20px;}
.rightimg{float:right; width:200px; text-align:center; padding-right:20px;}

.leftbullet{float:left; width:263px;}
.rightbullet{float:right; width:263px;}

.email{color:#FF0000;}
.email a:link{color:#FF0000; text-decoration:none;}
.email a:visited{color:#FF0000; text-decoration:none;}
.email a:hover{color:#FF0000; text-decoration:none;}

.formbrd{border-bottom:2px solid #dfdfdf; border-top:2px solid #dfdfdf;}
.formbrd1{border-bottom:2px solid #dfdfdf;}

.field{color:#c4c4c4; font-style:italic;}