/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail:Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

	  #004990 Dark Blue
	  #B2C8E2 Light Blue
	  #CB1410 Deep Red
	  #B7AD9F Grey
	  #F0EEEA Background Grey
	  
*/

#wrapper_outer { 
	margin:0 auto;
	width:975px;
	background:white url('images/bg_page.png') top left repeat-x;
}
#wrapper_header {
	position:relative;
	width:auto;
	height:136px;
	padding:0px;
	margin:0px;
}
	#wrapper_header #logo {
		position:absolute;
		left:22px;
		top:12px;
		width:197px;
		height:104px;
	}
	#wrapper_header #admin_header {
		position:absolute;
		left:260px;
		top:15px;
		width:230px;
	}
		#wrapper_header #admin_header h1 {
			color:#004990;
			padding:0px;
			margin:0px;
			font-size:180%;
			height:70px;
			line-height:70px;
		}
	#wrapper_header #wrapper_contact {
		position:absolute;
		left:262px;
		top:45px;
		width:230px;
		height:50px;
	}
		#wrapper_header #wrapper_contact h1 {
			color:#004990;
			padding:0px;
			margin:0px;
			font-weight:normal;
			font-size:160%;
		}
		#wrapper_header #wrapper_contact a {
			display:block;
			color:#71CEF5;
			font-size:110%;
			padding:0px;
			text-decoration:none;
		}
		#wrapper_header #wrapper_contact a:hover {
			text-decoration:underline;
		}
	
	#wrapper_header #wrapper_search {
		position:absolute;
		left:491px;
		top:53px;
		width:484px;
		height:43px;
		background:transparent url('images/bg_search.png') top left no-repeat;
	}
		#wrapper_header #wrapper_search form {
			float:left;
			padding:12px 0px 0px 62px;
		}
			#wrapper_header #wrapper_search form label {
				color:white;
				font-size:110%;
				padding-right:4px;
			}
			#wrapper_header #wrapper_search form .searchinput {
				border:0px;
				width:145px;
				height:21px;
				padding:0px 0px 0px 0px;
				margin:0px;
				background-color:#F1FAFE;
			}
			#wrapper_header #wrapper_search form .button {
				width:16px;
				height:15px;
				border:0px;
				padding-left:4px;
				background:transparent url('images/btn_search.gif') top left no-repeat;
			}
		#wrapper_header #wrapper_search #wrapper_basket {
			position:relative;
			border-left:1px solid white;
			float:right;
			width:170px;
			padding-left:20px;
			margin:6px 0px 0px 0px;
		}
			#wrapper_header #wrapper_search #wrapper_basket #items, #wrapper_header #wrapper_search #wrapper_basket #total {
				position:absolute;
				left:70px;
				width:120px;
				height:14px;
				color:white;
			}
			#wrapper_header #wrapper_search #wrapper_basket #items {
				top:0px;
			}
			#wrapper_header #wrapper_search #wrapper_basket #total {
				top:14px;
			}

	#wrapper_header #wrapper_top_nav {
		position:absolute;
		left:87px;
		top:95px;
		width:738px;
		height:40px;
		background:transparent url('images/bg_top_nav.png') top left no-repeat;
	}
		#wrapper_header #wrapper_top_nav {
			padding-left:150px;
			height:40px;
		}
		#wrapper_header #wrapper_top_nav ul {
			position:relative;
			padding:0px;
			margin:0px;
		}
		#wrapper_header #wrapper_top_nav ul li {
			height:35px;
			float:left;
			padding:0px;
			margin:0px;
			list-style-type:none;
			display:inline;
		}
		#wrapper_header #wrapper_top_nav ul li a {
			text-decoration:none;
			color:white;
			font-size:110%;
			font-weight:normal;
			float:left;
			display:block;
			margin-top:12px;
			padding:0px 15px 0px 15px;
			border-left:1px solid white;
		}
		#wrapper_header #wrapper_top_nav ul li a:hover {
			text-decoration:underline;
		}
			#wrapper_header #wrapper_top_nav ul li:first-child a {
				border-left:0px;
			}
		#wrapper_header #wrapper_top_nav ul li a.selected {
			color:#71CEF5;
			font-weight:bold;
		}

