/* CSS Document */

/* GENERAL SETTINGS */

* {
	margin:0px;
	padding:0px;}

* img {
	border:0px;}
   
body { 
	font-family:Verdana, Helvetica; 
	font-size:11px;
	color:#000000;
	margin:10px auto;
	background-color:#AFD2D8;
	background-image:url(bg.gif);
	text-align:center; }
	
p { 
	text-align:left; }
	
h1 { 
	font-size:130%;
	margin:4px; }
		
hr { 
	color:#CCC;
	height:1px;
	margin:0px 5px;
	clear:both; }

.fr { float:right !important; }
	
a:link, a:visited {
	color:#000000;
	text-decoration:none; }
	
a:hover, a:active {
	color:#000000;
	text-decoration:underline; }
	
a.dark:link, a.dark:visited {
	color:#009;
	text-decoration:underline; }
	
a.dark:hover, a.dark:active {
	color:#900;
	text-decoration:underline; }
	
/* GENERAL WRAPPERS */

#wrapper {
	width:960px;
	margin:0 auto;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background-color:#FFF;
	text-align:center; }
	
#search-strip {
	clear:both;
	width:auto;
	line-height:2em;
	color:#FFF;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#006;  }
	
#search-strip p {
	margin:0px 5px;}
	
#logo {
	width:180px;
	height:107px;
	float:left;
	text-align:left;
	border-right:0px solid #000; 
	background-color:#006; }
	
#header_out {
	float:left;
	width:auto;
	height:auto;
	background-image:url(backing_header.jpg);
	border-top:1px solid #000;
	text-align:left; }
	 
#header_in	{
	float:left;
	width:780px;
	height:106px;
	text-align:left; }
	
.navigation_out {
	clear:both;
	width:auto;
	height:auto;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#006;  }
	
.navigation_in {
	width:940px;
	line-height:2em;
	color:#FFF;
	margin:0px 10px; }
	
.navigation_in a:link, .navigation_in a:visited {
	color:#FFF;
	text-decoration:none; }
	
.navigation_in a:hover, .navigation_in a:active {
	color:#D00;
	text-decoration:none; }
	
#under-product-links { min-height:15px; }

#pageqtylinks {
	float:left;
	text-align:left;
	margin:0px 5px 10px 5px;}

#pagenavlinks {
	float:right;
	text-align:right;
	margin:0px 5px 10px 5px;}

#sidebar-left_out {
	width:auto;
	float:left;
	display:inline;
	text-align:left;
	margin:10px 0px; }
	
#sidebar-left_in {
	width:159px;
	float:left;
	display:inline;
	text-align:left;
	margin:0px 10px; }
	
#main_content_out {
	float:left;
	width:auto;
	height:auto;
	text-align:left;}
	
#main_content_in {
	width:600px;
	float:left;
	margin:5px 0px;
	text-align:left;}
	
#login {
	width:580px;
	margin:10px;}
	
#form_login { width:570px;
	height:360px;}



