p {padding:0; margin:0;}

.clear { clear:both;}

#readmore {width:100%;text-align:right;font-size:12px;padding-right:100px;}
#readmore a:link,#readmore a:visited {text-decoration:none;}

#PRODUCT {
	color:#333;
	clear:both;
	}
	
.size_opt {
	float:left;
	display:block;
	min-width:30px;
	height:25px;
	border:#afafaf 1px solid;
	background-color:#1492d3;;
	color:#ddd;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	margin:0px 4px 4px 0px;
	padding:0px 2px;
}
.size_opt_selected {
	float:left;
	display:block;
	min-width:30px;
	height:25px;
	border:#afafaf 1px solid;
	background-color:#1492d3;;
	color:#ddd;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	margin:0px 4px 4px 0px;
	padding:0px 2px;
	cursor:default;
}
.size_opt:hover,.size_opt_selected:hover {
	border:#1492d3 1px solid;
	background-color:#FFFFFF;
	color:#1492d3;
}

#featureproducts {width:100%;height:810px;background: url(productgridback.jpg) 0px 0px repeat-y;}

#reasonslist  { color:white;font-weight:bold;padding:0; margin:0; font-size:10px;background:#0B7FBB;margin:3px;padding:3px;} 
#reasonslist li {margin-bottom:5px;}
#reasonslist li {list-style-type: none;}


#minibasketlist { color:black;font-weight:bold;padding:0; margin:0; font-size:10px;background:white;margin:3px;padding:3px;} 
#minibasketlist li {margin-bottom:5px;}

#minibasketlist a:link,#minibasketlist a:hover,#minibasketlist a:visited {color:black;text-decoration:none;}
#minibasketlist ul {list-style-type: none;
margin:0;
padding:0;}


#column1start {width:100%;padding:0; margin:0;border: 0;overflow:hidden;}
#column1start h2 {margin:0;padding:0;color:#0089CF; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}

#column1right  {float:right;width:240px;padding:0; margin:0;border: 0;}
#column1left {float:left;padding:0; margin:0;border: 0;}