#wrapper_columns {
	margin:5px 0px 0px 0px;
	width:100%;
}
#wrapper_left { 
	display:inline;
	margin:10px 0px 10px 7px;
	padding:0px;
	float:left;
	/*background-color:#FFC0C0;*/
}
	.nav_sectors, .nav_sectors ul li a {
		background-color:#7AC142;
	}
	.nav_sectors ul li a.selected, .nav_sectors ul li a:hover {
		background-color:#9BD171; /* 75% tint */
	}

	.nav_products, .nav_products ul li a {
		background-color:#F89829;
	}
	.nav_products ul li a.selected, .nav_products ul li a:hover {
		background-color:#FAB25F; /* 75% tint */
	}

	.nav_news h2 a {
		color:white;
		text-decoration:none;
	}
	.nav_news h2 a:hover {
		text-decoration:underline;
	}
	.nav_news, .nav_news ul li a {
		background-color:#71CEF5;
	}
	.nav_news ul li a.selected, .nav_news ul li a:hover {
		background-color:#95DAF8; /* 75% tint */
	}
	.nav_news h2 {
		background:transparent url('images/news-bubbles.png') 10px 9px no-repeat;
		padding:5px 0px 5px 55px !important;
	}
	
	.navblock {
		width:229px;
		margin-bottom:15px;
	}
		.navblock h2 {
			padding:0px 0px 0px 10px;
			line-height:36px;
			font-size:160%;
			font-weight:normal;
			margin:0;
			color:white;
			border-bottom:1px solid white;
		}
		.navblock ul {
			padding:0px;
			margin:0px;
		}
			.navblock ul li {
				width:auto;
				list-style-type:none;
			}
				.navblock ul li a {
					text-decoration:none;
					display:block;
					padding:7px 0px 7px 10px;
					font-size:110%;
					color:white;
					border-top:1px dashed white;
				}
				.navblock ul li a:hover {
					text-decoration:underline;
				}
				.navblock ul li:first-child a {
					border-top:0px;
				}
			
				.navblock ul li.selected a {
					color:#004990;
					font-weight:bold;
				}
					.navblock ul ul.sub_categories {
						font-weight:normal;
						font-size:90%;
					}
					.navblock ul ul.sub_categories li {
						margin-left:25px;
						width:135px;
						margin-top:5px;
						background-image:none;
					}
					.navblock ul ul.sub_categories li a {
						padding:0px 0px 2px 5px;
						font-size:120%;;
						color:#CB1410;
						border-bottom:2px solid #B7AD9F;
					}
					.navblock ul ul.sub_categories li a.selected {
						font-weight:bold;
					}

#wrapper_content { 
	float:left;
	width:472px;
	margin:10px auto;
	display:inline;
	position:relative;
	padding:0px 15px 20px 15px;
	min-height:420px;
	/*background-color:#C0FFC0;*/
}
	.full_content_width {
		padding:0px 0px 20px 15px !important;
		width:715px !important;
	}
	#wrapper_content #general_page img.main {
	}
	#wrapper_content #general_page {
		font-size:90%;
		color:#71CEF5;
		color:#004990;
	}
		#wrapper_content #general_page h1 {
			font-size:190%;
			margin-bottom:1em;
			font-weight:normal;
			padding:0px 0px 5px 0px;
			border-bottom:1px solid #004990;
		}


#wrapper_right { 
	display:inline;
	position:relative;
	margin:10px 0px 0px 0px;
	padding:0px;
	width:230px;
	float:right;
	/*background-color:#C0C0FF;*/
}
	#wrapper_right #subscribe_newsletter img {
		margin-top:10px;
		border-top:1px solid #D1D3D4;
		border-bottom:1px solid #D1D3D4;
		padding:5px 0px 5px 0px;
		vertical-align:bottom;
	}

