/* global */

body{ 
	background:#d4e8f6 url(/images/bg_body.png) repeat-x;
	font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
	color:#333;
	line-height:160%;
	margin:0;
	padding:0;
	text-align:center;
}

	/* headings */
		h1{
			font-size:200%;
			font-weight:normal;
		}
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:0.9em 0 0.4em 0;
			color:#003678;
		}
		h2{
			font-size:25px;
			font-weight:bold;
			padding-bottom:0.4em;
			background:url(/images/bg_line.gif) no-repeat 0 100%;
		}
		h3{ 
			font-size:20px;
			font-weight:bold;
		}
		h4{
			font-size:16px;
		}
	/* // headings */
	
	/* image replacement */
		.graphic{
			margin:0;
			padding:0;
			display:block;
			overflow:hidden;
			text-indent:-8000px;
		}
	/* // image replacement */
	
	/* clearfix */
	
		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
		}
	
	/* // clearfix */
		
	/* HTML Tags */
		a{
			text-decoration:none;
			color:#003678;
		}
		a:hover{
			color:#333;
		}
		table, input, textarea, select, li{
			font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
		}
		p, blockquote, ul, ol, form{
			margin:1em 0;
		}
		blockquote{
		}
		img{
			border:none;
		}
		hr{
			display:none;
		}
		table{
			margin:0.5em 0;
			width:100%;
			border-collapse:collapse;
		}
		th, td{	
			padding:2px 5px;
		}
		th{	
			text-align:left;
		}
		li{
			display:list-item;
		}
		
	/* // HTML Tags */	
	
/* // global */

/* page setup */

	#container{	
		margin:0 auto;
		width:934px;
		text-align:left;
		position:relative;
	}
	#header{
		height:88px;
		position:relative;
		/* off
		background:url(/images/bg_header.gif) no-repeat 0 0;
		*/
	}
	#subnavigation{
		height:46px;
		position:relative;
	}
	.col{
		float:left;
		display:inline;
		width:290px;
		margin-left:30px;
		padding-bottom:1em;
	}			
	#content{
		margin:1em 0;
	}
	#contentcenter{
		margin:1em 0;
		text-align:center;
	}
	#main{
		float:left;
		display:inline;
		width:620px;
		margin-left:2px;
		padding-bottom:1em;
	}
	#side{
		float:left;
		display:inline;		
		width:290px;
		margin-left:20px;
		padding-bottom:1em;
		position:relative;
		padding-bottom:1em;
	}
	#footer{
		clear:both;
		background:url(/images/bg_line.gif) no-repeat 0 0;
		padding-top:.5em;
	}

/* //page setup */

/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			right:0;
			top:44px;
			height:32px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:32px;		
			line-height:32px;			
			margin-left:5px;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:32px;		
			line-height:32px;			
			font-size:17px;
			color:#fff;
			padding-left:11px;
			}	
		ul#nav li a span{
			float:left;
			height:32px;		
			line-height:32px;			
			padding-right:11px;
			cursor:pointer;
			}							
		ul#nav li.selected a, ul#nav li a:hover{
			background:url(/images/bg_nav1.gif) no-repeat 0 0;
			}				
		ul#nav li.selected a span, ul#nav li a:hover span{
			background:url(/images/bg_nav2.gif) no-repeat 100% 0;
			}												
	
	/* //main nav */
	
	/* sub nav */
		
		ul#subnav,  
		ul#subnav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#subnav{
			position:absolute;
			right:0;
			top:8px;
			height:32px;
			}			
		ul#subnav li{
			float:left;
			display:inline;
			height:32px;
			line-height:32px;
			margin-left:5px;
			}	
		ul#subnav li a{
			float:left;
			display:inline;
			height:32px;
			line-height:32px;
			font-size:17px;
			color:#fff;
			padding-left:11px;
			}
		ul#subnav li a span{
			float:left;
			height:32px;
			line-height:32px;
			padding-right:11px;
			cursor:pointer;
			}
		ul#subnav li.selected a, ul#subnav li a:hover{
			background:url(/images/bg_nav1.gif) no-repeat 0 0;
			}
		ul#subnav li.selected a span, ul#subnav li a:hover span{
			background:url(/images/bg_nav2.gif) no-repeat 100% 0;
			}
	
	/* //sub nav */
	
/* //navigation elements */

/* header */

	#header h1{
		position:absolute;
		float:left;
		left:0;
		top:0;
		height:64px;
		width:256px;
		line-height:76px;
		font-size:30px;
		font-weight:bold;
		color:#fff;
		margin:0;
		padding-left:10px;
		background:url(/images/pclogo1.png) no-repeat 0 0;
		}
	#header h1 a{
		float:left;
		height:76px;
		line-height:76px;	
		color:#fff;
		padding:0 20px 0 10px;
		display:none;
		}
	#header #pclogo2{
		left:265px;
		bottom:-40px;
		height:125px;
		width:125px;
		position:absolute;
	}
/* // header */