#searchbox {background: #B5DDF1;padding:4px;margin:0;width:179px;}
#searchbox input {padding:2px;}
.textinputbox {width:130px;background:#A3C4DE;border: 1px solid #666666;color:#666666;  font-size: 10px;  }


.top-lt { float: left; width: 100%; height:90px; background: url(header_back_dzs.jpg) 0px 0px no-repeat; padding-bottom: 6px;margin-top:6px;}


.top-lt h2 { font: bold 22px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #030303; margin-top: 5px; padding-top: 37px;padding-left: 223px; }


.top-rt { width: 100%; height:90px; background: url(header_back_dzs.jpg) 0px 0px no-repeat; padding-bottom: 6px;margin-top:6px;}

.top-rtw {  width: 100%; height:90px; background: url(header_back_dzs.jpg) 0px 0px no-repeat; padding-bottom: 6px;margin-top:6px;}

.top-rt h2 { font: bold 22px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #030303; margin-top: 5px; padding-top: 37px;padding-left: 223px; }

.top-rtw h2 { font: bold 20px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #030303; margin-top: 5px; padding-top: 37px;padding-left: 173px; }


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#1492D3}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #99d0ec;
  border-right:1px solid #99d0ec;
  background:#4eadde}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e7f4fa;
  border-right:1px solid #e7f4fa;
  background:#40a6db}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #40a6db;
  border-right:1px solid #40a6db;}
.spiffy4{
  border-left:1px solid #99d0ec;
  border-right:1px solid #99d0ec}
.spiffy5{
  border-left:1px solid #4eadde;
  border-right:1px solid #4eadde}
.spiffyfg{
  background:#1492D3}
  
  
#magicbox {background: #1492D3;padding:4px;margin:0;}
#magicbox img {margin-top:2px;}
#magicbox select {width:90px;font-size:10px;color:#666666;}
.magicboxsubmit {font-size:10px;color:#666666;border:0;}

.listing-type-grid li { float:left; width:172px; padding:0; margin:0;border: 0;overflow:hidden; margin-right:5px}
.listing-type-grid li.last {  margin-right:0}



#item {position:relative;width:172px; height:270px; border-top:3px solid #66B8E2; overflow:hidden; float:left;margin-right:6px;font-size:12px;}
#item span {color:#0089CF;margin:0;padding:0;}
#itemfull {position:relative;width:172px; height:273px; overflow:hidden; float:left;margin-right:6px;font-size:12px;}
#item h4 {height:38px;line-height:18px;font-size:18px;margin:0;padding:0;margin-top:6px;text-align:center;}
#item h4 a {color:black;text-decoration:none;}

#detailsbar {bottom: 0px;text-align:center;margin-top:6px;margin-bottom:2px; }
#detailsbar img {width:172px;height:24px;}
#detailsbar p img {vertical-align:top;}

.product-image { text-align:center; }
.product-image img {width:172px;height:146px;margin-bottom:2px;margin-top:2px;}
.product-image p img {vertical-align:top; }

.price { white-space:nowrap !important; }

.price-box { height:32px;line-height:16px;text-align:left; font-size:12px; margin:0;padding:0; }
.price-box .price { font-weight:bold; color:#ca2f5a;}

/* Regular price */
.regular-price { color:#ca2f5a; }
.regular-price .price { font-weight:bold; font-size:16px; color:#ca2f5a; }

/* Old price */
.old-price { margin:0; }
.old-price .price-label { white-space:nowrap; color:#999; }
.old-price .price { font-weight:bold; color:#ca2f5a; text-decoration:line-through; }

/* Special price */
.special-price { margin:0; padding:3px 0; }
.special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; }
.special-price .price { font-size:13px; font-weight:bold; color:#ca2f5a; }



	/* General styles */
    body {
    	font-family: "trebuchet MS",arial,sans-serif;
        margin:0 auto;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:1018px;
       
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
    }
	a {
    	color:#369;
	}
	a:hover {
		text-decoration:none;
	}
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
 
	img {
        margin:0;
        padding:0;
        border:0;
    }
		#slidetabsmenu { 
		position: absolute;
		font-size:90%;
		line-height:22px;
		height:22px;
		padding: 0;
		margin: 0;
		top: 89px;
		right: 0;
		float:right;
		}
		
#featuredmenu {background-color:#FFFFFF;
font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  width:175px; 
  padding:0;
margin:10px 0 10px 0;
  }		
  
  #featuredmenu a, #featuredmenu a:visited{
	font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  text-decoration:none;
  background-color:#FFFFFF; 
  color:#647B82;
  display:block; 
  width:175px; 
  padding:0;
  padding-left:14px;
  }
  
  
 #featuredmenu P,#featuredmenu span {
	font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  text-decoration:none;
  background-color:#EAE9D4; 
  color:#647B82;
  display:block; 
  width:175px; 
  padding:0;
  padding-left:14px;
  }
  
  #featuredmenu span {
 font-weight:bold;
 }
 
 #featuredmenu P {
 font-weight:bold;
 font-size: 11px;
 color:#0089CF;
 background-color:#FFFFFF;
 
 }
#featuredmenu a:hover {
background:url('http://army-surplus.co.uk/menu_background.jpg');
  }		
		
		
#menu {background-color:#FFFFFF;
font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  width:175px; 
  padding:0;
margin:0;
  }
  
 #menu P {
 font-weight:bold;
 font-size: 11px;
 color:#0089CF;
 background-color:#FFFFFF;
   padding:0;
  padding-left:14px;
 
 }
	#menu a, #menu a:visited {
	font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  text-decoration:none;
  background-color:#FFFFFF; 
  color:#647B82;
  display:block; 
  width:175px; 
  padding:0;
  padding-left:14px;
  }
  
#menu a:hover {
background:url('http://army-surplus.co.uk/menu_background.jpg');
  }
  
  #menu span {
  background:url('http://army-surplus.co.uk/menu_background.jpg');
	font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  text-decoration:none;
  background-color:#EAE9D4; 
  color:#000;
  display:block; 
  width:175px; 
  padding:0;
  font-weight:bold;
  padding-left:14px;
  }
  
	#submenu a, #submenu a:visited {
	font-family: "trebuchet MS",arial,sans-serif;
font-size: 10.5px;
line-height:14px;
  text-decoration:none;
  background-color:#EAE9D4; 
  color:#000;
  display:block; 
  width:165px; 
  padding:0;
    padding-left:24px;
  }
  
#submenu a:hover {
background:url('http://army-surplus.co.uk/menu_background.jpg');
  }
		
		
* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color: white;
}

#first a {
float:left;
background:url(leftred.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color: white;
}

#first p {
float:left;
background:url(redtab.gif) no-repeat left top;
margin:0;
text-decoration:none;
padding:0 0 0 9px;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color: white;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(right.gif) no-repeat right top;
padding:0px 14px 0 5px;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: white;
}

#slidetabsmenu #current a {
/* background-position:0 -125px; */
}

#slidetabsmenu #current a span {
/* background-position:100% -125px; */
color: white;
}

#slidetabsmenu a:hover {
/* background-position:0% -125px; */
}