#wrapper_footer { 
	width:100%;
	border-top:2px solid #004990;
	color:#004990;
	margin:10px 0px 10px 0px;
	padding:10px 5px 25px 5px;
}
	#wrapper_footer #awards {
		position:relative;
		float:right;
		padding:0px;
		margin:0px;
	}
	#wrapper_footer #nav_bottom {
		width:auto;
	}
		#wrapper_footer #nav_bottom ul {
			position:relative;
			float:left;
			padding:0px;
			margin:10px 0px 0px 0px;
		}
			#wrapper_footer #nav_bottom ul li {
				padding:0px;
				margin:0px;
				list-style-type: none;
				display:inline;
			}
				#wrapper_footer #nav_bottom ul li a {
					color:#004990;
					font-size:85%;
					text-decoration:none;
				}
				#wrapper_footer #nav_bottom ul li a:hover {
					text-decoration:underline;
				}
			#wrapper_footer #nav_bottom .selected {
				color:#71CEF5;
				font-weight:bold;
			}
	
#contact_us {
	width:100%;
}
#contact_us th {
	width:20%;
	text-align:left;
}
#contact_us td {
	width:80%;
}
#contact_us td .txt, #contact_us td .txtArea {
	width:95%;
}

#item_list {
	color:black;
}
	#item_list .item_list_item {
		border:1px dashed #004990;
		padding:10px 10px 30px 10px;
		margin-bottom:15px;
		height:1%;
	}
	.item_list_item h2 {
		color:#004990;
		text-decoration:underline;
	}
	.item_list_item a.news_link {
		display:block;
		position:absolute;
		bottom:5px;
	}
	img.news_image {
		padding:5px;
		border:1px solid #004990;
	}
	#all_images {
		float:right;
		margin:0px 0px 15px 20px;
		text-align:center;
	}
		#all_images .caption {
			font-size:90%;
			font-style:italic;
			text-align:center;
		}

.file_icon {
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:7px;
	margin-bottom:3px;
}

.pagination {
	float:right;
	margin:2px 0px 0px 0px;
	z-index:99;
}
	.pagination h3 {
		font-size:105%;
		text-decoration:underline;
	}
	.pagination a {
		color:#004990;
		text-decoration:none;
	}
	.pagination img {
		vertical-align:middle;
	}

.highlight_word {
	color:#CB1410;
	font-weight:bold;
	border-bottom:1px dashed #004990;
}

#breadcrumbs {
	margin:5px 0px 5px 0px;
	font-size:95%;
	float:right;
	color:#004990;
	font-weight:bold;
	z-index:2;
}
	#breadcrumbs a {
		color:#CB1410;
		font-weight:normal;
		text-decoration:underline;
	}


#wrapper_admin {
	color:black;
}
	#wrapper_admin #wrapper_content {
		width:97%;
		padding:20px;
	}
	#wrapper_admin #nav_top {
		padding-left:1px;
	}
		#wrapper_admin #nav_top ul li a {
			padding-left:8px;
			padding-right:8px;
		}
	#wrapper_admin a {
		text-decoration:underline;
	}

.admin_highlighted {
	font-style:italic;
	color:#CB1410;
}


.DisplayProductDetails {
	position:relative;
	padding:0;
	float:left;
	width:95%;
	text-align:left !important;
	font-size:100%;
}
.DisplayProductDetails .ProductImage {
	background-color:white;
	padding:0;
	margin:0 0px 5px 0px;
	float:left;
	border:1px solid #201D42;
}
.DisplayProductDetails .DisplayProductDetailsText {
	width:340px;
	background-color:white;
	padding:0;
	margin:0 20px 0px 0px;
	float:left;
}
.DisplayProductDetails label {
	width:340px;
	text-align:left;
	margin-bottom:2px;
	display:block;
	font-weight:bold;
}
.DisplayProductDetails .prod_desc {
	width:340px;
	float:left;
	text-align:left;
	margin-bottom:10px;
}
.DisplayProductDetails #MainImageHolder {
	float:left;
}

