/* COLORS 
Blue = #02AACE

*/





/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Created by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
 


/*************STYLES*********/

/***LAYOUT***/

body {
text-align:center;
font-size:small;
font-family:"Lucida Grande", "Arial", "Verdana", "Trebuchet MS", "Tahoma", "Arial";
margin:0px;
padding:0px;
background:url(images/thinbg.jpg) top center repeat-y #01628F;

}

#westsidebg {
background:url(images/logobg.jpg) center -130px repeat;
}

#outer {
width:100%;
text-align:center;
	background:url(images/bg.gif) top center no-repeat transparent;

}


	#container {
	text-align:left;
	width:770px;
	margin:0px auto;
	background:white;
	background:url(images/bg.gif) top center no-repeat white;
	min-height:800px;
	}
	

	#header {
	margin:0px;
	width:770px;
	height:145px;
	
	}
	
	#header img {
	vertical-align:bottom;
	}
	
	* html #header {
	height:1%;
	}
	
		#header img {
		
		}
		
		#header #search {
		}
	
	#nav {
	
	
	}

		#nav ul {
	
		}
		
		#nav ul li {
		
		}
		
		#nav a {
		padding:0px 8px;
		color:white;
		display:inline;
		}
		
		#nav a:hover {

		}

	
		
	#showcase {
	margin:0px 0px 10px 0px;
	min-height:81px;
	}
	
		#showcase h1 {
		margin:0px 10px;
		}
	
		#features {
		margin:5px 0px 15px 0px;
		padding:0px 10px;
		}
		
			.feature {
			display:inline;
			}
	
	
		
	#content {
	text-align:left;
	width:750px;
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	min-height:200px;
	float:left;
	}
	
	#content.index {
		background:none;
	}
	
	
	#main {
	width:400px;
	margin:0px 0px 0px 0px;
	clear:none;
	float:left;
	}
	
		#main.normal {
		margin-left:0px;
		width:750px;
		}
	
	#sidebar {
	display:inline;
	clear:left;
	float:left;
	width:150px;
	text-align:left;
	margin:0px 10px 10px 0px;
	}
	
	
	#footer {
	padding:0px 10px;
	clear:both;
	border-top:1px solid #ccc;
	}
	
/***STYLES***/

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  line-height: 1.3em;
  color: #333;
}

h1,h2,h3,h4,h5,h6 { 
  margin: 0; 
  color:#111; 
  clear:both; 
}

/* Total height for each heading has to be a multiple of the baseline (18). */
h1 { 
font-size: 225%; 
margin:0px;
font-weight:bold;
color:#1C425C;
padding:0px 0px 5px 0px;
clear:none;
font-family:Georgia, "Times New Roman", Times, serif;
}

h2 { 
font-size: 150%; 
color:#6ABDC4;
margin:0px 0px 0px 0px; 
clear:none;
}

h3 { 
font-size: 150%; 
margin:10px 0px 2.5px 0px; 
padding:0px;
}

h4 { 
font-size: 100%; 
margin:0px 0px 2.5px 0px;
font-weight:bold;
text-transform:uppercase;
}

h5 { 
font-size: 100%;
font-weight:bold; 
}

h6 { 
font-size: 100%; 
font-weight:bold; 
}


p {
margin:0px 0px 10px 0px;
font-family:"Lucida Grande", "Arial", "Verdana", "Trebuchet MS", "Tahoma", "Arial";
line-height:1.5em;
}

strong {
font-weight:bold;
}

small {
font-size:80%;
color:#999;
}


table.datatable {
width:99%;
border-collapse:collapse;
margin:0px 0px 10px;
border:1px solid #ccc;
}

	tr {
	
	}
		
		th, td {
		padding:2px 5px;
		margin:0px;
		border-bottom:1px solid #ccc;
		}
		
		th {
		background:#f0f0f0;
		font-weight:bold;
		}
/***CLASSES***/	
	
p.intro {
font-size:30px;
line-height:36px;
display:block;
}

.top {
margin:0px;
}

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

.floatright {
float:right;
margin:0px 0px 10px 10px;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}

.clearboth {
clear:both;
}

.border {
border:1px solid #ccc;
}

.padding {
padding:5px;
}

.datatable {



}


img.preview_link {
border:2px solid #ddd;
padding:5px;
}

.productcategory {
float:left;
margin:0px 7px 7px 0px;
border:2px #ddd solid;
}

.productcategory:hover {
border:2px solid #031640;
}

#logocover {
width:185px;
height:50px;
float:right;
}


h4.wpsc_product_title a {
color:red;
}

h4.wpsc_product_title {
color:#02AACE;
}

h2.wpsc_product_title {
background:url(http://westsidespearfishing.com/images/sidebar/bluebg.jpg) top left repeat-x;
color:black;
font-weight:bold;
padding:2px 5px; 
}


.alignleft {
clear:left;
float:left;
border:1px solid #ccc;
padding:5px;
margin:0px 10px 10px 0px;
}

.alert {
background-color:pink;
padding:5px;
border:2px solid red;
}

#advertisements {
float:right;
width:190px;
height:800px;
background-color:#f0f0f0;
}

	#advertisementsinner {
		margin:5px;
	}
	
	#socialmedialinks {
		width:100%;
	}


	#socialmedialinks td {
	border-bottom:5px solid #f0f0f0;
	vertical-align:middle;
	margin:0px 0px 5px 0px;
	background-color:white;
	text-align:left;
	padding:5px 0px 5px 5px;
	}


#productcategories {
	float:left;
	width:560px;
}