@charset "UTF-8";
@import "reset.css";
@import "lightbox.css";
@import "menu.css";


/* Fonts */
/*
@font-face {
	font-family: LeagueGothic;
	src: url('../fonts/LeagueGothic.otf') format('opentype');
}*/

/* !Standard for page entities */

h1 { 
	color: #222222;
	font-weight: bold;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	margin-bottom: 5px;
}

	body.homepage h1 {
		color: #3db7eb !important;
		font-weight: bold;
	}
	
	h1 .dianna_linkedin {
		display: inline;
		vertical-align: middle;
	}

h2 { 
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;	
	margin: 0 0 20px 0;

	/* Will be reset where relevant */
	color: #ffffff;
}

h3 {

}

.stdcopy { 
	color: #555555;
	font-family: "Century Gothic", "Myriad Pro", Arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
}

	.stdcopy strong {
		font-size: 12.5px;
	}

.smlcopy {
	font-size: 10px;
	line-height: 14px;	
}

.bright {
	color: #009de0;
}

a {
	color: #009de0;
	text-decoration: none;
}

a:hover, a.current {
	color: #009de0;
	text-decoration: underline;
}

a:hover img    {
    filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

/* Standard lists */

div#mainbar ul {
	padding-left: 40px;
}

	div#mainbar ul li {
		list-style-image: url('../images/icon_includes_list_style.gif');
		list-style-position: outside;
		margin-bottom: 5px;
	}

div#mainbar ol {
	list-style: outside decimal;
	padding-left: 40px;
}

	div#mainbar ol li {
		margin-bottom: 5px;
	}

/* * * * !Standard Forms * * * */

input.std_text, input[type=text], input[type=password] {
	width: 250px;
	height: 12px;
	padding: 9px 5px;
	margin: 0 0 3px 0;

	background: url('../images/input_text_bg.gif');
	border: 0;
	
	font-size: 12px;
	line-height: 12px; /* sort out vertical align which doesn't work in forms cross-browser */	
}

input.std_text_sml {
	width: 120px;
	height: 12px;
	padding: 9px 5px;
	margin: 0 0 3px 0;

	background: url('../images/input_text_sml_bg.gif');
	border: 0;
	
	font-size: 12px;
	line-height: 12px; /* sort out vertical align which doesn't work in forms cross-browser */	
}

input.std_text_xsml {
	width: 55px;
	height: 12px;
	padding: 9px 5px;
	margin: 0 0 3px 0;

	background: url('../images/input_text_xsml_bg.gif');
	border: 0;
	
	font-size: 12px;
	line-height: 12px; /* sort out vertical align which doesn't work in forms cross-browser */	
}

textarea.std_textarea, textarea {
	width: 250px;
	height: 90px;
	padding: 5px;
	margin: 0 0 3px 0;

	background: url('../images/input_textarea_bg.gif');
	border: 0;
	
	font-family: "Century Gothic", "Myriad Pro", Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
}


input.std_button, input[type=button], input[type=submit] {
	width: 95px;
	height: 39px;
	background: url('../images/input_btn_bg.png');
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 39px;
	vertical-align: middle;
	padding: 0;
	border: 0px;
}

.form_error {
	color: #ff0000;
}


/* !Forms */

/*

input {
	vertical-align: middle;
}

.stdform, input[type=text], input[type=password], textarea { 
	padding: 5px;
	border: solid 1px #bee5f5;
	width: 200px;
	background: #ffffff;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
}

.stdform:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { 
	background: #eeeeee;
	border: solid 1px #08aef1;
}

textarea.stdform {
	width: 400px;
	height: 60px;
}

input[type=checkbox], input[type=file] { 
	border: 0;
}
*/


/* Structure for page layout */

html,body {
	background: #ffffff;
}

body {
	text-align: center;
}

div#mainwrap {
	width: 965px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

	/* !HEADER SECTION */

	div#header {
		width: 965px;
		height: 218px;
		position: relative;
	}

		img#logo {
			width: 316px;
			height: 218px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
	
		img#commerce_icons {
			float: right;
