/*
Theme Name: Tablets4Less
Theme URI: http://www.tablets4less.com
Description: Main Template (Version 1.0)
Author: firstbasedesign
Author URI: http://www.firstbasedesign.co.uk
Version: 1.0
.
(C)2009 Tablets4Less/firstbasedesign.
.
*/

/* ----- Layout / Structure (screen) -----  */


* { 
	margin: 0;
	
	padding: 0;
	
	}
	

body {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	background: url(assets/images/background-graphic.png) repeat-x #fff;
	
	height: 100%;
	
	}
	

#wrapper {

	width: 956px;

	text-align: left;

	margin: 0 auto;

	}
	
	
#header {

	width: 956px;
	
	height: 211px;

	}
	

#navigationBar {
	
	width: 956px;
	
	height: 79px;
	
	}
	
	
#header img {
	
	display: block;
	
	}	
	
	
#mainContainer {

	float: left;

	width : 956px;

	background: #fff repeat-y;

	}

	
#content {

	float: left;

	width: 600px;

	padding: 40px 0 10px 45px;

	}
	
	
#sidebar {

	float: right;
	
	width: 250px;

	padding: 4px 40px 0 0;
	
	margin: 5px 0 0 10px;

	}
	
	
#footer {

	float: left;
	
	background: url(assets/images/footer-graphic.png);
	
	width: 956px;
	
	height: 97px;
	
	margin: 0;
	
	padding: 0;
	
	}

	

.clear {

	clear: both;
	
	}
	
	  
/* ----- Navigation (Main Navigation) -----  */


#menu {
	
	float: left;

	width: 700px;
	
	margin: 14px 0 0 50px;
	
	padding: 0;
	
	height: 44px;
	
	}


#menu li {

	float: left;
	
	margin: 0 2px 0 0;
	
	padding: 0 10px 0 0;	
    
	list-style-type: none;
	
	color: #fff;
	
	}
	
	
#menu li a {
	
	display: block; 
	
	text-decoration: none;
	
	color: #fff;
	
	padding: 5px;
	
	font-size: .7em;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;

	}
	
#home #menuHome a.active {

	color: #ce232b;
	
	background-color: #fff;
	
	padding: 5px;
	
	}

	
.home #menuHome a.active, #news #menuNews a.active, .products #menuProducts a.active, .services #menuServices a.active, .about-us #menuAbout a.active, .contact-us #menuContact a.active {
	
	color: #ce232b;
	
	background-color: #fff;
	
	padding: 5px;
	
	}
	
.home #menuNews a:hover, #menuProducts a:hover, #menuServices a:hover, #menuAbout a:hover, #menuContact a:hover, #menuHome a:hover, .news-and-events #menuHome a:hover, #menuProducts a:hover, #menuServices a:hover, #menuAbout a:hover, #menuContact a:hover, .products #menuHome a:hover, #menuNews a:hover, #menuServices a:hover, #menuAbout a:hover, #menuContact a:hover, .services #menuHome a:hover, #menuNews a:hover, #menuProducts a:hover, #menuAbout a:hover, #menuContact a:hover, .about #menuHome a:hover, #menuNews a:hover, #menuProducts a:hover, #menuServices a:hover, #menuContact a:hover, .contact-us #menuHome a:hover, #menuNews a:hover, #menuProducts a:hover, #menuServices a:hover, #menuAbout a:hover {
	
	color: #fff;
	
	background-color: #f17277;
	
	padding: 5px;
	
	}


/* ----- Typography  -----  */

a {
	
	color: #ce232b;
	
	font-weight: bold;
	
	text-decoration: none;
	
	border-bottom: 1px dotted #df565c;
	
	}
	
a:hover, a:visited {
	
	color: #ce232b;
	
	font-weight: bold;
	
	}


p {

	font-size: .7em;
	
	line-height: 1.6em;
	
	color: #333;
	
	padding: 0 5px 10px 21px;

	}
	
	
h1 {

	padding: 5px 0 5px 19px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	font-size: 1.3em;
	
	color: #ce232b;
	
	border-bottom: 1px dotted;
	
	margin-bottom: 10px;
	
	}


h2 {

	padding: 5px 0 5px 19px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	font-size: 1.1em;
	
	color: #c5545a;
	
	margin-bottom: 10px;
	
	}
	

h3 {
	
	padding: 0 0 5px 20px;
	
	font-size: .3em;
	
	color: #fff;
	
	}
	
	
h4 {

	padding: 5px 0 5px 19px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	font-weight: bold;
	
	font-size: 1.3em;
	
	color: #ce232b;
	
	}
	
	
h4 a {

	border-bottom: 1px dotted;
	
	}
	
h4 a:visited {

	text-decoration: line-through;
	
	}
	
h4 a:visited, h4 a:hover {

	color: #ce232b;
	
	}
	
	
em {
	
	font-weight: bold;
	
	}


small {

	margin: 0;
	
	text-align: left;
	
	display: block;
	
	border: 0 none;
	
	float: left;
	
	font-size: .775em;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	}

	
.productChart {

	width: 500px;
	
	border: 1px solid #ce232b;
	
	margin: 5px 0 15px 22px;
	
	text-align: left;
	
	color: #333;
	
	font-size: .8em;
	
	padding: 4px;
	
	background-color: #fae1e3;
	
	}
	
.productChart td {

	padding: 5px;
	
	border: 1px solid #fff;
	
	}


.topRow {

	color: #fff;

	background-color: #ce232b;
	
	font-weight: bold;
	
	}

	
