/* ~~~~~~~~~~ reset styles ~~~~~~~~~~ */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, 
pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, 
map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, 
q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ About Hub Generics ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#about-hub-content .bread-crumbs 
{
    font-size: 10px;
    color: #7a7a7a;
}
#about-hub-content 
{
    width: 784px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ About Hub Navigation ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#about-hub-content #navigation 
{
    background: url(/assets/images/about/navigation-background.gif) no-repeat;
    width: 784px;
    height: 27px;
    margin-top: 25px;
}

#about-hub-content #navigation li 
{
    display: inline;
    margin-left: 15px;
    color: #fff
}
#about-hub-content #navigation ul
{
    padding-top: 6px;
}

#about-hub-content #navigation a, #about-hub-content #navigation a:link 
{
    color: #ff9999;
    text-decoration: none;
    font-size: 11px;
}
#about-hub-content #navigation a:hover 
{
    color: #ff9999;
    text-decoration: underline;
}
#about-hub-content #navigation .select-nav 
{
    color: #fff
}
    
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ About Garden Buildings Direct ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.about-us h1, .about-us h1 span {
	background-image: url(/assets/images/about/about-gardenbuildingsdirect.gif);
	width: 417px;
	height: 32px;
	font-size: 11px;
	line-height: 10px;
}
.about-us h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -32px;
	line-height: 10px;
}

.about-us .welcome-text, .about-us .welcome-text span {
	background-image: url(/assets/images/about/welcome-to-gardenbuildingsdirect.gif);
	width: 589px;
	height: 47px;
	font-size: 11px;
	line-height: 10px;
}
.about-us .welcome-text span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -47px;
	line-height: 10px;
}



#about-hub-content .why-gbd, #about-hub-content .why-gbd span {
	background-image: url(/assets/images/about/why-garden-buildings-direct.gif);
	width: 286px;
	height: 23px;
	font-size: 11px;
	line-height: 10px;
}
#about-hub-content .why-gbd span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -23px;
	line-height: 10px;
}

.why-gbd 
{
    margin-top: 30px;
}

#about-hub-content .billyoh-sheds, #about-hub-content .billyoh-sheds span {
	background-image: url(/assets/images/about/billyoh-sheds-and-range.gif);
	width: 380px;
	height: 49px;
	font-size: 11px;
	line-height: 10px;
}
#about-hub-content .billyoh-sheds span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -49px;
	line-height: 10px;
}

#about-hub-content .saving-money, #about-hub-content .saving-money span {
	background-image: url(/assets/images/about/saving-you-money.gif);
	width: 459px;
	height: 71px;
	font-size: 11px;
	line-height: 10px;
}
#about-hub-content .saving-money span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -71px;
	line-height: 10px;
}
#about-hub-content .swift-del, #about-hub-content .swift-del span {
	background-image: url(/assets/images/about/swift-delivery.gif);
	width: 292px;
	height: 23px;
	font-size: 11px;
	line-height: 10px;
}
#about-hub-content .swift-del span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -23px;
	line-height: 10px;
}

#about-hub-content .simple-order, #about-hub-content .simple-order span {
	background-image: url(/assets/images/about/simple-ordering.gif);
	width: 461px;
	height: 50px;
	font-size: 11px;
	line-height: 10px;
}
#about-hub-content .simple-order span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -50px;
	line-height: 10px;
}

#about-hub-content .how-i-know, #about-hub-content .how-i-know span {
	background-image: url(/assets/images/about/will-i-like-my-building.gif);
	width: 450px;
	height: 23px;
	font-size: 11px;
	line-height: 10px;
}
#about-hub-content .how-i-know span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -23px;
	line-height: 10px;
}

#about-hub-content .half-col
{
    width: 470px;
    float: left;
}
#about-hub-content .image 
{
    float: right;
    width: 261px;
}
#about-hub-content .image img 
{
    padding-bottom: 20px;
}

