/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
CSS for Shindigs - Main Stylesheet
Author:   Alison Lee / Silktide Ltd
Created:  03 Nov 2005
Updated:  18 Nov 2005

History:
03-18 Nov 2005
	Stylesheet Created
	
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Global Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html, body			{ padding: 0; margin: 0; }
body					{ background: #BBAAC1 url('templatefiles/bg-body.png') repeat-x left top; font-size: 80%; font-family: verdana, arial, helvetica, sans-serif; }

h1					{ font-size: 1.7em; font-family: arial, verdana, helvetica, sans-serif; color: #ad347d; }
h2					{ font-size: 1.4em; font-family: arial, verdana, helvetica, sans-serif; color: #ad347d; }
h3					{ font-size: 1.1em; font-family: arial, verdana, helvetica, sans-serif; color: #ad347d; }

p, li					{ font-size: 1.0em; line-height: 1.5em; color: #20295A; }
a						{ font-weight: bold; color: #7a84c3; text-decoration: none; }
a:hover				{ color: #e76a20; }

table, form			{ background-color: transparent; font-size: 1.0em; }
form u				{ text-decoration: none; }
img					{ border: 0; }
hr						{  }

.widthwrapper		{ width: 100%; }
.smalltext			{ font-size: 0.8em; margin: -10px 0 10px 0; }

.diffbutton input.button	{ width: 100px; height: 32px; background: transparent url('templatefiles/button2.gif'); font-weight: normal; text-align: center; line-height: 30px; vertical-align: middle; color: #000; border: 0; }
.diffbutton .widebutton		{ width: 160px; height: 32px; background: transparent url('templatefiles/widebutton.gif'); font-weight: normal; text-align: center; line-height: 30px; vertical-align: middle; color: #000; border: 0; }

#searchresults .button		{ width: 100px; }

.tinytext			{ font-size: 80% }
.specialpoint		{ color: #ad347d; font-weight: bold; }



/* Layout Styles Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#wrapper			{ min-width: 773px; position: relative; }

#header				{ height: 100px; }

	#header #logo		{ position: absolute; top: 15px; left: 10px; }
	#header div			{ position: absolute; top: 36px; right: 10px; }
	p.button				{ width: 98px; height: 32px; float: left; }
	p.button a				{ width: 100%; display: block; background-image: url('templatefiles/button.gif'); font-weight: normal; text-align: center; line-height: 30px; vertical-align: middle; color: #000; }	
	p.button a:hover		{ color: #ad347d; }

#navigation		{ height: 45px; background-color: #e76a20; text-align: center; }

	#nav						{ width: 100%; height: 35px; list-style-type: none; text-align: left; padding: 5px 0; margin: 0 auto; z-index: 10;}
	#nav li					{ width: 22%; height: 30px; float: left; position: relative; background-color: #EC8C53; line-height: 30px; vertical-align: middle; padding-left: 5px; border: 2px solid #fff; margin: 0 0.5% 0 1%; z-index: 10;}
	#nav li a				{ width: 100%; display: block; background: url('templatefiles/nav-arrow.gif') no-repeat right center; font-weight: normal; color: #000;  z-index: 10;}
	
	#nav li ul 				{ width: 100%; position: absolute; left: -42px; top: 32px; display: none; z-index: 10;}
	#nav li ul li				{ width: 90%; display: block; border-top: 0; margin: 0; }
	#nav li ul li a			{ background-image: none;  }
	#nav li ul li a:hover	{ color: #fff; }
	
	#nav li:hover ul, #nav li.over ul { display: block; }


#container			{ min-height: 500px; background-color: #fff; padding: 15px 0; margin: 0 30px; }

#content			{ padding: 0 30px; margin: 15px 230px 15px 0;  }
	.fullwidth #content 	{ margin-right: 15px; }
	
	.contentimg	{ width: 45%; float: left; text-align: center; }
	
	.delivery		{ margin-bottom: 15px; }
	.delivery th		{ background-color: #ccc; padding: 5px; }
	.delivery td		{ width: 200px; text-align: center; border: 1px solid #ccc; }

	
#rightcol			{ width: 210px; height: 100%; float: right;  padding: 20px; }	

	.box						{ width: 207px; background: #e6dade url('templatefiles/boxtop.gif') no-repeat left top; margin-bottom: 20px; }
	.box div					{ width: 100%; height: 100%; display: block; background: url('templatefiles/boxbot.gif') no-repeat left bottom; padding: 15px; }
	.box div span			{ width: auto; height: auto; background: none; padding: 0; }
	.box h2					{ color: #776a8f; margin-top: 0; }
	.box input, .box img { vertical-align: middle; }
	
	.altcolor					{ background: #f4e6d0 url('templatefiles/boxtop-alt.gif') no-repeat left top; }
	.altcolor div			{ width: 100%; height: 100%; background: url('templatefiles/boxbot-alt.gif') no-repeat left bottom; }
	.altcolor h2				{ color: #ad347d; }
	.altcolor a				{ font-weight: normal; text-decoration: underline; }
	
	#search input	{ width: 41px; height: 30px; background: transparent url('templatefiles/button-go.jpg') no-repeat center center; border: 0; }
	#search #f1_searchText, #search #f2_searchText, #search #f3_searchText	{ width: auto; height: 25px; background: #fff none; border: 1px solid #b2b2b2; }
	
	#login table			{ font-size: 1.0em; font-weight: bold; color: #20295A; }
	#login table table td	{ /* width: 177px !important;  */font-size: 0.9em; font-weight: normal; }
	#login input			{ height: 28px; background: transparent url('templatefiles/button-login.jpg') no-repeat center center; border: 0; }
	#login #s_f2_username, #login #s_f2_password { width: auto; height: auto; background: #fff none; border: 1px solid #b2b2b2; }
	
	#basket .button		{ width: 96px; height: 28px; background: transparent url('templatefiles/button3.png') no-repeat 2px 3px; font-weight: normal; text-align: center; line-height: 30px; vertical-align: middle; color: #000; border: 0; }

#footer				{ height: 40px; clear: both; margin-top: 10px; }

	#footer-left			{ float: left; margin-left: 15px; }
	#footer-left a			{ color: #fff; }
	#footer-left a:hover { color: #e76a20; }
	#footer-right			{ float: right; text-align: right; margin-right: 15px; }
	#footer p				{ color: #fff; }


/* Homepage Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#home #content table	{ margin: 0 30px; }
#home #content tr		{  }
#home #content td		{ width: 50%; text-align: center; padding: 10px 0; }
#home #content td p	{ text-align: left; margin: 0 20px; }


/* Products Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#rangelist table			{ width: 100%; text-align: center; }

#stock #productimg		{ width: 280px; float: right; text-align: center; padding: 5px 10px; border: 1px solid #ccc; margin-left: 30px; margin-bottom: 10px; }
#stock #content ul		{ padding: 0; margin: 0 0 25px 0; }
#stock #content li		{ margin-left: 30px; }