/*  
Theme Name: Shorelines Of Cowes
Theme URI: 
Description: 
Version: beta
Author: Administrator
Author URI: 
Tags: there columns, widgets
*/

html { min-height: 100%; margin-bottom: 1px; }  /* FireFox Page-Shift Fix */

body {    
    position: relative;
    background-color: #E1E1DF;
    width: auto;
    height: auto; 
    margin: 0 auto;    
    padding:0;    
    text-align: left;
    font-family: Arial; 
    font-size: 13px;
    font-weight: normal;
    color: #6D6F72;     
    border: 0px solid #FF0000;    
}

h1,h2,h3,h4 {    
    font-weight: bold;
    font-family: 'Arial';
}

a {text-decoration: none;}




/****************** Predefined Classess ******************/   
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}

.floatleft {float: left;}
.floatright {float: right;}

.valign {vertical-align: middle;}

.clear {clear: both;}

/***** Comments *****/
.post-metadata {
    background-color: #90C2BD;
    margin-top: 20px;
    padding: 3px 5px;    
}

.post-metadata small {
    color: #000000;
    font-size: 10px;
} 

.post-metadata a {
    color: #ffffff;
}

/***** Author *****/  

strong.about {margin-left: 35px;}
strong.profile {margin-right: 30px;}
strong.website {margin-right: 20px;}






/****************** Main-Container ******************/ 
#main-container {
    position: relative;
    background-color: #ffffff;    
    width: 1002px;
    height: auto;
    margin: 0 auto;              
    border: 0px solid #000;
}




/****************** WRAPPER ******************/
#wrapper {
    position: relative;    
    width: 958px;    
    height: auto;
    margin: 0 auto;     
    border: 0px solid #f00;
}




/****************** HEADER ******************/ 
#header {
    background-color: #fff;    
    width: 958px;
    height: 122px;
    margin: 0 auto;  
    border: 0px solid;  
}

#left-header {
    width: 630px;
    height: auto;
    margin-top: 20px;
    border: 0px solid #f00;    
}

#left-header span {
    color: #34584A;
    font-size: 16px;
    font-weight: bold;
}

#right-header {
    width: 245px;
    height: auto;
    margin-top: 20px;
    border: 0px solid #f00;    
}




/****************** Header Navigation ******************/
#header-nav .menu {           
    position: relative;
  /*  width: 958px;*/
    height: 35px; 
    margin: 0 0 10px 0;
    border: 0px solid;
}

#header-nav .menu ul {
    position: relative;
    height: 35px; 
    border: 0px solid;
}

#header-nav .menu ul li {
    float: left;
    background: url('http://www.shorelinesofcowes.co.uk/shop/templates/deluxe/css/images/nav_bg.gif'); 
    background-repeat: repeat-x;                  
    border: 1px solid #EAEBED;
}

#header-nav .menu ul li:hover,
#header-nav .menu ul li.current_page_item {    
    float: left;
    background: url('http://www.shorelinesofcowes.co.uk/shop/templates/deluxe/css/images/navb_bg.gif');    
    background-repeat: repeat-x;        
    border: 1px solid #EAEBED;
}

#header-nav .menu ul li a {            
color:#6D6F72;
display:inline-block;
font-weight:normal;
padding:7px 11.5px;
text-decoration:none;    
} 

#Menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#Menu li {
    background: none repeat scroll 0 0 #91C3BD;
    border-bottom: 1px solid #FFFFFF;
}
#Menu li a {
    color: #526A5D;
    display: block;
    padding: 10px 12px;
    text-transform: uppercase;
}
#Menu li ul {
    list-style: none outside none;
    margin: 0 0 10px 25px;
}
#Menu ul li {
    border: medium none;
}
#Menu ul a {
    color: #FFFFFF;
    display: block;
    padding: 4px 0;
    text-transform: none;
}
#Menu ul a:hover {
    color: #526A5D;
}
#Menu {
    background: url("images/hdot.gif") repeat-x scroll left bottom transparent;
    font-size: 13px;
    padding-bottom: 10px;
}

/****************** Content ******************/ 
#header-nav { float: left; width: 958px;}
#content {
    width: 958px;
    height: auto;       
    border-top: 1px dotted #8F9194;
	float: left;
}




#left-content {
    float: left;
    width: 211px;
    height: auto;
    padding-right: 10px;    
}

#store-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #8F9194;
}

#store-menu ul {
   
}

#store-menu ul li {
    background-color: #90C2BD;
    padding: 10px 15px 10px 15px;    
    border-bottom: 1px solid #fff;
}

#store-menu ul li a {
    color: #536A5E;
    font-weight: bold;
}




#right-content {
    float: left;
    width: 723px;
    padding-top: 10px;
    padding-left: 10px;
    height: auto;
    border-left: 1px dotted #8F9194;        
}

/***** PAGE *****/
#title-section {
    position: relative;
    width: 724px;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px dotted #8F9194;        
}

