/**
 *Created by Alice Athens
 * 01/09
 * created for oceanz seafood markets limited
 */



html, body/* defult settings */
{
    margin: 0 auto;
    padding:0;
    /*overflow: hidden;   this will remove the defult scroll bar */
    /*overflow: auto;*/
    color: #000000;
    font-family: arial, verdana, times new roman,  tahoma;
    width: 100%;
    height: 100%;
    font-size: 12px;
}


/* deafult settings for a tags */
a{
    text-decoration: none;
    color: #018764;
}

/* border for main site all divs are with in this one*/
#border{
    position: relative;
    width: 1003px;
    height: 798px;
    background-image: url("../images/banner.gif");
    background-repeat: no-repeat;
    margin: 0 auto;
}
/* acts as a margin for between the banner and content div*/
#spacer{
    width: 990px;
    height: 46px;
}

#spacer2{
    position: relative;
    float: left;
    width: 177px;
    height: 26px;
}
/* container div contains all div except footer and border*/
#container{
    position: relative;
    width: 905px;
    height: 705px;
    margin: 0 auto;
}
/* contains the flash banner */
#banner{
    height: 160px;
    width: 900px;
    
}

/* Contains the subnav and the news and specails feature item*/
#leftPannel{
    width: 165px;
   /* height: 358px;*/
    height: 500px; 
    position: relative;
    float: left;
}
/*contains the news ...more box */
#news{
    position: relative;
    width: 152px;
    height: 280px;
    background-color: #e6e6e6;
    float: left;
    margin-left: 12px;
    
}
/* SUBMENU NAV*/
#subMenu{
    position: relative;
    margin-left: 10px;
    height: 180px;
    width: 145px;
    padding-top: 5px;
}

#subMenu ul{
    float: left;
    padding: 0;
    margin: 0 auto;
}

#subMenu ul li{
    list-style-type: none;
    height: 27px;
    width: 145px;
    background-image: url("../images/subMenu.jpg");
    background-repeat: repeat-y;
    padding-left: 10px;
    margin-top: 3px;
    padding-top: 3px;
    font-size: 12px;
}

#subMenu a{
    text-decoration: none;
    color: #ffffff;
}

#subMenu a:hover{
    color: #07f5b7;
}


/* styles the flah banner */
#flashbanner{
    
    width: 905px;
    height: 160px;
    
}

/*MAIN MENU NAV */
#mainMenu{
    height: 26px;
    width: 905px;
    position: relative;
    background-image: url("../images/bkMenu.jpg");
    background-repeat: repeat-x;
    /*z-index: 100;*/
}


#mainMenu ul
{
    position: relative;
    float: left;
    width: 726px;
    height: 26px;
    margin: 0;
    padding: 0;
}


#mainMenu ul li{
    padding: 0;
    margin: 0;
    list-style-type: none;
    float: left;
    display: inline;
    width: 121px;
    height: 21px;
    background-image: url("../images/topMenu.jpg");
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    
}

#mainMenu ul li a{
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
}

#mainMenu ul li a:hover{
    color: #07f5b7;
  
}

/*Styles the content all content gose with in this div */
#content{
    width: 726px;
    height: 508px;
    overflow: auto;
    position: relative;
    float: right;
    border: 1px solid #cccccc;
    padding-top: 10px;
   
}
/* styles the video div on the home page*/
#video{
    width: 310px;
    height: 290px;
    float: right;
    margin-right: 10px;
}
/*deafult styleing for the h1 h2 tags */
h1, h2
{
    font-size: 22px;
    color: #00204b;
    padding: 0;
    margin: 0;
    font-family: arial, tahoma, verdana, times new roman;
    font-weight: normal;
}

.links{
    margin-left: 20px;
}
/* deafult styleinf for p tags*/
p{
    font-size: 13px;
    font-family: tahoma, verdana, times new roman;
}
/* div that contains the home content*/
#home{
    width: 370px;
    white-space: normal;
    float: left;
    margin-left: 10px;
}

#home p{
    margin-left: 10px;
    white-space: normal;
}

