@charset "UTF-8";
/* CSS Document */
@import url("reset.css");
@import url("tabs.css");
@import url("contact.css");

body { margin: 0; padding: 0; color: #464646; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: url(../images/background.jpg) repeat-x;   }
img { border: 0; }

#container, .container { margin: 0px auto; width: 960px; padding: 0; }

#header_container { height: 100px; margin-bottom: 20px; }
#header, .header { width: 960px; height: 100px; margin: 0px auto; background: url(../images/header_background.png) no-repeat; }

#logo {float: left; margin-top: 10px; }

#navs {float: right; width: 560px; height: 60px; }
#nav_top { height: 20px; text-align: right; padding-right: 10px; margin-top: 15px; margin-bottom: 0px; color: #00a0f7;}
#nav_top a:link, #nav_top a:visited, #nav_top a:active {
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 0 10px;
}f
#nav_top a:hover {
color: #fff;
text-decoration: underline;
}
#nav {width: 100%; height: 60px; float: right; margin: 0; padding: 0;}
#myslidemenu { margin-right: -5px;}
/*#nav ul { margin: 0; padding: 0; marin-right: 20px; }
#nav ul li { margin: 0; display: inline; padding-left: 30px; }
#nav a:link, #nav a:visited, #nav a:active { color: #ffffff; text-decoration: none; }
#nav a:hover { color: #fff; text-decoration: none; }*/


#banner { height: 50px; /* border-bottom: 1px #cccccc solid;*/ }
#breadCrumb {width: 600px; float: left; margin-top: 5px; font-size: 12px; }
#search { float: right; width: 250px; margin-right: 15px; }
#search input { background: #f7f7f7; border: 1px #cccccc solid;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 30px; padding: 3px; width: 250px; margin-bottom: 10px; background-image: url(../images/search.png); background-position: top right; background-repeat: no-repeat;}
input { font-size: 12px; color: #999; }

#hpmain { margin-top: 30px; height: 960px; height: 420px;}
#hpctas { margin-top: 10px;}
.hpcta160 { margin-left: 20px; }

#footer {width: 960px; margin: 0px auto; border-top: 1px #ccc solid; padding-top: 10px; border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-top: 40px;}
#footer_nav {float: left; width: 680px; padding-top: 10px; }
#footer_social {float: right;  width: 280px;}
#footer_social img {padding: 0; margin: 0; }
#footer_social a { padding: 0; border: 0; }
.xpal_powered { float: left; }
img.xpal_powered  { width: 40px; }

#footer_nav a:link, #footer_nav  a:visited, #footer_nav  a:active { color: #999999; text-decoration: none; font-weight: bold; font-size: 14px; padding: 0px 15px 0px 0px;}
#footer_nav a:hover {color: #0083ca; text-decoration: none; }

#legal { width: 960px; margin: 0px auto; padding-top: 5px; }
#legal p {font-size: 14px; color: #999; line-height: 20px; margin: 0; padding: 0; margin-left: 50px; margin-bottom: 5px; padding-right: 100px; text-align: justify; padding-top: 10px; font-weight: bold;}


#cpMain, #primary {
	width: 660px;
	float: left;
	margin-bottom: 50px;

}
#cpSidebar, #secondary { float: right; width: 250px; padding-top: 30px; }
.sidebarFacebook {margin-top: 10px; margin-left: 20px;}

#threecol {width: 100%; }
.threecol-col {width: 200px; float: left; margin-right: 20px; }
.threecol-col ul { margin: 0; padding: 0; }
.threecol-col li {padding: 5px 0px;}


#twocol {width: 100%; }
.twocol-col {width: 315px; float: left; margin-right: 15px; }
.twocol-col ul {margin: 0; padding: 0; }
.twocol-col li {padding: 5px 0px;}

#products { width: 100%; }
.productbox { text-align: center; width: 200px; height: 280px; float: left; margin-right: 20px; border: 0px; }

.productbox img { width: 175px; }

