/* Cartridge Bay Template */

/* ##### GENERAL ##### */
html.body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #555;
	margin-top: 0;
	background-color: #CCC;
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #555;
	margin-top: 0;
	background-color: #CCC;
	line-height: 1.5em;
	}

/*  Global Formatting */
h1 {color:#6E7A3A; font-size:36px; line-height: 1em; font-weight: 100;}
h2 {color:#333333; font-size:24px; line-height: 1em;font-weight: 100;}
h3 {color:#333333; font-size:18px; line-height: 1em; font-weight: 500; background:#CBD3A8 url(../images/bg_h3.png) no-repeat top right; padding:10px; text-transform:uppercase;}
h4 {color:#333333; font-size:16px; line-height: 1.8em; font-weight: 100;}
h5 {color:#333333; font-size:14px; line-height: 1.2em; font-weight: bold; margin-top:5px;}
h6 {color:#333333; font-size:14px; line-height: 1.8em; font-weight: 100;}
td{}
th{}
table { border-collapse: collapse; border-spacing: 0;}
a {color: #000; text-decoration: none; padding-left: 0px; text-indent: 0px;}
a:hover {color: #428801;}
a:visited {}
a.image, a.image:hover  {border:0;}

a.pdf {padding-left:30px; padding-bottom:7px; background:url(../images/pdf.png) no-repeat top left;}

img { border: 0 none;}

hr {}

p{margin-top:20px; margin-bottom:20px;}

blockquote{
	font-size:15px;
	margin:50px 0 0 -30px;
	padding:20px 20px 20px 70px;
	background:transparent url(../images/frog.png) no-repeat top left;
	height:100px;
}

/* Clears Divs */
.clr{clear: both; display:block;}

/* Hidden Elements */
.hidden{visibility:hidden; display:none;}

/* ##### END GENERAL ##### */

/* ##### LAYOUT ##### */
#container {
	width:870px;
	margin:30px auto;
	padding:245px 45px 0 45px;
	background:#fff url(../images/CartridgeBay.jpg) no-repeat top center;
}

#container2 {
	width:870px;
	margin:30px auto;
	padding:245px 45px 0 45px;
	overflow:visible;
	background:#fff url(../images/CartridgeBay2.jpg) no-repeat top center;
}

#container3 {
	width:870px;
	margin:30px auto;
	padding:245px 45px 0 45px;
	overflow:visible;
	background:#fff url(../images/CartridgeBay3.jpg) no-repeat top center;
}

#container4 {
	width:870px;
	margin:30px auto;
	padding:245px 45px 0 45px;
	overflow:visible;
	background:#fff url(../images/CartridgeBay4.jpg) no-repeat top center;
}

#menu{
	width:870px;
	font-size: 12px;
	height:36px;
	padding:0;
}

#mainbody{}

#left{float:left; width:370px; margin-top:20px;}
#left2{float:left; width:750px; margin-top:20px;}
#left3{float:left; width:500px; margin-top:20px;}

#right{
	float:right;
	width:470px;
	margin-top:100px;
}
#right2{float:right; width:500px; margin-top:84px;}
#right3{float:right; width:320px; margin-top:100px; position:relative; }

#footer{display:block; width:870px; clear:both;}

/* ##### END LAYOUT ##### */

/* ##### NAVIGATION ##### */

/* main menu */
* html #menu {height:33px;}

#menu p {
	padding:5px;
	display:inline;
}

#menu ul.menu{
	width:870px;
	display:inline-block; 
	float:left;
	padding-left:0;
	margin-left:0;
	text-indent:0;
}

#menu ul.menu li{
	margin:0;
	height:33px;
	display:inline;
}

#menu ul.menu li a{
	padding:0 15px 0 15px;
	background:url(../images/bullet-up.png) no-repeat 0 3px;
	color:#999;
}

#menu ul.menu li a:hover, #menu ul.menu li a:active, #menu ul.menu li a:focus{
	color:#fff;
	background:url(../images/bullet-ovr.png) no-repeat 0 3px;
	outline:none;
}

#menu ul.menu li#current.active a{
	color:#fff;
	background:url(../images/bullet-ovr.png) no-repeat 0 3px;
}

/* sub menu */
#sub-menu ul.menu {
	width:300px;
	display:block; 
	padding:0;
	margin:15px 0 -15px;
	text-indent:0;
}

#sub-menu ul.menu li {
	margin:0;
	height:33px;
	display:inline;
}

#sub-menu ul.menu li.shop { 
	background:url(../images/bg_online-shop.png) no-repeat scroll 100% 0 #FFFFFF; 
	width:170px;
	display:block;
}

#sub-menu ul.menu li.shop a { 
	display:block; 
	width:170px; 
} 

#sub-menu ul.menu li a {
	padding:0 15px 0 15px;
	background:url(../images/bullet-sub.png) no-repeat 0 4px transparent;
	color:#e36f38;
}

#sub-menu ul.menu li a:hover, 
#sub-menu ul.menu li a:active, 
#sub-menu ul.menu li a:focus {
	text-decoration:underline;
	outline:none;
}

#sub-menu ul.menu li#current.active a {
	color:#fff;
	background:url(../images/bullet-ovr.png) no-repeat 0 3px;
}
/* ##### END NAVIGATION ##### */

/* ##### FOOTER ##### */
* html #footer {height:33px;}

#footer img{margin-right:5px;}

#footer ul.footer{
	width:870px;
	display:inline-block; 
	float:left;
	font-size:14px;
	color:#999966;
	padding-left:0;
	margin-left:0;
	text-indent:0;
}

#footer ul.footer li{
	margin:0 15px 0 0;
	height:33px;
	display:inline;
}
/* ##### END FOOTER ##### */

/* ##### PAGE STYLING ##### */
#mainbody ul{margin-left:0; padding-left:0; list-style:none;}

/* ##### END PAGE STYLING ##### */