html {
	font-size:100%; /* 16px */ 
	
	/* font-size:0.875em; */ /* 16x0.875=14 */
	/* font-size:0.75em; */ /* 16x0.75=12 */
	/* font-size:0.6875em; */ /* 16x0.6875=11 */
	/* font-size:0.625em; */ /* 16x0.625=10 */
	/* font-size:0.5625em; */ /* 16x0.5625=9 */
	/* font-size:0.5em; */ /* 16x0.5=8 */
	/* font-size:0.375em; */ /* 16x0.375=6 */
	/* Note: enclosing element becomes 100% or 1 em. */
	
}

img{
	border: none;
}

body {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	margin: 0px 0px 0px 0px;
	background:url(../new_images/bg_strip.jpg) repeat-x;
}

a{
	color:#666;
	text-decoration:underline;
}
a:hover{
	color:#999;
	text-decoration:underline;
}

.clear {
	clear:both;
	font-size:0.1px;
	height:0pt;
	line-height:0pt;
	width:0pt;
}

.clearBoth {
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */





#outerWrapper{
	margin:auto;
	width: 1172px;
	background:url(../new_images/bg_header.jpg) no-repeat;
	background-position:  center top;
	
}

#innerWrapper{
	margin-left: 136px;
}

#tradeWrapper{
	position: absolute;
	width: 100%;
	margin:auto;
	margin-top: 77px;
	height:9px;
	background: url(../new_images/tradeUserChevs.png) bottom repeat-x;
}



#header{
	height:86px;
	color:#FFF;
}

#header a{
	color:#fff;
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}

.headerSubText{
	font-size:10px; /* 75% of div font size */
}

.vAlignMiddle{
	vertical-align: middle;
}

#phone{
	font-size:12px;
	width:170px;
	float:left;
	margin:17px 20px 0 170px;
	text-align: right;
	line-height: 1.7em;
}

#support{
	font-size:12px;
	width:165px;
	float:left;
	margin: 17px 20px 0 0;
	text-align: right;
	line-height: 1.7em;
}

#achAddress{
	font-size:10px;
	width:156px;
	float:left;
	margin: 19px 0 0 20px;
	/* background-color:#FFFF00; */
}

#search{
	font-size:11px;
	color:#FFF;
	float:left;
	width:570px;
	height:32px;
	margin: 8px 0 0 10px;
	/*background-color:#0000FF;*/
}


#search label{
	margin: 0 0 0 10px;
}
#search input[type="submit"]{
	margin: 0 0 0 10px;
}

#myAccount{
	font-size:11px;
	color:#FFF;
	width:120px;
	float:right;
	margin: 13px 136px 0 0px;
	text-align: left;
}

#myAccount a{
	color:#fff;
	text-decoration:none;
}
#myAccount a:hover{
	text-decoration:underline;
}


#basket{
	font-size:10px;
	float:left;
	width:176px;
}
#myBasket{
	font-size:12px;
	margin:4px 0px 8px 17px;
	float:left;
	color: #C5C0BD;

}
#miniBasketLink{
	font-size:10px;
	width:62px;
	height:20px;
	padding:4px 0 0 27px;
	float:right;
	background: url('../new_images/basket.png') no-repeat 4px 3px;

}
.miniBasket{
clear:both;
	font-size:10px;
	border-top: dashed 1px #ffffff;
	margin: 0px 0px 0px 17px;
	padding: 4px 0px 4px 0px;
}


#breadcrumb{
	float:left;
	height:23px;
	width:700px;
	font-size:11px;
	margin: 5px 0 0 10px;
	color:#000;
}

#breadcrumb .grey{
	color:#999;
}
.breadcrumbArrow{
	vertical-align: middle;
}

#leftCol{
	float:left;
	width:180px;
}


#tradeUser{
	float:left;
	width:164px;
	height:35px;
	background: url(../new_images/tradeUser.png) no-repeat;
}


.categoryPopup{
	float:left;
	position: absolute;
	margin: 0 0 0 -10px;
	width:720px;
	z-index: 30;
	background:url(../new_images/pop_background_top.png) top left no-repeat;
}