.productbox h3 {padding: 0px 5px; text-decoration: none; font-size: 14px; }
div.productbox a:hover { border: 0px; }
div.productbox a:link h3, div.productbox a:visited h3   {color: #0083ca; text-decoration: none; border: 0px;  }
div.productbox a:hover h3 {color: #000; text-decoration: none; border: 0px; }



#ppMain { width: 960px; margin: 0px auto; height: 450px; border-bottom: 1px #cccccc solid; padding-bottom :30px; padding-top: 0px; }
#ppMainDescription { width: 330px; float: left; margin-left:0px;}

#ppBanner {width: 960px; margin: 0px auto; height: 110px; border-bottom: 1px #cccccc solid; padding-bottom: 5px; padding-top: 5px; display: none; }



#ppIcons { width: 330px; height: 100px; margin-top: 10px; margin-bottom: 10px; }
#ppIcons ul { margin: 0; padding: 0;list-style-type: none; }
#ppIcons li {margin: 0; padding: 0; display: inline;  }
#ppIcons li a {display: block; border: 0px; outline: 0px; width: 80px; height: 100px; float: left; }

#ppSocial {width: 330px; height: 50px;}
.ppFacebook {float: left; width: 80px; height: 30px; margin-left: 10px;  margin-bottom: 5px; }
.ppShare { width: 160px; height: 30px; padding-left: 10px; float: left; margin-top: 3px;}

#ppWhereToBuy { margin-top: 0px; }

/*#ppGallery { float: right; height: 450px;  width: 630px; }
#bigpic { float: left; width: 480px;   }
#thumbs { float: right; width: 110px; margin-right: 30px; }
#bigpic img { display: block; margin: 0px auto; }*/

#ppGallery { float: right; height: 450px;  width: 630px; }
#ppGalleryPhoto {float: left; width: 480px;  }
#ppGalleryThumbs {float: right; width: 110px; margin-right: 15px; }
#ppGalleryThumbs img {cursor:hand;cursor:pointer; border: 1px solid #f1f1f1; margin-bottom: 2px;}
#ppGalleryThumbs a:hover img { border: 1px solid #f1f1f1; }
#mainPhoto {display: block; margin: 0px auto; }

#thumbs ul { }
#thumbs ul li { }
#ppGalleryThumbs img {
	display: block;
	cursor: point;
	margin: 0px auto;
	border:1px solid #ccc; 
	padding: 3px 20px 3px 20px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ppGalleryThumbs img:hover {cursor:pointer;border:1px solid #0083ca; }
#ppGalleryThumbs img:active {cursor:pointer;border:1px solid #0083ca;}

#ppContent {width: 960px; margin: 20px 0 0 0; padding-bottom :30px;}
#ppVideo { width: 319px; float: left; /*border-right: 1px solid #ccc;*/  }

/* ------------------------------------------------------------------------------ daTabs */

#ppTabs { width: 630px; float: right;}

/* ------------------------------------------------------------------------------ Type */

h1, h2, h3 {font-weight: normal;}

h1 { font-size: 36px; color: #0083ca; padding-bottom: 5px; }
h2 { font-size: 22px; color: #000; padding-bottom: 10px;}
h3 { font-size: 18px; margin: 0; padding: 10px 0; color: #000; font-weight: bold; }
p { font-size: 14px;	line-height: 22px; padding-bottom: 5px; }
small { 	font-size: 10px; color: #646464; }

h1 sup {font-size: 50%; vertical-align: top;}
p sup {font-size: 70%; vertical-align: top;} 

.breadCrumb p { font-size: 10px; }
.for {font-size: 75%; }

#ppMainDescription h1, h3, p { margin-bottom: 5px;}

/* ------------------------------------------------------------------------------ Contact Pages */

.faqPage strong {color: #0083ca; }
.faqPage h3 {border-bottom: 1px solid #ccc; padding-bottom: 20px; font-size: 26px; }

/* ------------------------------------------------------------------------------ Links */

a:link, a:visited, a:active {
color: #0083ca;
text-decoration: none;
}
a:hover {
color: #0083ca;
text-decoration: underline;
}



.spacer { clear: both; }


.wheretobuy, .buy, .notify {float: left; margin-right: 5px; }

.wheretobuy a, .buy a, .notify a {
	display: block;
	padding: 10px;
	width: 100px;
	background: #0083ca;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	color: #fff;
	border: 1px solid white;
	text-align: center;
}
.wheretobuy a:hover, .buy a:hover, .notify a:hover {
	display: block;
	text-decoration: none; 
	padding: 10px;
	background: #000;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	border: 1px solid white;
	color: #fff;
	}
	
.buy a  { width : 70px; }
.notify a { width : 80px; }
.wheretobuy a { background: #005581; }
.wheretobuy a:hover, .buy a:hover { background: #000;  }

#wtbPage {width: 960px; padding-bottom: 150px; }
#wtbPage img { float: left; padding: 5px 0px; }
#wtbBanner { width: 960px; margin: 0px auto; height: 120px; border-bottom: 1px #cccccc solid; padding-bottom: 5px; padding-top: 5px;}


/* ------------------------------------------------------------------------------ Tips */

.tip {
    color: #fff;
	font-weight: bold;
    background: #0083ca;
    display:none; /*--Hides by default--*/
    padding:20px;
    position:absolute;
	text-decoration: none;
	z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size: 12px;
	  /* for IE */
  filter:alpha(opacity=95);
  /* CSS3 standard */
  opacity:0.9;
}

/* ------------------------------------------------------------------------------ lists */

.iconlist { width: 290px; margin: 0px auto; } 
.iconlist ul { margin: 0; padding: 0;  }
.iconlist li { border-bottom: 1px solid #ccc; width: 100%; height: 50px;}
.iconlist li a, .iconlist li a:visited, .iconlist li a:active {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 60px;
	display: block;
	 }
	 
.iconlist li a:hover { color:#000; text-decoration: none; background-position: 0 -50px;}

.usermanual { background: url(../images/icons/lists/usermanual.png) no-repeat; }
.howtovideo { display: none; background: url(../images/icons/lists/howtovideo.png) no-repeat; }
.faqicon { background: url(../images/icons/lists/faq.png) no-repeat; }
li.faqicon { border-bottom: none; }
li.supportforum { background: url(../images/icons/lists/supportforum.png) no-repeat;  }
li.supportforum { border-bottom: none; }

li. a:hover {background-position: 0px -50px;}
iframe {
	border: 0;
	outline:0;
	text-align: center;
} 

.imageLeft {
	float: left;
	margin: 0 20px 20px 0;
	/*border: 1px solid #ddd;*/
	padding: 5px;
}

blockquote { 
margin: 0px auto;
margin-top: 10px;
margin-bottom: 10px;
width: 80%;
border: 1px solid #ccc;
padding: 10px;
padding-top: 20px;
padding-bottom: 20px;
background: #0083ca;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	color: #fff;
	font-weight: bold; }
	

.media-downloads {margin-bottom: 5px; }
.media-downloads h2 {border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.media-downloads ul li {padding: 5px; list-style-type: disc; margin-left: 20px;  }
.media-downloads ul {margin-bottom: 30px; }


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    background: #fff;
    width:960px;
    height:420px;
    margin:0 auto;
    padding-top:0px;
    margin-top:0px;
}

#slider {
	position:relative;
    width:960px;
    height:420px;
    margin-left:0px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:12px;
	top: 0px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

.wp-polls { }
.wp-polls li {padding: 10px; }

.wp-polls input, .wp-polls textarea, .wp-polls button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
.wp-pools input { float: none; }
.wp-pools input, .wp-pools textarea {width: 320px; }
.wp-pools textarea {margin-left: 50px; }
.wp-pools input, .wp-pools textarea, .wp-pools button { font-family: Arial, Helvetica, sans-serif; padding: 10px; }
.wp-pools input, .wp-poolstextarea, .wp-pools button { -moz-border-radius: 5px; -khtml-border-radius: 5px;-webkit-border-radius: 5px; } 
.wp-pools button { font: 12px; padding: 5px 10px; cursor: pointer; color: #fff; background-color: #0083ca; border-color: #000}
.wp-pools input:focus, .wp-pools textarea:focus, .wp-pools button:hover { background: #fff; border-color: #0083ca; }
.wp-polls button:hover {background: #000; }

.content h2 {margin-bottom: 20px; }



.faqlist ul { }
.faqlist li {list-style-type: disc; padding: 5px; }