/* General styles */
body, img, p, h1, h2, h3, div {
	margin:0px;
	padding:0px;
	border-width:0px;
	outline-width:0px;
}

body {
	font-family: Trebuchet MS, Trebuchet, sans-serif;
	background: #eeeeee url('/images/speedBack.png') no-repeat top center;
}

#mainSite {
	width:793px;
	height:800px;
	margin:15px auto 5px auto;
	position:relative;
}

#speedLogo {
	float:left;
	margin:25px 0 0 20px;
}

#headBox { height:130px; width:100%; }

#topMenu { margin:10px 0 0 1px; }

#basketArea {
	float:left;
	margin:15px 0 0 70px;
}

#basketArea img { margin:0 0 0 10px; }
#basketArea p { font-size:12px; line-height:14px; text-align:center; }
#basketArea a { color:#808080; text-decoration:none; }
#basketArea a:hover { color:#000; }

#topMenu a {
	display:block;
	width:99px;
	padding:7px 0 0 10px;
	border:1px solid #808080;
	background: url('/images/menuBack.png') repeat-x top left;
	height:20px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	float:left;
	margin:0 2px 0 0;
}

#topMenu a:hover { color:#000; }

#orderText {
	float:left;
	display:block;
	margin:20px 0 10px 50px;
	width:200px;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	line-height:15px;
	color:#808080;
}

#speedPhone {
	float:left;
	position:absolute;
	top:104px;
	left:24px;
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
	color:#808080;
}

#headTitle {
	position:relative;
	top:10px;
	margin:0px 0 10px 10px;
}

#headTitle h1 {
	font-size:19px;
	line-height:21px;
	color:#808080;
}

#wideContent {
	width:787px;
	margin:10px 0 0 3px;
}

#homeContent {
	width:777px;
	height:262px;
	float:left;
	margin:5px 0 0 3px;
	padding:10px 0 0 10px;
	background: url('/images/homeTop.jpg') no-repeat 1px top;
}

#homeContent h2 {
	font-size:17px;
	line-height:22px;
	margin-bottom:8px;
	color:#808080;
}

#homeContent p {
	font-size:13px;
	line-height:16px;
	margin-bottom:8px;
	color:#808080;
}

#contactContent {
	width:777px;
	margin:10px 0 0 10px;
}

#contentArea {
	float:right;
	width:627px;
	margin-right:3px;
}

#thumbArea {
	width:787px;
	height:190px;
	margin:10px 0 0 3px;
	float:left;
	overflow:auto;
}

#wideBottom {
	width:787px;
	height:320px;
	background-color:#BED63A;
	margin:10px 0 0 3px;
}

#homeBottom {
	width:787px;
	float:left;
	margin:5px 0 0 3px;
}

#homeBottom img {
	float:left;
	margin:0px 3px 0 3px;
}

#wideBottom img {
	width:150px;
	height:300px;
	float:left;
	margin:10px 3px 0 3px;
}

#horizScroll { height:135px; }

#contentArea h1, #thumbArea h1, #wideContent h1, #contactContent h1, #homeContent h1 {
	font-size:24px;
	line-height:28px;
	margin-bottom:8px;
	color:#808080;
}

#contentArea h2, #thumbArea h2, #wideContent h2, #contactContent h2 {
	font-size:17px;
	line-height:22px;
	margin-bottom:8px;
	color:#fff;
}

#contentArea h3, #wideContent h3, #contactContent h3 {
	font-size:12px;
	line-height:16px;
	margin-bottom:8px;
}

#contentArea p, #wideContent p, #contactContent p {
	font-size:12px;
	line-height:16px;
	margin-bottom:8px;
}

#contactContent h2 { color:#808080; }

#wideContent h2 {
	color:#808080;
	text-align:center;
}

#wideContent p { text-align:center; }

#contactContent p {
	font-size:13px;
	line-height:16px;
	margin-bottom:8px;
}

.thumbBox {
	width:130px;
	height:160px;
	float:left;
	margin:2px 3px 0 3px;
	border:1px solid #808080;
}

