/*
	Sussex Internet
	
	Home page Styles for Loco Skates
	
	Created by Neil Kelsey
	on: 10.10.2007
	
*/

/* browser unification */

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
img {border:none}
address {font-style:normal}

/* End of browser unification */

/* Start of tag styles */

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	word-spacing:0.15em;
	letter-spacing:0.01em;
	background:
		url(/images/body_bg.gif)
		top
		repeat-y
		#FFF
	}
	
a
	{
	color:#000000;
	}
	
a:hover
	{
	color:#EB1C24;
	text-decoration:underline;
	}
	
input, select
	{
/*	border:1px solid #91A6AB; */
	background:#E8E8E8;
	}
	
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}

h2
	{
	font-size:2.1em;
	font-weight:normal;
	margin-bottom:10px;
	}
	
li
	{
	padding-top:3px;
	padding-left:15px;
	}
	
p
	{
	margin-bottom:10px;
	}

/* End of tag styles */

/* Start of universal styles */

.bold
	{
	font-weight:bold
	}
	
.italic
	{
	font-style:italic
	}
	
.underline
	{
	text-decoration:underline
	}
	
.left
	{
	text-align:left
	}
	
.center
	{
	text-align:center
	}

.right
	{
	text-align:right
	}
	
.justify
	{
	text-align:justify
	}
	
.clear
	{
	clear:both;
	}
	
.hr
	{
	width:100%;
	font-size:1px;
	height:1px;
	border-bottom:1px solid #CCCCCC;
	margin-top:10px;
	margin-bottom:10px;
	}

/* End of universal styles */

/* Start of site structure */

#super_container
	{
	float:left;
	width:100%;
	background:
		url(/images/super_container_bg.gif)
		top
		left
		repeat-x;			
	}

#container
	{
	width:951px;
	margin-left:auto;
	margin-right:auto;
	}
	
#header
	{
	float:left;
	width:710px;
/*	height:285px; */
	position:relative;
	bottom:29px;
	}

#buttons li
	{
	display:inline;
	position:relative;
	top:158px;
	}

#buttons
	{
	height:30px;
	}
	
#buttons a
	{
	color:#FFFFFF
	}
	
#buttons a:hover
	{
	color:#000000;
	text-decoration:underline;
	}
	
#left_column_menu {
bottom:63px;
float:left;
margin-right:10px;
position:relative;
width:180px;
}	
#left_column_menu p
	{
	color:#506367;
	font-size:0.9em;
	}
	

/*	
#left_column_menu input
	{
	width:135px;
	}
	*/
/* Start of Home page Styles */
	
#center_home {
float:left;
position:relative;
top:-11px;
width:524px;
}

	
#center_home_top,.home_top
	{
	width:524px;
	height:14px;
	background:
		url(/images/center_home_top.png)
		top
		left
		no-repeat
	}
	
#center_home_middle,.home_middle
	{
	float:left;
	width:500px;
	padding:15px;
	padding-top:0px;
	background:
		url(/images/center_home_middle.png)
		top
		left
		repeat-y;
	}

.home_middle{
padding-right:1;
}

#center_home_middle h2
	{
	margin-left:15px;
	}

.product_box
	{
	float:left;
	width:144px;
	height:160px;
	margin:0 15px;
	text-align:center;
	}
	
#center_home_bottom,.home_bottom
	{
	float:left;
	width:524px;
	height:14px;
	margin-bottom:50px;
	background:
		url(/images/center_home_bottom.png)
		top
		left
		no-repeat;
	}
	
#right_column
	{
	float:right;
	width:236px;
	min-height:180px;
	margin:0 0 0 0;
	background:
		url(/images/right_column_bg.png)
		top
		repeat-y
	}
	
#right_promo
	{
	float:left;
	width:236px;
	height:117px;
	background:#FFF;
	}

#right_column h2
	{
	margin-left:22px;
	font-size:1.9em;
	}

#right_column ul
	{
	margin-left:10px;
	width:210px;
	}

#right_column li
	{
	margin-bottom:4px;
	}

#right_column a
	{
	color:#FFFFFF;
	}

	
#right_column_top
	{
	float:left;
	width:236px;
	height:23px;
	background:
		url(/images/right_column_top.png)
		top
		left
		no-repeat;
	}
	
.right_column_hr
	{
	float:left;
	width:207px;
	height:38px;
	margin:5px 15px;
	background:
		url(/images/right_column_hr.png)
		top
		left
		no-repeat;
	}
	
/* End of home page styles */
	
#checkout
	{
	float:left;
	width:186px;
	padding-top:11px;
	padding-left:64px;
	height:20px;
	background:
		url(/images/checkout.png)
		top
		left
		no-repeat
	}

#checkout a
	{
	color:#000000;
	font-size:0.9em;
	padding-left:12px;
	line-height:16px;

	}

#checkout p
	{
	display:inline;
	margin-left:12px;
	}
	
#footer
	{
	float:left;
	width:524px;
	text-align:center;
	}


.main input{
border:0;
}
#myAccount{
text-align:center;
width:207px;
display:block;
}


.subMenu li a{
	color:#FF0000;
	margin-left:10px;
	line-height:20px;
}

.subMenu li{
background:transparent url(/images/menuLines.gif) no-repeat scroll left center;
display:block;
height:20px;
margin:0pt 0pt 0pt 15px;
width:146px;
}


.bottomText{
float:left;
margin-top:200px;
width:500px;
height:100px;
overflow:scroll;
}

#bottomLinks li a{
	color:#999;
}
#bottomLinks li{
display:inline;	
}

/* End of site structure */

/* End of document */

#right_column #newsHeading{
background:url("/images/right_column_hr.png") no-repeat scroll left bottom transparent;
color:#FFFFFF;
font-size:13pt;
font-weight:bold;
height:38px;
margin-left:15px;
text-indent:10px;
line-height:34px;
text-transform:uppercase;
margin-bottom:0;
}

#left_column_menu .italic_under_menu{
font-size:9pt;
font-style:italic;
margin-bottom:2px;
}

.topLevelCat {
font-size:12pt;
font-weight:bold;
margin-top:10px;
padding-left:0;
}


.midLevelCat .red{
color:#FF0000;	
font-style:italic;

}

.inputField{
border-color:#AEAEAE #AEAEAE #D4D4D4;
border-style:solid;
border-width:1px;
color:#666666;
font-size:8pt;
height:14px;
}

#searchBtn{
height:16px;
position:relative;
right:6px;
top:4px;
}

#manufacturers {
border-color:#AEAEAE #AEAEAE #D4D4D4;
border-style:solid;
border-width:1px;
color:#666666;
font-size:9pt;
height:18px;
margin-top:9px;
}