/* COLORS USED =====

Main BG: #050707;
Title BG: #000;
Orange Highlight: #ff5700;
Blue Highlight: #00357a;
Content Font: #b1b7ba
Content BG: #e6e5e3;
Content Sub Title BG: #b1b7ba;
Menu Matte BG: #a1a4a6;

*/

/* CLEAR DEFAULTS  ========= */
body,p,table,td,ul,li,form,fieldset,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
table,fieldset,img {
	border:none;
}
.clearLeft {
	clear:left;
}

/* OUTSIDE ELEMENTS ================== */
body {
  background-color:#050707;
  font-family: Verdana, sans-serif;
  font-size:11px;
  margin-bottom:20px;
}
#wrapper {
  width:769px;
  background:url(../images/left-col-bg.jpg) no-repeat 0px 500px;
}
#main {
	
}

/* BASE STYLES =========================*/
h1 {
	background-color:#000;
	color:#fff;
	font-weight:normal;
	font-size:19px;
	height:38px;
	line-height:38px;
	padding:0 10px;
	margin-bottom:10px;
}
h3 {
	background-color:#b1b7ba;
	color:#333;
	font-weight:normal;
	font-size:10px;
	padding:2px;
	margin-bottom:8px;
}

p {
	margin-bottom:1em;
	line-height:1.5em;
}
a:link, a:visited {
	color:#00357a;
}
table {
	border-collapse:collapse;
}
label {
	display:block;
	margin-bottom:2px;
	font-size:10px;
}
input,select {
	font-size:10px;
}

/* HEADER ========================= */	
#header {
	position:relative;
	height:107px;
}
#header .logo {
	position:absolute;
	top:10px;
	left:5px;
	display:block;
	width:108px;
	height:43px;
	line-height:100em;
	overflow:hidden;
	background:url(../images/shoreline-logo.gif) no-repeat left top;
}
#header .text {
	position:absolute;
	top:12px;
	left:136px;
	width:448px;
	height:41px;
	line-height:100em;
	overflow:hidden;
	background:url(../images/header-text.gif);
}
#header a.viewCart:link, #header a.viewCart:visited {
	position:absolute;
	top:24px;
	right:10px;
	padding:2px 0;
	background:url(../images/icon-view-cart.gif) no-repeat left top;
	color:#fff;
	padding-left:26px;
}
#header a.viewCart:hover {
	color:#ff5700;
}
.searchBar {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:40px;
	border-top:1px solid #fff;
	background:#c5c5c5 url(../images/search-bar-bg.gif) repeat-x left top;
}
.searchBar ul {
	position:absolute;
	left:208px;
	bottom:6px;
	list-style-type:none;
	white-space:normal;
}
.searchBar li {
	display:inline;
}
.searchBar li a:link, .searchBar li a:visited {
	font-weight:bold;
	font-size:9px;
	text-decoration:none;
}
.searchBar li a:hover {
	text-decoration:underline;
}

.formWrapper {
	position:absolute;
	right:5px;
	bottom:4px;
}
.searchBar input {
	font-size:10px;
	color:#b1b7ba;
	width:123px;
	padding-left:2px;
	padding-top:2px;
	border:1px solid #8a8a8a;
	margin:0;
	height:14px;
}
.searchBar input.button {
	position:relative;
	top:6px;
	border:none;
	height:18px;
	width:21px;
	padding:0;
	margin:0;
}
* html .searchBar input.button {
	top:4px;
}


/* LEFT COLUMN ====================== */
#leftCol {
	float:left;
	padding-left:5px;
	padding-top:5px;
	width:188px;
}

/* MAIN MENU ========================== */
.mainMenu {
   list-style-type:none;	
}
.mainMenu li {
	zoom:1;
	display:block;
	margin-bottom:5px;
}
.mainMenu a:link, .mainMenu a:visited {
	display:block;
	height:37px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-top:3px;
	font-size:12px;
	background: url(../images/menu-bg2.jpg) repeat-x 0px -40px;
	margin-right:5px;

}
.mainMenu a:hover, .mainMenu a.arrowOn {
	color:#00357a;
	background-position:0px 0px;	
}
.mainMenu ul {
	list-style-type:none;
	margin-top:5px;
	margin-bottom:15px;
}
.mainMenu ul li {
	height:20px;
	background:none;
	margin-bottom:2px;

}
.mainMenu ul li h4 {
	color:#d1d8dc;
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid #666767;
	margin-left:12px;
	padding-left:3px;
	margin-right:2px;
	padding-top:5px;
}
#wrapper .mainMenu ul a:link, #wrapper .mainMenu ul a:visited {
	height:20px;
	width:159px;
	font-weight:normal;
	color:#d1d8dc;
	margin-left:5px;
	font-size:11px;
	background:url(../images/menu-arrow-off.gif) no-repeat 100% 50%;
}
#wrapper .mainMenu ul a:hover {
	color:#ff5700;
	text-decoration:underline;
}
#wrapper .mainMenu ul li.on {
	background:#ff5700;
}
#wrapper .mainMenu ul .on a:link, #wrapper .mainMenu ul .on a:visited {
	color:#000;
	background:url(../images/menu-arrow-on.gif) no-repeat 100% 50%;	
}
#wrapper .mainMenu ul .on a:hover {
	text-decoration:none;
}