/* 			width: 350px; */
			width: 438px;
			height: 88px;
		}
		
		div#content_menu {
			width: 638px;
			height: 34px;
			float: right;
		}
		
			div#content_menu ul {
				text-align: right;
			}
			
			div#content_menu li {
				display: inline;
			}
		
			div#content_menu a {
				line-height: 34px;
				vertical-align: middle;
				padding: 0 15px;
				font-weight: bold;
				color: #4bc6fb;
			}
			
				div#content_menu a:hover, div#content_menu a.current {
					color: #2495c4;
					text-decoration: underline;
				}
		
		div#menu {
			width: 638px;
			height: 41px;
			float: right;
			margin-top: 16px;
			background: #ffffff url('../images/menu_bg.gif') no-repeat;	
			padding: 1px 0px;	
			
			overflow: hidden;
		}
		
			div#menu ul {
				
			margin: 0;
			padding: 0;
			list-style: none;
			
			/* Center menu */
			position: relative;
			float: left;
			left: 50%;
			}
			
			div#menu li {
				display: block;
				float: left;
				position: relative;
				height: 39px;
				line-height: 39px;
				vertical-align: middle;
				
				/* Center menu */
				float: left;
				right: 50%;
			}
		
			div#menu a {
				padding: 0 15px;
				margin: 0;
				display: block;
				line-height: 39px;
				vertical-align: middle;

				color: #4bc6fb;
				font-weight: bold;
				text-decoration: none;
			}
			
			div#menu a:hover {
				color: #2495c4;
			}
			
			div#menu a.current {
				background: #ffffff;
			}
				div#menu a.current:hover {
					color: #4bc6fb;
				}


	/* !MAIN CONTENT SECTION */
		
	div#content {

	}
	
		div#sidebar {
			width: 310px;
			float: left;
			margin-right: 20px;
		}
	
		div#mainbar {
			width: 635px;
			float: left;
		}
		
			div#mainbar div#copy {	
				padding: 15px 20px 50px 20px;
				margin-bottom: 15px;
				background: #f0f0f0 url('../images/copy_bg.gif') repeat-y;
				position: relative;
			}
			
			body.homepage div#mainbar div#copy {
				padding: 15px 20px;
			}
			
			div#mainbar div#copy div#subtitle {
				color: #555555;
				font-size: 14px;
				line-height: 20px;
				text-align: left;
				margin: 0px;
				font-weight: normal;
				display: inline;
			}
			
			div#mainbar div#copy h2 {
				color: #333333;
				font-size: 16px;
				line-height: 20px;
				height: 20px;
				text-align: left;
				margin: 0 0 5px 0;
				font-weight: normal;
			}

			/* Used for rounded corners */
			div#mainbar div#copy div.top {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 635px;
				height: 13px;
				background: url('../images/copy_top_bg.gif') no-repeat top left;
			}
			
			div#mainbar div#copy div.bottom {
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 635px;
				height: 13px;
				background: url('../images/copy_bottom_bg.gif') no-repeat top left;
			}
			
	/* !FOOTER */
	
	div#footer {
		background: #eeeeee;
		padding: 20px 4px;
		margin-top: 15px;
		text-align: center;
		font-size: 11px;
	}
	
		div#footer div#footer_content {
			width: 965px;
			margin: 0 auto;
			text-align: left;
		}

		div#footer ul.footer_menu {
			width: 170px;
			float: left;
			margin-right: 22px;
			list-style: none;
		}
			div#footer ul.footer_menu li {
				border-bottom: solid 1px #dadada;
				padding: 3px 0;
				vertical-align: middle;
				padding-left: 25px;
			}
			div#footer ul.footer_menu li.parent {
				padding-left: 13px;
			}
		
			div#footer ul.footer_menu a {
				color: #888888;
				/* line-height: 28px; */
				line-height: 14px;
				vertical-align: middle;
				
			}
				div#footer ul.footer_menu a:hover, div#footer ul.footer_menu a.current {
					color: #555555;
					text-decoration: none;
				}
			
				div#footer ul.footer_menu a.parent {
					font-weight: bold;
				}
				
				div#footer ul.footer_menu a.sub_parent {
					font-weight: normal;
				}
				
		div#copyright {
			float: right;
			width: 700px;
			margin: 40px 20px 0 20px;
			font-size: 10px;
		}
		
		div#credits {
			float: right;
			text-align: right;
			margin: 40px 20px 0 20px;
			font-size: 11px;
		}
		
		div#gst_note {
			margin-top: 20px;
			float: right; 
			color: #000000; 
			text-align: right;
		}

/* * * * !HOMEPAGE * * * */

	div#homepage_slideshow {
		width: 637px;
		height: 374px;
		margin: 0 0 20px 0;
		background: url('../images/homepage_slideshow_bg.gif') no-repeat;
	}
	
	div#homepage_slides {
		width: 639px;
		height: 404px;
		position: absolute;
		top: 199px;
		left: 329px;
	}
	
	div#homepage_slides_nav {
		position: absolute;
		top: 568px;
		right: 10px;
		z-index: 999;
	}
	
		div#homepage_slides_nav a { 
			width: 13px; 
			height: 13px;
			margin-right: 5px; 
			display: block;
			float: left;
			background: url('../images/slideshow_circle_white.png'); 
		}
		div#homepage_slides_nav a.activeSlide { 
			background: url('../images/slideshow_circle_grey.png');
		}