.thumbBox p {
	text-align:center;
	margin-top:5px;
	font-size:12px;
	line-height:14px;
}

.stdLink { color:#808080; font-weight:bold; }
.stdLink:hover { color:#000; }

.blackLink { color:#000; font-weight:bold; }
.blackLink:hover { color:#fff; }

.thumbBox a { color:#808080; text-decoration:none; }
.thumbBox a:hover { color:#000; }

#mainImg { float:left; }

#textArea {
	float:right;
	padding:10px;
	width:352px;
	height:299px;
	background-color:#BED63A;
}

#contentBar {
	width:767px;
	height:21px;
	padding:6px 20px 0 0 ;
	position:relative;
	margin:5px 0 0 3px;
	background-color:#808080;
	float:left;
}

#contentBar p { text-align:right; color:#fff; font-size:11px; line-height:13px; }
#contentBar a { text-decoration:none; color:#fff; }
#contentBar a:hover { color:#BED63A; }

#mapBox { float:right; margin-left:10px; }

.contactTable h3 { text-align:right; }
.contactTable td {
	vertical-align:top;
	padding-right:10px;
}

.centerText { text-align:center; }
.tenPadding { padding:10px; }

#orderQuan {
	font-size:13px;
	line-height:15px;
	text-align:center;
	color:#808080;
}

#basket { width:780px; border-right:1px solid #000; border-top:1px solid #000; }
#basket h3 { color:#fff; }
#basket p { text-align:left; }
#basket td { border-left:1px solid #000; border-bottom:1px solid #000; padding:5px 5px 0 5px; }

#basket a { color:#000; text-decoration:none; font-weight:bold; }
#basket a:hover { color:#808080; }

#designBy {
	width:793px;
	color:#808080;
	text-align:right;
	margin:5px auto 10px auto;
	font-size:11px;
	line-height:13px;
}

#designBy a { color:#808080; text-decoration:none; }
#designBy a:hover { color:#BED63A; }

/* ------ VERTICAL STYLES FOR 4 DROP DOWN LEVELS ------ */
/* -- Set a width on the main nav box to allow for a vertical menu -- */
#nav { position:relative; left:2px; float:left; top:10px; }
#nav, #nav ul { width:154px; }

/* -- Layout of the menu items -- */
#nav a {
	display: block;
	width:144px;
	font-size:11px;
	line-height:14px;
	height:20px;
	text-decoration:none;
	color:#fff;
	padding: 7px 0px 0px 10px;
	background-color:#ccc;
	border: 1px solid #fff;
}

/* -- Hover changes for the menu items -- */
#nav a:hover {
	background-color:#808080;
}

/* -- Set the width on the li ul so that -- */
#nav li ul { width:154px; }

/* -- Layout of sub menus (margin & height are relative to the style - #nav a) -- */
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li ul ul ul ul {
	margin: -29px 0 0 156px;
}

/* ------ GENERIC STYLES ------ */
#nav li:hover ul { left: auto; }
#nav li { float: left; display:block; }
#nav li ul { position: absolute; left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ull, #nav li li li.sfhover ul { left: auto; }
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ull, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }







.productBox {
	width: 624px;
	margin: 0 0 0 80px;
}

#overflowarea .productBox h2 {
	font-size:16px;
	line-height:20px;
	margin-bottom:8px;
	color: #808080;
}

.productImage {
	float: left;
	margin:10px 0 10px 0;
}

.productBox div {
	float: right;
	margin-top:10px;
	background-color:#BED63A;
	width: 445px;
	height:170px;
	padding:10px;
	font-size:11px;
	line-height:13px;
}

#overflowarea .productBox p.productFooter {
	float:none;
	margin:0;
	height:auto;
	display: block;
	line-height:30px;
	width: 100%;
	font-size:12px;
	line-height:14px;
	padding: 7px 0 5px 0px;
	color: #000;
	text-align: center;
	clear: both;
}


#overflowarea {
	height:530px;
	overflow:auto;
	margin:0;
	position:relative;
}