/* Start of global page classes */
* {
    margin:0px;
    padding:0px;
}
html {
	height:100%;
}
body {
	behavior:url("/includes/csshover.htc");
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	height:100%;
	background-color: #FFF;
}
textarea {
	font-size:1.1em;
	background-color:#FFF;
}
a:link {
color:#039;
text-decoration:underline;
}
a:visited {
color:#039;
text-decoration:underline;
}
a:hover, a:active {
color:#000;
text-decoration:underline;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1.7em;
	margin-bottom:15px;
}
h2,.heading {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1.4em;
	margin-bottom:15px;
	font-weight:bold;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:1.1em;
	font-weight:bold;
	padding-left:1px;
	margin-bottom:5px;
}
p {
	margin-bottom:13px;
}
.dotted1 {
	background:url(/images/dotted-bg-1.gif) repeat-x 0px 10px;
	position:relative;
	margin:20px 0px;
	padding:0px;
	height:20px;
	clear:both;
}

.dotted2 {
	background:url(/images/dotted-bg-1.gif) repeat-x 0px 3px;
	position:relative;
	margin:5px 0px;
	padding:0px;
	height:5px;
	clear:both;
}



/* End of global page classes */



/* This is the pages "white" area that is centered in the middle of the page. */
#outer {
	background-color: #FFF;
	margin:auto;
	position:relative;
	font-size:1.1em;
	width:750px;
}



/* This is the area that appears between the top navigation and footer. */
#maincontent {
	padding:25px 0px 20px 0px;
	float:none;
}



/* These are the banner classes */
#banner {
	width:100%;
	height:82px;
	position:relative;
	background: url(/images/bnr-bg.gif) no-repeat top right;
	padding-top:0px;
	top:15px;
	margin:0px 0px 24px 0px;
}
.bnrlogo {
	position:absolute;
	top:8px;
	left:11px;
	border:0px;
}
.bnrlogo img {
border:0px;
}
.bnrbyline {
	width:431px;
	height:36px;
	position:absolute;
	right:11px;
	top:8px;
	text-align:right;
	background:url(/images/bnr-logo-right.gif) no-repeat top right;
}
/* End of banner classes */


/* Navigation bar classes */
#navbar {
	position:absolute;
	width:100%;
	height:31px;
	color:#FFF;										/* mod text colour */
	font-size:0.9em;
	top:65px;
	left:0px;
	display:inline;
}


**********************************************
New dropdown menu system
**********************************************/

#menuList {
	list-style:none;
	margin:0px;
	padding:0px;
}

#mainMenu {
	position:relative;
	background: #CCC;
}

#menuList ul {
	z-index:100;
	margin: 0px;
	padding: 0px;
}


#menuList li {
	z-index:100;
	display:inline;
	list-style: none;
	margin: 0px;
	padding: 0px;

	/* The following styles are to counteract the global styling for li */
	background:none;	
	position:static;		
}

/* These are the default states of the elements in the main top level menu. */
a.starter, a.starter:link, a.starter:visited {
	z-index:100;
	padding:4px 15px 5px 10px; /*Padding of the individual nav items*/
	color:#666;
	text-decoration:none;
	line-height:21px;  /*Important - I.E. needs this for the nav items to look right. Stoopid bug. */
}

/* These are the mouse-over states of the elements in the main top level menu. */
a.starter:hover, a.starter:active, a.starter:focus {
	color:#000;
	text-decoration:none;
}


/* These are the drop down menus (<ul> elements) */
.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 150px;
}
.menu li {
	width:100%;
}

/* These are the default state of the elements (rows) in the drop down menus. */
.menu li a, .menu li a:link, .menu li a:visited { 
	background: #F2F7F8;
	border-bottom:1px solid #DEE8F2;
	border-left:1px solid #F2F7F8;
	border-right:1px solid #F2F7F8;	
	z-index:100;
	color: #333;
	display: block;
	width:100%;
	font-size: 1em;
	margin: 0px;
	text-decoration: none;
	padding: 6px 10px;
}

/* These are the mouse-over states of the elements (rows) in the drop down menus */
.menu li a:hover, .menu li a:active, .menu li a:focus {
	background-color: #FFF;
	color: #000;
}


.mainad {
	width:750px;
	display:block;
	background-color:#FFF;
	margin-top:20px;
	position:relative;
}





