/*
      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

	  #999999	Grey
	  #1367A8	Dark Blue
*/

#wrapper_outer { 
	margin:0 auto;
	width:1003px;
	background:#AEDCEA url('images/bg-page.png') 0 0 repeat-x;
	padding-bottom:170px;
	border:1px solid #1367A8;
}
#footer_photo {
	position:absolute;
	left:0px;
	bottom:0px;
	width:1003px;
	height:185px;
}
	#footer_photo #ballgrab {
		position:absolute;
		left:73px;
		bottom:6px;
		width:122px;
		height:30px;
	}
	#footer_photo #awards {
		position:absolute;
		left:73px;
		bottom:93px;
		width:227px;
		height:66px;
	}
	#footer_photo #copyright {
		font-size:90%;
		color:white;
		position:absolute;
		right:20px;
		bottom:10px;
		width:300px;
		height:40px;
	}
		#footer_photo #copyright div {
			position:absolute;
			bottom:0px;
			right:0px;
		}
#wrapper_popup #wrapper_outer {
	border:none;
	margin-top:0px;
	width:750px;
}
#wrapper_header {
	width:1003px;
	height:289px;
	padding:0px;
	margin:0px;
	background:transparent url('images/bg-header-waves.png') top left no-repeat;
}
	#wrapper_header #logo {
		position:absolute;
		top:81px;
		left:99px;
		width:285px;
		height:45px;
	}
	#wrapper_header #phone_email {
		position:absolute;
		top:225px;
		left:707px;
		width:222px;
		height:43px;
	}
	#wrapper_header #admin_header {
		position:absolute;
		top:200px;
		left:500px;
		width:450px;
		height:43px;
		color:white;
		text-align:left;
		border-bottom:1px dashed white;
	}
		#admin_header h1 {
			font-size:180%;
			color:white !important;
		}

#wrapper_top_nav {
	width:865px;
	height:38px;
	background-color:#1367A8;
	margin:0px 69px 20px 69px;
	z-index:99;
}
	#wrapper_top_nav li.selected {
		background-color:#1672B8;
	}
	.admin_nav ul.dropdown li {
		width:107px !important;
	}

#latest_news {
	margin:0px 69px 40px 69px;
}
	#latest_news #rss {
		margin-top:5px;
		margin-right:15px;
		float:right;
	}
		#latest_news #rss a {
			font-size:90%;
			color:white;
			display:inline;
			background-image:none;
		}
		#latest_news #rss img {
			margin-left:5px;
			vertical-align:middle;
		}
	#latest_news .photo2clip {
		width:555px;
		height:195px;
	}
		#latest_news .photo2clip .topleft, #latest_news .photo2clip .bottomleft {
			position:absolute;
			left:0px;
			width:9px;
			height:9px;
		}
		#latest_news .photo2clip .topleft {
			top:0px;
			background:transparent url('images/corner-photo-tl-10.png') 0 0 no-repeat;
		}
		#latest_news .photo2clip .bottomleft {
			bottom:0px;
			background:transparent url('images/corner-photo-bl-10.png') 0 0 no-repeat;
		}
		
	#latest_news .copy {
		overflow:hidden;
		background-color:#E2F2F9;
		width:270px;
		height:165px;
		padding:15px 20px 15px 20px;
		float:right;
	}
		#latest_news h2 {
			font-size:120%;
			padding:0px;
			margin:0px 0px 7px 0px;
			color:#1367A8;
		}
		#latest_news a {
			display:block;
			color:#999999;
			padding-bottom:5px;
			margin-bottom:5px;
			background:transparent url('images/dotted-line.gif') bottom left repeat-x;
			font-size:90%;
		}
		#latest_news ul {
			padding:0px;
			margin:0px;
		}
			#latest_news ul li {
				width:auto;
				display:block;
				list-style-type:none;
			}
				#latest_news ul li:last-child a {
					background-image:none !important;
				}
		
		#latest_news .copy .lntop, #latest_news .copy .lnbottom, #latest_news .copy .lnleft, #latest_news .copy .lnright {
			position:absolute;
			width:310px;
			height:195px;
		}
		#latest_news .copy .lntop {
			left:0px;
			top:0px;
			height:11px;
			background:transparent url('images/corner-box1-t.gif') top left repeat-x;
		}
		#latest_news .copy .lnbottom {
			left:0px;
			height:11px;
			bottom:0px;
			background:transparent url('images/corner-box1-b.gif') top left repeat-x;
		}
		#latest_news .copy .lnleft {
			top:0px;
			left:0px;
			width:11px;
			background:transparent url('images/corner-box1-l.gif') top left repeat-y;
		}
		#latest_news .copy .lnright {
			top:0px;
			right:0px;
			width:11px;
			background:transparent url('images/corner-box1-r.gif') top right repeat-y;
		}
		#latest_news .copy .lntopleft, #latest_news .copy .lnbottomleft, #latest_news .copy .lntopright, #latest_news .copy .lnbottomright {
			position:absolute;
			width:11px;
			height:11px;
		}
		#latest_news .copy .lntopleft {
			left:0px;
			top:0px;
			background:transparent url('images/corner-box1-tl-square.png') 0 0 no-repeat;
		}
		#latest_news .copy .lntopright {
			right:0px;
			top:0px;
			background:transparent url('images/corner-box1-tr.png') 0 0 no-repeat;
		}
		#latest_news .copy .lnbottomleft {
			left:0px;
			bottom:0px;
			background:transparent url('images/corner-box1-bl-square.png') 0 0 no-repeat;
		}
		#latest_news .copy .lnbottomright {
			right:0px;
			bottom:0px;
			background:transparent url('images/corner-box1-br.png') 0 0 no-repeat;
		}

