/*
Theme Name: The Maxi Dress Shop
Theme URI: http://www.devereuxdesigns.co.uk
Description: Theme built by James Burton for The Maxi Dress Shop
Version: 1.0
Author: James Burton
Author URI: http://www.devereuxdesigns.co.uk

*/

@charset "utf-8";

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#container {
	width: 980px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
} 
#header {
	height: 100px;
        
} 
/*----------LOGO----------*/
#logo {
	float: left;
	width: 300px;
	margin-top: 20px;
}

#logo h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333;
	letter-spacing: 2px;
}

#logo a {
	color: #333;
	text-decoration: none;
}

#logo a:hover {
	color: #999;
}

/*----------SEARCH----------*/

#search-box {
	float: right;
	width: 170px;
	margin-top: 20px;
}

.searchform {
        margin-top: 3px;
        
}

.searchfield {
        
}

.searchbutton {
        
}

.textinput {
        font-family: Arial, Helvetica, sans-serif;
        color: #333;
        font-size: 12px;
        
}

/*----------BANNER----------*/

#banner {
        width: 720px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
        
}


/*----------SIDEBAR----------*/
#sidebar {
	float: left;
	width: 250px;
        margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
        

	
}

#sidebar h2 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
	color: #FFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: normal;
}

#sidebar h3 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
	color: #FFF;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: normal;
}

#sidebar ul {
	margin-top: 10px;
	margin-bottom: 20px;
        padding:0px;

        
}

#sidebar li {
	font-size: 12px;
	list-style-type: none;
	margin-left: 10px;
}

#sidebar a {
	color: #333;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

.sidebar-banner { margin-top: 20px; width: 235px;  margin-left: 10px; text-align: center;
}
/*----------MAIN CONTENT----------*/

#mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 260px;
	padding-top: 0;
	padding-bottom: 0;
        
} 

#welcome {
        width: 720px;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 20px;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 10px; 
        
}


/*----------PRODUCTS----------*/

#price-navigation { width: 470px; height: 20px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: right; 
}

#price-navigation a { color: #333; text-decoration: none; }

#price-navigation a:hover { text-decoration: underline; }

#price-navigation ul { display: block; padding: 0px; margin: 0px; list-style: none; float: right;} 

#price-navigation li { float: left; display: inline; padding-right: 15px; margin: 0px; list-style: none; text-align: right; } 


#sortbox { height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 8px; margin-left: 10px; margin-bottom: 20px;}



#product-container { width: 730px; padding-left: 10px;
    
}
.productbox {
	margin:10px 2px 10px 2px;
	float: left;
	width: 175px;
	height: 300px;
	color: #333;
}

.productbox h2 {
        text-transform: uppercase;
}

.productbox a {
	
	color: #333;
	text-decoration: none;
}

.productbox a:hover {
	
	text-decoration: underline;
}

.productimage {
	width: 160px;
	height: 240px;
	
}
.retailer {
	
	text-align: center;
	font-size: 12px;
        text-transform: uppercase;
}

.title {
	font-size: 10px;
	text-align: center;
	max-width: 160px;
	max-height: 15px;
	overflow: hidden;
}

.price {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

#pagenavi {
        width: 720px;
        text-align: center;
        margin-bottom: 20px;
}

/*----------FOOTER----------*/

#footer {
	background-color: #333;
	height: 100px;
	padding: 10px;
} 

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

#footer a:hover {
	text-decoration: underline;
}


#footer p {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	float: left;
}

#footer-navigation {
	font-size: 10px;
	text-transform: uppercase;
        width: 100%;
        clear: both;
        margin-bottom: 20px;
}
#footer-navigation ul { display: block; padding: 0px; margin: 0px; list-style: none; text-align: center; } 

#footer-navigation li { float: left; display: inline; padding-right: 15px; margin: 0px; list-style: none; } 


#copyright {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	float: left;
}

#devereux {
	float: right;
	width: 300px;
	color: #FFF;
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
}



.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*----------PAGE STYLES----------*/

#pagecontent{ font-family: Arial, Helvetica, sans-serif; margin-top: 5px; margin-left: 20px;

}


#pagecontent h2 {  
	font-size: 22px;
	color: #333;
	letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 10px;
}

#pagecontent h3 {  
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
        font-weight: bold;
}

#pagecontent p {
        font-size: 14px;
        color: #333;
        margin-bottom: 20px;
}

#pagecontent a {
        text-decoration: none;
        color: #333;
}

#pagecontent a:hover {
        text-decoration: none;
        color: #333;
}

#pagecontent p a {
        text-decoration: underline;
        font-weight: bold;
        color: #333;
}

#pagecontent p a:hover {
        color: #333;
}

.page-image { text-align: centre; }

.blogdate {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
}

.blogpost {
        margin-bottom: 20px;
}

#facebook-banner {
         width: 728px; height: 32px; background: #fff; 
	background-image: url(images/facebookbanner.gif);
        padding-top: 58px;
 }

#facebook-button {
        margin-left: 20px;
        color: #fff;
}

#more-designers {
margin-left: 20px; margin-bottom: 20px; font-size: 10px; margin-top: -10px;
}


#post-navigation {text-transform: uppercase; font-size: 12px; font-weight: bold; }

.alignleft { float: left; }
.alignright { float: right; }