@charset "utf-8";
/* CSS Document */


* {
	margin:0;
	padding:0;
		
}

body { font-family:Arial, Helvetica, sans-serif; color:#333; background:#07395C; font-size:13px;}

.clearfix { zoom:1;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.lefttube { float:left;}
.righttube { float:right;}

xa { cursor:pointer;}

ul { margin:0; padding:0;}

.tabul {
  list-style-image: url("../../images/check.png");
  list-style-type:square;
  margin-left:13px;
  padding-left:13px;
  margin-top:13px;
}

.tabulnocheck {
  xlist-style-image: url("../../images/check.png");
  xlist-style-type:square;
  margin-left:13px;
  padding-left:13px;
  margin-top:5px;
}

.tabli {
  margin-bottom:3px;
}


#tabsbox td
{
    border: 1px solid #333333; padding: 3px;
}

#tabsbox th
{
    font-size:18px; color:#000; font-weight:bold;
}

A.grey2:link    { color: #333333;	text-decoration: underline;}
A.grey2:active  { color: #333333;	text-decoration: underline;}
A.grey2:visited { color: #333333;	text-decoration: underline;}
A.grey2:hover   { color: #333333; text-decoration: underline;}

A:link    { color: #30317A;	text-decoration: underline;}
A:active  { color: #30317A;	text-decoration: underline;}
A:visited { color: #30317A;	text-decoration: underline;}
A:hover   { color: #30317A; text-decoration: underline;}



h1 { color:#3366CC; margin:0px; padding: 0px; font-size:16px;}
h2 { font-size:23px; color:#1D4694; margin:0 0 6px 0; font-weight:bold; padding:0; }
h3 { font-size:20px; color:#4d5f75;  }
h4 { font-size:13px; color:#BB4410; margin:3px 0 14px 0; padding:0; }
h5 { color:#3366CC; margin:0px; padding: 0px; font-size:13px;}

.buybutton {
  margin-top:10px;
  margin-bottom:10px;
}


p { margin:0 0 15px 0; text-align:left; line-height:18px; font-size:13px; color:#333;}

sup { font-size:13px;}

#maincontainer { width:100%; margin:auto; background:#fff; padding-bottom:20px;  }

.subcontainer { width:960px; margin:auto; }

#header { height:75px; clear:both; background:#000;   }

#logo { background:url(../../images/logo.gif) no-repeat; width:442px; height:75px; float:left; margin-left:10px;}

#contact-phone { width:170px; text-align:right; float:right; padding-top:25px; margin-right:78px;}
#contact-phone b { color:#4bcbe4;}
#contact-phone span { font-size:22px; color:#c1c8d2;}

#menu { height:31px; clear:both; background:url(../../images/m-bg.gif) repeat-x;}
#menu ul { list-style:none; }
#menu li { float:left; }
#menu li img { border:0;}

#contentcontainer { clear:both; padding:0 10px;}

#contentsection {  background: url(../../images/c-bg.gif) repeat-x; padding:12px 0;}

#left-col { width:620px; float:left; margin-right:8px;}
#left-col h1 { margin-top:0; }
#left-col #content { padding: 5px 0 5px 20px; font-family:"Avenir 85 Heavy", Tahoma, Arial; font-size:14px; font-weight:lighter;}
#left-col p { line-height:16px; }

#right-col { width:301px; float:right; padding-top:15px;}

#boxes { clear:both; padding:5px 0 10px 0;}

.box { float:left; width:300px; margin-right:19px;}
.box h3 { margin:0px 0 5px 1px; font-family:URWEgyptienneTMedWid, "Avenir 85 Heavy", Arial; font-weight:lighter;}
.box p { margin:0 0 8px 2px; line-height:17px;}
.box p a { color:#197B30; text-decoration:underline; font-size:13px; font-weight:bold;}
.box ul { margin-left:20px; font-weight:bold;}

.box2 { float:left; width:300px; margin-right:0px;}
.box2 h3 { margin:0px 0 5px 1px; font-family:URWEgyptienneTMedWid, "Avenir 85 Heavy", Arial; font-weight:lighter;}
.box2 p { margin:0 0 8px 1px; line-height:17px;}
.box2 p a { color:#197B30; text-decoration:underline; font-size:13px; font-weight:bold;}

#savings { background:url(../../images/savings-tips-bg.gif) no-repeat; width:300px; height:282px;}

#one-stop { background:url(../../images/one-stop-bg.gif) no-repeat; width:300px; height:282px;}

#tono-pen { background:url(../../images/tono-pen-bg.gif) no-repeat; width:300px; height:282px;}

.box-content { padding:15px 10px;}

.right-pic { float:right; margin:0 0 10px 1px;}

.link a { color:#333; text-decoration:underline;}
.link a:hover { text-decoration:none;}

.blue { color:#30307B; font-size: 18px;}

#footer-menu { text-align:center; font-size:11px; clear:both; margin-bottom:8px;}
#footer-menu a { color:#666; text-decoration:none; text-transform:uppercase; padding:0 7px}
#footer-menu a:hover { text-decoration:underline;}

#copyright { text-align:right; font-size:10px; color:#777;}

#content-inner { clear:both; padding: 0 0 20px 25px; }

#left-col2 { width:580px; float:left; margin-right:8px;}
#left-col2 p { line-height:16px; }

#right-content { width:298px; float:right; height:450px;  margin: 55px 20px 0px 0px; text-align:center;}
/************************** Image Gallery ****************************/


html body .galleryImageBorder,
html body a .galleryImageBorder {
	border-style: solid;
	border-color: #ccc #aaa #aaa #ccc;
	}

html body .galleryImageBorderBlack, /* for standalone image options */
html body a .galleryImageBorderBlack {
	border-style: solid;
	border-color: #000;
	}

.imageGallery { /* fix for when inside overflow:auto, columns would be incorrect */
	width: 100%;
	}


/* required to make new image galleries work in blogs in IE */
.blog-body {
	width: 100%;
	}
#blog-content .imageGallery {
	width: 101%;
	}

.framePic {
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 10px;
    border-width: 1px;
    padding:3px;
   	border-style: solid;
	border-color: #ccc #aaa #aaa #ccc;
}