/* 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: #000 url('/images/background.jpg') no-repeat top center;
}

#site {
	width:794px;
	margin:10px auto 5px auto;
	position:relative;
}

#logo {
	float:left;
	margin:0px 0 0 34px;
}

#header { height:115px; width:100%; }

#basketarea {
	float:right;
	position:relative;
	top:17px;
	right:40px;
}

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

#menu {
	margin:0px 0 10px 2px;
	background-color:#262261;
	height:27px;
	padding-left:90px;
}

#menu a {
	display:block;
	width:151px;
	padding:7px 0 0 0;
	background: url('/images/butt-norm.jpg') no-repeat top left;
	height:20px;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	float:left;
	text-align:center;
	margin-right:2px;
}

#menu a:hover { background: url('/images/butt-over.jpg') no-repeat top left; }

#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 {
	font-size:19px;
	line-height:21px;
	color:#808080;
	margin:10px 0 10px 10px;
	float:left;
}

img#homeimg {
	margin-left:12px;
}

#content {
	width:455px;
	margin:0px 0 0 7px;
	height:508px;
	overflow:auto;
	float:left;
}

div#content div#padding { padding:10px; }

#sidebar { width:157px; float:right; }

#sidebar a {
	display:block;
	width:150px;
	height:71px;
	padding:28px 0 0 0;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:19px;
	line-height:21px;
	background: url('/images/blank-button.jpg') no-repeat top center;
	margin-bottom:4px;
}

div#site div#sidebar a.club { background: url('/images/club-button.jpg') no-repeat top center; }

#sponsors { height:68px; padding:20px 0 0 160px; }
#sponsors img { margin-right:20px; }

#content h1 {
	font-size:20px;
	line-height:24px;
	margin-bottom:8px;
	color:#262261;
}

#content h2 {
	font-size:15px;
	line-height:22px;
	margin-bottom:8px;
	color:#262261;
}

#content h3 {
	font-size:12px;
	line-height:16px;
	margin-bottom:8px;
	color:#262261;
}

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

#thumbArea {
	width:440px;
	height:400px;
	padding: 0 0 0 10px;
	margin:10px 0 0 0;
	float:left;
	overflow:auto;
}

.catbox {
	width:130px;
	height:150px;
	float:left;
	margin:3px 3px 3px 3px;
	padding:3px 0 3px 0 ;
	border:1px solid #262261;
}

.thumbBox {
	width:130px;
	height:175px;
	float:left;
	margin:3px 3px 3px 3px;
	padding:3px 0 3px 0 ;
	border:1px solid #262261;
}

.thumbBox div, .catbox div {
	height:100px;
}

#site .catbox p {
	text-align:center;
	margin-top:18px;
	font-size:14px;
	line-height:18px;
}

.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, .catbox a { color:#808080; text-decoration:none; }
.thumbBox a:hover, .catbox a:hover { color:#000; }

#mainImg { float:left; width:157px; height:200px; margin-top:20px; }

#textArea {
	float:right;
	padding:10px;
	width:272px;
	margin-top:20px; 
}

#footer {
	width:707px;
	height:26px;
	padding:9px 80px 0 0 ;
	position:relative;
	margin:10px 0 0 3px;
	float:left;
}

#footer p { text-align:center; color:#fff; font-size:18px; line-height:21px; }
#footer a { text-decoration:none; color:#fff; }
#footer a:hover { color:#808080; }

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

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

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

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

#basket { 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 td.blueback { background-color:#262261; }

span.blue { color:#262261; }

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

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

#design a { color:#fff; text-decoration:none; }
#design a:hover { color:#808080; }


#nav { float:left; width:165px; position:relative; top:10px; }
#nav li { padding-left:30px; width: 130px;}
#nav ul li { padding:0; }

#nav a {
	float:left;
	display: block;
	width:130px;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	height:20px;
	text-decoration:none;
	color:#808080;
	padding: 7px 0px 0px 5px;
	text-align:right;
}

#nav ul li a { background-color:#262261; color:#fff; text-align:left; border-left:4px solid #fff; }
#nav ul li a:hover { background-color:#60288d; color:#fff; }
#nav a:hover { color:#262261; }
#nav img { float:left; }
#nav li ul { width:124px; }
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li ul ul ul ul { margin: 1px 0 0 0; }
#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: 120px; }
#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: 120px; }
#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: 120px; }
#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: 165px; }
#nav li li:hover ul, #nav li li.sfhover ul { left: 135px; }