.categoryPopupInner{
	min-height:400px;
	font-size:11px;
	background:url(../new_images/pop_background_bottom.png) bottom left no-repeat;
	padding: 8px;
	
}
.categoryPopupInner h1{
	margin:4px 0 35px 5px;
	padding:0;
	font-size:14px;
}

.closeX{
	float:right;
	width:20px;
	height:19px;
	display:block;
}
a.closeX{
	background: url(../new_images/close_x.png) top left no-repeat;
}
a:hover.closeX {
	background: url(../new_images/close_x.png) top right no-repeat;
}



.categoryPopup ul{
	list-style:none;
	margin:0;
	padding:0;
}

.categoryPopup li{
	margin:0 19px 5px 19px;
	float:left;
	width:100px;
	height:140px;
}

.categoryPopup li img{
	border:none;
	width:80px;
	height:80px;
	margin:9px;
}

.catPicBorder{
	width:98px;
	height:98px;
	border-top: #F27C20 solid 1px;
	border-right: #EDA61F solid 1px;
	border-bottom: #EDA61F solid 1px;
	border-left: #F27C20 solid 1px;
	margin-bottom: 3px;
}

.categoryPopup li a{
	display: block;
	color:#000;
	text-decoration:none;
	outline:none;
	background: url(../new_images/subcat_roll_back.jpg) top left no-repeat;
}
.categoryPopup li a:hover{
	background: url(../new_images/subcat_roll_back.jpg) top right no-repeat;
}




#mainCol{
	font-size: 11px;
	margin: 0 10px 10px 10px;
	float:left;
	width:700px;
}
#mainCol h1{
	font-size: 18px;
	padding-top: 9px;
}

#footerLinks{
	font-size: 10px;
	margin:10px 0 50px 0;
	text-align:center;
}

#copyright{
	float:left;
	padding:0 0 1px 0;
	margin:0 0 0 5px;
}

#siteby{
	float:right;
	text-align:right;
	background:url(../new_images/GN.gif) right no-repeat;
	padding:0 22px 1px 0;
	margin:0 5px 0 0;
}

#footer{
	color: #666666;
	clear:both;
	height:50px;
	margin: 0 137px 0 137px;
}

#footer a{
	text-decoration: none;
}

#logos{
	text-align: center;
}

#menu img{
	border:none;
	margin:0 0 0 3px;
}
#menu{
	margin:39px 0 0 0;
}
#menu ul{
	font-size:11px;
	list-style:none;
	margin:0;
	padding:0;
}

#menu li{
	margin:2px 3px 0 3px;
	width:165px;
}
#menu li a{
	color:#fff;
	text-decoration:none;
	display:block;
	height:21px;
	padding:3px 0 0 0;
}
#menu li a:hover{
	color:#057EAD;
	background-color: #999;
}


#homeSpecialOffers{

}

#homeSpecialOffers a{
	margin: 5px 5px 5px 5px;
	background-color: #FF0000;
	font-size:11px;
	color:#000;
	float:left;
	width:340px;
	height:107px;
	background:url(../new_images/special_offers.png) no-repeat;
}

#homeSpecialOffers a:hover{
	background:url(../new_images/special_offers.png) bottom no-repeat;
}

#leftSpecialOffers{
	
}

#leftSpecialOffers a{
	margin: 10px 0 0 0;
	float:left;
	width:170px;
	height:55px;
	background:url(../new_images/special_offers_left.png) no-repeat;
}

#leftSpecialOffers a:hover{
	background:url(../new_images/special_offers_left.png) bottom no-repeat;
}


#deliveryFees{
	
}

#deliveryFees a{
	margin: 0 0 0 0;
	float:right;
	width:215px;
	height:85px;
	background:url(../new_images/freeDelivery.jpg) no-repeat;
}

#deliveryFees a:hover{
	/* background:url(../new_images/freeDelivery.png) bottom no-repeat; */
}



#homeCatalogue{
	
}
#homeCatalogue a{
	margin: 5px 5px 5px 5px;
	font-size:11px;
	color:#000;
	float:left;
	width:340px;
	height:107px;
	background:url(../new_images/cat_download.png) top no-repeat;
}

