* 
{
	padding:0;
	margin:0;
}

body 
{
	margin:0;
	padding:0 0 10px 0;
	background:#fff url() repeat-x;
	font-family:Verdana,Arial;
}

/* ############## Base tag elements ############## */

h1,h2,h3,h4 
{
	font-weight:lighter;
	letter-spacing:-0.1em;
	margin:0.5em 0;
}

h1 
{
	color:#EE9E11;
	font-weight:lighter;
	
}
h2 
{
	color:#EE9E11;
}
h3 
{
	letter-spacing:-0.05em;
	color:#003366;
}

p,address,#content li
{
	color:#333;
	margin:0.5em 0;
	line-height:1.4em;
	font-size:0.8em;
	padding:0.5em 0;
}

#content li 
{
	list-style-type:square;
}

#content ul,ol
{
	margin-left:2em;
	padding-left:0.5em;
}

#content a 
{
	font-weight:bolder;
	color:#EE9E11;
	text-decoration:none;
}
	#content a:hover 
	{
		background:#CFD1AF;
		color:#999;
	}

address 
{
	margin:1em 0;
}

.blue 
{
	color:#003366;
}
.grey 
{
	color:#333;
}
.orange 
{
	color:#EE9E11
}
.notop 
{
	margin-top:0;
	padding-top:0;
}

.nobot 
{
	margin-bottom:0;
	padding-bottom:0;
}
img 
{
	border:0;
}
.fl 
{
	float:left;
}
.fr 
{
	float:right;
}
.clr 
{
	clear:both;
	font-size:0px;
	height:0;
	overflow:hidden;
}

#demo 
{
	position:absolute;
	top:0px;
	left:0px;
}
/* ############## Template styles ############## */
#monopoloexample, #monopoloexample2 
{
	float:right;
	padding-left:10px;
}
#container 
{
	width:860px;
	margin:0 auto;
}

#header 
{
	width:860px;
	height:60px;
	background:#fff url(/common/img/header/bg_header-main.gif) top left no-repeat;
}
	#header img 
	{
		padding-top:10px;
		padding-left:10px;
	}
	
	#hdrCustomShirts 
	{
		text-align:right;
		padding-top:14px;
	}
		#hdrCustomShirts img 
		{
			padding:0;
			padding-right:5px;
		}

#navigation
{
	width:190px;
	padding-right:20px;
	background:url(/common/img/navigation/bg_seperator-vertical.gif) top right repeat-y;
	padding-bottom:20px;
	float:left;
	height:440px;
	min-height:440px;
}
	#navigation li
	{
		display:inline;
		font-weight:bold;
		font-size:0.8em;
	}
	
	#navigation li a 
	{
		margin-top:0.3em;
		background:#fff url(/common/img/navigation/bg_nav-main.gif) left top repeat-x;
		color:#666;
		display:block;
		border:1px solid #B2B2B2;
		text-decoration:none;
		padding:8px 4px 8px 4px;
	}
		#navigation li a:hover 
		{
			border:1px solid #333;
			color:#333;
		}
		
	#navigation .navActive 
	{
		color:#EE9E11;
		border:1px solid #333;
	}
	#navigation .navActive a:hover 
	{
		color:#EE9E11 !important;
		border:1px solid #333;
	}
		
	#navigation .navLogin 
	{
		width:98%;
		font-size:1.1em;
		background:#fff url(/common/img/forms/bg_nav-login.gif) bottom left repeat-x;
		border:1px solid #666;
		height:1.3em;
		font-weight:bold;
	}
	
	#navigation p 
	{
		padding:0;
	}
	.navPrices 
	{
		color:#0099ff !important;
	}
	
	#navSeperator 
	{
		width:98%;
		background:url(/common/img/navigation/bg_seperator-horiz.gif) center center no-repeat;
		height:10px;
		overflow:hidden;
		margin:10px 0;
	}
	#navSeperator hr 
	{
		display:none;
	}
	.seperator 
	{
		width:98%;
		background:url(/common/img/navigation/bg_seperator-horiz.gif) center center no-repeat;
		height:10px;
		overflow:hidden;
		margin:10px 0;
	}
	.seperator hr 
	{
		display:none;
	}

#content 
{
	text-align:left;
	padding-right:10px;
	float:right;
	width:622px;
	padding-bottom:20px;
	overflow:hidden;
	
}