.telephoneNo {

	float: left;
	
	font-size: 1.1em;
	
	font-weight: bold;
	
	color: #fdd9db;
	
	margin: 0;
	
	padding: 12px 0 0 5px;
	
	}
	

.guyKids, .ladyBall, .ladyHood {

	float: left;
	
	margin: 20px 0 0 55px;
	
	}
	
	
#newsletterContainer {

	background-image: url(assets/images/mailing-list-background.png);
	
	width: 268px;
	
	height: 345px;
	
	}
	
#newsletterForm {

	float: left;

	margin: 128px 0 0 4px;
	
	}
	
#sidebarWidgets {

	}


.widgettitle {

	font-family: Arial, Helvetica, sans-serif;
	
	background-image: url(assets/images/widgettitle-graphic.gif);
	
	background-repeat: no-repeat;
	
	width: 230px;
	
	height: 61px;
	
	color: #fff;
	
	font-style: normal;

	font-size: .8em;
	
	margin-left: 10px;
	
	margin-top: 10px;
	
	padding: 5px 0 0 20px;

	}
	
	
#recent-posts a {

	font-size: .8em;
	
	line-height: 1.7em;
	
	color: #333;

	border-bottom: 1px dotted;
	
	text-decoration: none;
	
	font-weight: normal;
	
	}


#recent-posts li {
	
	padding-left: 20px;
	
	padding-bottom: 5px;
	
	list-style-type: none;

	}
	
	
#archives a {
	
	border-bottom: #7b745e 1px dotted;
	
	color: #455d68;
	
	}
	
	
#archives a:visited {

	text-decoration: line-through;
	
	}


#archives a:hover {
	
	border-bottom: #7b745e 1px dotted;
	
	color: #202d33;
	
	}
	

#categories-346147492 a {

	border-bottom: #7b745e 1px dotted;
	
	color: #455d68
	
	}
	
	
#categories-346147492 a:visited {

	text-decoration: line-through;
	
	}
	 

#categories-346147492 a:hover {

	color: #202d33;
	
	}
	

#archives li, #categories-346147492 li {

	padding-top: 5px;
	
	padding-bottom: 5px;

	padding-left: 60px;
	
	font-size: .8em;
	
	}

	
	
#sidebar ul, li {

	list-style-type: none;
	
	}
	

#footerInformation  {
	
	padding: 50px 0 20px 0;

	margin: 0 0 0 15px;
	
	font-size: .6em;
	
	color: #3f3e3e;
	
	}

	
#footerInformation a {
	
	color: #ce232b;
	
	text-decoration: none;

	border-bottom: 1px dotted;
	
	}
	
#footerInformation a:visited, #footerInformation a:hover {
	
	color: #ce232b;
	
	border-bottom: 1px dotted;
	
	}
	
	
#recent-posts li {

	font-size: .9em;

	margin: 0 0 0 30px;
	
	padding: 0;
	
	}
	

.post {

	margin-top: 0;
	
	}
	
	 
/* ----- Forms  -----  */	
	
	
.search-form input {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	font-size: .7em;
  
  	width: 150px;
	
	margin-left: 23px;
	
	padding-left: 2px;

	}
	

#searchform {

	width: 320px;
	
	height: 142px;
	
	padding-left: 52px;
	
	padding-bottom: 15px;
	
	background-image: url(assets/images/search-background.jpg);
	
	background-repeat: no-repeat;
	
	margin-left: 10px;
	
	margin-top: 25px;
	
	}
	
	
#s {

	float: left;
	
	width: 150px;
	
	height: 18px;
	
	padding: 5px 5px 5px 5px;
	
	font-size: 1em;
	
	color: #2f2d22;
	
	font-weight: bold;
	
	margin: 23px 5px 0 0;

	}
	

#searchsubmit {

	float: left;
	
	margin: 24px 0 0 0;
	
	padding-bottom: 20px;
	
	}


	
/* ----- Forms (Contact Form 7 settings) -----  */


.wpcf7-form * {
 
 	margin: 0;
	
	padding: 0;
	
	}


.wpcf7-form {

	font-size: 1em;
	
	font-weight: bold;
	
	margin-left: 22px;
	
	}
	
.wpcf7-form input {

	margin: 5px 0 5px 0;

	font-size: 1em;
	
	font-weight: bold;
	
	padding: 3px;
	
	color: #2f2d22;
	
	}


.wpcf7-form textarea {

	margin: 5px 0 5px 0;

	font-size: 1.1em;
	
	font-weight: bold;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	padding: 5px;
	
	color: #2f2d22;
	
	}
	
	
.wpcf7-captcha-captcha-721 {

	margin: 5px 0 5px 0;
	
	}
	

input.submitButton {

	width: 150px;
	
	height: 27px;

	background-image: url(assets/images/message-button.gif);
	
	background-repeat: no-repeat;
	
	}
	 
	 
#contact {
 
 	margin: 5px 0 0 0;
	
	padding: 0;
	
	}
	
	
/* ----- Date Icons -----  */	



.post-date {
	
	float: left;

	margin: 0 20px 0 20px; 
	
	width: 55px; 
	
	height: 55px;
	
	background: url(assets/images/date-icon.png) no-repeat; 
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	color: #fff; 
	
	font-size: 1em; 
	
	font-weight: bold; 
	
	text-align: center;
	
	}
	
	
	
.month {

	padding: 3px 1px 0 0;
	
	margin: 1px 0 2px 0;
	
	}
	
	
.day {

	padding: 3px 1px 0 0;
	
	margin: 0 0 2px 0;

	color: #ce232b;
	
	}