/*
		THEME NAME: Coast Lamp Mfg., Inc.
		THEME URI: 
		DESCRIPTION: The Official OmegaNet Inc. Theme
		VERSION: 1.0
		AUTHOR: Joline Falco
		AUTHOR URI: http://www.omeganetinc.net

		COLORS USED
		Gray:	#222222
		Red:	#bf1e2e
*/

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriadpro-regular-webfont.eot');
    src: url('fonts/myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-regular-webfont.woff') format('woff'),
         url('fonts/myriadpro-regular-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-regular-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
	UTILITY
*/

.float-left	{
	float: left;
}
.float-right	{
	float: right;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.clear-both	{
	clear: both;
}

/*THE GROUP CLASS KEEPS THE PARENT CLASS FROM COLLAPSING ON ITS CHILDREN*/
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*
	TYPOGRAPHY
*/

P	{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	line-height: 16pt;
	}
	
a img {
	border:  none;
}
	
a {	

}
a:link, a:visited, a:active {
	font-family: 'MyriadProRegular', sans-serif;
	color: #808552;  
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #b7b186;
	font-weight: bold;
	text-decoration: none;
}

H1
	{
	font-size: 12pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: #808552;
	font-weight: bold;
	text-align:left;
	color: white;
  	text-shadow:
   		-1px -1px 0 #000,
   		1px -1px 0 #000,
    	-1px 1px 0 #000,
     	1px 1px 0 #000;
	}

H2
	{
	font-size: 13pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: #808552;
	font-weight: bold;
	}	

H3
	{
	font-size: 12pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: #808552;
	font-weight: bold;
	}

H4
	{
	font-size: 12pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: #808552;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
	}

H6
	{
	font-size: 8pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: #808552;
	font-weight: bold;
	text-align: left;	
	}
blockquote	{
	vertical-align: top;
	font-size:10pt;
	color: #000;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	}

/*
	STRUCTURE
*/
#page-wrap	{
	width:1150px;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #808552;
}

#aside	{
	float:right;
	width:400px;
}

/*
	STYLE
*/
html	{
	height:100%;
	min-height:100%;
	background-color: #b7b186;
	width: 100%;
	min-width: 1200px;
}
body	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 11pt;
	margin-top:10px;
	margin-bottom: 0;
	padding:0px;
	min-height:100%;
}

.BodyBg
{
	width: 950px;
	vertical-align:central;
}

/*
	HEADER
*/
#header	{
	height: 288px !important;
	width: 1100px;
	margin: 0px auto;
}
#logoMainWrapper {
	position:relative;
	width:1100px;
	height: 288px;
	margin: 10px auto 0 auto;
	background: url(images/header.png) center no-repeat;
}

#tagline	{
	float:right;
	margin-top: 50px;
	margin-right: 30px;
	line-height: 17pt;
	text-align:center;
	height: 150px;
	width: 350px;
	font-weight: bold;
}

.map {
	box-shadow: 2px 2px 5px #000;
}
/*
	MENU
*/
#nav {
	background-color: #b7b186;
	width: 97%;
	height: 25px;
	z-index: 0;
	padding-top:3px;
	padding-bottom:3px;
}
#nav ul	{
	/*float: left;*/
	margin-left: 30px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align:center;
}
#nav ul li	{
	display: inline; 
	padding: 0 20px 0 0;
	text-align:center;
}
#nav ul li a	{
	font-size: 10pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: white;
  	text-shadow:
   		-1px -1px 0 #000,
   		1px -1px 0 #000,
    	-1px 1px 0 #000,
     	1px 1px 0 #000;
}
#nav ul li a:hover	{
	font-size: 10pt;
	font-family: 'MyriadProRegular', sans-serif;
	color: #000;
  	text-shadow:
   		-1px -1px 0 #FFF,
   		1px -1px 0 #FFF,
    	-1px 1px 0 #FFF,
     	1px 1px 0 #FFF;
}

/*
	MAIN-CONTENT
*/
#main-Container	{
	position:relative;
	width: 1100px;
	height: 100% !important;
	min-height: 600px !important;
	margin: 0px auto;
}

#main-content	{
	position:relative;
	width: 1100px;
	height: 100% !important;
	min-height: 600px !important;
	margin: 0px auto;
	background-image: url(images/content.png);
	background-repeat: repeat-y;
	background-position: center;
}
#main-content a	{
	text-decoration: none;
}

#main-content-copy	{
	position: absolute;
	width: 1000px;
	height: 100% !important;
	min-height: 600px !important;
	margin-left: 50px;

}
#contentimage-top {
	position:relative;
	height: 62px;
	background-image: url(images/top.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px auto;
}

#contentimage-bottom {
	position:relative;
	height: 69px;
	background-image: url(images/bottom.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px auto 30px;
}


/*
	SIDEBAR
*/
#aside a	{
	text-decoration: none;
}

/*-------------------------------------OMEGANET SPECIFIC-----------------------------------------------*/
/*This really needs to be added to*/
/*
	CATEGORY PAGE
*/
img .thumbnail	{
	
}
a .category	{
	
}

/*
	SHOW CATEGORY
*/
div, table, tr, td {
	margin:0 auto;
}

div {
	display:block;
}