/* * * * !PRODUCT PAGE * * * */

	div#mainbar div#product_copy {	
		padding: 15px 20px;
		margin-bottom: 15px;
		background: #f0f0f0 url('../images/copy_bg.gif') repeat-y;
		position: relative;
	}
	
		/* Skill Set specific backgrounds */
		
		div#mainbar.skill_set_1 div#product_copy {
			background: #e9f2f6 url('../images/product_copy_bg_skill_set_1.gif') repeat-y;	
		}
		div#mainbar.skill_set_2 div#product_copy {
			background: #f9e8e7 url('../images/product_copy_bg_skill_set_2.gif') repeat-y;	
		}
		div#mainbar.skill_set_3 div#product_copy {
			background: #e6fae9 url('../images/product_copy_bg_skill_set_3.gif') repeat-y;
		}

	
		div#mainbar div#product_copy h1 {
			height: 40px;
			line-height: 40px;
			font-size: 22px;
			font-weight: normal;
			text-align: center;
			margin: 0 0 10px 0;

			background: url('../images/h1_product_bg.gif') no-repeat;
			color: #ffffff;

			/* -moz-border-radius: 13px;
			border-radius: 13px; */
		}

		/* Skill Set specific backgrounds */
		
		div#mainbar.skill_set_1 div#product_copy h1 {
			background: #e9f2f6 url('../images/h1_product_bg_skill_set_1.gif') repeat-y;	
		}
		div#mainbar.skill_set_2 div#product_copy h1 {
			background: #f9e8e7 url('../images/h1_product_bg_skill_set_2.gif') repeat-y;	
		}
		div#mainbar.skill_set_3 div#product_copy h1 {
			background: #e6fae9 url('../images/h1_product_bg_skill_set_3.gif') repeat-y;
		}


		div#mainbar div#product_copy h2 {
			color: #333333;
			font-size: 16px;
			line-height: 20px;
			height: 20px;
			text-align: left;
			margin: 0 0 5px 0;
			font-weight: normal;
		}

		/* Used for rounded corners */
		div#mainbar div#product_copy div.top {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 635px;
			height: 13px;
			background: url('../images/copy_top_bg.gif') no-repeat top left;
		}
		
		div#mainbar div#product_copy div.bottom {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 635px;
			height: 13px;
			background: url('../images/copy_bottom_bg.gif') no-repeat top left;
		}

		/* Skill Set specific TOP backgrounds */
		
		div#mainbar.skill_set_1 div#product_copy div.top {
			background: #e9f2f6 url('../images/product_copy_top_bg_skill_set_1.gif') repeat-y;	
		}
		div#mainbar.skill_set_2 div#product_copy div.top {
			background: #f9e8e7 url('../images/product_copy_top_bg_skill_set_2.gif') repeat-y;	
		}
		div#mainbar.skill_set_3 div#product_copy div.top {
			background: #e6fae9 url('../images/product_copy_top_bg_skill_set_3.gif') repeat-y;
		}

		/* Skill Set specific BOTTOM backgrounds */
		
		div#mainbar.skill_set_1 div#product_copy div.bottom {
			background: #e9f2f6 url('../images/product_copy_bottom_bg_skill_set_1.gif') repeat-y;	
		}
		div#mainbar.skill_set_2 div#product_copy div.bottom {
			background: #f9e8e7 url('../images/product_copy_bottom_bg_skill_set_2.gif') repeat-y;	
		}
		div#mainbar.skill_set_3 div#product_copy div.bottom {
			background: #e6fae9 url('../images/product_copy_bottom_bg_skill_set_3.gif') repeat-y;
		}

		/* Skill Set specific */
		
		div#mainbar.skill_set_1 div#product_copy a {
			color: #009DE0;
		}
		div#mainbar.skill_set_2 div#product_copy a {
			color: #d92a24;
		}
		div#mainbar.skill_set_3 div#product_copy a {
			color: #2da33e;
		}
		
		div#mainbar div#product_copy div#breadcrumb {
			color: #666666;
			margin: 0 0 10px 0;
		}
		
		div#mainbar div#product_copy div#description {
			margin-bottom: 30px;
		}


/* * * * !CART ELEMENTS * * * */

div#product_right {
	width: 300px;
	float: right;
}

	div#product_video {
		margin-bottom: 20px;
	}
	
	div#product_share {
		text-align: right;
		margin-bottom: 20px;
	}
	
		div#product_share .addthis_button_compact {
			margin-right: 44px !important;
		}

	div#product_includes {
		margin-bottom: 20px;
	}
	
		div#product_includes strong {
			color: #000000;
		}
		
		div#product_includes ul {
			padding: 5px 15px !important;
		}
		
		div#product_includes ul li {
			list-style-image: url('../images/icon_includes_list_style.gif');
			list-style-position: outside;
		}

	div#product_downloads {
		margin-bottom: 10px;
		border-top: solid 1px #d1d6d8;
		font-weight: bold;
	}
		div#product_downloads a:hover {
			filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
			text-decoration: none;
		}
	
		div#product_downloads img.icon {
			width: 25px;
			height: 26px;
			float: left;
			margin: 5px 10px 0 1px;
		}
	
		div#product_downloads div.download {
			height: 36px;
			line-height: 36px;
			vertical-align: middle;
			border-bottom: solid 1px #d1d6d8;
			clear: left;
		}
		
