/*
	Sussex Internet
	
	Screen Styles for Tidmas Townsend
	
	Created by Neil Kelsey
	on: 22.05.2007

*/

/* browser unification */

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}
address {font-style:normal}

/* End of browser unification */

/* Start of tag styles */

body
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	word-spacing:0.15em;
	letter-spacing:0.01em;
	background:
		url(/images/body_bg.png)
		top
		repeat-x
		#c1c1c1;
	}
	
img
	{
	vertical-align:middle;
	}
	
td
	{
	vertical-align:top;
	}
	
h1, .pageHeading
	{
	font-size:1.3em;
	padding-bottom:8px;
	margin-bottom:10px;
	color:#69589e;
	}
	
p
	{
	padding-bottom:15px;
	line-height:1.5em;
	}
	
a
	{
	color:#69589e;
	}
	
a:hover
	{
	text-decoration:underline;
	}

/* End of tag styles */

/* Start of universal styles */

.large_title
	{
	font-size:1.5em;
	color:#69589e;
	}

.bold
	{
	font-weight:bold
	}
	
.italic
	{
	font-style:italic
	}
	
.underline
	{
	text-decoration:underline
	}
	
.left
	{
	text-align:left
	}
	
.center
	{
	text-align:center
	}

.right
	{
	text-align:right
	}
	
.justify
	{
	text-align:justify
	}

.clear {
  clear:both
}

.productListing-data {
  vertical-align:middle;
  padding:5px;
  font-size:1.1em;
  border-bottom:1px solid #69589e
}
	
.productInfo_leftColumn
	{
	margin:20px 0px 0px 0px;
	float:left;
	}
	
.productInfo_rightColumn
	{
	margin:20px 0px 0px 15px;
	padding-left:15px;
	border-left:0px solid #ccc;
	float:left;
	}

.productInfo_rightColumn h1
	{
	font-size:16pt;
	font-weight:bold;
	}

.productInfo_model
	{
	margin-bottom:12px;
	font-size:12pt;
	}
	
.productInfo_price
	{
	margin-bottom:12px;
	font-size:12pt;
	font-weight:bold;
	}

/* End of universal styles */

/* Start of site structure */

#container
	{
	width:936px;
	margin-left:auto;
	margin-right:auto;
	}
	
#search {
	position:relative;
	top:9px;
  float:left;
  width:250px;
}

#search input {
  font-size:0.9em;
  padding:1px;
  border:1px solid #979797
}

#search .tab_middle_selected {
  padding-top:6px;
  padding-bottom:4px
}
	
#button_bar
	{
	position:relative;
	top:9px;
	float:right;
	color:#FFFFFF;
	width:600px;
	height:32px;
	margin-top:0;
	margin-right:30px;
	}
	
.tab_left_selected
	{
	float:right;
	width:5px;
	height:32px;
	margin-left:4px;
	background-image:url(/images/button_sides.png);
	background-position:-40px 0px;
	background-repeat:no-repeat;
	}
	