/* Footer classes */
#footer {
	width:100%;
	height:23px;
	color:#666;
	background-color:#DDD;
	border-bottom:3px solid #666;
	font-size:0.8em;
	position:relative;
	clear:both;
	margin-top:20px;
}
#footer ul {

	/* these cancel our the stryling of the ul element. */
	margin:0px 0px 0px 4px;
	
	list-style:none;
	margin-left:11px;
	padding:0px;
}
#footer li {
	
	/* these cancel our the stryling of the ul li element. */
	position:relative;
	background:none;
	margin-top:0px;
	padding-left:0px;
	z-index:0;	
	
	display:inline;
	position:relative;
	top:5px;
}
#footer a:link, #footer a:visited {
	padding:4px 10px 7px 10px;
	color:#555;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration:underline;
}
.copyrightnotice {
	position:absolute;
	right:10px;
	top:5px;
}
#footer span a:link, #footer span a:visited { /* Links inside the copyright notice span */
	padding:0px;
	margin:0px;
}
/* end of footer classes */




/* Misc classes */
.leftsection {
	width:24%;
	float:left;
	background:url(/images/dotted-bg-2.gif) repeat-y 0px 0px;
	padding:0px 0px 0px 20px;
}

.rightsection {
	width:70%;
	float:left;
	padding-right:20px;
}
.bottomsection {
	clear:both;
}

.newsitem {
	margin-bottom:20px;
}
.newssummaryitem {
	margin-bottom:0px;
}

.newssummaryitem img {
	border:0px;
	border-left:4px solid #CC0000;
	float:left;
	margin:0px 10px 5px 0px;
}

.productitem {
	margin-bottom:0px;
}

.productitem img {
	border:1px solid #999;
	float:left;
	margin:0px 20px 5px 0px;
}


.margins1b {
	margin-bottom:20px;
}
.margins1t {
	margin-top:20px;
}


/* Standard bulleted lists */
.list1 {
	margin:0px 0px 30px 40px;
	padding:0px;
	list-style-type:none;
}
.list1 li {
	position:relative;
	background:url(/images/bullet1.gif) no-repeat 0px 4px;
	margin-top:10px;
	padding-left:13px;
	z-index:1;
}
.list2 {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.list2 li {
	position:relative;
	margin-top:10px;
	padding-left:20px;
	z-index:1;
}
.list2 li.phone {
	background:url(/images/icon-phone.gif) no-repeat 0px 2px;
}
.list2 li.calendar {
	background:url(/images/icon-calendar.gif) no-repeat 2px 0px;
}
.list2 li.envelope {
	background:url(/images/icon-envelope.gif) no-repeat 2px 3px;
}
.list2 li.arrow {
	background:url(/images/icon-arrow.gif) no-repeat 2px 1px;
}

.bullet1 {
	position:relative;
	background:url(/images/bullet2.gif) no-repeat 0px 4px;
	margin-top:10px;
	padding-left:9px;
}

/* These styles are visible in the WYSIWYG editor */

/* These are styles for the CMS layouts which are specific for this template. */
/* Layout 2 */
.layout2 {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:top;
}
.layout2section1 {
	width:70%;
	float:left;
	padding-right:20px;
	vertical-align:top;
}
.layout2section2 {
	width:24%;
	float:left;
	background:url(/images/dotted-bg-2.gif) repeat-y 0px 0px;
	padding:0px 0px 0px 20px;
	vertical-align:top;
}
.layout2section3 {
}
.layout2section4 {
}
hr {
height:1px;
background-color:#CFCFCF;
color:#CFCFCF;
border:none;
}

ul {
margin:0px 0px 30px 0px;padding:0px;list-style-type:none;
}
li {
position:relative; background:url(/images/bullet1.gif) no-repeat 0px 4px;margin-top:10px;padding-left:13px;z-index:1;
}


.cartviewheadings {
color:#FFF;
font-size:1em;
background-color:#394B68;
}
.cartproductname {
font-weight:bold;
}
#carttable {
	border:1px solid #394B68;
	margin:0px 0px 20px 0px;
}
.btn1 {
background:url(/images/btn1.gif) no-repeat 0 0;
width:188px;
height:41px;
display:block;
}

a.btn1:hover,a.btn5:hover {
background-position:0 -41px;
}

.btn2 {
background:url(/images/btn2.gif) no-repeat 0px 0px;
width:102px;
height:24px;
display:block;
text-decoration:none;
font-weight:bold;
color:#333;
line-height:22px;
text-align:center;
}

.btn3 {
background:url(/images/btn3.gif) no-repeat 0px 0px;
width:134px;
height:24px;
display:block;
text-decoration:none;
font-weight:bold;
color:#333;
line-height:22px;
text-align:center;
}
.btn4 {
background:url(/images/btn4.gif) no-repeat 0px 0px;
width:185px;
height:24px;
display:block;
text-decoration:none;
font-weight:bold;
color:#333;
line-height:22px;
text-align:center;
}

.btn5 {
background:url(/images/btn5.gif) no-repeat 0 0;
width:320px;
height:41px;
display:block;
}