div#product_left {
	width: 270px;
	float: left;	
}

	img#product_image {
		width: 270px;
		height: 400px;
	}

	div#price {
		width: 56px;
		height: 46px;
		padding: 12px;
		margin-right: 5px;
		float: left;
		
		background: #ffffff;
		color: #e0001c;
		font-weight: bold;
		font-size: 14px;
		line-height: 14px;
		text-align: center;
	}

	div#quantity_input {
		width: 79px;
		height: 32px;
		margin: 0 5px 6px 0;
		float: left;
		
		color: #000000;
		line-height: 32px;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
	}

		div#quantity_input input#quantity {
			width: 30px;
			height: 30px;
			line-height: 32px;
			text-align: center;
			padding: 0px;
			margin-left: 3px;
			background: #ffffff;
		}

	#add_to_cart {
		width: 101px;
		height: 32px;
		padding: 0px;
		background: transparent url('../images/btn_add_to_cart_bg.gif') no-repeat;
		color: #ffffff;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 32px;
		vertical-align: middle;
		border: 0px;
		float: left;
		margin: 0 0 6px 0;
	}


		/* Skill Set specific backgrounds */
		
		div#mainbar.skill_set_1 div#product_copy #add_to_cart {
			background: transparent url('../images/btn_add_to_cart_bg_skill_set_1.gif') no-repeat;
		}
		div#mainbar.skill_set_2 div#product_copy #add_to_cart {
			background: transparent url('../images/btn_add_to_cart_bg_skill_set_2.gif') no-repeat;
		}
		div#mainbar.skill_set_3 div#product_copy #add_to_cart {
			background: transparent url('../images/btn_add_to_cart_bg_skill_set_3.gif') no-repeat;
		}
		

	#product_code {
		width: 165px;
		height: 32px;
		padding: 0 10px;
		background: #ffffff;

		color: #888888;
		line-height: 32px;
		text-transform: uppercase;
		font-weight: bold;
		float: left;
	}

		div#price .data, div#product_code .data {
			color: #000000;
		}

div#related_products {
	margin-top: 40px;
}

	div#product_copy div#related_products h2 {
		font-size: 22px;
		margin-bottom: 20px;
	}

		/* Skill Set specific backgrounds */
		
		div#mainbar.skill_set_1 div#product_copy div#related_products h2 {
			color: #009DE0;
		}
		div#mainbar.skill_set_2 div#product_copy div#related_products h2 {
			color: #d92a24;
		}
		div#mainbar.skill_set_3 div#product_copy div#related_products h2 {
			color: #2da33e;
		}
		
			
	
	div#related_products a {
		text-decoration: none !important;
	}

/* * * * PRODUCT LIST * * * */

div#product_list {

}

	div#product_list div.product {
		float: left;
		margin: 0 0 13px 13px;
		text-align: center;
		width:  138px;
	}
	
		div#product_list div.first {
			margin-left: 0px;
		}
	
	div#product_list div.product img.product_image {
		width: 138px;
		height: 203px;
	}
	
	div#product_list div.product .icon {
		display: inline;
		padding: 0px 5px;
	}

	div#product_list div.product a {
		text-decoration: none !important;
	}


/* * * * !SIDEBAR MODULES * * * */

/* Don't think I'll use this but it's the basic guideline ... */

