/* - - - - - - - - - - - - - - - - - - - - -

Title : Goodwill Promotional Products
URL : http://www.goodwillproducts.com.au

Author : MIT Australasia
Author URL : http://www.melbourneit.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
-----------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------*/

html,body,div,dl,dt,dd,/*ul,ol,li,*/h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }

body { 
	background-color: #f2f2f2;
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	line-height: normal; 
	margin: auto; }

fieldset { border: 0; }

img { border: 0; }

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase; }

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #8a0b04;
	text-transform: uppercase; }

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #ffa400; }

h4,h5,h6 {}

p, td {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

#content_wrap ul{
	margin: 0px;
	padding-left: 10px;
	list-style: disc; }
	
#content_wrap li{
	margin: 0px;
	padding-left: 15px;
	list-style: circle; }

a:link, a:visited {
text-decoration: underline;
color: #000000;
}

a:hover, a:focus {
color: #8a0b04;
}

.clear { clear: both; font-size: 0; height: 0; line-height: 0; }

/*
-----------------------------------------------------------------------------
Template Styles
-----------------------------------------------------------------------------*/

/*Layout*/

#template_wrap {
	width: 990px;
	margin: auto;	
	}
	
#bg_wrap {
	width: 990px;
	margin: auto 0;
	background-image:url(/persistent/templateimages/bg_side_gradients.jpg);
	background-repeat: repeat-y;
	}

#left_margin_wrap {
	width: 940px;
	margin-left: 25px;
	}

#top_nav {
	display: none; }
			
	/*#top_nav_items { 
		width: 500px;
		margin: auto;
		text-transform: uppercase;
		text-align: center;
		color: #FFFFFF;
		padding-top: 2px; }
		
	#top_nav_items ul {
		display: inline; }
		
	#top_nav_items ul li {
		display: inline;
		background-image: url(/persistent/templateimages/nav_split_content.gif);
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 15px; }
			
		#top_nav_items ul li a {
			color: #FFFFFF;
			text-decoration: none;
			font-weight: bold; }
			
		#top_nav_items ul li a:hover {
			color: #FFCC33; }*/
		
	
/*Logo Styles for top of page-------
--------------------------------- */
#logo_wrap {
	width: 940px;
	}

	#goodwill_logo {
		width: 370px;
		height: 139px;
		float: left;
		margin: 0px; }
		
	#goodwill_slogan {
		width: 570px;
		height: 139px;
		float: right;
		margin: 0px; }
	
/*Logo styles end*/

#top_green_bar {
	width: 940px;
	height: 21px;
	background-image:url(/persistent/templateimages/top_green_bar.jpg);
	background-repeat: no-repeat; }
	
	
/*Footer Layout ----------------
------------------------------*/

#footer_wrap {
	width: 940px;
	height: 28px;
	background-color: #000000;
	background-image: url(/persistent/templateimages/footer_bg.gif);
	background-repeat: no-repeat; }

#footer_text {
	padding: 7px 10px 0 0;
	text-align: right;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;	}
	
#footer_text a {
	color: #FFFFFF;	}
	
#footer_text a:hover {
	color: #ffa400;	}
	
/* Content and Nav Layout ---------
----------------------------------*/

#content_nav_wrap_bg {
	width: 940px;
	background-image: url(/persistent/templateimages/left_gradient_bg_image.jpg);
	background-position: left;
	background-repeat: repeat-y; }
	
#content_nav_wrap_gradient {
	width: 940px;
	background-image:url(/persistent/templateimages/left_gradient_vert.jpg);
	background-repeat: no-repeat;
	min-height: 481px; }
	
	* html /*IE hack for IE 6 and before (not IE 7)*/#content_nav_wrap_gradient {height: 481px;}
	
#content_nav_wrap {
	margin-left: 25px;
	width: 925 px;
	background-image: url(/persistent/templateimages/navitem_normal_bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	 }
	
	#nav_wrap {
		width: 165px;
		float: left;
		display: none; }
		

	/*Contents Side ----------------
	------------------------------*/
	
	#content_area_wrap {
		width: 650px;
		}
		
		#content_top_bg {
			width: 650px;
			height: 39px;
			background-image: url(/persistent/templateimages/content_top_bg.jpg);
			background-repeat: no-repeat; }
		
		#content_wrap {
			width: 650px;
			border-right: 45px solid #FFFFFF;
			border-top: 16px solid #FFFFFF;
			float: right; }
	
		/* Breadcrumbs and View_Quote floats */
		
		#breadcrumbs_wrap {
			width: 650px; }
			
		#breadcrumbs {
			padding: 15px 0 0 0px;
			font-size: 11px;
			color: #FFFFFF; }
			
		#breadcrumbs a {
			text-decoration: underline;
			color: #FFFFFF; }
			
		#breadcrumbs a:hover {
			text-decoration: none;
			color: #FFFFFF; }
			
		#view_quote {
			width: 650px;
			color: #FFFFFF;
			text-transform: uppercase;
			border-bottom: 20px #FFFFFF solid;
			}
			
		#view_quote_text {
			padding: 15px 12px 0 0;
			text-align: left; }
			
		#view_quote_text a {
			text-decoration: underline;
			color: #FFFFFF; }
			
		#view_quote_text a:hover {
			text-decoration: none;
			color: #FFFFFF; }
		
/*Store------------------------
------------------------------*/

.checkout_table_bgcol td{
	vertical-align: top; }
	
.checkout_start {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; }
	
.checkout_button {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; }

#productDetailBox { width: 660px; }
#productDetailImage { 
	width: 322px;
	float: left;
	padding: 5px;
	background: #F1F1F1; }

#productImageBox {}
#productImageBox img { border: 1px solid #E1E1E1; }
#productImageOptions { 
	background: #F1F1F1; }
.productImageThumb { 
	float: left;
	margin: 1px; }
.productImageThumb img { border: 1px solid #E1E1E1; }

#productDetailContent { 
	width: 300px;
	padding: 5px 0px;
	float: left; }

#colourSwatches { width: 300px; }
.colourSwatch { width: 17px; float: left; padding: 0px 2px 0px 0px; }
.colourSwatch img { border: 1px solid #454545; }
.colourOption { width: 15px; padding: 0px; margin: 0px; }