#wrapper_columns {
	margin:0px 69px 10px 69px;
}
#wrapper_popup #wrapper_columns {
	padding:10px;
}
#wrapper_left { 
	display:inline;
	margin:0px 38px 0px 0px;
	padding:0px;
	width:227px;
	float:left;
}
	#wrapper_left .navblock {
		background-color:#53BBE2;
		width:227px;
		margin-bottom:17px;
	}
		#wrapper_left .navblock h2 {
			color:white;
			font-size:120%;
			text-align:center;
			padding:12px 0px 15px 0px;
			margin:0px;
			background:transparent url('images/navblock-dotted-line-h2.gif') left bottom repeat-x;
		}
		#wrapper_left .navblock .nbtop1, #wrapper_left .navblock .nbtop2, #wrapper_left .navblock .nbbottom {
			position:absolute;
			left:0px;
			width:227px;
			height:13px;
		}
		#wrapper_left .navblock .nbtop1 {
			top:0px;
			background:transparent url('images/navblock-top1.gif') 0 0 no-repeat;
		}
		#wrapper_left .navblock .nbtop2 {
			top:0px;
			background:transparent url('images/navblock-top2.gif') 0 0 no-repeat;
		}
		#wrapper_left .navblock .nbbottom {
			bottom:0px;
			background:transparent url('images/navblock-bottom.gif') 0 0 no-repeat;
			overflow:hidden;
		}

		#wrapper_left .navblock ul {
			padding:0px;
			margin:0px;
		}
		#wrapper_left .navblock ul li {
			width:auto;
			list-style-type:none;
			display:block;
		}
		#wrapper_left .navblock ul li a {
			display:block;
			color:white;
			padding:7px 10px 10px 10px;
			font-weight:bold;
			height:15px;
			background:transparent url('images/navblock-dotted-line-a-off.gif') left bottom repeat-x;
		}
		#wrapper_left .navblock ul li:last-child a {
			background-image:none !important;
		}
		#wrapper_left .navblock ul li a:hover {
			color:#1367A8;
			background-color:#D8ECF8;
		}
		#wrapper_left .navblock ul li a.selected {
			color:#1367A8;
			font-weight:bold;
			background:#D8ECF8 url('images/navblock-dotted-line-a-on.gif') left bottom repeat-x;
		}
		#wrapper_left .navblock ul li.subpage a, #wrapper_left .navblock ul li.subsubpage a {
			padding-left:15px;
			font-weight:normal;
			color:#1367A8;
			background:#D8ECF8 url('images/navblock-dotted-line-a-on.gif') left bottom repeat-x;
		}
		#wrapper_left .navblock ul li.subsubpage a {
			padding-left:25px;
			color:#53BBE2;
		}
			#wrapper_left .navblock ul li.subpage a.selected, #wrapper_left .navblock ul li.subsubpage a.selected {
				color:#D02129;
			}

			#wrapper_left .navblock ul li.subsubpage a.sub_category {
				font-size:90% !important;
			}

		#wrapper_left .btn_style1 {
			width:227px;
			height:69px;
			display:table; 
			overflow:hidden;
			margin-bottom:15px;
			background:transparent url('images/bg-button-style1-off.png') 0 0 no-repeat;
			text-align:center;
			padding-left:20px;
			cursor:pointer;
		}
			#wrapper_left .btn_style1 div {
				#position:absolute;
				#top:50%;
				#left:50%;
				display:table-cell;
				vertical-align:middle;
			}
			#wrapper_left .btn_style1 a {
				#position:relative;
				#top:-50%;
				#left:-50%;
				font-weight:bold;
				font-size:130%;
				color:white;
				display:block;
				width:187px;
			}

		#wrapper_left .btn_style2 {
			width:227px;
			height:42px;
			margin-bottom:15px;
		}
			#wrapper_left .btn_style2 a {
				cursor:pointer;
				display:block;
				width:227px;
				height:42px;
				line-height:42px;
				color:white;
				text-align:center;
				font-weight:bold;
				font-size:120%;
				background:transparent url('images/bg-button-style2-off.png') 0 0 no-repeat;
			}
			#wrapper_left .btn_style2 a:hover {
				color:#1367A8;
				background:transparent url('images/bg-button-style2-on.png') 0 0 no-repeat;
			}