#homeCatalogue a:hover{
	background:url(../new_images/cat_download.png) bottom no-repeat;
}

#leftCatalogue{
	
}
#leftCatalogue a{
	margin: 10px 0 0 0;
	float:left;
	width:170px;
	height:55px;
	background:url(../new_images/cat_download_left.png) top no-repeat;
}

#leftCatalogue a:hover{
	background:url(../new_images/cat_download_left.png) bottom no-repeat;
}

#leftWorldPay{
	/* float:left; */
	margin:10px 0 0 0;
}



.mainCategoryTop{
	font-size:11px;
	color:#000;
	height:75px;
	background-color: aqua;
	background:url(../new_images/main_category_bg_top.png) left top no-repeat;
}
.mainCategoryBottom{
	height:25px;
	background:url(../new_images/main_category_bg_bottom.png) no-repeat;
	background-position: left bottom;
	margin-bottom:10px;
	
}
.mainCategoryContent{
	background:url(../new_images/main_category_bg_bottom_large.png) no-repeat;
	background-position: left bottom;
	display:none;
	
}
.mainCategoryTop h1{
	padding:10px 0 0 10px;
	font-size:14px;
}


a.catLink{
	color:#fff;
	text-decoration:none;
}


.homeCategory{
	padding: 10px 0px 10px 10px;
	margin: 0 5px 5px 5px;
	font-size:11px;
	color:#000;
	float:left;
	width:330px;
	height:165px;
	background:url(../new_images/category_background_top.png) left top no-repeat;
}
.homeCategoryContainer{
	float:left;
	clear:left;
	margin: 0 0 10px 0;
	width:700px;
	background:url(../new_images/category_background_bottom.png) no-repeat;
	background-position: 5px bottom;
}
.homeCategory h1{
	margin:0 0 10px 0;
	font-size:14px;
}
.homeCategory ul{
	list-style:none;
	margin:0;
	padding:0;
}

#homeCategoryPic{
	min-height:175px; /* Previously 280px */
}
.homeCategory p{
	width:160px;
}

#homeCategoryPic14{
	min-height:210px;
	background: url(../new_images/home_category_plant.png) right top no-repeat;
}

#homeCategoryPic15{
	min-height:210px;
	background: url(../new_images/home_category_security.png) right top no-repeat;
}

#homeCategoryPic18{
	min-height:210px;
	background: url(../new_images/home_category_tools.png) right top no-repeat;
}

#homeCategoryPic16{
	min-height:210px;
	background: url(../new_images/home_category_screws.png) right top no-repeat;
}

.homeCategory li{
	width:200px;
	margin:0 0 5px 0;
}
.homeCategory li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:3px 15px 3px 3px;
}
.homeCategory li a:hover{
	background:url(../new_images/category_arrow.png) center right  no-repeat;
}




.regulations{
	padding: 10px 10px 10px 10px;
	margin: 0 5px 5px 5px;
	font-size:11px;
	color:#000;
	float:left;
	width:320px;
	min-height:210px;
	background:url(../new_images/category_background_top.png) left top no-repeat;
}
.regulationsContainer{
	float:left;
	clear:left;
	margin: 0 0 10px 0;
	width:345px;
	background:url(../new_images/category_background_bottom.png) no-repeat;
	background-position: 5px bottom;
}
.regulations h1{
	margin:0 0 10px 0;
	font-size:14px;
}
.regulations ul{
	list-style:none;
	margin:0;
	padding:0;
}

.regulations li{
	width:300px;
	margin:0 0 5px 0;
}
.regulations li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:3px 15px 3px 3px;
}
.regulations li a:hover{
	background:url(../new_images/category_arrow.png) center right  no-repeat;
}


.largePanel{
	padding: 10px 10px 10px 10px;
	margin: 0 5px 5px 5px;
	font-size:11px;
	color:#000;
	float:left;
	width:670px;
	min-height:210px;
	background:url(../new_images/large_background_top.png) left top no-repeat;
}
.largePanelContainer{
	float:left;
	clear:left;
	margin: 0 0 10px 0;
	width:700px;
	background:url(../new_images/large_background_bottom.png) no-repeat;
	background-position: 5px bottom;
}
.largePanel h1{
	margin:0 0 10px 0;
	font-size:14px;
}