#home h1{
    margin-top: 20px;
}
/*styles all hr tags */
hr{
    width: 90%;
    border: 1px solid #cccccc;
    clear: both;
}
/* This is for the home page recipie feature div*/
#feature{
    position: relative;
    width: 600px;
    clear: both;
    margin-left: 10px;
    
}
/* styleing for the tables on the news and specials pages*/
#newsItem{
    width: 145px;
    height: 140px;
    position: relative;
    margin: 0 auto;
}

#newsItem a{
    color: #018764;
    text-decoration: none;
}

#specialItem{
    width: 145px;
    height: 135px;
    position: relative;
    margin: 0 auto;
    margin-top: 5px;
}

#specialItem a{
    color: #018764;
    text-decoration: none;
}

/*Tables*/

/*stores page*/
table{
    margin: 0;
    padding: 5px 5px 5px 5px;
}
.storeImage{
    float: left;
    width: 170px;
    margin-left: 80px;
}

.store{
    width: 250px;
    float: left;
    margin-left: 50px;
   
}

/*products pages*/

.productsCat{
    border: 1px solid #cccccc;
    width: 600px;
    margin: 0 auto;
    background-color: #f7f4f4;
}

.productsCat2{
    border: 1px solid #cccccc;
    width: 600px;
    margin: 0 auto;
}

.products{
    border: 1px solid #cccccc;
    width: 600px;
    margin: 0 auto;
    background-color: #f7f4f4;
}

.products2{
    border: 1px solid #cccccc;
    width: 600px;
    margin: 0 auto;
}

/*recipies pages*/

.recipie{
    border: 1px solid #cccccc;
    width: 600px;
    margin: 0 auto;
    background-color: #f7f4f4;
}

.recipie2{
    border: 1px solid #cccccc;
    width: 600px;
    margin: 0 auto;
}

.recipie .border, .recipie2 .border{
    border-bottom: 1px solid #cccccc;
}

/*news pages*/

.news_full{
    width: 600px;
   
    margin: 0 auto;   
}

.news_full2{
    width: 600px;
   
    margin: 0 auto;
}

/*specials pages*/

.specials{
    width: 600px;
   
    margin: 0 auto;   
}

.specials2{
    width: 600px;
   
    margin: 0 auto;
}

/*link page*/

.links{
    width: 600px;
    margin: 0 auto;   
}

.links2{
    width: 600px;
    margin: 0 auto;
    background-color: #f7f4f4;
}
/*for the pagination links */
#pagiDisplay
{
    width: 700px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}

/*contact pages*/
#contact{
    width: 600px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
}

/*employment page*/
#emp{
    width: 600px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
}

/*seafood guides pages*/

.guides{
    width: 600px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
}


/**/
/*bold tags that need to be blue color*/
.blue{
    color: #00204b;
    font-weight: normal;
    font-size: 16px;
}

/*FORM*/
.clear
{
	clear: both;
	height: 10px;
}

.col2
{
	float: left;
	display: inline;
}

.form1
{
	font-size: 14px;
	padding: 15px;
	margin: 0 auto;
	width: 70%;
	color: #000000;
	font-family:  tahoma, verdana, times new roman;
}

.p1
{
	float: left;
	width: 35%;
}

fieldset {
    border: none;
    border-top: 1px solid #018764;
}


.submit
{
        font-size: 14px;
        color: #018764;
        width: 100px;
        
}

/* footer styleing*/
#footer{
    position: relative;
    height: 30px;
    width: 600px;
    clear: both;
    margin: 0 auto;
    color: #001e47;
    font-family: tahoma, verdana, times new roman;
    text-align: center;
    padding-top: 5px;
}

#footer a{
    text-decoration: none;
    color: #001e47;
}

/*thankyou message after regester form submited*/

#thankyou
{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #018764;
}

/*register page*/

#register{
    width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #018764;
}

/*sitemap*/

#siteMap{
    width: 600px;
    margin: 0 auto;
}

#siteMap ul li{
    list-style-type: none;
    float: left;
    display: inline;
    width: 150px;
    height: 50px;
}