/*------------------------------------------------------------------ 
# Trams - Index Style Sheet
#  
# 2009 OctoberFive Design
# Version:    1.0 
# Last change:   01/12/2009
# -------------------------------------------------------------------*/ 


/*------ Grid ------*/
#grid_wrap {
	width:900px;
	height:auto;
	margin-bottom:15px;
}
#grid_bt {
	width:900px;
	height:5px;
	background:url(../assets/structural/grid_topborder.gif);
}
#grid_bb {
	width:900px;
	height:5px;
	background:url(../assets/structural/grid_bottomborder.gif);
	clear:both;
}
#grid {
	width:868px;
	height:auto;
	padding:10px 15px 10px 15px;
	border-left:#000000 1px solid;
	border-right:#000000 1px solid;
	float:left;
}
/*--- Grid Columns ---*/
#grid_col_left, #grid_col_centre {
	width:280px;
	height:auto;
	float:left;
	margin-right:14px;
}
#gri_col_right {
	width:280px;
	height:auto;
	float:right;
}
/*--- Grid Sections ---*/
.sec_wrap {
	width:280px;
	height:auto;
}
.sec_titletop {
	width:280px;
	height:5px;
	background:url(../assets/structural/grid_titletop.gif);
}
.sec_title {
	width:280px;
	height:auto;
	background:url(../assets/structural/grid_titlebg.gif) bottom repeat-x #000;
}
.sec_title p {
	color:#FFF;
	padding:0 0 5px 5px;
	margin:0px;
}
.sec_content {
	width:175px;
	min-height:135px;
	padding:10px 100px 0 5px;
}
.sec_content p {
	margin:0px;
	line-height:1.3333333em;
	
}
.below {
	margin-top:20px;
}
/*--- Grid Backgrounds ---*/
.stores {
	background: url(../assets/structural/stores_bg.jpg) no-repeat top right;
}
.pro_photo {
	background:url(../assets/structural/prophoto_bg.jpg) no-repeat top right;
}
.support {
	background:url(../assets/structural/support_bg.jpg) no-repeat top right;
}
.products {
	background:url(../assets/structural/products_bg.jpg) no-repeat top right;
}

/*--- Grid Buttons ---*/
a.more.store {
	width:95px;
	float:left;
	margin:0 15px 0 0;
}
a.more.b_store {
	width:120px;
	margin-top:0px;
	float:left;
}
a:hover {
	text-decoration:underline;
}
.store_but_wrap {
	float:left;
	margin-top:15px;
	width:250px;
	height:20px;
}
/*------ Banners ------*/
.large_banner_wrap {
	width:900px;
	height:190px;
	margin-bottom:25px;
	
}
/*---- Suppliers ----*/
#logos {
	width:900px;
	height:65px;
	background:url(../assets/structural/supplier_logos.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
}
/*------ Footer ------*/
/*-- Footer Wraps --*/
#footer_wrap {
	width:900px;
	height:auto;
	margin-bottom:25px;
}
.footer_subcontent_wrap {
	width:225px;
	float:left;
}
.footer_subcontent_wrap_right {
	width:220px;
}
/*-- Footer titles --*/
.footer_subcontent_title {
	width:215px;
	background:url(../assets/structural/tab_bg_blackgrad.gif) bottom repeat-x #000;
	padding:0 0 0 10px;
}
.footer_subcontent_title p {
	margin:0px;
	color:#FFF;
	padding:0 0 5px 5px;
}
.footer_subcontent_titleshort {
	width:213px;
}
/*-- Footer Content --*/
#footer_content {
	width:898px;
	background:#FFF;
	border-left:#000 1px solid;
	border-right:#000 1px solid;
	float:left;
}
.footer_subcontent {
	width:190px;
	padding:10px 20px 10px 15px;
}
.footer_subcontent p {
	margin:0px;
	line-height:1.3333333em;
}
.subcontent_left {
	width:190px;
}
.subcontent_right {
	width:180px;
}
/*-- Footer Borders --*/
#footer_bt {
	width:900px;
	height:5px;
	background:url(../assets/structural/footer_top_black.gif);
}
#footer_bb {
	width:900px;
	height:5px;
	background:url(../assets/structural/footer_bottomborder.gif);
	clear:both;
}
/*---- Disclaimer -----*/
#disclaimer {
	width:900px;
	text-align:center;
	margin:0 0 0 0;
	border-top:none;
	border-bottom:20px solid #FFF;
}
#disclaimer li {
	color:#999;
	display:inline;
	font-size:0.8em;
	padding:0px 7px;
}