.altMenu {
	background:#000;
	text-align:right;
	padding:5px;
	padding-right:10px;
	margin-top:30px;
}
.altMenu ul {
	list-style-type:none;
}
.altMenu li {
	margin-bottom:5px;
}
.altMenu a:link, .altMenu a:visited {
	color:#eee;
	text-decoration:none;
	font-weight:bold;
}
.altMenu a:hover {
	text-decoration:underline;
}

/* CONTENT AREA ======================== */
#contentWrapper {
	float:left;
	width:572px;
	background-color:#e6e5e3;
	border-top:4px solid #ff5700;
    border-left:4px solid #ff5700;
    border-bottom:4px solid #ff5700;
}
#content {
	width:551px;
	padding:8px 10px 10px 10px;
	border-top:1px solid #717170;
    border-left:1px solid #717170;
    border-bottom:1px solid #717170;
    min-height:600px;
}
/* IE6 min height makeup hack */
* html #content {
	height:600px;
}
.breadCrumb {
	list-style-type:none;
	margin-bottom:7px;
}
.breadCrumb li {
	display:inline;
	font-weight:bold;
	font-size:9px;
}
.breadCrumb a:link, .breadCrumb a:visited {
	color:#00357a;
	font-weight:bold;
	font-size:9px;
	text-decoration:none;
}
.breadCrumb a:hover {
	text-decoration:underline;
}
.home {
	margin-bottom:7px;
}
.home img {
	margin-right:3px;
}

.contentLeftCol {
    float:left;
    display:inline;
    margin-left:10px;
    width:250px;
}
.contentRightCol {
    float:left;
    display:inline;
    margin-left:20px;
    width:250px;
    padding-top:10px;
}

.product {
	width:250px;
	height:285px;
	padding-top:15px;
	background:#fff;
	margin-bottom:15px;
}

.product img {
	display:block;
	width:auto;
	margin:0 auto;
}

.resultProduct {
	float:left;
	display:inline;
	margin-left:6px;
	margin-bottom:6px;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	width:119px;
	height:242px;
	background:#fff;
}
.resultProduct .product {
	width:119px;
	height:144px;
	padding-top:10px;
	border:1px solid #b1b7ba;
	margin:0 auto;
	margin-bottom:3px;
}
.resultProduct a:link, .resultProduct a:visited {
	font-size:10px;
}
.resultProduct span {
	font-size:10px;
	display:block;
	margin-top:3px;
}

.alsoProduct {
	float:left;
	display:inline;
	margin-right:7px;
	width:74px;
	height:150px;
}
.alsoProduct .product {
	width:72px;
	height:83px;
	padding-top:10px;
	border:1px solid #b1b7ba;
	margin-bottom:3px;
}
.alsoProduct a:link, .alsoProduct a:visited {
	font-size:9px;
}

#wrapper .productHover {
	border:1px solid #000;
}

.productForm {
	width:250px;
}
.productForm td {
	padding-bottom:5px;
}
.quantity {
	width:25px;
}
.add {
	display:block;
	width:80px;
	height:36px;
	background:url(../images/btn-add.gif) no-repeat left top;
	line-height:100em;
	overflow:hidden;
}
.price {
	font-weight:bold;
	font-size:14px;
}

/* FOOTER ======================== */
#footer {
	clear:left;
	margin-left:193px;
	padding-top:4px;
}
#footer ul {
	list-style-type:none;
}
#footer li {
	color:#696a6a;
	display:inline;
}
#footer a:link, #footer a:visited {
	color:#696a6a;
	text-decoration:none;
	font-size:10px;

}
#footer a:hover {
	text-decoration:underline;
}