/* ------------------------------------------------------

   AUTHOR           :  	Erwin Aligam
   WEBSITE          :   http://www.styleshout.com/
   TEMPLATE NAME    : 	Citrus Island
   TEMPLATE CODE    : 	S-0004
   VERSION          :   1.2
   LAST DATE MOD    :   January 20, 2010

--------------------------------------------------------- */
 
/* ------------------------------------------------------
   HTML ELEMENTS
--------------------------------------------------------- */

/* top elements */
* { margin:0; padding: 0; outline: 0; }

html, body {
	height:100%;
	margin: 0; padding: 0;
	font: 12px/1.6em  Verdana, Tahoma, Arial,sans-serif;
	color: #333;
	background: #FFF;
	/*background-image: url(/persistent/images/background_colour.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
	background-attachment: fixed;*/
	text-align: center; 
}

/* links */

a:active { text-decoration: none; } 

a:link, a:visited{
	color: #c00000; 
	text-decoration: none;
}


a:hover {
	color: #1481b6;
}

img { border: none; }

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font: bold 16px Arial,Verdana,Helvetica,sans-serif;
	padding: 10px 10px 5px 10px;
	color: #1481b6;
	background-color: inherit;	
}
h2 {
	font-size: 125%;
	text-transform: uppercase;
}
h3 {
	font-size: 125%;	
	color: #404040;
}

h2, h3, p {
	padding: 10px;		
	margin: 0;
}


ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}




/* -------------------------------------
   LAYOUT
---------------------------------------- */
#wrap {
	min-height:100%;
	margin: 0 auto; 
	padding: 0; 
	width: 850px;
	text-align: left;	
}

/* header */
#header { 
	position: relative;
	height: 150px; 
	margin: 0; padding: 0;
	z-index: 50;
	

}
#logo img{
	
	margin: 0; padding:0;
	text-align:center;
	padding-left: 50px;
	padding-top: 30px;
	/* change the values of top and Left to adjust the position of the logo*/
		
}

/* menu */
#menu {
	clear: both;
	height: 30px;
	margin: 0;
	font: bolder 1.5em/16px Tahoma, Verdana, Arial, Sans-Serif;	
	

	
}
#menu ul{
	margin: 0; padding: 0 0 0 8px;
}
#menu ul li {
	float: left;
	list-style: none;		
	border-right: 1px solid #1481b6;
}
#menu ul li a {
	display: block;
	text-decoration: none;	
	padding: 0 15px;
	color: #1481b6;	
}
#menu ul li a:hover {
  	color: #db1f26;	

}
#menu ul li#current a {
	color: #333;

}


/* main column */
#main {
	float: left;
	margin: 20px 0 20px 15px;
	padding: 0;
	width: 100%;
	overflow:auto;
	position: relative;
	z-index: 50 !important;

}



/* footer */
#footer { 
	position:relative;
	margin-top: -80px;
	clear: both; 	
	color: #fff; 	
	background: #FFF url(/persistent/images/footer_back.jpg) repeat-x;
	height: 80px;
	font: 12px Verdana, Tahoma, Arial,sans-serif;
	font-weight: bold;

}
#footer a { 
	text-decoration: none; 
	font-weight: bold;
	color: #fff;
}
#footer-content {
	padding-top: 30px;
	margin: 0 auto;
	width: 800px
}
#footer p { padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear  { clear: both; }
.green  { color: #75A54B; }


/*navigation*/

#navBar { 
	clear:both;
	padding: 0px 0px 0px 45px;
	margin:0;
	height:30px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	
	z-index: 1000;

}

.mainNavItem { 
	
	padding: 7px 9px 8px 9px;
	font: 18px Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	color: #1481b6 !important;
	text-decoration: none;
	

	}
	
.mainNavItemCurrent { 
	
	padding: 7px 10px 8px 10px;
	font: 18px Arial,Verdana,Helvetica,sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	
 }
	
.mainNavItem:hover, .mainNavItemCurrent:hover { 
	color: #000000;
	text-decoration: underline; }

#primary-nav, #primary-nav ul {
	list-style: none;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: left;
	

	 }

#primary-nav li a {
	display: block;
	text-decoration: none; 
	
}
#primary-nav li a:hover { color: #000000 !important; text-decoration: underline; }

#primary-nav li ul { 
	border: 1px solid #7f7f7f;
	}

#primary-nav li ul a {
	display: block;
	text-decoration: none;
	padding: 4px 4px 4px 8px;
	text-transform: none;
	font: 12px "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif,"Bitstream Vera Sans";
	/* color: #cac0a1; */
	width: 140px;
	border-bottom:1px solid #7f7f7f; }
#primary-nav li ul a:hover { color: #000000 !important; background: #ffffff; }

#primary-nav li { float: left; padding: 0px;}

#primary-nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 152px;
	margin: 0px;
	padding: 0px; }

#primary-nav li li {
	width: 132px; }

#primary-nav li ul ul {
	margin: -1.90em 0 0 12em; }

#primary-nav li:hover ul ul, #primary-nav li:hover ul ul ul, #primary-nav li.sfhover ul ul, #primary-nav li.sfhover ul ul ul { left: -999em; }

#primary-nav li:hover ul, #primary-nav li li:hover ul, #primary-nav li li li:hover ul, #primary-nav li.sfhover ul, #primary-nav li li.sfhover ul, #primary-nav li li li.sfhover ul { left: auto; }

#primary-nav li:hover, #primary-nav li.sfhover {
	background: #ffffff;
	color: #FFFFFF; }

#primary-nav li ul li:hover, #primary-nav li ul li.sfhover {
	background: #ffffff;
	color: #FFFFFF; }

#productListing {  }
	#productListing .productItem { float: left; width: 180px; margin: 5px 15px; height: 230px; }
	#productListing .productItem img { border: 1px solid #000000; }

#viewDetailsBlock {}
.contentBlockLeft { width: 515px; float: left; border: 1px solid #eaeaea; background: #fafafa; }
.contentBlockRight { width: 410px; float: right; text-align: left; }