/* CSS Document LIIO*/

* {padding:0; margin:0;}

body {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px;background-image:url(/photos/home-feature.jpg); background-attachment:fixed; background-position:right top; background-repeat:no-repeat; background-color:#327cc3;}/*Feature image defined inline*/



table {font-size:13px; line-height:17px;}



/*Text, Formatting*/

a {text-decoration:none; color:#0D64B8;}

	a:hover {color:#144B8C;}

	a img {border:none;}

	.link-arrow {background:url(/photos/arrow-blue.gif) no-repeat 0 1px; padding:0 5px 0 1.1em;}

	a.link-arrow:hover {background:url(/photos/arrow-blue-ro.gif) no-repeat 0 2px;}

	.link-quiet {color:#fff;}

	a.link-quiet:hover {color:#DBE8F4;}

p {padding:5px 0;}



h1 {font-size:11px; font-weight:normal; color:#0D64B8; text-align:right; line-height:13px; position:absolute; width:185px; top:590px;}

h2 {font-size:20px; font-weight:normal; padding-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFDE3B;}

	h2 span, h3 span {color:#fff;}

	h2 span a {color:#fff;}

	h2 a:hover {color:#DBE8F4;}

h3 {font-size:17px; font-weight:normal; padding-bottom:8px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFDE3B;}

h4 {font-size:14px; font-weight:bold; padding-bottom:9px; color:#0D64B8; }

	h4 a:hover {text-decoration:underline;}

h5 {font-size:14px; font-weight:bold; padding:9px 0; color:#B6D0E9;}

h6 {font-size:12px; font-weight:bold; padding:4px 0 12px; color:#DBE8F4; font-style:italic; line-height:14px;}



#content ul {padding:4px 10px;}

#content ul li { list-style:inside;padding:1px 0 1px 6px;}



.hr, .hr-top {height:1px; line-height:1px; background:#fff; filter:alpha(opacity=20); opacity:0.2; clear:both;}

	.hr {margin:14px 0;}

	.hr-top {margin:0 0 17px 0;}

	

.light-blue {color:#E9F1F8;}

.med-blue {color:#B6D0E9;}

.blue {color:#0D64B8;}

.tiny {font-size:10px;}

.small {font-size:12px;}

.large {font-size:15px;}

.right {float:right;}

.left {float:left;}

.blue-bold {color:#0D64B8; font-weight:bold;}



/*Fixed Column - Some crazy stuff going on here :) */

#fixed-col {position:fixed; top:0; left:0; width:200px; z-index:2;}

	* html #fixed-col {position:absolute;}/*IE6 fixed position help*/

	#logo {padding:18px 0 35px 21px;}

		#logo img {width:175px; height:104px;}

	#contact {margin-top:25px; background:url(/photos/bg-contact.png) no-repeat; height:96px; font-size:11px; text-align:right; line-height:13px; padding:10px 40px 0 0; color:#DBE8F4;}

		#contact p {padding:3px 0;}

		#contact strong {color:#fff;}



/*Content layout*/

#content-wrap {position:relative; margin:157px 0 0 201px; padding-left:5.7%; z-index:1;}

#content {width:460px; background:url(/photos/bg-content.png) no-repeat; padding:15px 15px 0 15px;}

#footer {width:460px; height:20px; background:url(/photos/bg-content-bottom.png) no-repeat; color:#0D64B8; font-size:10px; padding:17px 15px; position:relative;}

	/*Pos:Rel = IE Fix when content expands*/

	#e7, #e7 a {float:left; width:11px; height:11px; background:url(/photos/e7.gif); line-height:11px; padding:0;} #e7 {margin:4px 4px 0 0;}

	#e7 a:hover {background-position:bottom;}



/*PNG fix for IE6*/

	* html #logo img, * html #content, * html #footer, * html .box, * html .box-bottom, * html .product, * html .product-image img, * html .detail-image img, * html .special-image img, * html .large-button, * html .button-over, * html .small-button {behavior:url(/scripts/iepngfix.htc);}

	.box a {position:relative; z-index:5;}



/*Inner Boxes*/

.box-wrap {position:relative; margin-top:14px;  z-index:2;}

.box, .product {width:432px; padding:14px 14px 4px 14px; background:url(/photos/bg-box.png) no-repeat;}

.box-bottom {width:460px; height:10px; background:url(/photos/bg-box-bottom.png) no-repeat;}



/*Home Specials*/

.special {clear:both; position:relative;}

			/*IE6 override. Links won't work in floats over a PNG*/

			* html .special {height:60px;}

			* html .special-image img, * html .special-image {position:absolute; width:70px; height:46px; z-index:99;}

			* html .special h4 {position:absolute; width:89px; left:84px;}

			* html .special p {position:absolute; width:259px; left:173px;}



	/*Standard CSS*/

	.special-image {float:left; width:70px; height:46px; margin-right:14px;}

	.special h4 {float:left; width:89px; font-size:12px; line-height:15px;}

	.special p {float:left; width:259px; font-size:12px; line-height:15px; padding:0; color:#e3f1fe;}

		.special h4 span {color:#c6ddf4;}

		.special a:hover h4 {text-decoration:none; color:#144B8C; cursor:pointer; pointer:hand;}

		.special a:hover p {cursor:pointer; pointer:hand;}



/*Product - Row View*/

.product {margin-top:25px;}

.prod-left {float:left; width:101px;}

.prod-right {float:right; width:310px;}

.product-image {width:101px; height:67px; background-repeat:no-repeat;}

	.product-image img {float:left; width:101px; height:67px;}

.product p {line-height:16px; color:#fff;}

.product h4 {padding-bottom:3px;}

.product h5 {padding:16px 0 9px 2px;}

.purchase, .purchase a {width:84px; height:21px; display:block; background:url(/photos/button-purchase.gif);} .purchase {margin:5px 0;}

.purchase a:hover {background-position:bottom;} .purchase b {display:none;}



.product .sale {float:right; margin-top:-20px; width:13px;}

.product .new {float:right; margin-top:-20px; width:13px; padding-right:13px; *padding-right:0;}



		/*Button for when no prices are attatched to  product*/

		.enquiry, .enquiry a, .enquiry-row, .enquiry-row a {width:127px; height:20px; display:block; background:url(/photos/button-enquiry.gif);}

			.enquiry-row {margin:5px 0;}

			.enquiry a:hover, .enquiry-row a:hover {background-position:bottom;}

			.enquiry b, .enquiry-row b {display:none;}

		.enquiry {position:absolute; top:175px;} * html .enquiry {top:162px;}



#back-to-top, #back-to-top a {width:100px; height:15px; display:block; background:url(/photos/button-backtop.gif);}

#back-to-top a:hover {background-position:bottom;} #back-to-top b {display:none;} #back-to-top {margin:8px 0 0 360px;}



/*Product - Detail View*/

.detail-head h4 {font-size:18px; line-height:20px; width:155px;}

.detail-head h5 {font-size:14px; line-height:16px;}

.detail-image {float:right; width:272px; height:180px; background-repeat:no-repeat; margin-bottom:20px;}

	.detail-image img {float:right; width:272px; height:180px;}

.detail-content {float:left; width:330px; clear:both; border-right:1px solid #88b6de; padding-right:10px;}

.detail-keywords {float:right; width:75px; font-size:11px; line-height:12px;}

	.detail-keywords h6 {font-style:normal; text-transform:uppercase; font-size:11px; color:#B6D0E9;}

	.detail-keywords a {float:left; width:75px; clear:both; padding-bottom:8px; display:block;}

	.detail-keywords a:hover {text-decoration:underline;}

.purchase-large, .purchase-large a {width:100px; height:20px; display:block; background:url(/photos/button-purchase-large.gif);}

	.purchase-large {position:absolute; top:175px;} * html .purchase-large {top:162px;}

	.purchase-large a:hover {background-position:bottom;} .purchase-large b {display:none;}

.price-table {font-size:14px; font-weight:bold; padding:9px 0; color:#B6D0E9; position:absolute;}

.many-prices {font-size:14px; font-weight:bold; padding:9px 0; color:#B6D0E9;}



/*Category*/

.category-heading {float:right; width:331px; font-size:17px;}

	.category-heading a {display:block; padding:22px 0 26px 36px; background:url(/photos/arrow-blue.gif) no-repeat 15px 22px;}

	.category-heading a:hover {text-decoration:none; background:url(/photos/arrow-blue-ro.gif) no-repeat 15px 23px;}

.product-image a {filter:alpha(opacity=20); opacity:0.2;}



/*Checkout*/

#checkout-nav {font-weight:bold; font-size:14px;}

	#checkout-nav a {padding-right:10px; color:#DBE8F4;}

	#checkout-nav span {padding-right:10px; color:#A6C8E5;}

	#checkout-nav #checkout-on {color:#fff;}

	#checkout-nav a:hover,  a#checkout-on:hover {color:#144B8C;}

	

.large-opt-wrap {padding:0 15px;}

.large-option {display:block; font-size:14px; background:url(/photos/arrow-blue.gif) no-repeat 4px 13px; padding:12px 20px 5px;}

a.large-option:hover {font-weight:bold; background:url(/photos/arrow-blue-ro.gif) no-repeat 4px 14px;}

.large-radio {font-size:14px; font-weight:bold; color:#0D64B8; margin:5px 0;}

.large-radio-on {color:#fff;}

.brd-bt {border-bottom:1px solid #a7c6e5; padding-bottom:7px;}



form {display:inline; margin:0px;}

input, textarea, select {border:1px solid #4084c4; background:#d9e6f1; color:#0d64b8; margin-top:4px; padding:3px; display:inline; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

	input:FOCUS, textarea:FOCUS, input:ACTIVE, textarea:ACTIVE {background:#fff; border:1px solid #0d64b8;}

	input.hidden {display:none;}

select, table select {margin-top:5px; width:247px;}

	select:FOCUS, select:ACTIVE {background:#fff; border:1px solid #0d64b8;}

	select option {padding:0 3px 0 5px;}

.checkbox {border:0; background:none; margin:4px 4px 0 0; width:auto;}

.small-field {height:20px; font-size:11px;}

.large-field {height:20px; font-size:14px; font-weight:bold; padding-top:6px;}

.price {float:left; width:70px; padding-right:5px;}

.duration {float:left; width:215px; padding-top:3px;}



	/*Buttons*/

  .large-button {cursor:pointer; pointer:hand;}

	.large-button, .large-button-disabled {border:none; background:url(/photos/button.png); width:112px; height:31px; color:#DBE8F4; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

	input.large-button:FOCUS, input.large-button:ACTIVE, input.large-button:hover {border:none; background:url(/photos/button.png) bottom; width:112px; height:31px; color:#fff; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; pointer:hand;}

	.small-button, .small-button-disabled {border:none; background:url(/photos/button-small.png); width:82px; height:22px; color:#DBE8F4; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

	input.small-button:FOCUS, input.small-button:ACTIVE, input.small-button:hover {border:none; background:url(/photos/button-small.png) bottom; width:82px; height:22px; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; pointer:hand;}

	.btn-over {background-position:bottom; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; pointer:hand;}

	.large-button-disabled {background:url(../photos/button-large-disabled.gif); color:#76A7D6;}

	.small-button-disabled {background:url(../photos/button-small-disabled.gif); color:#76A7D6;}



/*Nav - Uses image sprites*/

#nav {background:url(/photos/nav.gif); font-size:12px; line-height:13px; z-index:99;}

#nav b, #search b {display:none;}

#nav a {background:url(/photos/nav.gif); width:200px; height:35px; display:block; z-index:99;}

	/*On States*/

	#n1-on a, #n2-on a, #n3-on a, #n4-on a, #n5-on a, #n6-on a, #n7-on a, #n8-on a {background:url(/photos/nav-on.gif); width:200px; height:35px; display:block;}

	/*Positioning and Over states*/

	#n1 a:hover {background-position:200px 0;}

	#n2 a, #n2-on a {background-position:0 245px;} #n2 a:hover {background-position:200px 245px;}

	#n3 a, #n3-on a {background-position:0 210px;} #n3 a:hover {background-position:200px 210px;}

	#n4 a, #n4-on a {background-position:0 175px;} #n4 a:hover {background-position:200px 175px;}

	#n5 a, #n5-on a {background-position:0 140px;} #n5 a:hover {background-position:200px 140px;}

	#n6 a, #n6-on a {background-position:0 105px;} #n6 a:hover {background-position:200px 105px;}

	#n7 a, #n7-on a {background-position:0 70px;}  #n7 a:hover {background-position:200px 70px;}

	#n8 a, #n8-on a {background-position:0 35px;}  #n8 a:hover {background-position:200px 35px;}	

		#nav #n1 a, #nav #n1-on a {height:37px;}/*Override 'Home' height*/ 

	/*Dropdowns*/

	#nav div ul {position:absolute; width:190px; left:-9999px; background:url(/photos/bg-drop.gif) bottom right no-repeat; z-index:99; list-style:none; padding:0 0 7px 1px; border-top:1px solid #669dd2; z-index:99;}

	#nav div:hover, #nav div.iehover {position:static;}

	#nav div:hover ul, #nav div.iehover ul {left:200px; margin-top:-37px;}

	#nav ul li a {background:none; height:auto; width:160px; color:#327CC3; padding:5px 15px; border-bottom:1px solid #72a5d6;}

	#nav ul li a:hover {background:#e8f0f8; text-decoration:none;}



/*Search*/

#search, #search a {width:200px; height:35px; display:block; background:url(/photos/button-search.gif);}

#search a:hover {background-position:bottom;}

#search-on, #search-on a {width:200px; height:35px; display:block; background:url(/photos/button-search-on.gif);}



/*Misc*/

.hidden {display:none;}

.popup {position:absolute; background:#fff; border-left:1px solid #0d64b8; border-top:1px solid #0d64b8; border-right:1px solid #0d64b8; border-bottom:2px solid #0d64b8; color:#0D64B8; font-size:11px; line-height:13px; width:160px; padding:2px 9px 6px; margin:-99px 0 0 306px; *margin:-99px 0 0 -73px;}

.pad-none {padding:0;}

.pad10 {padding:10px 0; width:20px;}

.indent {padding-left:30px;}

.white-li li a {color:#fff;}

	.white-li li a:hover {color:#DBE8F4;}

.search-h2 {float:left; font-size:17px; padding-left:5px;}

	

/*Crazy IE. Could probably be cleaner*/

.ie-btn-fix2 {width:100%; position:relative; z-index:5;}

.ie-btn-fix  {width:100%;}

	.ie-btn-fix input, ie-btn-fix2 input {z-index:6;}

form {z-index:98;}
#navcontainer {
	width: 120px;
	margin-left: 35px;
	
}

#navcontainer ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	font-weight: bold;
	background-image: url(/photos/bg_button.png);
	
	
}

#navcontainer a {
	display: block;
	width: 120px;
	height: 42px;
	line-height: 2em;
	
	padding-left: 2px;
	text-decoration: none;
	color: #ffffff;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

#navcontainer a:hover {
	height: 42px;
	line-height: 2em;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/photos/bg_hover.png);
	background-repeat: no-repeat;
	
}