/* CSS Document */

body {
	text-align:center;
	padding:0;
	margin:0;
	background: #889 url(images/bg.gif) 0 1px repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: scroll;
	min-width:1262px;
}
div#nav {
	width:800px;
	padding:0;
	margin:0px auto;
	padding-bottom:0px;
	padding-top:0px;
	text-align:left;
	height:80px;
	max-width:1262px;
}
div#header {
	width:100%;
	padding:0;
	background-color:#FFFFFF;
	margin-top:0px;
	min-width:1262;
	
}
div#cbc-stripe {
	width:100%;
	background-color:#003366;
	padding:2px;
	height:40px;
}
div#cbc-stripe h2 {
	width:800px;
	font-size:12px;
	line-height:14px;
	padding:10px 0px 0px 10px;
	margin:0px auto;
	color:#FFF;
	text-align:left;
}
div#nav-bottom {
	width:1200px;
	margin:2px auto;
	padding-bottom:10px;
	padding-top:10px;
	text-align:right;
}
div#nav h2 {
	float:left;
	font-size:12px;
	line-height:24px;
	padding:0;
	margin:0;
	color:#333;
	width:0px;
}
div#nav h1 {
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding:0;
	margin:0px 0px 0px 0px;
	color:#003366;
}
div#nav-bottom {
	width:688px;
	padding:0;
	margin:2px auto;
	padding-bottom:10px;
	padding-top:2px;
	text-align:right;
}
div#nav-bottom h2 {
	float:left;
	font-size:12px;
	line-height:24px;
	padding:0;
	margin:0;
	color:#333;
	width:0px;
}
div#nav-bottom h1 {
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding:0;
	margin:10px 0px 0px 0px;
	color:#003366;
	width:510px;
}

img {
	margin:0;
	border:none;
	padding:0;
	background:transparent;
}

div#product-container{
	width:1262px;
	background-color:#888899;
	margin: 5px auto;
	position:relative;
	z-index:1;
}
div#product-container-single{
	width:1262px;
	background-color:#888899;
	margin: 5px auto;
	position:relative;
	z-index:1;
}
div#product-container table{
	margin: 0px auto;
	background-color:#888899;
	text-align:center;
	display:inline-block;
}
img#shadow {
	position:absolute;
	z-index:100;
	top:394px;
	left:31px;
	width:550px;
}
/* box-shadow: x y blur-radius spread-radius inset(optional) color */
div#instrux01 {
	position:absolute;
	z-index:10;
	top:424px;
	left:157px;
	width:424px;
	height:252px; 
	background:url(images/instrux_01.jpg) top center no-repeat;
    box-shadow: -3px 2px 2px 2px rgba(0, 0, 0, .2);
}
div#instrux02 {
	position:absolute;
	z-index:7;
	top:128px;
	left:157px;
	width:424px;
	height:296px; 
	background:url(images/instrux_02.jpg) top center no-repeat;
    box-shadow: -3px -2px 2px 2px rgba(0, 0, 0, .2);
}
div#stickers01 {
	position:absolute;
	z-index:8;
	top:172px;
	left:157px;
	width:424px;
	height:252px; 
	background:url(images/stickers_01.jpg) top center no-repeat;
    box-shadow: -3px -2px 2px 2px rgba(0, 0, 0, .2);
}
div#stickers02 {
	position:absolute;
	z-index:9;
	top:424px;
	left:157px;
	width:424px;
	height:296px; 
	background:url(images/stickers_02.jpg) top center no-repeat;
    box-shadow: -3px 2px 2px 2px rgba(0, 0, 0, .2);
}

p {
	margin:0px auto;
	width:1200px;
	height:689px;
}
p.small {
	margin:0px auto;
	width:424px;
	height:252px;
}
p.medium {
	margin:0px auto;
	width:424px;
	height:296px;
}
p.footer {
	font-size:10px;
	line-height:14px;
	text-align:center;
	padding-top:10px;
	color:#eee;
	width:612px;
}