div.module {
	position: relative; /* required for top/bottom "rouded" edges */
	width: 266px;
	min-height: 50px;
	padding: 12px 22px;
	margin-bottom: 15px;
	font-size: 12px;
	text-align: center;
}

	div.module h2 {
		width: 266px;
		height: 15px;
		line-height: 15px;
		vertical-align: middle;
		padding: 12.5px 0 !important;
		margin: 0 auto 20px 0;
	}
	
	div.module div.top {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 312px;
		height: 12px;
	}
	
	div.module div.bottom {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 312px;
		height: 12px;
	}

	div#shopping_cart {
		background: url('../images/shopping_cart_bg.gif') repeat-y;
	}

		div#shopping_cart h2 {
			background: url('../images/h2_shopping_cart_bg.gif') no-repeat;
			margin-bottom: 10px;
		}

		div#shopping_cart div.top {
			background: url('../images/shopping_cart_top_bg.gif') no-repeat top left;
		}
		div#shopping_cart div.bottom {
			background: url('../images/shopping_cart_bottom_bg.gif') no-repeat top left;
		}
		
		/* Cart table list (with all products) */
		
		div#shopping_cart table#cart_list {
			margin-bottom: 15px;
			width: 100%;
		}
		
			div#shopping_cart table#cart_list tr {
				border-bottom: solid 1px #ebbbf6;
			}
			
			div#shopping_cart table#cart_list tr td {
				height: 60px;
				padding: 10px 0;
				text-align: left;
			}
		
			/* Cart Elements */
			
			div.cart_image {
				margin-right: 12px;
				float: left;
				width: 46px;
				height: 68px;
				position: relative;
			}
			
				img.cart_image {
					width: 46px;
					height: 68px;
				}

				div.cart_image div.top_left {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/cart_round_top_left.png');
				}
				div.cart_image div.top_right {
					position: absolute;
					top: 0px;
					right: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/cart_round_top_right.png');
				}
				div.cart_image div.bottom_right {
					position: absolute;
					bottom: 0px;
					right: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/cart_round_bottom_right.png');
				}
				div.cart_image div.bottom_left {
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/cart_round_bottom_left.png');
				}
			
			a.cart_name {
				color: #222222;
				text-decoration: underline;
				width: 200px;
				display: block;
				padding: 3px 0;
				margin: 0px;
				float: left;
				line-height: 16px;
			}
			
			a.cart_name:hover {
				color: #000000;
			}
			
			div.cart_price {
				color: #e0001c;
				font-weight: bold;
				font-size: 12px;
				line-height: 14px;
				width: 45px;
				float: left;
			}
			
			div.cart_qty {
				width: 80px;
				text-align: center;
				float: left;
				font-weight: bold;
				font-size: 12px;
				color: #000000;
			}
			
				div.cart_qty input {
					width: 20px !important;
					padding: 5px 3px;
					margin: 0 5px !important;
					text-align: center;
					border: solid 1px #ebbbf6;
					background: #ffffff;
				}
				
			input.cart_update {
				width: 76px;
				height: 26px;
				float: left;
				padding: 0px;
				margin: 0px;
				
				font-size: 12px;
				line-height: 26px;
				vertical-align: middle;
				text-align: center;
				color: #ffffff;
				font-weight: bold;
				
				background: url('../images/cart_update_btn_bg.gif');
				border: 0px;
			}
		
		div#shopping_cart img.payment_method {
			float: left;
			width: 154px;
			height: 32px;
		}
		
		div#shopping_cart a.checkout {
			width: 93px;
			height: 32px;
			float: right;
			display: block;
			
			font-size: 12px;
			line-height: 32px;
			vertical-align: middle;
			text-align: center;
			color: #ffffff;
			text-decoration: none;
			font-weight: bold;
			
			background: url('../images/checkout_btn_bg.gif') no-repeat !important;
		}
		div#shopping_cart a.checkout:hover {
			text-decoration: none;
		}
		
	/* * NEW PRODUCTS MODULE (homepage) * */
		
	div#new_products {
		background: #e8f7fe url('../images/new_products_bg.gif') repeat-y;
		min-height: 320px;
		padding-top: 25px;
		padding-bottom: 0px;
		float: left;
	}
	
		div#new_products div.flag {
			background: url('../images/new_products_flag.png') no-repeat top left;
			width: 78px;
			height: 77px;
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 3;
		}	
		div#new_products div.top {
			background: url('../images/new_products_top_bg.gif') no-repeat top left;
		}
		div#new_products div.bottom {
			background: url('../images/new_products_bottom_bg.gif') no-repeat top left;
		}
		
		/* Specific listing of each product */
		div.new_product {
			margin-bottom: 10px;
		}

		div.new_product_details {
			float: right;
			width: 150px;
			height: 165px;
			overflow: hidden;
			line-height: 18px;
		}
		
			div.new_product h3 {
				padding-top: 30px;
				margin-bottom: 10px;
				float: left;
			}
			div.new_product h3 a {
				font-size: 17px;
				line-heght: 22px;
				color: #e1001a !important;
				text-transform: uppercase;
				text-decoration: none !important;
			}
		
		div.new_product_image {
			width: 100px;
			height: 147px;
			margin: 0 10px 10px 0;
			display: block;
			position: relative;
			float: left;
		}
		
			div.new_product_image img {
				width: 100px;
				height: 147px;
			}

				.new_product_image div.top_left {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/new_product_round_top_left.png');
				}
				.new_product_image div.top_right {
					position: absolute;
					top: 0px;
					right: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/new_product_round_top_right.png');
				}
				.new_product_image div.bottom_right {
					position: absolute;
					bottom: 0px;
					right: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/new_product_round_bottom_right.png');
				}
				.new_product_image div.bottom_left {
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 9px;
					height: 9px;
					background: url('../images/new_product_round_bottom_left.png');
				}
		
	/* * LATEST BLOG POSTS MODULE (homepage) * */

	div#latest_posts {
		background: #e8f7fe url('../images/submenu_bg.gif') repeat-y;
		float: left;
		margin-right: 15px;
		min-height: 350px;
	}
		
		div#latest_posts h2 {
			background: url('../images/h2_submenu_bg.gif') no-repeat;
			margin-bottom: 10px; /* Make up for the UL which has a vertical height of 30 adding 10px to it! */
		}
		
		div#latest_posts div.top {
			background: url('../images/submenu_top_bg.gif') no-repeat top left;
		}
		div#latest_posts div.bottom {
			background: url('../images/submenu_bottom_bg.gif') no-repeat top left;
		}

		/* Latest post formatting */
		div#latest_posts div.post {
			text-align: left;
			font-size: 12px;
			margin-bottom: 10px;
		}
		div#latest_posts h3 a {
			font-size: 13px;
			font-weight: bold;
			color: #009DE0;
			text-decoration: underline;
		}
		div#latest_posts div.date_posted {
			color: #aaaaaa;
		}
		div#latest_posts a.short_description {
			color: #333333;
			text-decoration: none;
			height: 42px;
			overflow: hidden;
		}		
		
	/* * SUBMENU MODULE (all pages) * */
		
	div#submenu {
		background: #e8f7fe url('../images/submenu_bg.gif') repeat-y;
	}
	
		div#submenu h2 {
			background: url('../images/h2_submenu_bg.gif') no-repeat;
			margin-bottom: 10px; /* Make up for the UL which has a vertical height of 30 adding 10px to it! */
		}
		
		div#submenu div.top {
			background: url('../images/submenu_top_bg.gif') no-repeat top left;
		}
		div#submenu div.bottom {
			background: url('../images/submenu_bottom_bg.gif') no-repeat top left;
		}
		
	/* * MILESTONE SUBMENU MODULE * */
	
	div#milestone_skill_set_menu {
		margin-top: 30px;
	}
	
	div.milestone_skill_set {
		width: 184px;
		padding: 0 6px;
		float: left;
		border-right: solid 1px #bebebe;
		text-align: center;
	}
	
		div.milestone_skill_set img {
			width: 162px;
			height: 80px;
			margin: 0 auto;
		}
		
		div.milestone_skill_set a {
			color: #555555;
		}
		
		div.milestone_skill_set a:hover {
			text-decoration: underline;
		}

		/* No final border */	
		div#milestone_skill_set_menu div.skill_set_3 {
			border-right: 0;
		}

		/* Headings with backgrounds */
		div#copy div#milestone_skill_set_menu div.milestone_skill_set h2 {
			width: 183px;
			height: 34px;
			margin: 0 0 20px 0;
			padding: 6px 0 2px 0;
			font-size: 14px;
			line-height: 17px;
			color: #ffffff;
			display: block;
			text-align: center;
			font-weight: bold;
		}
		
			/* Skill set based colors */		
			div#copy div#milestone_skill_set_menu div.skill_set_1 h2 {
				background: url('../images/milestone_skill_set_1_h2_bg.gif');
			}
			div#milestone_skill_set_menu div.skill_set_2 h2 {
				background: url('../images/milestone_skill_set_2_h2_bg.gif');
			}		
			div#milestone_skill_set_menu div.skill_set_3 h2 {
				background: url('../images/milestone_skill_set_3_h2_bg.gif');
			}		
		

		/* Text headings and specific colors */
		div#milestone_skill_set_menu h3 {
			font-size: 14px;
		}
			/* Skill set based colors */		
			div#milestone_skill_set_menu div.skill_set_1 h3 {
				color: #009de0;
			}
			div#milestone_skill_set_menu div.skill_set_2 h3 {
				color: #d92a24;
			}		
			div#milestone_skill_set_menu div.skill_set_3 h3 {
				color: #2da33e;
			}
		
	
	/* * DOWNLOAD CATEGORIES MODULE * */
	
	div#download_categories div.div_category_link {
		margin-top: 15px;
	}
	
	/* * DOWNLOADS MODULE * */
	
	div#downloads {
		background: #e8f7fe url('../images/downloads_bg.gif') repeat-y;
	}
	
		div#downloads h2 {
			background: url('../images/h2_downloads_bg.gif') no-repeat;
		}

		div#downloads div.top {
			background: url('../images/downloads_top_bg.gif') no-repeat top left;
		}
		div#downloads div.bottom {
			background: url('../images/downloads_bottom_bg.gif') no-repeat top left;
		}
		
		div#downloads input[type=submit] {
			width: 78px;
			height: 32px;
			color: #ffffff;
			text-transform: uppercase;
			font-size: 10px;
			font-weight: bold;
			line-height: 32px;
			vertical-align: middle;
			background: url('../images/btn_catalogues.gif');
			border: 0px;
		}

	div#skill_set {
		background: url('../images/skill_set_bg.gif') repeat-y;
	}

		div#skill_set h2 {
			background: url('../images/h2_skill_set_bg.gif') no-repeat;
		}

		div#skill_set div.top {
			background: url('../images/skill_set_top_bg.gif') no-repeat top left;
		}
		div#skill_set div.bottom {
			background: url('../images/skill_set_bottom_bg.gif') no-repeat top left;
		}
	
	div#subscribe {
		background: #e8f7fe url('../images/subscribe_bg.gif') repeat-y;
	}
		div#subscribe h2 {
			background: url('../images/h2_subscribe_bg.gif') no-repeat;
		}
		
		div#subscribe div.top {
			background: url('../images/subscribe_top_bg.gif') no-repeat top left;
		}
		div#subscribe div.bottom {
			background: url('../images/subscribe_bottom_bg.gif') no-repeat top left;
		}
		
		div#mc_embed_signup {
			margin-top: 10px;
		}
		
		div.mc-field-group {
			float: left;
			text-align: left;
			color: #aaaaaa;
			font-size: 11px;
			margin-top: 5px;
		}
		
		div#mc_embed_signup input[type=checkbox] {
			margin-right: 5px;
		}
		
		input.subscribe {
			width: 241px;
			height: 12px;
			background: #ffffff url('../images/subscribe_input_bg.jpg') no-repeat;
			border: 0;
			padding: 9px;
			margin: 0 0 7px 0;
			text-align: left;
			
			color: #aaaaaa;
			font-size: 12px;
			line-height: 12px;
		}
		input.subscribe:focus {
			color: #000000;
		}
		
		div#subscribe input.subscribe_join {
			width: 95px;
			height: 39px;
			line-height: 39px;
			vertical-align: middle;
			padding: 0px;
			margin: 0px;
			border: 0px;
			color: #ffffff;
			font-weight: bold;
			font-size: 15px;
			background: #96bd0d url('../images/subscribe_join_bg.jpg') no-repeat;
			
			/* Positioning */
			float: right;
			margin-right: 4px;
			margin-top: 5px;
		}
		
		div#mce-responses {
			margin-top: 10px;
		}