.largePanel p{
	width:500px;
	margin:0 0 10px 3px;
}

.largePanel ul{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

.largePanel li{
	width:500px;
	margin:0 0 5px 0;
}
.largePanel li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:3px 15px 3px 3px;
}
.largePanel li a:hover{
	background:url(../new_images/category_arrow.png) center right  no-repeat;
}

#myAccountPic{
	min-height:210px;
}

#categories ul{
	font-size:11px;
	list-style:none;
	margin:0;
	padding:9px 0 0 0;
	
}

#categories li{
	width:180px;
	height:30px;
	text-decoration:none;
}

#categories a:hover{
	color: #000;
	text-decoration: none;
}

.catNoHover{
	margin:3px 0 0 0;
	color:#000;
	text-decoration:none;
	display:block;
	padding:7px 0 3px 10px;
	height:20px;
	vertical-align: middle;
	background:url(../new_images/category_button.png) top left  no-repeat;
	outline:none;
}


.catHover{
	margin:3px 0 0 0;
	color:#000;
	text-decoration:none;
	display:block;
	padding:7px 0 3px 10px;
	height:20px;
	vertical-align: middle;
	background:url(../new_images/category_button.png) bottom left  no-repeat;
	outline:none;
}

.catClicked{
	background:url(../new_images/category_button_on.png) top left  no-repeat;
}

.productForm{
	clear:both;
}

.productOnOffer{
	background:url(../new_images/special_offers_corner.png) no-repeat;
	float:right;
	width:71px;
	height:71px;
}

.productExtraOnOffer{
	background:url(../new_images/special_offers_extra.png) no-repeat;
	width:75px;
	height:15px;
}

.buttonAdd {
	margin:5px 0 15px 10px;
	float:right;
	width:100px;
	height:20px;
	padding: 0;
	display:block;
	font-size:10px;
	color:#000;
	padding: 0 0 0 0;
	white-space:nowrap;
	text-decoration: none;
	background:url(../new_images/add_to_basket_button.png) 0 0 no-repeat;
}

.buttonAdd:hover {
	color: #000;
	text-decoration: none;
	background:url(../new_images/add_to_basket_button.png) 0 -20px no-repeat;
}

.buttonAdd span{
	display:block;
	text-align: left;
	padding: 4px 0 0 7px;
	margin-right: 20px;
}


.yelButton {
	margin:5px 0 15px 0px;
	width:100px;
	height:20px;
	padding: 0;
	display:block;
	font-size:10px;
	color:#000;
	padding: 0 0 0 0;
	white-space:nowrap;
	text-decoration: none;
	background:url(../new_images/add_to_basket_button.png) 0 0 no-repeat;
}

.yelButton:hover {
	color: #000;
	text-decoration: none;
	background:url(../new_images/add_to_basket_button.png) 0 -20px no-repeat;
}

.yelButton span{
	display:block;
	text-align: left;
	padding: 4px 0 0 7px;
	margin-right: 20px;
}





