@charset "utf-8";
/* KANGABOY STYLE DOCUMENT V.1 */


/* ======================================================== GENERAL STARTS ======================================================== */
body { 
	padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
	background-color:#161616; background-image:url(../images/bg_grain.jpg); background-repeat:repeat-x; color:#e1e2e2; line-height:18px;
}
img { border:none; }
a { outline:none; text-decoration:none; color:#00a9e7;}
a:hover { text-decoration:underline; }
a.linkOpacity img {filter:alpha(opacity=070); -moz-opacity:.70; opacity:.70;}
a.linkOpacity:hover img {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
object { outline:none; }
input { outline:none; }
p { padding:0; margin:0; }

/* ======================================================== GENERAL FINISH ======================================================== */

/* ======================================================== BASIC TEMPLATE STARTS ======================================================== */
#wrapper{ width:900px; min-height:320px; margin:0 auto; height:auto; background-image:url(../images/wrapper_bg.jpg); background-repeat:no-repeat; }

	#dTopContainer { width:900px; height:auto; float:left; position:relative; }
		#dTopPanelBox { width:900px; height:58px; float:left; margin-bottom:30px; }
                        #dPanelLeft { width:304px; height:58px; float:left; outline:none; }
			#dPanel { width:304px; height:58px; float:right; background-image:url(../images/top_panel.png); background-repeat:no-repeat; }
			#dPanel a { font-weight:bold; }
				.sRegisterBox { width:300px; display:block; text-align:center; padding:10px 0 0 4px; font-size:11px; }
				.sShoppingBox { width:300px; display:block; text-align:center; padding:7px 0 0 4px; font-size:11px; }
					.shoppingBoxText { padding:0 5px; margin:0; color:#f26522; font-weight:bold; }
					.shoppingBoxValue{ padding:0 2px; margin:0; }
		
		#dMainNavBox { 
			width:900px; height:41px; float:left; background-image:url(../images/navigation_bar.gif); font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold;}
			#dMainNavLeft { width:430px; padding:9px 0 0 20px; margin:0; float:left; height:41px;}
			#dMainNavLeft li { padding:0; margin:0; display:inline; float:left; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; position:relative; height:41px; }
			#dMainNavLeft li a { color:#cccccc; text-decoration:none; padding-right:15px; margin:0 15px 0 0; background:url(../images/main_nav_tile.png) no-repeat top right;}
			#dMainNavLeft li a:hover { color:#00a9e7;}
				
				#dMainNavLeft ul { 
					position:absolute; left:-10px; top:32px; margin:0; padding:0; border:none; text-align:left; width:152px; 
					display:none; z-index:50;
				}
				#dMainNavLeft li ul li { 
					position:relative; float:left; clear:left; list-style-type:none; display:block; width:152px; height:32px;
				}
				#dMainNavLeft li ul li a { 
					float:left; display:block; padding:8px 10px 4px 10px; width:140px; height:20px; cursor:pointer;
					background:#212121; border-bottom:1px solid #000; border-top:1px solid #353535; border-right:1px solid #0F0F0F;
					border-left:1px solid #353535;
				}
				#dMainNavLeft li ul li a:hover { 
					float:left; display:block; color:#00a9e7; background:#0F0F0F; width:140px;
				}
				#dMainNavLeft li:hover ul, ul#dMainNavLeft li ul li:hover ul { display:block; } /* The magic */
					
					#dMainNavLeft ul li ul { 
					position:absolute; left:162px; top:0; margin:0; padding:0; border:none; text-align:left; width:202px; 
					display:none;
					}
					#dMainNavLeft li ul li ul li { 
					position:relative; float:left; clear:left; list-style-type:none; display:block; width:202px;
					}
					#dMainNavLeft li ul li ul li a { 
						float:left; display:block; padding:8px 10px 4px 10px; width:180px; height:20px; cursor:pointer;
						background:#212121; border-bottom:1px solid #000; border-top:1px solid #353535; border-right:1px solid #0F0F0F;
						border-left:1px solid #353535;
					}
					#dMainNavLeft li ul li ul li a:hover { 
						float:left; display:block; color:#00a9e7; background:#0F0F0F; width:180px;
					}
					#dMainNavLeft li ul, ul#dMainNavLeft li:hover ul ul, ul#dMainNavLeft li ul:hover ul  { display:none; } /* The magic */
			
			
			#dMainNavRight { width:430px; padding:9px 5px 0 0; margin:0; float:right; height:32px;}
			#dMainNavRight li { padding:0; margin:0; display:inline; float:right; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:bold; }
			#dMainNavRight li a { color:#cccccc; text-decoration:none; padding-left:15px; margin-right:15px; background:url(../images/main_nav_tile.png) no-repeat top left; }
			#dMainNavRight li a:hover { color:#00a9e7;}
			
			
			
			 
		#dLogo { width:190px; height:48px; position:absolute; top:0; left:358px; }
	
	#dMiddleContainer { width:900px; height:auto; float:left; margin-top:40px; }
		#dTopRoundedBox { width:900px; height:10px; float:left; background-image:url(../images/top_rounded_corner.png); background-repeat:no-repeat; }
		#dMainContentBox { width:880px; height:auto; float:left; padding:0 10px; background-color:#0d0d0d; }
		#dFlashBanner { width:880px; height:431px; float:left; }
		#dTabsBox { width:880px; height:auto; float:left; padding-top:10px; }
			.dTabsBoxHolder { width:210px; height:120px; float:left; margin-right:13px; }
		#dBottomRoundedBox { width:900px; height:10px; float:left; background-image:url(../images/bottom_rounded_corner.png); background-repeat:no-repeat; }
		
	#dFooterContainer { width:900px; height:210px; float:left; margin-top:30px; }
		#dFooterTop { width:900px; height:20px; float:left; background-image: url(../images/footer_top.png); background-repeat:no-repeat; }
		#dFooterBox { width:840px; float:left; padding:10px 30px; background:#2c2c2c url(../images/footer_tile.gif) top repeat-x; margin:0; }
			#dFooterColBox { width:840px; height:auto; float:left; }
			.dFooterCol { width:auto; height:auto; float:left; margin-right:35px; background:url(../images/footer_embed.gif) repeat-y right top;  padding-right:39px; }
			.dFooterCol h3 { padding:0; margin:0 0 5px 0; font-size:11px; color:#00b0e2; text-transform:uppercase; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; }
			.dFooterCol ul { width:auto; height:auto; padding:0; margin:0; float:left; font-size:11px; }
			.dFooterCol ul li { padding:0; margin:0 0 3px 0; list-style-type:none; }
			.dFooterCol ul li a { color: #CCCCCC; text-decoration:none; }
			.dFooterCol ul li a:hover { color:#FFFFFF;}
			
			#dFooterBottom { width:840px; height:auto; float:left; padding-top:15px; font-size:11px; }
			#dFooterBottom a { color:#00b0e2; text-decoration:none; }
			#dFooterBottom a:hover { color:#00b0e2; text-decoration:underline; }
				#dFooterBottomLeft { width:300px; height:25px; float:left; padding:35px 0 0 45px; background:url(../images/gcds_logo.png) no-repeat; }
				#dFooterBottomRight { width:350px; height:25px; float:right; padding-top:35px; text-align:right;}
		#dFooterMainBottom { width:900px; height:10px; float:left; background-image: url(../images/footer_bottom.png); background-repeat:no-repeat; margin:0; padding:0; }
/* ======================================================== BASIC TEMPLATE FINISH ======================================================== */

/* ======================================================== BASIC TEMPLATE FINISH ======================================================== */

/* ======================================================== PRODUCT STARTS ======================================================== */
#leftContent { width:212px; height:auto; padding:0; margin:0; float:left; display:block; }
#productMenuHeader { 
	width:192px; height:19px; padding:5px 10px; margin:0 0 10px 0; float:left; display:block; font-weight:bold; font-size:16px; 
	background:url(../images/products/product_header_background.jpg) no-repeat; color:#00b0e2;
}

.applemenu {
	margin:0; padding:0; width:210px; /*width of menu*/ border:1px solid #1f1f1f; float:left; display:block;
}
.applemenu div.silverheader a{
	background:#000; color:white; display:block; width:auto; padding:7px 0; padding-left:10px; text-decoration:none;
	font:bold 14px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color:white;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
	background-image:url(silvergradientover.gif); color:white; z-index:10;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	background:#000; padding:0;
	height:auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
.applemenu div.submenu ul { /*UL of each sub menu*/
	list-style-type:none; margin:0; padding:0; background:#000;
}
.applemenu div.submenu ul li { border-bottom:1px solid #141414; }

.applemenu div.submenu ul li a {
	display:block; font:normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:black;
	text-decoration:none; padding:5px 0; padding-left:30px; color:#c2c2c2; 
	background:url(../images/products/arrow.gif) 15px center no-repeat;
}
.applemenu div.submenu ul li a:hover { 
	background:#272727 url(../images/products/arrow.gif) 15px center no-repeat; color:#FFF;
}

.leftItemContainer { margin:10px 0; padding:0; width:210px; border:1px solid #1f1f1f; float:left; display:block; }

#loginContainer { margin:10px 0; padding:0 0 10px 0; width:210px; border:1px solid #1f1f1f; float:left; display:block; }
#loginContainer img { width:64px; padding:10px 5px; float:left; }
#loginContainer h4 { 
	width:190px; padding:5px 10px; margin:0; float:left; display:block; height:20px; font-size:14px; font-weight:bold;
	background:url(../images/products/login_header_background.gif) repeat-x;
}
.loginRow { width:190px; padding:5px 10px; margin:0 0 5px 0; float:left; display:block; }

.loginRow p { width:190px; padding:5px 0; margin:0; float:left; display:block; color:#959595; }
.loginRow input { 
	width:175px; padding:4px; margin:0; float:left; display:block; border:1px solid #323131; background:#252525;
	color:#CCC;
}

#rightContent { width:630px; height:auto; padding:0; margin:0; float:right; display:block; }
#productContentHeader { 
	width:600px; height:20px; padding:5px 15px; margin:0 0 5px 0; float:left; display:block; font-weight:bold; font-size:16px; 
	background:url(../images/products/product_content_header.gif) no-repeat; color:#00b0e2;
}
#breadcrumb { width:600px; padding:0 15px; margin:0; float:left; display:block; }
#breadcrumb li { 
	padding:0 0 0 7px; margin:0 10px 0 0; float:left; display:block; list-style:none; 
	background:url(../images/products/maintenance_icon.gif) left center no-repeat; 
}
#productContainer { width:630px; padding:10px 0; margin:0; float:left; display:block; }
.infoRow { width:630px; padding:10px 0; margin:0; float:left; display:block; }
.infoRow h5 { font-size:15px; color:#f26522; padding:5px; margin:5px 0; float:left; display:block; width:620px; }
.recommendConatiner { padding:0; margin:0 0 10px 0; float:left; display:block; width:630px; }
.recommendImage { width:94px; height:94px; padding:5px; margin:5px; float:left; display:block; background:#202020; }

.product { width:300px; height:135px; padding:0; margin:10px 7px; float:left; display:block; } 
.productImage { width:300px; height:100px; padding:0; margin:0; float:left; display:block; }
.productCategory { 
	width:260px; height:20px; padding:5px 5px 5px 35px; margin:1px 0 0 0; float:left; display:block;
	background:#1d1d1d url(../images/products/category_arrow.jpg) 10px 7px no-repeat; font-size:13px;
}

.itemContainer { width:140px; padding:0; margin:10px 5px; float:left; display:block; }
.itemImage { width:130px; height:130px; padding:4px; margin:0; float:left; display:block; border:1px solid #2c2c2c; }
.itemText { width:130px; height:85px; padding:5px; margin:0; float:left; display:block; background:#141414; }

.itemTitle { width:130px; height:40px; padding:0; margin:0; float:left; display:block; border-bottom:1px dotted #999; }
.itemPrice { width:130px; height:18px; padding:4px 0; margin:0; float:left; display:block; font-size:16px; font-weight:bold; color:#00b0e2; }
.itemOtherInfo { width:130px; height:20px; padding:0; margin:0; float:left; display:block; color:#F00; }
.oldPrice {  text-decoration:line-through; color:#FFF; }

#leftInfo { width:240px; padding:0; margin:0; float:left; display:block; }
#mainItemImage { width:230px; height:240px; padding:5px; margin:0 0 10px 0; float:left; display:block; background:#202020; }
#itemThumbs { width:240px; padding:0; margin:0; float:left; display:block; }
.thumbnails { width:48px; height:48px; padding:2px; margin:4px; float:left; display:block; background:#202020; }
.thumbnails a:hover { cursor:pointer; }

#productContainer #rightInfo { width:330px; padding:0; margin:0 10px 0 0; float:right; display:block; }
#rightInfo h1 { 
	width:330px; padding:5px 0; margin:0 0 10px 0; float:left; display:block; font-size:16px; font-weight:bold; color:#00b0e2;
	border-bottom:1px dotted #787878;
}
#rightInfo p { width:330px; padding:5px 0; margin:0 0 5px 0; float:left; display:block; }
.bluebox { 
	width:310px; padding:10px; margin:5px 0; float:left; display:block; color:#FFF;
	background:#00b0e2 url(../images/products/blue_paper_fold.jpg) top no-repeat; 
}

.bluebox h2 { width:310px; padding:0; margin:0 0 10px 0; float:left; display:block; font-size:13px; font-weight:bold; }
#blueboxContent { width:310px; padding:0; margin:0; float:left; display:block; }
.blueboxItem { width:130px; height:30px; padding:0; margin:2px 10px; float:left; display:block; }
.blueboxItem label { width:50px; height:20px; padding:0; margin:0; float:left; display:block; }
.blueboxItem select { width:80px; height:20px; padding:0; margin:0; float:left; display:block; }
.blueboxItem input { width:50px; padding:2px; margin:0 0 0 5px; float:left; display:block; }
.blueboxItem input.itemSubmit { 
	width:100px; height:25px; padding:0; margin:0; float:left; display:block; color:#FFF; font-size:12px;
	background:#010101 url(../images/products/item_submit.gif) top repeat-x; border:none;
}
.blueboxItem input.itemSubmit:hover { cursor:pointer; }
#extraInfo { width:330px; padding:0; margin:0; float:left; display:block; }
#leftExtraInfo { width:230px; padding:0; margin:0; float:left; display:block; color:#535252; }
#leftExtraInfo a { color:#FFF; }
.red { color:#F00; }
#rightExtraInfo { width:100px; padding:0; margin:0; float:right; display:block; text-align:right; }


#shoppingCartHeader { width:620px; padding:5px; margin:1px 0; float:left; display:block; background:#00b0e2; }
.shoppingCartRow { width:620px; padding:5px; margin:1px 0; float:left; display:block; background:#1e1e1e; }
.shoppingCartTotal { width:620px; padding:5px; margin:5px 0 10px; float:left; display:block; text-align:right; font-weight:bold; }

.cartItem { width:300px; padding:0 5px; margin:0; float:left; display:block; }
.cartElement { width:95px; height:20px; padding:0; margin:0; float:left; display:block; text-align:center; }
.shoppingCartRow input { 
	width:20px; height:12px; padding:1px; margin:0 35px; float:left; display:block; font-size:11px; text-align:center; 
}

.infoRow input { 
	width:230px; padding:4px; margin:0; float:left; display:block; border:1px solid #323131; background:#252525;
	color:#CCC;
}
.infoRow input.fieldsetButton {
    border:0; color:#4f4f4f; font-size:10px; font-weight:bold; height:24px; /* used to catch the buttonEnding */
    background:url(../images/products/submit_left_background.gif) left no-repeat; float:left; display:block;
	padding:0 2px 0 7px; margin:0 0 0 5px; width:auto;
}
.infoRow input.fieldsetButton:hover { cursor:pointer; }

.shoppingCartTotal input.fieldsetButton2 {
    border:0; color:#4f4f4f; font-size:10px; font-weight:bold; height:24px; /* used to catch the buttonEnding */
    background:url(../images/products/submit_right_background.gif) right no-repeat; float:right; display:block;
	padding:0 7px 0 2px; margin:0 5px 0 0; width:auto;
}
.shoppingCartTotal input.fieldsetButton2:hover { cursor:pointer; }

.checkoutForm { width:578px; padding:15px; margin:10px; float:left; display:block; border:1px solid #666; }
.checkoutForm legend { 
	padding:5px 15px; margin:0; float:left; display:block; background:#000; font-size:14px; font-weight:bold;
	color:#c2c2c2;
}

.fleidsetRow { width:570px; padding:5px 4px; margin:0 0 5px 0; float:left; display:block; }
.fleidsetColumn { width:269px; padding:5px 10px; margin:0 0 5px 0; float:left; display:block; }

.checkoutForm input.fieldsetButton {
    border:0; color:#4f4f4f; font-size:10px; font-weight:bold; height:24px; /* used to catch the buttonEnding */
    background:url(../images/products/submit_left_background.gif) left no-repeat; float:left; display:block;
	padding:0 2px 0 7px; margin:0 0 0 5px; width:auto;
}
.checkoutForm input.fieldsetButton:hover { cursor:pointer; }
.buttonEnding {
    display:block; float:left; width:5px; height:24px; padding:0; margin:0 5px 0 0;
    background:url(../images/products/submit_right_cap.gif) no-repeat;
}
.finalRow input.fieldsetButton2 {
    border:0; color:#4f4f4f; font-size:10px; font-weight:bold; height:24px; /* used to catch the buttonEnding */
    background:url(../images/products/submit_right_background.gif) right no-repeat; float:right; display:block;
	padding:0 7px 0 2px; margin:0 5px 0 0; width:auto;
}
.finalRow input.fieldsetButton2:hover { cursor:pointer; }
.buttonEnding2 {
    display:block; float:right; width:5px; height:24px; padding:0; margin:0 0 0 5px;
    background:url(../images/products/submit_left_cap.gif) no-repeat;
}
.loginRow input.fieldsetButton2 {
    border:0; color:#4f4f4f; font-size:10px; font-weight:bold; height:24px; /* used to catch the buttonEnding */
    background:url(../images/products/submit_right_background.gif) right no-repeat; float:right; display:block;
	padding:0 7px 0 2px; margin:0 5px 0 0; width:auto;
}
.loginRow input.fieldsetButton2:hover { cursor:pointer; }


#productContainer .fleidsetRow p { width:530px; padding:5px 0; margin:0; float:left; display:block; color:#959595; }
.fleidsetRow input { 
	width:230px; padding:4px; margin:0; float:left; display:block; border:1px solid #323131; background:#252525;
	color:#CCC;
}
.fleidsetRow textarea { 
	width:525px; padding:4px; margin:5px 0; float:left; display:block; border:1px solid #323131; background:#252525;
	color:#CCC; height:120px;
}
#productContainer .fleidsetColumn p { width:265px; padding:5px 0; margin:0; float:left; display:block; color:#959595; }
.fleidsetColumn input { 
	width:230px; padding:4px; margin:0; float:left; display:block; border:1px solid #323131; background:#252525;
	color:#CCC;
}

.checkoutForm input.checkbox { width:20px; padding:0; margin:7px 5px; float:left; display:block; background:none; }

.fleidsetColumn select { 
	width:240px; padding:3px; margin:0; float:left; display:block; border:1px solid #323131; background:#252525;
	color:#CCC;
}

.required { 
	width:570px; padding:0 4px; margin:0 0 10px 0; float:left; display:block; text-align:right; font-size:11px; color:#d7d7d7;
}
.finalRow { width:600px; padding:15px; margin:0; float:left; display:block; }
/* ======================================================== PRODUCT FINISH ======================================================== */

/* ======================================================== STATIC PAGES STARTS ======================================================== */
.blue { color:#00b0e2; }

#organisationContainer { width:630px; padding:0; margin:10px 0; float:left; display:block; }
.organisation { width:295px; height:80px; padding:5px; margin:5px; float:left; display:block; background:#252525 }

#savebearPhoto { width:600px; padding:10px; margin:15px 0 25px 0; float:left; display:block; background:#202020; }

.infoContainer { width:620px; padding:10px 0; margin:5px 5px 10px 5px; float:left; display:block; border-bottom:1px dotted #6e6e6e; }
.infoTitle { width:620px; padding:5px 0; margin:0 0 5px 0; float:left; color:#00b0e2; font-weight:bold; display:block; }
.infoTitle2 { color:#00b0e2; font-weight:bold; }
.infoTitle3 { color:#3366ff; font-weight:bold; }
.infoTitle4 { color:#00B0E2; font-weight:bold; font-size:16px; }
.infoContainer h1 { font-size:25px; padding:10px 0; margin:0 0 10px 0; display:block; }
.infoContainer p { padding:0; margin:0 0 10px 0; color:#c2c2c2; display:block; }
.infoContainer ul { padding:0 10px 10px 20px; margin:0; width:590px; float:left; display:block; }
.infoContainer ul li { width:580px; padding:4px 5px; margin:0; }
.infoContainer img { padding:0; margin:0 15px 15px 0; float:left; display:block; }

#testimonialContainer { width:620px; padding:0; margin:10px 0; float:left; display:block; font-size:12px; }

.bluebox2 { 
	width:590px; padding:15px; margin:10px 0; float:left; display:block; color:#FFF;
	background:#00b0e2 url(../images/products/blue_paper_fold.jpg) right top no-repeat; 
}
#testimonialContainer .bluebox2 p { width:590px; padding:5px 0; margin:0; float:left; display:block; color:#FFF; font-style:italic; }
#testimonialContainer .testimonialFrom { width:590px; padding:5px 0; margin:0; float:left; display:block; color:#FFF; font-weight:bold; }

#contactInfo { 
	width:620px; padding:0; margin:10px 5px; float:left; display:block; 
	background:url(../images/contact_side_image.jpg) right no-repeat; 
}
.blueboxContent { width:145px; padding:0; margin:5px; float:left; display:block; }
.blueboxContent b { color:#d1f5ff; }
.blueboxContent p { width:145px; padding:0 0 2px 0; margin:0; float:left; display:block; }
.blueboxContent a { color:#FFF; }

.fieldsetContent { width:180px; padding:0; margin:5px; float:left; display:block; }
#productContainer .fieldsetContent p { width:180px; padding:0 0 5px 0; margin:0; float:left; display:block; color:#FFF; }

#shippingHeader { width:570px; padding:5px; margin:1px 0; float:left; display:block; background:#00b0e2; color:#FFF; font-weight:bold; }
#shippingRow { width:570px; padding:5px; margin:1px 0; float:left; display:block; background:#1e1e1e; color:#FFF; }
.cartType { width:160px; padding:0 5px; margin:0; float:left; display:block; }
.check { width:30px; padding:0 5px; margin:0; float:left; display:block; }

#productContainer .infoContainer p.regButton { border:0; color:#4f4f4f; font-size:10px; font-weight:bold; height:24px; /* used to catch the buttonEnding */
    background:url(../images/products/submit_left_background.gif) right no-repeat; float:left; display:block; overflow:hidden;
	padding:0 3px; margin:0 5px 10px 0; width:auto;
 }

.regButton a { font-size:12px; font-weight:bold; color:#4F4F4F; padding:3px 5px; margin:0; display:block; line-height:18px; }

.regButton a:hover { text-decoration:none; }

#productContainer .infoContainer div.buttonEnding { display:none; }
/* ======================================================== STATIC PAGES FINISH ======================================================== */