div.cat_item	{
	height:380px; 
	width:285px; 
	float:left; 
	position:relative; 
	padding:0; 
	text-align:center; 
	margin-left:30px;
    margin-right:auto;

	}

div.cat_content_bottom	{
	position:absolute; 
	vertical-align:baseline; 
	text-align:center;
	padding:0px; 
	bottom:0px; 
	margin-left:50px;
    margin-right:auto;
	}

div.cat_item div.cat_content_top	{position:absolute; top:0px}

	
.table_width	{
	width:950px;
	margin:0 auto;
	text-align: center;
}

.bySku	{
	color:#000;
	background-color: #FFF;
	text-align:center;
} 

.catCell	{
	width:400px;
	margin:0 auto;
	padding: 30px;
	text-align: center;
}

.catpix	{
	padding: 10px;
}

.cart {
	font-family: 'MyriadProRegular', sans-serif;
	font-size:9pt;
	color:#000;
	}

.item {
	font-family: 'MyriadProRegular', sans-serif;
	font-size:9pt;
	color:#000;
	background-color: #FFF;
	line-height: 14pt;
	}

.sublink {
	text-decoration: none;
	font-family: 'MyriadProRegular', sans-serif;
	font-size:8pt;
	}

.button 
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size:9pt;
	color:#000000;
	background-color: #eeeeee;
	}

.iteminput
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size:9pt;
	color:#808552;
	background-color: #FFF;
	text-align:center;
	}

.small
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size:9pt;
	color:#000;
	background-color: #FFF;
	}

.smallcaps
	{  
	font-family: 'MyriadProRegular', sans-serif;
	font-variant: small-caps;
	}

P.rev
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-variant: small-caps;
	font-size:8pt;
	color:#006;
	font-weight:700;
	}

.legend {
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
}              

.clearBoth {
	clear:both;
}

div.inner { margin: 0; background: #fff; padding: 10px; border:0; zoom:1;}
div.outer { float: left; margin: 15px; background: #9baf8e; padding: 8px; width: 836px; }	
	

#push {
	clear:both;
	height: 0px;
}

#prodThumbs	{ padding-left:15px }

.itemName
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 15pt;
	font-weight: bolder;
	font-style: normal;
	color: #000000;
	text-align: left;
	}
	
.price
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 13pt;
	font-weight: bolder;
	font-style: normal;
	color: #000000;
	text-align: left;
	}
	
.sku
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 13pt;
	font-weight: bolder;
	font-style: normal;
	color: #000000;
	text-align: left;
	}
	
.upc
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 13pt;
	font-weight: bolder;
	font-style: normal;
	color: #000000;
	text-align: left;
	}
	
.desc
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 13pt;
	font-style: normal;
	color: #000;
	text-align: left;
	}
	
.units
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 13pt;
	font-weight: bolder;
	font-style: normal;
	color: #000000;
	text-align: left;
	}
	
.min
	{
	font-family: 'MyriadProRegular', sans-serif;
	font-size: 13pt;
	font-weight: bolder;
	font-style: normal;
	color: #000000;
	text-align: left;
	}
	
#keyform	{
	position:absolute;
	width:300px;
	float:right;
	right:100px;
	top:10px;
}

#search	{
	width:250px;
	float:left;
	position:absolute;
	z-index:100;
	top:10px;
	left: 100px;
 }

.category {
	line-height: 18pt;
	text-align:center;
}
	
.showingPage	{
	color: #333;
	text-align: center;
	font-size: 12px;
	}
	
.selectSubcat	{
	color: #000;
	text-align: center;
	}
	
.currentCat {
	text-align:center;
	width: 900px;
	line-height: 30px;
}

.addToCart {
	text-align:center;
	width: 900px;
}




/*-------------------------------------END OMEGANET SPECIFIC-----------------------------------------------*/
/*	
	FOOTER
*/
#footer	{
	position: relative;
	width: 100%;
	height:50px;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer
{
	font-size: 10pt;
	font-style: normal;
	color: #000;
	text-align:center;
	padding-top: 10px;
	}
	

.footer a:link, .footer a:visited, .footer a:active
	{
	font-size: 10pt;
	font-style: normal;
	color: #fff;
	}

.footer a:hover
	{
	font-size: 10pt;
	font-style: normal;
	color: #808552;
	}

#copyright	{
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	font-size: 10pt;

}
<!-- Homepage -->

#HOMEmain-content	{
	position:relative;
	width: 1100px;
	height: 100% !important;
	min-height: 600px !important;
	margin: 0px auto;
}

#photoShow {
    position:relative;
    height:525px;
    width:750px;
	text-align:center;
	float: left;
	margin-left: 30px;

}
#photoShow div {
	position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 2;
}
#photoShow div.current {
    z-index: 3;
}

#login	{
	position:relative;
	width: 300px;
	height: 500px!important;
	margin-right: 30px;
	margin-top: 50px;
	float:right;

}
.login {
	font-family: 'MyriadProRegular', sans-serif;
	color: #000;  
	font-weight: normal;
	text-decoration: none;
	line-height: 18pt;
}
a.login:link, a.login:visited, a.login:active {
	color: #fff;  
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}

a.login:hover {
	color: #b7b186;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}