#wrapper_content { 
	float:left;
	margin:0 auto;
	padding:0px;
	display:inline;
	position:relative;
	width:580px;
}
	#wrapper_content #content_style1 {
		color:white;
		font-size:110%;
	}
	#wrapper_content #content_style1 h1 {
		background:transparent url('images/style1-dotted-line-h1.gif') left bottom repeat-x;
		padding:0px 0px 15px 0px;
		color:#1367A8;
		font-size:200%;
	}
	#wrapper_content #content_style1 img {
		border:4px solid white;
		padding-top:0px !important;
		margin-top:0px !important;
	}

	#wrapper_content #content_style2 {
		width:576px;
		padding:15px;
		background:white url('images/style2-box-sides.gif') 0 0 repeat-y;
		color:#1367A8;
	}
		#wrapper_content #content_style2 .style2_top, #wrapper_content #content_style2 .style2_bottom {
			position:absolute;
			left:0px;
			width:606px;
			height:14px;
		}
		#wrapper_content #content_style2 .style2_top {
			top:0px;
			background:transparent url('images/style2-box-top.gif') 0 0 no-repeat;
		}
		#wrapper_content #content_style2 .style2_bottom {
			bottom:0px;
			background:transparent url('images/style2-box-bottom.gif') 0 0 no-repeat;
		}
	#wrapper_content #content_style2 h1 {
		background:transparent url('images/style2-dotted-line-h1.gif') left bottom repeat-x;
		padding:0px 0px 15px 0px;
		color:#1367A8;
		font-size:180%;
	}
	#wrapper_content #content_style2 h2.product_header {
		float:left;
		color:#53BBE2;
		font-size:140%;
		width:250px;
		text-decoration:none;
		padding-bottom:10px;
	}
	#wrapper_content #content_style2 h3 {
		color:#53BBE2;
		font-size:120%;
		margin-bottom:12px;
	}
	#wrapper_content #content_style2 h4 {
		color:#53BBE2;
		font-size:120%;
		margin-bottom:12px;
		padding-left:15px;
		font-weight:normal;
	}
	#wrapper_content #content_style2 #extra_pages {
		float:right;
		margin-bottom:10px;
		width:270px;
	}
		#wrapper_content #content_style2 #extra_pages img {
			margin:0px 0px 0px 20px;
		}

	#wrapper_content #content_copy {
		padding:15px;
	}


#wrapper_admin {
	margin:0px 69px 20px 69px;
	padding:0px;
}
	#wrapper_admin a {
		text-decoration:underline;
	}


.admin_highlighted {
	font-style:italic;
	color:#1367A8;
}
#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 {
}
	#item_list .item_list_item {
		padding:10px 10px 20px 10px;
		margin-bottom:15px;
		height:1%;
		background:transparent url('images/dotted-line.gif') left bottom repeat-x;
	}
	.item_list_item h2 {
		text-decoration:underline;
	}
	.item_list_item a.news_link {
		display:block;
		position:absolute;
		bottom:10px;
	}
	img.news_image {
		padding:5px;
		/*border:1px solid #1367A8;*/
	}
	#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;
}
.ctrl_msg {
	font-weight:normal;
	font-size:90%;
}