#slidetabsmenu a:hover span {
/* background-position:100% -125px; */
color: black;
}




		#navcontainer {position: absolute;
		font-size:90%;
		line-height:22px;
		height:22px;
		padding: 0;
		margin: 0;
		top: 111px;
		right: 0;
		float:right;
		}
	
	
	#navcontainer ul
{
height:30px;
padding: 0;margin: 0;
background-image:url('http://army-surplus.co.uk/ulback.jpg');
background-repeat:repeat-x;
background-position:top right; 
color: white;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline;}

#navcontainer ul li span
{
border-right:1px solid #77C6E4;
display:block;
line-height:30px;
height:30px;
padding: 0 1em;
background-color: #036;
color: White;
text-decoration: none;
background-image:url('http://army-surplus.co.uk/ulback.jpg');
background-repeat:repeat-x;
background-position:top right;
float: left;
}

#navcontainer ul li a
{
border-right:1px solid #77C6E4;
display:block;
line-height:30px;
height:30px;
padding: 0 1em;
background-color: #036;
color: White;
text-decoration: none;
background-image:url('http://army-surplus.co.uk/greynav.jpg');
background-repeat:repeat-x;
background-position:top right;
float: left;
}

#navcontainer ul li a:hover
{
background-image:url('http://army-surplus.co.uk/navarrow.jpg');
background-position:top center;
color: #fff;
}




	#scrollingnews{
        clear:both;
        float:left;
        width:100%;
        color:white;
        background-color:black;
        height:22px;
border-top:2px solid white;
    }
    
	/* Header styles */
    #header {
    position: relative;
        clear:both;
        float:left;
        width:100%;
        background-color:#C6C3BC;
        height:141px;
background-image:url('http://army-surplus.co.uk/dztopbanner.jpg');
background-repeat:no-repeat;
background-position:top right; 
    }
    
    


    #logo {
      
       top: 0;
    left: 0;
    width:614px;
	margin:0;
	background-image:url('http://army-surplus.co.uk/dropzone-logo.png');
background-repeat:no-repeat;
background-position:top left; 
height:141px;
	}
    
	#logo h1 {
	display:none;
	}
	

	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	
	}
	/* holy grail 3 column settings */
	.holygrail {
   	/* Right column background colour */
   	 background-image: url('http://www.army-surplus.co.uk/dropzone-main-background.jpg');
   	 background-repeat:repeat-y;
	}
	
    .holygrail .colmid {
     
	
        float:left;
        width:200%;
        margin-left:-105px; 	/* Width of right column */
        position:relative;
        right:100%;
      
       	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:295px;         	/* Left column width + right column width */
   
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:190px;        	/* Width of left column */

	}
	
	
	.holygrail .col1 {
    
          margin:0 110px 0 195px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
       
	    position:relative;
	    left:200%;
	    overflow:hidden;
	}
	

	
	
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
           right:0;    	/* Width of the left-hand side padding on the left column */
    }
    
    .holygrail .col3 {

        float:left;
        float:right;			/* This overrides the float:left above */
        width:100px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;

       
    }

   .bluebox {background:#0B7FBB;margin:3px;padding:3px;}
   .bluebox span {color:white;font-weight:bold;}


#addresstable {background:#D4EBF7;color:#253476;padding:10px;}


#addresstable a {font-size:10px;font-weight:bold;text-decoration:none;}
     
	/* Footer styles */
	#footer {
	font-size:12px;
	background:#D4EBF7;
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #B5B9BA;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */
  
  	#belowfooter {
	font-size:10px;
	background:#FFFFFF;
        clear:both;
        float:left;
        width:100%;
        color:#B5B9BA;
        border-top:1px solid #B5B9BA;
    }
    #belowfooter p {
    text-align:right;
        padding:10px;
        margin:0;
    }
    
     #belowfooter a:link,   #belowfooter a:visited {
  
     color:#B5B9BA;text-decoration:none;
    }
    #belowfooter a:hover {color:#336699;}
    
  
  #foot-cols { height: 170px; }
#foot-cols a { color: #666666; text-decoration: none; }
#foot-cols a:hover { color: #5f0b0d; text-decoration: underline; }
.ft-hd { height: 24px; width: 100%; background: #e4e3df; border-bottom: 1px solid #d5d5d5; line-height: 24px; text-align: center; font-weight: bold; margin-bottom: 6px; }
.ft-ft { padding: 0px 10px; }
#foot-1 { width: 189px; height: 170px; float: left; border-right: 1px solid #B5B9BA; }
#foot-2 { width: 560px; height: 170px; float: left;  }
#foot-3 { width: 25px; height: 170px; float: left; border-right: 1px solid #B5B9BA; }
#foot-4 { width: 241px; height: 170px; float: left; }
#foot-4 strong { display: block; }
#foot-4 em { font-weight: bold; color: #5f0b0d; font-size: 13px; }
#footerwords {display:none;}

.salesnumber { font-weight: bold; color: #5f0b0d; font-size: 15px; }