.DisplayProduct {
	position:relative;
	padding:5px;
	float:left;
	width:160px;
	height:21.5em;
	text-align:left;
	border:1px solid #D8D9DA;
	font-size:100%;
	margin-bottom:10px;
	background-color:white;
	cursor:pointer;
}
	.ColPos1 {
		margin-left:0px;
		margin-right:8px;
	}
	.ColPos2 {
		margin-left:0px;
		margin-right:8px;
	}
	.ColPos3 {
		margin-left:0px;
		margin-right:8px;
	}
	.ColPos4 {
		margin-left:0px;
		margin-right:0px;
	}
	.DisplayProduct:hover {
		background-color:#E5F5FE;
	}
	.DisplayProduct .ProductImage {
		width:158px;
		height:100px;
		overflow:hidden;
	}
		.DisplayProduct .ProductImage img {
			background-color:white;
			padding:0;
			margin:0;
			margin-bottom:5px;
			float:left;
		}
	.DisplayProduct h3 {
		padding:4px 0px 4px 0px;
		margin:0px 0px 5px 0px;
		font-size:120%;
		font-weight:normal;
		border-bottom:1px solid #D8D9DA;
		width:150px;
	}
	.DisplayProduct .OptionDesc {
		padding-top:3px;
	}
	.DisplayProduct .DescOnly {
		color:#201D42;
	}
	.DisplayProduct .MoreInfo {
		padding:0;
		margin:0;
		position:absolute;
		left:5px;
		bottom:0px;
		width:150px;
		height:20px;
	}
		.DisplayProduct .MoreInfo a {
			font-size:95%;
			color:#004990;
			text-decoration:none;
		}
		.DisplayProduct .MoreInfo a:hover {
			text-decoration:underline;
		}
	.DisplayProduct .ZoomImage {
		padding:0;
		margin:0;
		position:absolute;
		right:5px;
		top:5px;
		width:16px;
		height:15px;
		padding:2px;
		background-color:#71CEF5;
	}
	.DisplayProduct  .highlighted {
		font-weight:bold;
		font-size:130%;
		color:#201D42;
	}
.ThumbnailImage {
	float:left;
	width:60px;
	margin-right:10px;
	margin-bottom:10px;
}

#product_details {
	width:720px;
}
	#product_details h2 {
		margin:0px;
		padding:0px 0px 5px 0px;
	}
	#product_details p {
		margin:0px;
		padding:0px 0px 5px 0px;
	}


#frmNewsletter {
	padding-left:30px;
}
#frmNewsletter .txt {
	border:1px solid #004990;
	width:100%;
	margin-bottom:7px;
}
#frmNewsletter .btn {
	background-color:#004990;
	float:right;
}

a.title {
/*
	color:#004990;
	font-size:115%;
	font-weight:bold;
*/
}
div.url {
	color:#008000;
}

.color-picker {
	width:16px;
	height:16px;
	float:left;
	margin-left:20px;
}

#product_options td {
	padding-right:10px;
}

#table_basket {
	margin:10px 0px 10px 0px;
	width:100% !important;
}
#table_basket th {
	background-color:#71CEF5;
	color:white;
	font-weight:bold;
	padding:5px !important;;
	border:1px solid #004990;
	vertical-align:top;
	font-size:95% !important;
}
#table_basket td {
	font-weight:normal;
	padding:5px !important;;
	border:1px solid #004990;
	vertical-align:top;
	font-size:95% !important;
}
#table_basket td a {
	text-decoration:underline;
	color:#C4262E;
}
#table_basket .blank {
	background-color:transparent;
	border:none;
}

.price {
	margin-top:4px;
	font-weight:bold;
	font-size:105%;
}