@charset "utf-8";
/* CSS Document */
body{margin:0 15px 15px 15px; padding:0; font-family:Arial,sans-serif; background:#ffcc00 url(../images/main_bkg.gif) 0 0 repeat-x;}
.container { width:930px; margin:0 auto; padding:0; border:none;}
.header { width:930px; margin:0 auto; padding:0; background:#000000 url(../images/primary_header_bg.png) 0 0 repeat-x; border-top:1px solid #ffcc00;}
.body-container { width:930px; margin:0 auto; padding:20px 0 20px 0; border:none; background:#ffcc00 url(../images/center_bkg_long.gif) 0 0 repeat;}
.media { margin: 0 30px 0 30px; padding:20px 0 20px 20px; background-color: #000;}
.media2 { float: left; width: 550px; padding: 20px 0 0 50px;}
.footer { width:930px; margin:0 auto; padding:0; background-color:#000; border:none;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-1-a, .grid-2-a, .grid-3-a, .grid-4-a, .grid-5-a, .grid-6-a, .grid-7-a, .grid-8-a, .grid-9-a, .grid-10-a, .grid-11-a, .grid-12-a, .grid-1-b, .grid-2-b, .grid-3-b, .grid-4-b, .grid-5-b, .grid-6-b, .grid-7-b, .grid-8-b, .grid-9-b, .grid-10-b, .grid-11-b, .grid-12-b  {margin:0 0 10px 0; padding:0; border:none;}
a, a:visited {color:#000; text-decoration:none; border-bottom:1px solid #000;}
a:hover {color:#000; border-bottom:none; background-color:#efeeea;}
p, ul, ol, li {margin:0; padding:0; color:#333333;}
ul, ol { margin:0 0 0 -.7em; padding:0 0 0 .7em; text-indent: -.7em; list-style:none;}
ul li { list-style-image: none; list-style-type: none; }
h2 {color:#000000;}
a img {border:none;}

.highlight { background-color:#efeeea;}
.en {font-family:Arial, Helvetica, sans-serif;}
.pagename{font:25px/26px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0; text-align:center;}
.productbox{display:block; text-align:center; margin:0 auto;}
.productboxA{margin:0; padding:0;}

.cbox{ float:left; margin:0 15px 0 30px; padding:0;}
.cboxA{ margin:0 0 30px 20px; width:200px; height:126px;}

.clear {clear:both; line-height:1px; height:1px; border:none; margin-bottom:0;}

.grid-1{ width:28px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-2{ width:98px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-3{ width:168px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-4{ width:238px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-5{ width:308px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-6{ width:378px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-7{ width:448px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-8{ width:518px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-9{ width:588px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-10{ width:658px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-11{ width:728px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-12{ width:798px; padding:15px; margin:0 10px 10px 0; float:left;}


.grid-2-a{ width:145px; padding:0 0 0 0; margin:0 10px 10px 0; float:left;}
.grid-3-a{ width:215px; padding:0 0 0 0; margin:0 10px 10px 0; float:left;}
.grid-4-a{ width:285px; padding:0 0 15px 0; margin:0 10px 10px 0; float:left;}
.grid-5-a{ width:323px; padding:15px; margin:0 10px 10px 0; float:left;}
.grid-6-a{ width:445px; padding:0 0 0 0; margin:0 10px 10px 0; float:left;}
.grid-7-a{ width:510px; padding:0 0 15px 0; margin:0 10px 10px 0; float:left;}
.grid-8-a{ width:544px; padding:0 0 15px 0; margin:0 10px 10px 0; float:left;}
.grid-10-a{ width:740px; padding:0 0 0 0; margin:0 10px 10px 0; float:left;}

.grid-3-b{ width:208px; padding:15px; margin:0 10px 10px 0; float:left;}


.grid-1 h2, .grid-2 h2, .grid-2-a h2{ font-size:13px; line-height:17px; margin:0 0 15px 0; padding:0;}
.grid-1 p, .grid-2 p, .grid-2-a p{ font-size:11px; line-height:15px; margin:0 0 20px 0; padding:0;}
.grid-1 ul, .grid-1 ol, .grid-2 ul, .grid-2 ol, .grid-2-a ul, .grid-2-a ol{ font-size:11px;}
.grid-1 li, .grid-2 li, .grid-2-a li { margin:0 0 0 0; line-height:26px; padding-left:15px;}

.grid-3 h2, .grid-3-a h2, .grid-3-b h2{ font-size:19px; line-height:25px; margin:0 0 21px 0; padding:0; font-weight:300;}
.grid-3 p, .grid-3-a p, .grid-3-b p{ font-size:15px; line-height:21px; margin:0 0 21px 0; padding:0;}
.grid-3 ul, .grid-3 ol, .grid-3-a ul, .grid-3-a ol, .grid-3-b ul, .grid-3-b ol{ font-size:15px; line-height:21px; }
.grid-3 li, .grid-3-a li, .grid-3-b li { margin:0 0 21px 0;}

.grid-4 h2, .grid-4-a h2{ font-size:19px; line-height:25px; margin:0 0 21px 0; padding:0;}
.grid-4 p, .grid-4-a p{ font-size:17px; line-height:23px; margin:0 0 21px 0; padding:0;}
.grid-4 ul, .grid-4 ol, .grid-4-a ul, .grid-4-a ol{ font-size:17px; line-height:22px; }
.grid-4 li, .grid-4-a li { margin:0 0 21px 0;}

.grid-5 h2, .grid-5-a h2{ font-size:19px; line-height:25px; margin:0 0 21px 0; padding:0;}
.grid-5 p, .grid-5-a p{ font-size:17px; line-height:23px; margin:0 0 21px 0; padding:0;}
.grid-5 ul, .grid-5 ol, .grid-5-a ul, .grid-5-a ol{ font-size:17px; line-height:22px; }
.grid-5 li, .grid-5-a li { margin:0 0 21px 0;}

.grid-6 h2{ font-size:25px; line-height:31px; margin:0 0 21px 0; padding:0;}
.grid-6 p{ font-size:17px; line-height:23px; margin:0 0 21px 0; padding:0;}
.grid-6 ul, .grid-6 ol{ font-size:17px; line-height:22px;}
.grid-6 li { margin:0 0 21px 0;}

.grid-6-a h2, .grid-7 h2, .grid-7-a h2, .grid-8-a h2{ font-size:19px; line-height:25px; margin:0 0 12px 0; padding:0;}
.grid-6-a p, .grid-7 p, .grid-7-a p, .grid-8-a p{ font-size:17px; line-height:22px; margin:0 0 21px 0; padding:0;}
.grid-6-a ul, .grid-6-a ol, .grid-7 ul, .grid-7 ol, .grid-7-a ul, .grid-7-a ol, .grid-8-a ul, .grid-8-a ol {font-size:15px; line-height:22px;}
.grid-6-a li, .grid-7 li, .grid-7-a li, .grid-8-a li { margin:0 0 14px 0;}
.grid-7-a .pagename, .grid-8-a .pagename{font:25px/26px Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0; text-align:center;}

.grid-9 h2{ font-size:37px; line-height:39px; margin:0 0 35px 0; padding:0;}
.grid-9 p{ font-size:25px; line-height:37px; margin:0 0 35px 0; padding:0;}
.grid-9 ul, .grid-9 ol{ font-size:25px; line-height:37px;}
.grid-9 li { margin:0 0 35px 0;}

.grid-10 h2, .grid-10-a h2{ font-size:37px; line-height:39px; margin:0 0 35px 0; padding:0;}
.grid-10 p, .grid-10-a p{ font-size:25px; line-height:37px; margin:0 0 35px 0; padding:0;}
.grid-10 ul, .grid-10 ol, .grid-10-a ul, .grid-10-a ol{ font-size:25px; line-height:37px;}
.grid-10 li, .grid-10-a li { margin:0 0 35px 0;}

.n-alpha { margin-left:0;}
.n-beta {margin-right:0;}

.alpha { margin-left:15px;}
.beta {margin-right:15px;}

.gamma { margin-left:20px;}
.delta {margin-right:20px;}

.sigma {margin-left:45px;}
.zeta {margin-right:45px;}

/* Primary Nav */
.p-nav {height:57px; position:relative; text-transform:capitalize; margin:0 0 0 0; padding:0 0 0 0; text-indent: 0;}
.p-nav{background-color:inherit; color:#fff; background:url(../images/primary_header_bg.png) repeat-x 0 0;}
.p-nav li{width:auto; float:left; padding:0 15px; color:#fc0; font-weight:300; background:url(../images/pipe.png) no-repeat 100% 0%;}
.p-nav a {color:#fff; border-bottom:none; font:16px/57px Arial, Helvetica, sans-serif;}
.p-nav a:hover { color:#ffcc00; background:none;}
.p-nav a:visted { color:#fff;}
.p-nav .omega {padding:0 2px 0 0; }


/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */ 
#nav ul {list-style:none; position:relative; z-index:200;}
#nav li li {float:none; background:#333; border-bottom:1px solid #000; width:175px; line-height:30px;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li li a {height:24px; line-height:24px; float:none; padding:0 0 0 10px;}
#nav li a:visited , #nav li li a:visited { color:#fff;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:57px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {color:#fff;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{color:#ffcc00;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#fff;}


/* Footer Nav */
.f-nav {height:22px; position:relative; text-transform:capitalize; margin:0 0 0 0; padding:38px 0 0 0; text-indent: 0;}
.f-nav{color:#fff; background:#000;}
.f-nav li{width:auto; float:left; padding:0 15px; color:#888888; font-weight:300; font:12px/14px Arial, Helvetica, sans-serif;}
.f-nav li.omega img { margin:-27px 45px 0 15px;}
.f-nav a {color:#888888; border-bottom:none;}
.f-nav a:hover { color:#ffcc00; background:none;}
.f-nav a:visted { color:#888888;}
.f-nav .omega {padding:0;}
.f-nav .pipe {  background:url(../images/pipe.png) no-repeat 100% 0%;}

/* Home Page Body Tabs */
#btabs {position:relative; text-transform:capitalize; margin:10px 0 0 0; padding:0 0 0 0; text-indent: 0;}
#btabs {color:#fff; background: none;}
#btabs li {float:left; padding:0 0 0 0; margin:0; font-weight:300; width:240px; height:133px;}
#btabs li a { position:relative; display:block;  width:240px; height:133px; text-indent:-9999px; border-bottom:none;}
#btabs li a:hover {color:#000; border-bottom:none; background-color:transparent; }
#btabs li a span { text-indent:0; position:absolute; top:20px; left:16px; font-size:12px; color:#ffcc00; text-transform:uppercase; font-weight:bold;}
#btabs li a:hover span { color:#FFF;}
#btabs .tab-1 {color:#fff; border-bottom:none; background:url(../images/Bottom-nav-buttons_1.png) no-repeat 0 -137px; margin-right:10px; cursor:pointer;}
#btabs .tab-3 {color:#fff; border-bottom:none; background:url(../images/Bottom-nav-buttons_2.png) no-repeat 0 -137px; cursor:pointer;}
#btabs .tab-4 {color:#fff; border-bottom:none; background:url(../images/Bottom-nav-buttons_3.png) no-repeat 0 -137px; margin-right:10px; cursor:pointer;}

/* Side Bar Tabs */
#stabs {position:relative; text-transform:capitalize; margin:0 0 0 0; padding:0 0 0 0; text-indent: 0;}
#stabs {color:#fff; background: none;}
#stabs li { padding:0 0 0 0; font-weight:300; text-indent:-999px;}
#stabs .tab-1a {color:#fff; border-bottom:none; width:145px; height:117px;  background:url(../images/711banner_198x160.jpg) no-repeat 0 0; margin-bottom:18px; cursor:pointer;}
#stabs .tab-1 {color:#fff; border-bottom:none; width:145px; height:66px;  background:url(../images/lef_but_1.png) no-repeat 0 0; margin-bottom:7px; cursor:pointer;}
#stabs .tab-2 {color:#fff; border-bottom:none; width:145px; height:66px;  background:url(../images/lef_but_2.png) no-repeat 0 0; margin-bottom:7px; cursor:pointer;}
#stabs .tab-3 {color:#fff; border-bottom:none; width:145px; height:66px;  background:url(../images/allow_deny_btn.png) no-repeat 0 0; margin-bottom:18px; cursor:pointer;}
#stabs .tab-4 {color:#fff; border-bottom:none; width:145px; height:133px;  background:url(../images/nav_product_button.png) no-repeat 0 0; margin-right:10px; cursor:pointer;}

#stabs .tab-1c {color:#fff; border-bottom:none; width:145px; height:72px;  background:url(../images/globe_button_v3.gif) no-repeat 0 0; margin-bottom:10px; cursor:pointer;}
#stabs .tab-2c {color:#fff; border-bottom:none; width:145px; height:131px;  background:url(../images/Cybercrime_banner.png) no-repeat 0 0; margin-bottom:10px; cursor:pointer;}
#stabs .tab-3c {color:#fff; border-bottom:none; width:145px; height:133px;  background:url(../images/Challenge-banner.png) no-repeat 0 0; margin-right:10px; cursor:pointer;}

/* Corner Backgrounds */
.t2c {background:transparent url(../images/top-bar-2.png) no-repeat 0 0; height:14px; margin:0; padding:0;}
.b2c {background:transparent url(../images/btm-bar-2.png) no-repeat 0 0; height:14px; margin:0; padding:0;}
.c2c {background:transparent url(../images/cnt-bar-2.png) repeat-y 0 0;}
.t3c {background:transparent url(../images/top-bar-3.png) no-repeat 0 0; height:14px; margin:0; padding:0;}
.b3c {background:transparent url(../images/btm-bar-3.png) no-repeat 0 0; height:14px; margin:0; padding:0;}
.c3c {background:transparent url(../images/cnt-bar-3.png) repeat-y 0 0;}
.t6c {background:transparent url(../images/top-bar-6.png) no-repeat 0 0; height:14px; margin:0; padding:0;}
.b6c {background:transparent url(../images/btm-bar-6.png) no-repeat 0 0; height:14px; margin:0; padding:0;}
.c6c {background:transparent url(../images/cnt-bar-6.png) repeat-y 0 0;}

.p-selected a {color:#ffcc00;}
.selected {background-color:#ffcc00; width:129px;}
.selected { font-weight:bold;}
.select, .select a, a.select {color:#ffcc00; border-bottom:none;}

p.smalltext {font-size:10px;}

/* Retailer */
.filtered .hidden, .hidden {
    display: none;
}

/* Tables */
.even {background-color:#e5e5e5;}
td,
th{ text-align:left; padding-left: 10px; color:#000; }
#arial thead{ background:#ffcc00;}

table{
width:100%;
padding:0;
margin:0;
border-collapse:collapse;
border:0.063em solid #ccc;
}
th{
font-weight:300;
font-variant:small-caps;
text-align:center;
padding:0.188em;
background:none;
border-top:none;
border-bottom:none;
}
th em{
font-style:normal;
display:block;
clear:both;
}
td{
text-align:center;
padding:0.125em 0.188em;
border-bottom:0.063em solid #ddd;
}
#arial, #arial ul, #arial p, #arial h2, #arial li, #arial td  {font-size:14px; line-height:22px; text-align:left; vertical-align:top;}
#arial ul, #arial li { margin-bottom:10px;}
#arial img {display:block}
.tcol1 {width:25%; font-weight:600;}
.tcol2 {width:20%; font-weight:600;}
.tcol3 {width:20%; font-weight:600;}
.tcol4 {width:35%; font-weight:600;}
#arial th { padding:10px; border:1px solid #ccc; color:#333;}
#arial td { padding:10px; border:1px solid #ccc; color:#333;}


/* Carousel Prototype */
.infiniteCarousel {
  width: 144px;
  height: 405px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 144px;
  height: 355px; /* .infiniteCarousel height - (.wrapper margin-top + .wrapper margin-bottom) */
  overflow: auto;
  margin: 20px 0;
  padding:0;
  position: absolute;
  top: 0;
}
.infiniteCarousel .wrapper2 { position: relative; padding: 5px 0; margin: 0; width: 150px; height: 300px;}
.infiniteCarousel .wrapper2 li.img-color img { border: 1px solid #ffcc00;}
.infiniteCarousel .wrapper2 li.img-color span { color: #ffcc00;}

.infiniteCarousel .arrow { 
	background-image: url(../images/arrows.png); 
	background-repeat: no-repeat;
}
.infiniteCarousel .back,
.infiniteCarousel .forward { 
	color: #FFF; display: 
	block; border: 0; 
	background-color: #969; 
	margin-left: 18px; 
	width: 35px; 
	height: 16px;
}
.infiniteCarousel .back { background-position: 0 -27px; margin-bottom: 10px;}
.infiniteCarousel .forward { background-position: 0 -80px; margin-top: 10px;}

.infiniteCarousel .wrapper ul {
  height: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  text-indent: 0;
}

.infiniteCarousel ul li {
  display:block;
  padding: 10px 0 10px 0;
  height: 55px;
  width: 144px;
  position:relative;
}
.infiniteCarousel .wrapper2 li { padding: 0 0 10px 0; cursor: pointer;}
.infiniteCarousel ul li img {
    border:none;
	 width:68px;
	 height:52px;
	 padding:0;
	 margin:0;
}

.infiniteCarousel ul li span {display:block; width:65px; height:55px; line-height:14px; border:none; text-align:left; position:absolute; right:0; top:10px; padding: 0 0 0 10px; margin:0;}