.productForm input[type="text"]{
	font-size:11px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


.quantity{
	width:24px;
	height:16px;
}


.item{
	
	padding: 3px 0 0 0;
	background:url(../new_images/item_bg_top.jpg) left top  no-repeat;
}

.itemInner{
	font-size:11px;
	width:700px;
	background-color:#0000ff;
	background:url(../new_images/item_bg_bottom.jpg) left bottom  no-repeat;
	padding: 0 0 3px 0;
}

.displayProduct{
	width:694px;
	margin:0 3px 0 3px;
	padding:0;
	border-collapse: collapse;
}
.displayProduct th{

}
.displayProduct td{

}

tr.tblProdHead{
	background-color:#E5E6E7;
	border-bottom: 1px solid #A6A8AB;
	height:30px;
}

tr.tblProdMain{
	border-bottom: 1px solid #A6A8AB;
}
tr.tblProdFooter{
	background-color:#E5E6E7;
	border-bottom: 1px solid #A6A8AB;
	height:30px;
}

tr.tblProdExtra{
	background-color:#EFF0F0;
	border-bottom: 1px solid #A6A8AB;
	height:30px;
}
td{
	padding:5px;
}
td.prodTitle{
	font-size:12px;
}
.subTitle{
	color: #77787B;
	font-weight: normal;
	font-size:10px;
}
td.prodManufacturerPic{
	width:150px;
	text-align: right;
}
td.prodManufacturerPic img{
	height:22px;
	
}

td.prodImage{
	width:150px;
}

td.prodDescription{

}
td.prodSpecialOffer{
	vertical-align: top;
}

td.prodName, th.prodName{
	text-align: left;
}

td.prodQuantity, th.prodQuantity{
	width:60px;
	text-align: right;
}

td.prodPrice, th.prodPrice{
	width:60px;
	text-align: right;
}
td.prodOffer{
	width:80px;
	text-align: right;
}
td.prodCode, th.prodCode{
	width:80px;
	text-align: left;
}



.checkoutimg{
	margin:10px 0px 30px 0px;
}

.basketTable{
	font-size:10px;
	width:700px;
	margin:0px 0px 5px 0px;
	border-collapse: collapse;
}
.basketTable th{
	border: none;
	padding:10px 5px 10px 5px;
	background: url(../new_images/thBgGrad.png) bottom repeat-x;
}

.basketTable tr.line{
	border-top: 1px solid #CCC;
}

.basketTable td{
	vertical-align: top;
}
td.basketQuantity, th.basketQuantity{
	width:60px;
	text-align: center;
}
td.basketRemove, th.basketRemove{
	width:20px;
	text-align: center;
}


tr.productDelivery{
	background-color: #F6F6F6;
}



tr.subTotal{
	font-size: 11px;
	border-top: 1px solid #666;
}

 tr.deliveryTotal, tr.vatTotal{
	font-size: 11px;
}

tr.grandTotal{
	font-size: 16px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}


tr.subTotal td{
	padding:10px 4px 4px 4px;
}

tr.deliveryTotal td{
	padding:4px 4px 4px 4px;
}

tr.vatTotal td{
	padding:4px 4px 10px 4px;
}

tr.grandTotal td{
	padding:10px 4px 10px 4px;
}



.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}





.vat {
	font-size: 12px;
}

.totalLeft{
	padding: 0 0 0 20px;
}



.pagination{
	font-size:11px;
	line-height: 200%;
	text-align: left;
	margin-bottom: 10px;
	clear: both;
}
.pagination a{
	border:#D9D8D5 1px solid;
	padding:1px 4px 2px 4px;
	color:#2F2E2A;
	text-decoration:none;
}
.pagination a:hover{
	background:#D9D8D5;
}

.paginationSelected{
	border:#D9D8D5 1px solid;
	padding:1px 4px 2px 4px;
	background:#D9D8D5;
	color:#2F2E2A;
}

.paginationEnd{
	border:#D4D5CF 1px solid;
	padding:1px 4px 2px 4px;
	color:#D4D5CF;
	text-decoration:none;
}


.productVariationSelect{
	width:auto;
}

































form {
	font-size:11px;
	margin: 0;
}

fieldset{
	margin: 0;
	padding: 0.5em;
	border-top:1px #CCC solid;
	border-bottom:none; 
	border-left:none;
	border-right:none;
	margin-bottom:20px;
}

legend{
	padding: 0 5px 0 5px;
	color: #999;
	font-size: 14px;
	font-weight:bold;
}

#mainCol .default legend{
	font-weight:bold;
}

.legendHide{
	text-indent: -1000em;
}


label{
	font-weight:normal;
	display:block;
	color:#666666;
	float:left;
	width:120px;
	text-align:right;
	margin-right:10px;
}
label.checkbox{
	display:inline;
	float:none;
	text-align:left;
	width:auto;
	margin-left:0px;
	margin-right:0px;
}

.labelMargin{
	margin-left: 130px;
}


.formError{
	color:#FFF;
	background: #F9ABAB url(../new_images/errorTag.jpg) left no-repeat;
	padding:3px 3px 3px 13px;
}

