/*
	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;
	}
	
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%;
	overflow:hidden;
	background:
		url(/images/super_container_bg.gif)
		top
		left
		repeat-x;			
	}

#container
	{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}
	
#header
	{
	width:714px;
 	/* height:285px; */
	position:relative;
	bottom:30px;
	}

#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:99px;
float:left;
position:relative;
width:180px;
margin-right:10px;

}


#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;
	width:760px;
	position:relative;
	top:-58px;
	}
	
#center_home_top
	{
	width:760px;
	height:14px;
	background:
		url(/images/center_products_top.png)
		top
		left
		no-repeat
	}
	
#center_home_middle
	{
	float:left;
	width:730px;
	padding:15px;
	padding-top:0;
	background:
		url(/images/center_products_middle.png)
		top
		left
		repeat-y;
	}

#center_home_middle p{
margin-bottom:10px;
}

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

.product_box
	{
	float:left;
	width:144px;
	height:160px;
	margin:0 15px;
	text-align:center;
	}
	
#center_home_bottom
	{
	float:left;
	width:760px;
	height:14px;
	margin-bottom:50px;
	background:
		url(/images/center_products_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_promo_replace
{
		float:left;

}

#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
	{

	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;
	}

#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;
}



.productThing{
float:left;
margin-right:30px;
margin-left:30px;
border:0;
height:120px;
}


/*
#flashHeadContainer{
display:inline;
float:right;
margin-top:5px;
}
*/
#flashHeadContainer{
float:right;
margin-top:5px;
position:relative;
}

.tel{
color:#ED2930;
font-size:20pt;
left:713px;
position:relative;
/* top:-131px; */
top:-76px;
width:215px;
}


#checkoutInner
	{

	width:123px;
	padding-top:11px;
	padding-left:78px;
	height:18px;
	background:
		url(/images/checkout.png)
		top
		left
		no-repeat;
		
font-size:0.9em;
position:relative;
bottom:8px;
z-index:20;
	}

.error{
color:#FF0000;
font-weight:bold;
}


#productThing2{
/* width:107px; */
width:132px;
float:left;
margin:20px;
margin-left:10px;
margin-right:10px;
text-align:center;
height:151px;
vertical-align:bottom;
}

#productContainer{
width:700px;
margin-left:15px;
padding-top:15px;
}


#center_home_middle ul{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
marker-offset:none;
margin-left:10px;
margin-bottom:10px;
}
#center_home_middle ul li{
margin-left:5px;
padding-left:0px;
}


#flashHeader{
/* padding-left:37px;*/
}

.main ul{
list-style:disc outside;
margin-left:5px;
}
.main ul li{
padding-left:0;
}


/* 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:14pt;
font-weight:bold;
height:38px;
margin-left:15px;
text-indent:10px;
line-height:34px;
text-transform:uppercase;
}

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

.topLevelCat{
font-size:12pt;
font-weight:bold;
}

.midLevelCat{
margin-left:10px;	
}
.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;
}

#header {
bottom:30px;
float:left;
position:relative;
width:710px;
}

.topLevelCat{
	padding-left:0;
}