#title-section h1, #title-section h1 a {
    font-size: large;
    color: #4D6051;
}

#context {
    float: left;
    width: 494px;    
    height: auto;
    padding-right: 10px; 
    border-right: 1px dotted #8F9194;   
}

#context h3, #context h3 a {    
    color: #4D6051;
}

#context p { 
    line-height: 21px;
    margin: 0 0 10px 0px;
}




/***** featured-section *****/
#featured-section {
    position: relative;
    width: 256px;
    height: 295px;
}

#featured-image {
    position: absolute;
    z-index: 0;
}

#featured-text {
    background-color: #fff;
    opacity: 0.5;
    position: absolute;
    z-index: 100;
    width: 180px;
    height: auto;
    padding: 10px 10px;
    margin: 10px 10px;
    border: 0px solid #000;
}

#featured-text h3 {
    color: #536A5E;
    font-size: medium;
    font-weight: bold;
    margin-bottom: 10px;
}

#featured-text p { 
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 550;
    text-shadow: 0px 1px 0px #fff;
    filter: dropshadow(color=#fff,offX=0,offY=1);
}

#featured-text span.price {
    font-weight: bold;
}

#featured-text span.info a {
    color: #90C2BD;
}


/***** r_content *****/
#r_content {
    clear: both;
    position: relative;
    width: 723px;
    height: auto;
    padding-top: 10px;
    border: 0px solid;
}


/***** featured-products *****/
#featured-products {
    float: left;
    width: 504px;
    height: auto; /*360px;*/ 
    border-right: 1px dotted #8F9194;   
}

#featured-products h2 {
    color: #4D6051;
    font-size: medium;    
}

#featured-products .products-section {
    
}

#featured-products .products-section .product-frame {
    float: left;
    background: url('images/product-frame.png');
    background-repeat: no-repeat;
    width: 158px;
    height: 160px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
}

#featured-products .products-section .product-frame div.product {
    height: 135px;
}

#featured-products .products-section .product-frame img {    
    margin-top: 20px;
}

#featured-products .products-section .product-frame div.info {
    /*clear: both;*/
    border: 0px solid;
    text-align: right;
    padding-right: 12px;
}

#featured-products .products-section .product-frame div.info a {
    color: #90C2BD;
}



/***** r_sidebar *****/
#r_sidebar {
    float: right;
    width: 207px;
    padding-left: 10px;    
}





/****************** Sidebar ******************/
.left-sidebar, .right-sidebar {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #8F9194;
}

.left-sidebar h2, .right-sidebar h2 {
    color: #4D6051;
    font-size: medium;
    margin-bottom: 15px;
}

.left-sidebar a, .right-sidebar a {
    color: #4D6051;
    font-size: 12px;
}

.left-sidebar p, .right-sidebar p { 
    font-size: 12px;
} 





/****************** Footer ******************/  
#footer {
    padding-top: 10px;
    border-top: 1px dotted #8F9194;       
}

#social-media {
    clear: both;
    margin-bottom: 45px;
}




/****************** Footer Navigation ******************/
#footer-nav {
    clear: both;
    background-color: #6D6F72;
    margin-top: 10px;
    height: 70px;
}

#footer-nav .menu {           
    position: relative;
    width: auto;    
    height: auto;
    margin: 0 0 10px 0;
    border: 0px solid #f00;
}

#footer-nav .menu ul {
    position: relative;
    height: 35px; 
    border: 0px solid #fff;
}

#footer-nav .menu ul li {
    float: left;    
    padding: 10px 14px 10px 13px;    
}

#footer-nav .menu ul li a {            
    color: #B6C0C0;     
    font-size: 12px;
    text-decoration: none;       
}
    
    






/****************** Shopping Cart ******************/    
#shopping-cart {
    clear: both;
    text-align: left;
    margin-top: 60px;
	margin-left: 40px
}

#shopping-cart img {
    margin-right: 10px;
}

#shopping-cart a {
    color: #93C5BD;
	font-size: 12px	
}

#shopping-cart span {
    color: #6D6F72;
	font-size: 11px
}




/****************** Search Form ******************/      
#searchform input[type="text"] {
    background: url('images/search-bg.jpg');
    background-repeat: no-repeat;
    background-position:  left center;
    height: 25px;    
    padding-left: 70px; 
    border: 0;   
	padding-top: 15px;
	padding-bottom: 10px; width: 126px;
}


#memberArea h1 {
color:#4D6153;
font-size:18px;
margin:0 0 5px;
}

#memberArea a {
color:#91C3BD;
cursor:pointer;
text-decoration:none;
}

#memberArea a:hover {
color:#808184;
cursor:pointer;
text-decoration:underline;
}

#search {
border:1px solid #B2B4B6;
color:#B2B4B6;
float:right;
font-weight:bold;
padding:10px;
}

#featured-text {
display: none
}