.newform { width:280px; margin: 0 0 13px 0; float:left; }
.newform h2 { height:18px; line-height:18px; background:#a0b0d8; font-size:100%; font-weight:bold; color:#006; text-transform:uppercase; padding:0 0 0 10px; margin:0 0 10px 0;}
.newform h3 { font-size:100%; margin:0 10px; color:#333;}
.newform p { margin:4px 0 0; display:block; color:#666;}
.newform label { float:left; width:90px; padding-right:10px; background:#ccc; height:21px; line-height:21px; text-align:right; font-weight:bold; text-transform:uppercase;}
.newform input { width:168px; height:19px; line-height:19px; border:1px solid #ccc; padding:0 5px;}
.newform textarea { width:168px; height:69px; line-height:19px; border:1px solid #ccc; padding:0 5px; font-family: Verdana, Helvetica; font-size: 110%;}
.newform select { width:180px; height:21px; line-height:19px; border:1px solid #ccc; padding:0 5px; text-transform:uppercase; font-size:90%;}
.newform button { margin:3px 0; float:right; background:url(img/btn.gif); width:145px; height:23px; border:0; text-align:left; font-weight:bold; text-transform:uppercase; padding-left:25px; font-size:100%; color:#006; cursor:pointer; }
.newform.wide { width:552px; }
.newform.wide input { width:330px; }
.newform.wide .wide { width:438px; }
.newform.wide .narrow { width:160px; }

#contact_form { width:570px; }

#contact_form textarea { height:150px; }

#main_content_in h1{
	font-size:100%;
	margin:10px 20px;
	text-align:left;}
	
#sidebar-right_out {
	width:179px;
	height:auto;
	float:right;
	display:inline;
	text-align:left;
	margin:10px 0px; }
	
#sidebar-right_in {
	width:159px;
	float:right;
	display:inline;
	text-align:left;
	margin:0px 10px; }
	
#wrapper_cheat_left {
	width:960px; 
	background-image:url(images/css_side_left.jpg);
	background-position:left;
	background-repeat:repeat-y;}
	
#wrapper_cheat_right {
	width:960px; 
	background-image:url(images/css_side_right.jpg);
	background-position:right;
	background-repeat:repeat-y;}
	
#zzfooter {
	clear:both;
	width:auto;
	line-height:2em;
	color:#FFF;
	padding:0px 5px; 
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#006;  }
	
/* SPECIFIC WRAPPERS */

#search-bar {
	width:160px;
	display:inline;
	float:left;
	text-align:left;
	margin:0px 0px 15px 0px; }

.menu_header {
	clear:both;
	width:auto;
	line-height:1.5em;
	border-top:0px dotted #000;
	color:#DDD;
	font-weight:bold;
	margin-bottom:1px;
	float:none;
	background-color:#006; }
	
.menu_header p {
	margin:3px;}
	
.menu_item {
	clear:both;
	width:auto;
	min-height:10px;
	line-height:1em;
	border-top:1px dotted #000;
	color:#000;
	font-weight:bold;
	float:none;
	text-align:center;
	background-color:#DDD; }
	
.menu_item p {
	margin:3px;}
	
.menu_item a:link, .menu_item a:visited {
	color:#000; }
	
.menu_item a:hover, .menu_item a:active {
	color:#D00;
	text-decoration:none; }
	
.menu_item img {
	border:1px solid #006;
	margin:5px 0px;}
	
#contact_form {
	margin:20px 10px 10px 10px;}

/* TIES */

#main_content_in .ties_out {
	float:left;
	display:inline;
	text-align:left;
	width:auto;
	height:auto;
	margin:6px 7px;
	border:0px solid #DDD;
    min-height: 235px; }
	
#main_content_in .ties_in {
	float:left;
	display:inline;
	text-align:left;
	width:135px;
	min-height:180px; }
	
#main_content_in .ties_in p {
	font-size:100%;
	text-align:center; }
	
#main_content_in .ties_in h1 {
	text-align:center;
	margin:0px;
	font-size:100%;
	text-decoration:none; }
	
	
.ties_in a:link, .ties_in a:visited {
	color:#000000;
	text-decoration:none; }
	
.ties_in a:hover, .ties_in a:active {
	color:#000000;
	text-decoration:underline; }
	
#ties_in img {
	text-decoration:none;
	border:0px;}

#ties-desc {
	float:left;
	text-align:left;
	width:95px; }
		
#details {
	float:left;
	display:inline;
	width:270px;
	min-height:360px;
	margin:0px 5px; }
	
#details img {
	border:1px solid #DDD; }
	
#details a:link, #details a:visited {
	color:#000000;
	text-decoration:none; }
	
#details a:hover, #details a:active {
	color:#000000;
	text-decoration:underline; }
	
#details-text {
	float:left;
	width:300px;
	min-height:360px;
	margin:0px 5px; }
	
#details-text p.headings {
	color:#000;
	clear:both;
	font-size:100%;
	margin:10px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none; }
	
#details-text p.headings_tight {
	color:#000;
	clear:both;
	font-size:100%;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none; }
	
#details-text h1 {
	float:left;
	color:#000;
	font-size:120%;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	text-decoration:underline; }
	