/* This module is quite different and doesn't use standard .module class */

div#social_networking {
	height: 40px;
	margin-bottom: 15px;
	padding: 0px;

	background: #ffffff url('../images/social_networking_bg.gif') no-repeat;
	text-align: center; /* center icon images */
		
	/* -moz-border-radius: 13px;
	border-radius: 13px; */
}

	div#social_networking img {
		width: 24px;
		height: 24px;
		display: inline;
		margin: 8px 5px 8px 0;
	}

/* Submenu module */

ul#submenu_links {
	text-align: left;
	color: #3db7eb; 
	list-style: none;
}

	ul#submenu_links li {
		background: transparent url('../images/submenu_list_style.gif') left top no-repeat;
		padding-left: 25px;
	}

	ul#submenu_links a {
		color: #3db7eb;
		font-size: 13px;
		font-weight: bold;
		line-height: 30px;
		vertical-align: middle;
	}
	
		ul#submenu_links a:hover, ul#submenu_links a.current {
			color: #555555;
			text-decoration: none;
		}
		
		/* Second level */
		
		ul#submenu_links li ul li {
			padding-left: 15px;
			background: none;
			border-bottom: solid 1px #a6d4e8;
		}
		
		ul#submenu_links li ul li a {
			color: #555555;
			height: 30px;
			line-height: 30px;
			font-weight: normal;
		}

		ul#submenu_links li ul li a:hover, ul#submenu_links li ul li a.current {
			color: #000000;
		}