a.btn2:link,a.btn2:visited,a.btn3:link,a.btn3:visited,a.btn4:link,a.btn4:visited {
text-decoration:none;
color:#333;
}

a.btn2:hover,a.btn3:hover,a.btn4:hover {
background-position:0 -24px;
text-decoration:none;
color:#333;
}

.disabled {
background-position:0 -48px;
color:#999;
}
.productimage {
	position:relative;
	float:left;
	display:inline;
	margin:20px 30px 20px 0px;
}
.productdescription {
	position:relative;
	float:left;
	display:inline;
	width:500px;
	margin:20px 0px;
}
.productimage img {
	border:0px;
}



.btn02, a.btn02:link, a.btn02:visited, a.btn02:active {
	width:102px;
	height:24px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-align:center;
	background:url('/images/btn2.gif') no-repeat 0 0;
	border:0px;
}
a.btn02:link, a.btn02:visited, a.btn02:active {
	line-height:22px;
}
.btn02:hover, a.btn02:hover {
	cursor:pointer;
	background-position:0 -24px;	
	height:24px;
}

.btn03, a.btn03:link, a.btn03:visited, a.btn03:active {
	width:134px;
	height:24px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-align:center;
	background:url('/images/btn3.gif') no-repeat 0 0;
	border:0px;
}
a.btn03:link, a.btn03:visited, a.btn03:active {
	line-height:22px;
}
.btn03:hover, a.btn03:hover {
	cursor:pointer;
	background-position:0 -24px;	
	height:24px;
}

.btn04, a.btn04:link, a.btn04:visited, a.btn04:active {
	width:185px;
	height:24px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	text-align:center;
	background:url('/images/btn4.gif') no-repeat 0 0;
	border:0px;
}
a.btn04:link, a.btn04:visited, a.btn04:active {
	line-height:22px;
}
.btn04:hover, a.btn04:hover {
	cursor:pointer;
	background-position:0 -24px;	
	height:24px;
}
table.tablecart {
	border:1px solid #CCC;
	margin-bottom:20px;
}
.tablecart th {
	background-color:#003366;
	color:#FFF;
	font-weight:bold;
	text-align:right;
	padding:3px 5px 3px 10px;	
}
.tablecart th.productname, .tablecart td.productname {
	text-align:left;
	padding:3px 5px 3px 10px;
}
.tablecart td {
	text-align:right;
	padding:3px 5px 3px 10px;	
}
.tablecart input {
	text-align:right;
}


table.tabledownload {
	border:1px solid #CCC;
	margin:auto;
	margin-bottom:40px;
	margin-top:40px;
	border-collapse:collapse;

}
.tabledownload th {
	background-color:#003366;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:3px 5px 3px 10px;	
	padding:5px;
}
.tabledownload th.productname, .tabledownload td.productname {
	text-align:left;
	padding:3px 10px 3px 10px;
	font-weight:bold;
}
.tabledownload td {
	text-align:left;
	padding:3px 5px 3px 10px;	
}


.btnleft {
	float:left;
}
.btnright {
	float:right;
	margin-left:10px;
}
.cartsummary {
	background:url(/images/icon-cart.gif) no-repeat 10px 11px;
	height:22px;
	border:1px solid #CCC;
	padding:16px 10px 10px 40px;
	position:relative;
}
#btncheckout {
	position:absolute;
	top:12px;
	right:20px;
}
#btnviewcart {
	position:absolute;
	top:12px;
	right:140px;
}
.messageok {
	background:url(/images/icon-check.gif) no-repeat 0 0;
	height:30px;
	padding:16px 10px 10px 60px;
	position:relative;
	font-size:1.2em;
	font-weight:bold;
	color:#009900;
	margin-bottom:10px;
}
.messageforbidden {
	background:url(/images/icon-forbidden.gif) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	height:30px;
	padding:16px 10px 10px 60px;
	position:relative;
	font-size:1.7em;
	font-weight:bold;
	color:red;
	margin-bottom:10px;
}
.checkoutoption {
	padding:10px 10px 10px 0px;
	clear:both;
}
.checkoutoption img {
	float:left;
	padding:0px 15px 25px 0px;
	border:0px;
}
#buttonpack1bigbuynow, #buttonpack2bigbuynow, #buttonpack3bigbuynow, #buttonpack4bigbuynow, #megapack1bigbuynow {
	position:absolute;
	width:318px;
	height:41px;
	top:100px;
	right:17px;
	z-index:20;
	background:url("/images/main_ad_button.jpg") no-repeat 0 0;
}
#buttonpack2bigbuynow {
	background:url("/images/main_ad_cube_button.jpg") no-repeat 0 0;
}