.tab_middle_selected
	{
	float:right;
	height:22px;
	padding-left:3px;
	padding-right:3px;
	padding-top:10px;
	color:#333333;
	background-image:url(/images/buttons_middle.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	}
	
.tab_middle_selected a
	{
	color:#333333;
	text-decoration:none
	}
	
.tab_middle_selected a:hover
	{
	color:#333333;
	text-decoration:underline
	}
	
.tab_right_selected
	{
	float:right;
	width:5px;
	height:32px;
	margin-right:3px;
	background-image:url(/images/button_sides.png);
	background-position:-45px 0px;
	background-repeat:no-repeat;
	}
	
.tab_left_unselected
	{
	float:right;
	width:5px;
	height:32px;
	margin-left:3px;
	background-image:url(/images/button_sides.png);
	background-position:-30px 0px;
	background-repeat:no-repeat;
	}
	
.tab_middle_unselected
	{
	float:right;
	height:22px;
	padding-left:3px;
	padding-right:3px;
	padding-top:10px;
	background-image:url(/images/buttons_middle.gif);
	background-position:0px -37px;
	background-repeat:repeat-x;
	}
	
.tab_middle_unselected a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.tab_middle_unselected a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.tab_right_unselected
	{
	float:right;
	width:5px;
	height:32px;
	margin-right:4px;
	background-image:url(/images/button_sides.png);
	background-position:-35px 0px;
	background-repeat:no-repeat;
	}
	
#header_box
	{
	float:left;
	width:936px;
	height:145px;
	background:
		url(/images/header_box_bg.png)
		top
		no-repeat;
	}
	
#logo
	{
	float:left;
	width:900px;
	height:111px;
	margin-top:15px;
	margin-left:20px;
	background:
		url(/images/tidmas_townsend_logo.jpg)
		no-repeat;
	background-position:0px -333px;
	}
	
#middle_content
	{
	float:left;
	width:936px;
	position:relative;
	top:-5px;
	}
	
#left_column
	{
	float:left;
	width:310px;
	height:325px;
	}
	
#right_column
	{
	float:left;
	width:626px;
	}
	
#right_top
	{
	float:left;
	width:626px;
	height:19px;
	background:
		url(/images/right_top_bg.png)
		top
		no-repeat;
	}
	
#right_middle
	{
	float:left;
	width:586px;
	padding-left:20px;
	padding-right:20px;
	background:
		url(/images/right_middle_bg.png)
		top
		repeat-y;
	}
	
#right_bottom
	{
	float:left;
	width:626px;
	height:19px;
	background:
		url(/images/right_bottom_bg.png)
		top
		no-repeat;
	}
	
#bottom_content
	{
	float:left;
	width:936px;
	}
	
.left_menu
	{
	float:left;
	width:216px;
	}
	
.left_menu h4
	{
	margin:5px 0px 20px 0px;
	font-size:11pt;
	font-weight:bold;
	}
	
.left_menu li a
	{
	padding:2px 5px 5px 2px;
	display:block;
	border-bottom:1px solid #f5f5f5;
	}
	
.left_menu li a:hover
	{
	background-color:#f5f5f5;
	text-decoration:none;
	}
	
.left_menu_middle
	{
	float:left;
	width:176px;
	background:
		url(/images/left_menu_middle_bg.png)
		top
		repeat-y;
	}
	
#left_menu_middle_text_type
	{
	width:176px;
	padding-left:20px;
	padding-right:20px;
	}

#left_menu_middle_image_type
	{
	width:202px;
	padding-left:14px;
	}
	
.left_menu_top
	{
	float:left;
	width:216px;
	height:16px;
	background:
		url(/images/left_menu_top_bg.png)
		top
		repeat-y;
	}
	
.left_menu_bottom
	{
	float:left;
	width:216px;
	height:16px;
	background:
		url(/images/left_menu_bottom_bg.png)
		top
		repeat-y;
	}
	
/*	
#vat
	{
	width:188px;
	 height:36px; 
	margin-bottom:4px;
/*	background-image:url(../images/VAT-purple.jpg); 
	background-repeat:no-repeat;
	}
	*/
#breadcrumbs
	{
	border-bottom:1px solid #ccc;
	}
	
#full_column
	{
	float:left;
	width:600px;
	margin-left:2px;
	}
	
#full_top
	{
	float:left;
	width:718px;
	height:19px;
	background:
		url(/images/full_top_bg.png)
		top
		no-repeat;
	}
	
#full_middle
	{
	float:left;
	width:678px;
	padding-left:20px;
	padding-right:20px;
	background:
		url(/images/full_middle_bg.png)
		top
		repeat-y;
	}
	
#full_bottom
	{
	float:left;
	width:718px;
	height:19px;
	background:
		url(/images/full_bottom_bg.png)
		top
		no-repeat;
	}
	
.homepage_bullets li
	{
	list-style-image:url(../images/bullet.gif);
	list-style-position:0px -2px;
	margin-left:18px;
	}
	
#floristry
	{
	float:left;
	cursor:pointer;
	position:relative;
	top:-10px;
	width:311px;
	height:233px;
	background:
		url(/images/floristry.png)
		top
		no-repeat;
	}
	
#packaging
	{
	float:left;
	cursor:pointer;
	position:relative;
	top:-10px;
	width:311px;
	height:233px;
	background:
		url(/images/packaging.png)
		top
		no-repeat;
	}
	
#hygeine
	{
	float:left;
	cursor:pointer;
	position:relative;
	top:-10px;
	width:311px;
	height:233px;
	background:
		url(/images/hygeine.png)
		top
		no-repeat;
	}
	
#footer
	{
	width:921px;
	margin-right:auto;
	margin-left:auto;
	height:20px;
	text-align:right;
	padding-bottom:10px
	}

/* End of site structure */

/* End of document */