#details-text h2 {
	clear:both;
	color:#000;
	font-size:100%;
	font-weight:normal;
	text-decoration:none; }
	
#details-text h3 {
	clear:both;
	color:#999;
	font-size:120%;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	text-decoration:none; }
	
#details-text h4 {
	color:#000;
	font-size:120%;
	font-weight:bold;
	text-decoration:none; }

.optiondd { padding:2px; margin:2px 0 0 0; }
	
/* SIMILAR PRODUCTS */

.similar_item {
	clear:both;
	width:auto;
	min-height:10px;
	line-height:1em;
	border-top:1px dotted #000;
	color:#000;
	font-weight:bold;
	padding:3px;
	float:none;
	background-color:#DDD;
	text-align:center; }
	
.similar_item img {
	border:1px solid #000; }
	
.similar_item p {
	text-align:center; }
	
.similar_item h1 {
	text-align:center;
	margin:-2px 0px 0px 0px;
	font-size:100%;
	text-decoration:none; }
	
/* TERMS */

#terms {
	width:580px;
	float:left;
	padding:5px 0px;
	margin:10px;
	text-align:left;}
	
#terms h1 {
	font-size:130%;
	font-weight:bold;
	margin:5px 0px;}
	
#terms h2 {
	font-size:110%;
	font-weight:bold;
	margin:15px 0px 5px 0px;}
	
#terms ul {
	margin:10px 0px 10px 20px;}

#terms p {
	margin:10px 0;}
	
/* BASKET */

.basket_item {
	float:left;
	display:inline;
	text-align:left;
	width:578px;
	margin:6px 10px;
	border:1px solid #DDD; }
	
.basket_item img {
	float:left;
	display:inline;
	border:0px;	}
	
.basket_item p {
	margin:5px;	}
	
.basket_form {}
	
.basket_buttons {
	width:160px;
	margin:2px;
	float:right;
	text-align:right;}
	
.basket_buttons img {
	float:right;
	border:0px;}

.basket_tots {
	width:360px;
	min-height:86px;
	margin:2px;
	float:right;
	text-align:right;
}
	
.basket_tots img {
	float:right;
	border:0px;}	

	

/* GERNEAL */

.clearboth {
	clear:both;}
	
.horizontal_shade {
	clear:both;
	float:left;
	display:inline;
	width:580px;
	margin:4px 10px 0px 10px;
	line-height:1.6em;
	background-color:#A0B0D8; }
	
.horizontal_shade h2 { 
	margin:0px 0px 0px 10px;
	font-size:100%;
	color:#006;
	text-decoration:none;}
	
.add_to_basket {}

.add_to_basket img{
	border:0px;
	margin:10px 0px;}
	
/* BASKET ////////////////////////////////*/

#basket_totals {
	width:60px;
	line-height:1.5em;
	margin:5px 10px 5px 5px;
	text-align:right;
	float:right;
	display:inline;}
	
#basket_totals_labels {
	width:180px;
	line-height:1.5em;
	margin:5px 0px;
	text-align:right;
	float:right;
	display:inline; }
	
/* HOMEPAGE ///////////////////////////////*/

#homepage {float:left;
	display:inline;
	width:592px;
	margin:10px 4px;
	min-height:100px;}
	