#footer 
{
	font-size:0.7em;
	background:url(/common/img/footer/bg_footer-middle.gif) top left repeat-x;
	height:30px;
}
	#footer a 
	{
		text-decoration:none;
		color:#333;
	}
		#footer a:hover 
		{
			text-decoration:underline;
		}
	#footerleft 
	{
		float:left;
		width:7px;
		height:30px;
		background:#fff url(/common/img/footer/bg_footer-left.gif) top left no-repeat
	}
	#footerright 
	{
		float:right;
		width:7px;
		height:30px;
		background:#fff url(/common/img/footer/bg_footer-right.gif) top right no-repeat
	}
	
	#footer p 
	{
		margin-top:8px !important;
		padding:0;
	}
	
	#footer ul 
	{
		float:right;
		margin-top:8px;
	}
		#footer li 
		{
			display:inline;
			margin-right:1em;
			border-right:1px solid #666;
			padding-right:1em;
		}
		.footerend 
		{
			border-right:0 !important;
			padding-right:0 !important;
		}
		
#getstarted 
{
	position:relative;
	text-align:right;
	top:-33px;
	padding-right:15px;
}
/*
	################# Get Started ################
*/
#tblRegsiter 
{
	width:99%;
}
	#tblRegsiter td 
	{
		vertical-align:top;
		width:50%;
	}
	#tblRegsiter p 
	{
		margin:1px 0;
		padding:1px 0;
	}
	.formfield 
	{
		width:96%;
		font-size:1.1em;
		background:#fff url(/common/img/forms/bg_nav-login.gif) bottom left repeat-x;
		border:1px solid #666;
		height:1.3em;
		font-weight:bold;
	}
	.formsignin 
	{
		font-size:1.3em;
		font-weight:normal;
		width:92%;
	}
	#signinbutton 
	{
		margin-left:160px;
	}
#regbutton 
{
	text-align:right;
	margin-right:20px !important;
}

#gslogin,#gsNotregistered 
{
	width:50%;
	float:left;
}

#roundedgrad 
{
	background:url(/common/img/generic/bg_roundedgrad.gif) top left no-repeat;
	width:612px;
	padding:10px;
	padding-top:5px;
}

/* Errors on forms */
#errorPanel 
{
	width:602px !important;
	padding:10px;
	padding-top:5px;
	background:#990000 url(/common/img/generic/bg_errorPanel.gif) bottom left no-repeat;
	color:White;
}
#errorPanel h1, #errorPanel p
{
	color:White;
}
#errorPanel h1 
{
	background:url(/common/img/generic/bg_errorHeader.gif) top left no-repeat;
	font-size:1.4em;
	padding-left:34px;
	margin-bottom:0;
}

/*
	Order summary
*/
.orderSummary 
{
	width:98%;
	border:2px solid orange;
	border-collapse:collapse;
	border-color:#666;
}
.orderSummary table 
{
	border:1px solid #666 !important;
}
.orderSummary th 
{
	letter-spacing:-0.1em;
	color:#333;
	border:2px dotted #666;
	background:white;
	padding:0.2em;
	margin:0.2em;
}
.orderSummary td 
{
	border:1px dotted #666;
}
.orderSummary p 
{
	color:#3399FF;
	padding:0 0.2em;
	margin:0 0.2em;
	font-weight:bold;
}
.orderSummary h3 
{
	padding-left:0.2em;
	padding-right:0.2em;
}
.orderSummary .total 
{
	border:2px solid black;
	height:30px;
}
.orderSummary .total p 
{
	font-size:1em;
	letter-spacing:-0.1em;
	font-weight:bold;
	color:#003366;
}

/*
	################# Price list ################
*/
#priceWrapper 
{
	padding:0 5px;
	border:5px solid #666;
}
.tblPriceList 
{
	width:100%;
	border:#ccc;
	border-collapse:collapse;
}
	.tblPriceList strong 
	{
		color:#00CCFF;
	}
	.tblPriceList p 
	{
		font-weight:bold;
		font-size:10px;
	}
	.tblPriceList th 
	{
		text-align:left;
		background:#ccc;
		padding:5px 0;
		font-size:13px;
	}
	
.txtCommentField 
{
	width:99%;
	height:100px;
	border:2px solid black;
	margin:2px 0;
}
	