/* * * * * STAND ALONE MODULES * * * * * */

/* Module: BLOG * * * *
   Location: /blog/
* * * * * * * * * * * * * * * */  
  
div#blog_share {
	margin: 10px 0 20px 0;
}

	div.add_comment {
		margin: 10px 0;
	}

	div.add_comment table th {
		width: 150px;
		vertical-align: middle;
		padding: 0px;
		text-align: left;
	}

	div.add_comment td {
		padding: 3px 0;
		vertical-align: middle;
	}
	
	div.comment {
		padding: 10px 0;
		border-bottom: solid 1px #cccccc;
	}
		div.posted_by {
			font-size: 11px;
		}


/* Module: DOWNLOAD LIST * * * *
   Location: /downloads/0-9/XXXX
* * * * * * * * * * * * * * * */

#download_list {
	margin-top: 10px; 
}

/* Module: CHECKOUT FORM * * * *
   Location: /checkout/
* * * * * * * * * * * * * * * */
   
#checkout {
	margin: 15px 0;
}

	#checkout h3 {
		margin-top: 20px;
	}

	#checkout table {

	}

	#checkout table th {
		width: 150px;
		vertical-align: middle;
		padding: 0px;
		text-align: left;
	}
	
		#checkout table th.middle {
			vertical-align: middle;
		}


	#checkout td {
		padding: 3px 0;
		vertical-align: middle;
	}
	
	#checkout input.std_button {
		margin-top: 15px !important;
	}
	
	#checkout #final_shopping_cart table {
		width: 100%;
	}

	#checkout .toggle {
		width: 500px;
		padding: 10px 0;
	}