.home_special {
	float:left;
	display:inline;
	text-align:left;
	width:282px;
	margin:6px;
	height:282px;
	border:1px solid #006; }
	
.home_special p {
	margin:2px 10px;
	font-size:120%;}

.home_special h1 {
	margin:4px 10px;
	text-decoration:underline;
	font-size:150%;}
	
.home_special h2 {
	margin:5px 10px;
	font-weight:bold;
	font-size:120%;}
	
.home_special a:link, .home_special a:visited {
	color:#d00;
	font-weight:bold;}
	
.home_special a:hover, .home_special a:active {
	color:#d00;
	font-weight:bold;
	}
	
.home_special img {
	margin:0px ;
	border-bottom:1px solid #006;	}
	
.home_special img.add {
	float:right;
	margin:2px 10px;
	border:0px;	}
	
.home_delivery {
	float:left;
	display:inline;
	width:282px;
	margin:6px;
	height:134px;
	border:1px solid #006; }
	
.home_single {
	float:left;
	display:inline;
	width:134px;
	margin:6px;
	height:134px;
	border:1px solid #006; }

.home_2x1 {
	float:left;
	display:inline;
	width:282px;
	margin:6px;
	height:134px;
	border:1px solid #006; }

.home_4x1 {
	float:left;
	display:inline;
	width:578px;
	margin:6px;
	height:134px;
	border:1px solid #006; }

.home_4x2 {
	float:left;
	display:inline;
	width:578px;
	margin:6px;
	height:282px;
	border:1px solid #006; }
	
.home_long {
	float:left;
	display:inline;
	text-align:left;
	width:578px;
	margin:6px;
	height:134px;
	background:#eee;
	border:1px solid #006;
	overflow:auto;}

.home_long p {
	margin:5px 10px;
	font-size:120%;}

.home_long h1 {
	font-size:150%;
	margin:5px 10px 14px 10px;
	text-decoration:underline;}
	
.home_long h2 {
	margin:5px 10px;
	font-weight:bold;
	font-size:120%;}
	
.home_long img {
	float:left;
	display:inline;
	margin-right:10px;
	border-right:1px solid #006;}
	
.home_long img.right {
	float:right;
	display:inline;
	margin:0px 0px 0px 10px;
	border-right:0px;
	border-left:1px solid #006;}
	
.home_vertical {
	float:left;
	display:inline;
	width:134px;
	margin:6px;
	height:282px;
	border:1px solid #006;}
	
.home_quote {
	float:left;
	display:inline;
	text-align:left;
	width:282px;
	margin:6px;
	height:134px;
	background:#eee;
	border:1px solid #006;
	overflow:scroll;
	overflow-x:hidden; }
	
.home_quote_long {
	float:left;
	display:inline;
	text-align:left;
	width:578px;
	margin:6px;
	height:134px;
	background:#eee;
	border:1px solid #006;
	overflow:scroll;
	overflow-x:hidden; }
	
.home_quote p, .home_quote_long p {
	margin:5px 10px;
	font-size:120%;}

.home_quote h1, .home_quote_long h1 {
	font-size:150%;
	color:#d00;
	margin:5px 10px 5px 10px;
	text-decoration:none;}
	
.home_quote h2, .home_quote_long h2 {
	font-size:100%;
	color:#006;
	text-align:right;
	margin:3px 10px 0px 10px;
	text-decoration:none;}
	
.box_1x1 {
	float:left;
	display:inline;
	width:134px;
	margin:6px;
	height:134px;
	border:1px solid #006; }
	
.box_2x1 {
	float:left;
	display:inline;
	width:282px;
	margin:6px;
	height:134px;
	border:1px solid #006; }
	
.box_2x2 {
	float:left;
	display:inline;
	width:282px;
	margin:6px;
	height:282px;
	border:1px solid #006; }
	
.box_3x1 {
	float:left;
	display:inline;
	width:430px;
	margin:6px;
	height:134px;
	border:1px dotted #999;}
	
.box_4x1 {
	float:left;
	display:inline;
	width:578px;
	margin:6px;
	height:134px;
	border:1px dotted #999;}
	
.box_1x2 {
	float:right;
	display:inline;
	width:134px;
	margin:6px;
	height:282px;
	border:1px dotted #999;}
	
.box_special {
	float:left;
	display:inline;
	width:282px;
	margin:6px;
	height:282px;
	border:1px solid #006; }
	
.botnav {
float:left;  display:inline;
}

.diglinks {
float:right;  display:inline;
}

.hide { display:none; }

@media screen and (min-width: 981px) {
    .hide-d { display:none; }
}


#form-search { float:left; }
#form-search input { border:1px solid #006; padding:1px 2px ;height:18px; font-size:12px; width:130px; border-radius:0; }
#form-search button { width:20px; height:20px; background:#006 url(img/search-arrow.png); border:0; text-indent: -9000px; }

#burger { background:url(img/burger.png); background-position:0 0 ; width:20px; height:20px; float:right; cursor:pointer; }
#burger.active { background-position:20px 0 ; }