p#page01 { background:#889 url(images/side1.jpg) top center no-repeat; }
p#page02 { background:#889 url(images/side2.jpg) top center no-repeat; }
p#page03 { background:#889 url(images/03.jpg) top center no-repeat; }
p#page04 { background:#889 url(images/04.jpg) top center no-repeat; }
p#page05 { background:#889 url(images/05.jpg) top center no-repeat; }
p#page06 { background:#889 url(images/06.jpg) top center no-repeat; }
p#page07 { background:#889 url(images/07.jpg) top center no-repeat; }
p#page08 { background:#889 url(images/08.jpg) top center no-repeat; }
p#page09 { background:#889 url(images/09.jpg) top center no-repeat; }
p#page10 { background:#889 url(images/10.jpg) top center no-repeat; }
p#page11 { background:#889 url(images/11.jpg) top center no-repeat; }
p#page12 { background:#889 url(images/12.jpg) top center no-repeat; }
p#page13 { background:#889 url(images/13.jpg) top center no-repeat; }
p#page14 { background:#889 url(images/14.jpg) top center no-repeat; }
p#page15 { background:#889 url(images/15.jpg) top center no-repeat; }
p#page16 { background:#889 url(images/16.jpg) top center no-repeat; }
p#page17 { background:#889 url(images/17.jpg) top center no-repeat; }
p#page18 { background:#889 url(images/18.jpg) top center no-repeat; }
p#page19 { background:#889 url(images/19.jpg) top center no-repeat; }
p#page20 { background:#889 url(images/20.jpg) top center no-repeat; }
p#page21 { background:#889 url(images/21.jpg) top center no-repeat; }
p#page22 { background:#889 url(images/22.jpg) top center no-repeat; }
p#page23 { background:#889 url(images/23.jpg) top center no-repeat; }
p#page24 { background:#889 url(images/24.jpg) top center no-repeat; }
p#page25 { background:#889 url(images/25.jpg) top center no-repeat; }
p#page26 { background:#889 url(images/26.jpg) top center no-repeat; }
p#page27 { background:#889 url(images/27.jpg) top center no-repeat; }
p#page28 { background:#889 url(images/28.jpg) top center no-repeat; }
p#page29 { background:#889 url(images/29.jpg) top center no-repeat; }
p#page30 { background:#889 url(images/30.jpg) top center no-repeat; }
p#page31 { background:#889 url(images/31.jpg) top center no-repeat; }
p#page32 { background:#889 url(images/32.jpg) top center no-repeat; }

p#instrux01 { width:424px; background:#889 url(images/instrux_01.jpg) top center no-repeat; }
p#instrux02 { width:424px; background:#889 url(images/instrux_02.jpg) top center no-repeat; }
p#stickers01 { width:424px; background:#889 url(images/stickers_01.jpg) top center no-repeat; }
p#stickers02 { width:424px; background:#889 url(images/stickers_02.jpg) top center no-repeat; }

/* The following is styling for the license/overlay */
#overlay {
    display:block;    
    position:fixed;  
    left:0px;        
    top:0px;         
    width:100%;      
    height:100%;     
    background:#003366; 
    opacity:0.5;     
    z-index:99999;   
}

#popup {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height: 24px;
	text-align:left;
	display:block;
    position:absolute; 
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);   
    width:350px;     
    height:auto;
	padding:30px;
	margin: 0 auto;
    background:#FFFFFF;
    border:2px solid #000;
	opacity:0.9;
    z-index:100000; 
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 0px 4px 4px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 4px 4px 0px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 4px 4px 0px #ccc;     
}
#CloseBtn {
	float:right;
	font-weight:bold;
	font-size:20px;
	margin-right:-20px;
	margin-top:-20px;
	color:#fff;
	background-color:#006699;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-webkit-box-shadow: 0px 4px 4px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 4px 4px 0px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 4px 4px 0px #ccc;
	
}
div.buttons {
	width:145px;
	height:25px;
	float:right;
	position:relative;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0px;
}
a.arrow:link {
	border:none;	
}
a.arrow:visited {
	border:none;	
}
a.arrow:hover {
	border:none;
	opacity:0.5;
}
a.arrow:active {
	border:none;
}
a.lynx:link {
	border:none;
	
}
a.lynx:visited {
	border:none;
	
}
a.lynx:hover {
	border:none;
	opacity:0.5;
}
a.lynx:active {
	border:none;
}

/* END styling for the license/overlay */