#userForm .formError{
	color:#FF0000;
	display: block;
	background: none;
	padding:3px 3px 3px 130px;
}

.formErrorMainMsg{
	background:#FCEBEC url(../new_images/warning.png) 5px no-repeat;
	color:red;
	text-align: left;
	padding:10px 10px 10px 35px;
	margin:0 0 10px 0;
	border: #F1A1A6 solid 1px;
}

.formDeliveryAlert{
	background:#FFFDDA url(../new_images/warning.png) 5px no-repeat;
	color:#F27C20;
	text-align: left;
	padding:10px 10px 10px 35px;
	margin:0 0 10px 0;
	border: #FEE363 solid 1px;
}

p.checkbox{
	margin-left:130px;
	width:250px;
}

input[type="checkbox"]{

}

input[type="text"], input[type="password"], textarea, select{
	width:250px;
}


#search input[type="text"], #search select{
	width:auto;
	float:none;
}
#search label{
	font-weight:bold;
	display:inline;
	color:#FFFFFF;
	float:none;
	width:auto;
	text-align:left;
	margin-right:0;
}

input.quantity{
	width:24px;
}
#checkoutInfo{
	margin: 50px 0 0 0;
	text-align: center;
	clear:both;
}

.bodyImageLeft{
	border:none;
	margin:0px 10px 10px 0px;
	float:left;
}
.bodyImageRight{
	border:none;
	margin:0px 10px 0px 10px;
	float:right;
}

/********************************/

.publicSpecialOfferOuter{
	text-align: center;
	padding: 0 0 5px 0;
	margin:10px 0 0 0;
}

.publicSpecialOfferInner{
	padding:5px 0 0 0;
}

.offerYellow{
	background: url(../new_images/offerYellowBottom.jpg) no-repeat left bottom;
}
.offerYellow .publicSpecialOfferInner{
	background: url(../new_images/offerYellowTop.jpg) no-repeat left top;
}
.offerBlue{
	background: url(../new_images/offerBlueBottom.jpg) no-repeat left bottom;
}
.offerBlue .publicSpecialOfferInner{
	background: url(../new_images/offerBlueTop.jpg) no-repeat left top;
}
.offerBrown .publicSpecialOfferInner{
	background: url(../new_images/offerBrownTop.jpg) no-repeat left top;
}
.offerBrown{
	background: url(../new_images/offerBrownBottom.jpg) no-repeat left bottom;
}
.offerGreen .publicSpecialOfferInner{
	background: url(../new_images/offerGreenTop.jpg) no-repeat left top;
}
.offerGreen{
	background: url(../new_images/offerGreenBottom.jpg) no-repeat left bottom;
}
.offerOrange .publicSpecialOfferInner{
	background: url(../new_images/offerOrangeTop.jpg) no-repeat left top;
}
.offerOrange{
	background: url(../new_images/offerOrangeBottom.jpg) no-repeat left bottom;
}

span.offerName{
	font-size: 12px;
	font-weight: bold;
	display:block;
}
span.offerDesc{
	font-size: 11px;
	margin:5px 0 0 0;
	display:block;
}
span.offerPrice{
	font-size: 20px;
	font-weight: bold;
	margin:5px 0 0 0;
	display:block;
}

.publicSpecialOfferImage{
	text-align: center;
	margin: 5px 17px 0 7px;
	padding: 5px 0 0 0;
	background: #FFF;
}

.publicSpecialOfferImage img{
	margin: 0 0 5px 0;
}

.publicSpecialOfferOuter p{
	margin: 5px 25px 5px 10px;
}

.formErrorMsg{
	background:#FFFDDA url(../images/warning.png) 5px no-repeat;
	color:#F27C20;
	text-align: left;
	padding:10px 10px 10px 35px;
	margin:0 0 10px 0;
	border: #FEE363 solid 1px;
	clear:both;
}

.formOKMsg{
	background:#E1FFD1 url(../images/formOKMsg.jpg) 10px no-repeat;
	color:#468D3F;
	text-align: left;
	padding:10px 10px 10px 35px;
	margin:0 0 10px 0;
	border: #C5F8AC solid 1px;
	clear:both;
}
.hide{
	display:none;
}