/* content */

	#content a, .col a{
		text-decoration:underline;
		font-weight:bold;
		}	
	.first{
		margin-left:2px;
		}
	/* off
	.col img{
		background:url(/images/bg_colimg.gif) no-repeat 0 0;
		padding:12px;
		}
	*/
		
	/* intro */
	
		#slogan{
			margin:0;
			background:url(/images/bg_slogan.png) no-repeat 0 0;
			padding-top:25px;
			padding-bottom:2px;
			line-height:59px;
			color:#2c728a;
			font-size:25px;
			font-weight:bold;
			text-indent:32px;
			}
		#intro{
			margin:10px 0;
			height:159px;
			position:relative;
			background:url(/images/bg_intro1.jpg) no-repeat 0 0;
			}
		#intro h2{
			margin:0;
			position:absolute;
			left:30px;
			top:40px;
			font-size:35px;
			line-height:40px;
			color:#fff;			
			padding-bottom:0;
			background:none;			
			}
		#intro p{
			margin:0;
			position:absolute;
			left:30px;
			top:80px;
			color:#fff;
			font-size:18px;
			width:530px;
			line-height:110%;
			}	
		#intro p.link{
			left:709px;
			top:88px;			
			width:196px;
			height:47px;
			background:url(/images/bg_introLink.png) no-repeat 0 0;
			}
		#intro p.link a{
			display:block;
			margin:0 10px;
			overflow:hidden;
			color:#2c728a;
			height:45px;
			line-height:45px;
			text-align:center;
			font-size:22px;
			font-weight:bold;
			text-transform:lowercase;
			}	
		#intro p.link a:hover{
			color:#940000;
			}
		.box {
			background:#83B0C7;
			margin: 0px 0px 6px 0px;
		}
		.box a:hover{
			color:#333;
		}
	
	/* // intro */
	
	/* side list */
	
		ul.list, ul.list li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.list{
			}
		ul.list li{
			padding-top:.5em;
			background:url(/images/bg_line.gif) no-repeat 0 0;
			}	
		ul.list li.first{
			padding-top:0;
			background:none;
			}
		ul.list li h3{		
			margin:.5em 0;
			font-size:15px;
			}
		ul.list li p{
			margin:.5em 0;
			}
	
	/* // side list */	
	
	/* item list */
	
		ul.items, ul.items li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.items{
			}
		ul.items li{
			padding:.5em 0;
			background:url(/images/bg_line.gif) no-repeat 0 0;
			position:relative;
			min-height:120px;
			}	
		ul.items li.first{
			background:none;
			}
		ul.items li h4, ul.items li p{
			margin:.5em 0 .5em 130px;
			}
		ul.items li img{
			position:absolute;
			top:1em;
			left:0;
			background:url(/images/bg_itemimg.gif) no-repeat 0 0;
			padding:12px;
			}
	
	/* // item list */
	
	/* form */
	
		form{
			margin:1.5em 0;
			padding-top:.5em;
		}
		fieldset{
			margin:0;
			padding:0;
			border:none;
		}
		legend{
			display:none;
		}
		label{
			float:left;
			width:120px;
		}
		input, textarea, select{
			border:1px solid #003678;
		}
		input, textarea{
			width:250px;
			padding:5px;
		}
		textarea{
			overflow:auto;
		}
		form p{
			clear:both;
			margin:0;
			padding:8px 0;
		}
		button{
			border:none;
			padding:4px 10px;
			margin:0;
			background:#2c728a;	
			color:#fff;
			font-weight:bold;
			font-size:15px;
			cursor:pointer;
			margin-left:10px;
		}
	
	/* // form */
	
/* // content */

/* footer */

	#footer a{
		color:#555;
		text-decoration:underline;
		}
	#footer a:hover{
		color:#940000;
		text-decoration:underline;
		}		
	#footer ul{
		float:right;
		margin:1em 0;
		padding:0;
		}
	#footer li{
		display:inline;
		margin:0 0 0 10px;
		padding:0;
		list-style:none;
		}

/* // footer */

/* Search results */
.paging {
	width:100%;
	margin:0.5em 0;
	text-align: center;
	clear:left;
}
.paging a {
	border:1px solid #003678;
	padding:1px 4px 1px 4px;
	margin:0 2px;
}
.paging a:hover {
	border:2px solid #E1E1E1;
	padding:1px 3px 1px 3px;
	margin:0 2px;
	text-decoration: none;
}
.card {
	background:#F7FCFE none repeat scroll 0 0;
	/* border:1px solid #E1E1E1; */
	float:left;
	margin:0px 2px 2px 0;
	padding:0;
	width: 204px;
	height: 244px;
	text-align: center;
	font-weight: bold;
	overflow:hidden;
}
div.card p.card-title {
	margin: 2px 0 2px 0;
	color: #0281CA;
}
div.card p.card-photo {
	margin:0 auto;
	padding:0;
	width: 200px;
	height: 200px;
}
div.card p.card-info {
	color: #003366;
	margin: 0;
	cursor: pointer;
}
div.card p.card-info a {
	color: #003366;
}

.highlight { background-color:#ffc; }

#tooltip { 
	display:none;
	background:transparent url(/images/tooltip/black_arrow_big.png);
	font-size:12px;
	height:160px;
	width:320px;
	padding:25px;
	color:#fff;
	z-index:100;
	text-align:left;
}
/* Cart */
table.shopItem tr {
	background:url(/images/bg_line.gif) no-repeat 0 100%;
}
table.shopItem tr td{
	padding: 9px 0px 9px;
}
/* // Cart */