/* Module: CONTACT FORM * * * *
   Location: /media/ 
* * * * * * * * * * * * * * * */

div#contact-form {
	margin: 15px 0;
}

	div#contact-form table th {
		width: 150px;
		vertical-align: middle;
		padding: 0px;
		text-align: left;
	}
	
		div#contact-form table th.middle {
			vertical-align: middle;
		}

	div#contact-form table td {
		padding: 2px 0;
	}
	
	div#contact-form  #captcha {
		height: 30px;
		float: left;
		margin-right: 15px;
	}
	
	div#contact-form .std_button {
		margin-top: 15px;
	}

/* Module: SITEMAP * * * *
   Location: /sitemap/ 
* * * * * * * * * * * * * * * */

div#sitemap {
	margin: 15px 0;
}


/* Module: SEARCH * * * * * *
   Location: /search/ 
* * * * * * * * * * * * * * */

div#search {
	margin: 15px 0;
}
	
	div#search div#advanced_search {
		display: none;
		margin: 15px 0;
	}
	
	div#search table {
		width: 100%;
	}
	div#search table th {
		width: 90px;
		padding: 5px 0;
		text-align: left;
	}
	div#search table td	{
		padding: 5px 0;
		text-align: left;
	}


/* Module: FULL NEWS * * * * * *
   Location: /media/ 
* * * * * * * * * * * * * * * */

div#new_media {
	width: 585px;
	height: 182px;
	margin: 15px 5px 15px;
	padding: 16px 0;
	background: url('../images/new_media_bg.gif') top left no-repeat;
}

	div#new_media div.media_icon {
		width: 217px;
		height: 32px;
		margin-left: 50px;
		padding: 12px 0;
		line-height: 32px;
		vertical-align: middle;
		float: left;
		border-bottom: solid 1px #dcdcdc;		
	}
	
		div#new_media div.media_icon a {
			font-weight: bold;
			font-size: 15px;
			color: #666666 !important;
		}
	
		div#new_media div.media_icon img {
			height: 32px;
			width: 32px;
			margin-right: 24px;
			float: left;
		}

div#news_posts {
	margin: 15px 0;
}

	/* Specific post formatting */
	div#news_posts div.post {
		text-align: left;
		font-size: 12px;
		color: #333333;
		margin-bottom: 10px;
		border-bottom: solid 1px #dcdcdc;
		padding: 10px 25px 10px 10px;
	}
	div#news_posts div.post_icon {
		width: 70px;
		padding: 0 25px 0 0;
		float: left;
		
	}
		div#news_posts div.post_icon img {
			width: 70px;
			height: 70px;
		}
	div#news_posts h3 a {
		font-size: 13px;
		font-weight: bold;
		color: #009DE0;
		text-decoration: underline;
	}
	div#news_posts div.date_posted {
		color: #aaaaaa;
		line-height: 14px;
	}
	div#news_posts a.short_description {
		color: #333333;
		text-decoration: none;
	}
	
	
	div#ewayBlock img {
		width: 79px !important;
		margin: 0 auto 10px auto !important;
	}
	

/* Clearing floats */

div.clear { 
	clear: both; 
	overflow: hidden; 
	height: 0px; 
	_height: 1px; 
}





/* PRODUCT ROUNDED EDGES */

div.product_image_large {
	width: 270px;
	height: 400px;
	margin: 0 15px 15px 0;	
	position: relative;
}

div.product_image_small	{
	width: 138px;
	height: 203px;
	margin: 0 0 10px 0;
	position: relative;
}

	div.product_image_large div.top_left, div.product_image_small div.top_left {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 9px;
		height: 9px;
		background: url('../images/product_round_top_left.png');
	}
	div.product_image_large div.top_right, div.product_image_small div.top_right  {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 9px;
		height: 9px;
		background: url('../images/product_round_top_right.png');
	}
	div.product_image_large div.bottom_left, div.product_image_small div.bottom_left  {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 9px;
		height: 9px;
		background: url('../images/product_round_bottom_left.png');
	}
	div.product_image_large div.bottom_right, div.product_image_small div.bottom_right  {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 9px;
		height: 9px;
		background: url('../images/product_round_bottom_right.png');
	}