.how-i-know, .simple-order, .swift-del, .saving-money, .billyoh-sheds, .why-gbd 
{
    margin: 50px 0 15px 0;
} 



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ About Kybotech LTD ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.kybotech-history h1, .kybotech-history h1 span {
	background-image: url(/assets/images/about/kybotech-history.gif);
	width: 427px;
	height: 33px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -33px;
	line-height: 10px;
}

.kybotech-history .family, .kybotech-history .family span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history .family span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}
.kybotech-history #fast-growing-div h2, .kybotech-history #fast-growing-div h2 span {
	background-image: url(/assets/images/about/fast-growing-company.gif);
	width: 401px;
	height: 44px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history #fast-growing-div h2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -44px;
	line-height: 10px;
}

.kybotech-history .our-company-img, .kybotech-history .our-company-img span {
	background-image: url(/assets/images/about/our-companies.gif);
	width: 139px;
	height: 23px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history .our-company-img span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -23px;
	line-height: 10px;
}
.kybotech-history #our-factory-1 h2, .kybotech-history #our-factory-1 h2 span {
	background-image: url(/assets/images/about/about-factory-warehouse.gif);
	width: 423px;
	height: 23px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history #our-factory-1 h2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -23px;
	line-height: 10px;
}

.kybotech-history .gbd-brand, .kybotech-history .gbd-brand span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history .gbd-brand span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.kybotech-history   .brand-family-text-1, .kybotech-history   .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history   .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.kybotech-history .brand-family-text-2, .kybotech-history .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-history .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.kybotech-brand  .brand-family-text-2 
{
    margin-left: 165px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Our Company ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.kybotech-history .company-image 
{
    float: right;
}

.kybotech-history .our-company 
{
    float: left;
    width: 470px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Fast Growing Company ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.kybotech-history #fast-growing 
{
    padding-top: 50px;
    clear: both;
}
.kybotech-history #fast-growing-div
{
    width: 450px;
    float: left;
}
.kybotech-history #fast-growing img 
{
    float: right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ The History of Kybotech ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.kybotech-history #history 
{
    padding-top: 50px;
    clear: both;
}
.kybotech-history #history img 
{
    padding-right: 25px;
    float: left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ About our factory, Warehouse and offices ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.kybotech-history #our-factory-1 
{
    padding-top: 25px;
    width: 450px;
    float: left; 
}
.kybotech-history #our-factory-2 
{
    padding-top: 45px;
    width: 170px;
    float: right;
} 
.kybotech-history #our-factory-2 img 
{
    margin-bottom: 10px;
}
.kybotech-history #our-factory-1 p
{
    margin-bottom: 50px;
} 




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Kybotech Brand ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.kybotech-brand 


.kybotech-brand  h1, .kybotech-brand  h1 span {
	background-image: url(/assets/images/about/kybotech-brand-family.gif);
	width: 321px;
	height: 33px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-brand  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -33px;
	line-height: 10px;
}

.kybotech-brand  .brand-family-text-1, .kybotech-brand  .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-brand  .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.kybotech-brand  .brand-family-text-2, .kybotech-brand  .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.kybotech-brand  .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}

.kybotech-brand  .brand-family-text-2 
{
    margin-left: 165px;
}


.brand-text-pad 
{
    padding-top: 30px;
}

.kybotech-brand #left-col 
{
    float: left;
    width: 414px;
}

.kybotech-brand #right-col 
{
    float: right;
    width: 359px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Media Center ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





.media-center  h1, .media-center  h1 span {
	background-image: url(/assets/images/about/media-center.gif);
	width: 187px;
	height: 25px;
	font-size: 11px;
	line-height: 10px;
}
.media-center  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -25px;
	line-height: 10px;
}


.media-center   .brand-family-text-1, .media-center   .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.media-center   .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.media-center .brand-family-text-2, .media-center .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.media-center .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.media-center  .brand-family-text-2 
{
    margin-left: 165px;
}
.media-center .links li 
{
    display: inline;
    padding-right: 20px;
    margin: none;
}
.media-center .links
{
    text-align: center;
    padding: none;
    margin: none;
    padding-bottom: 60px;
}
.media-center .links a, .media-center .links a:link,  .media-center .links a:hover    
{
    color: #819e22;
    font-size: 11px;
}
.media-center h2, .media-center h2 span {
	background-image: url(/assets/images/about/photos-images.gif);
	width: 209px;
	height: 22px;
	font-size: 11px;
	line-height: 10px;
}
.media-center h2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -22px;
	line-height: 10px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Media Center ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.careers  h1, .careers  h1 span {
	background-image: url(/assets/images/about/careers.gif);
	width: 103px;
	height: 23px;
	font-size: 11px;
	line-height: 10px;
}
.careers  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -23px;
	line-height: 10px;
}


.careers   .brand-family-text-1, .careers   .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.careers   .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.careers .brand-family-text-2, .careers .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.careers .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.careers  .brand-family-text-2 
{
    margin-left: 165px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Become a Supplier ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.supplier  h1, .supplier  h1 span {
	background-image: url(/assets/images/about/become-a-suplier.gif);
	width: 257px;
	height: 32px;
	font-size: 11px;
	line-height: 10px;
}
.supplier  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -32px;
	line-height: 10px;
}


.supplier .brand-family-text-1, .supplier .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.supplier .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.supplier .brand-family-text-2, .supplier .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.supplier .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.supplier  .brand-family-text-2 
{
    margin-left: 165px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Press Release ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.press-releases  h1, .press-releases  h1 span {
	background-image: url(/assets/images/about/press-release.gif);
	width: 196px;
	height: 25px;
	font-size: 11px;
	line-height: 10px;
}
.press-releases  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -25px;
	line-height: 10px;
}


.press-releases .brand-family-text-1, .press-releases .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.press-releases .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.press-releases .brand-family-text-2, .press-releases .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.press-releases .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.press-releases  .brand-family-text-2 
{
    margin-left: 165px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Media Coverage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.media-coverage  h1, .media-coverage  h1 span {
	background-image: url(/assets/images/about/media-coverage.gif);
	width: 226px;
	height: 32px;
	font-size: 11px;
	line-height: 10px;
}
.media-coverage  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -32px;
	line-height: 10px;
}


.media-coverage .brand-family-text-1, .media-coverage .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.media-coverage .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.media-coverage .brand-family-text-2, .media-coverage .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.media-coverage .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.media-coverage  .brand-family-text-2 
{
    margin-left: 165px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Story Ideas ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.story-ideas  h1, .story-ideas  h1 span {
	background-image: url(/assets/images/about/story-ideas.gif);
	width: 153px;
	height: 33px;
	font-size: 1px;
	line-height: 10px;
}
.story-ideas  h1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -33px;
	line-height: 10px;
}


.story-ideas .brand-family-text-1, .story-ideas .brand-family-text-1 span {
	background-image: url(/assets/images/about/building-a-family-of.gif);
	width: 528px;
	height: 20px;
	font-size: 11px;
	line-height: 10px;
}
.story-ideas .brand-family-text-1 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -20px;
	line-height: 10px;
}

.story-ideas .brand-family-text-2, .story-ideas .brand-family-text-2 span {
	background-image: url(/assets/images/about/garden-buildingsdirect-is-a-brand.gif);
	width: 361px;
	height: 14px;
	font-size: 11px;
	line-height: 10px;
}
.story-ideas .brand-family-text-2 span {
	overflow: hidden;
	display: block;
	position: relative;
	margin-bottom: -14px;
	line-height: 10px;
}
.story-ideas  .brand-family-text-2 
{
    margin-left: 165px;
}
#about-hub-content h2 {
    padding: 0px;
}
#about-hub-content p {
    padding: 0px;
}