.DisplayProductDetails {
	position:relative;
	padding:0px;
	float:left;
	width:95%;
	text-align:left !important;
	font-size:100%;
}
.DisplayProductDetails .ProductImage {
	background-color:white;
	padding:0px;
	margin:0 0px 5px 0px;
	float:left;
	border:1px solid #F5802E;
}
.DisplayProductDetails .DisplayProductDetailsText {
	width:340px;
	background-color:white;
	padding:0px;
	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:10px;
	float:left;
	width:130px;
	height:20.5em;
	text-align:left;
	border:2px solid #F5802E;
	font-size:100%;
	margin-bottom:10px;
	background-color:white;
}
.ColPos1 {
	margin-left:0px;
	margin-right:10px;
}
.ColPos2 {
	margin-left:0px;
	margin-right:10px;
}
.ColPos3 {
	margin-left:0px;
	margin-right:0px;
}
.DisplayProduct:hover {
	background-color:#FFF4E9;
}
.DisplayProduct .ProductImage {
	background-color:white;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	/*margin:0 20px 5px 0px;*/
	float:left;
	border:1px solid #F5802E;
}
.DisplayProduct .OptionDesc {
	padding-top:3px;
}
.DisplayProduct .DescOnly {
	color:#F5802E;
}
.DisplayProduct .MoreInfo {
	padding:0px;
	margin:0px;
	position:absolute;
	left:10px;
	bottom:5px;
	width:10.5em;
	height:2.7em;
}
	.DisplayProduct .MoreInfo a {
		font-size:90%;
		color:#F5802E;
	}
.DisplayProduct .ZoomImage {
	padding:0px;
	margin:0px;
	position:absolute;
	right:10px;
	bottom:10px;
	width:22px;
	height:22px;
}
.DisplayProduct  .highlighted {
	font-weight:bold;
	font-size:130%;
	color:#F5802E;
}
.ThumbnailImage {
	float:left;
	width:60px;
	margin-right:10px;
	margin-bottom:10px;
}

.pagination {
	margin-top:10px;
	margin-bottom:15px;
}
.pagination h3 {
	font-size:105%;
	text-decoration:underline;
}

.highlight_word {
	background-color:#F5802E;
	font-weight:bold;
	border-bottom:1px dashed #F5802E;
}

#breadcrumbs {
	margin:5px 0px 5px 0px;
	font-size:95%;
	float:right;
	color:#F5802E;
	font-weight:bold;
	z-index:2;
}
	#breadcrumbs a {
		color:#1367A8;
		font-weight:normal;
		text-decoration:underline;
	}

#product_details {
	border:2px solid #F5802E;
	margin-top:20px;
	padding:15px;
	background-color:white;
}
#product_details h2 {
	font-weight:normal;
	color:#1367A8;
	font-size:100%;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 5px 0px;
}
#product_details p {
	color:#F5802E;
	margin:0px;
	padding:0px 0px 5px 0px;
}
#product_details .Highlighted {
	font-size:110%;
	color:#1367A8;
	font-weight:bold;
}
#product_details #product_options {}
#product_details #product_options td, #product_details #product_options th {
	color:#F5802E;
	vertical-align:top;
	padding-bottom:3px;
}
#product_details #product_options td.desc {
	width:70%;
}
#product_details #product_options td.price {
	width:20%;
}
#product_details #product_options td.qty {
	width:10%;
}
#product_details .imgsubmit2 {
	width:161px;
	height:43px;
}
#table_basket {
	margin:10px 0px 10px 0px;
	width:100%;
}
#table_basket th {
	background-color:#F5802E;
	color:#1367A8;
	font-weight:bold;
	padding:5px;
	border:1px solid #1367A8;
	vertical-align:top;
}
#table_basket td {
	font-weight:normal;
	padding:5px;
	border:1px solid #1367A8;
	vertical-align:top;
}
#table_basket td a {
	text-decoration:underline;
	color:#1367A8;
}
#table_basket .blank {
	background-color:transparent;
	border:none;
}

#newsletters div {
	float:left;
	border:1px dashed #F5802E;
	padding:4px;
	margin:0px 6px 15px 0px;
	background-color:white;
}
#newsletters h3 {
	font-size:120%;
	text-align:center;
}

.fileicon {
	margin:5px 10px 5px 0px;
	vertical-align:middle;
	border:0px !important;
}

.video {
	width:320px;
	height:240px;
	display:block;
	margin-bottom:10px;
}

.subcatheader {
	float:left;
	width:285px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	color:#1366A8;
	padding:0px 0px 0px 15px;
	margin:0px;
}

.newsletter_subscribe {
	width:570px;
}
	.newsletter_subscribe table {
		width:95% !important;
	}
		.newsletter_subscribe table td {
			padding:3px;
		}