/*
	Colours :
		#888888 - light grey
		#EB3C7D - pink
		#993300 - orangey/brown


*/

/*   ---   Reset Styles   ---   */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}abbr,acronym { border:0;}


/*   ---   Main Styles   ---   */

body {font: 12px/16px Helvetica; text-align: center; color: #000000; background-color: #FFFFFF; background: url('/media/images/backgrounds/background_tile.png') ; height: 100%; width: 100%; min-width: 1000px; min-height: 750px;}

h1 {font: bold 18px Helvetica; margin: 10px 0 0 0px;}
h2 {font: bold 16px Helvetica; margin: 10px 0 0 0px;}
h3 {font: bold 14px Helvetica; margin: 10px 0 0 0px;}
h4 {font: bold 12px Helvetica; margin: 10px 0 0 0px;}
p  {font: 12px/16px Helvetica; color: #333; margin: 13px 0px 0 0px;}
div {font: 12px/16px Helvetica; color: #333; }
td {font: 12px/16px Helvetica; color: #333;}
th {font: 12px/16px Helvetica; color: #333;}
li {font: 12px/16px Helvetica; color: #333;}
a {color: #eb3c7d; text-decoration: none;}
a :visited {color: #eb3c7d; text-decoration: none;}


/*   ---   Main Blocks   ---   */

/* Outermost container */
div#container {width: 984px; margin: 0 auto; height: 100%; background: #ffffff; padding: 0px 20px; }

/* Inner container */
div#wrapper { margin-left: 0px; min-height: 400px; padding-top: 25px; background: #ffffff; }


/* Header */
div#header { padding: 25px 0px; border-bottom: 1px solid #888888; }
div#header_menus {width: 100%; padding-bottom: 10px; border-bottom: 1px solid #888888; }
div#header_logo {margin: 25px 0px 0px 0px; }


/* Quote carousel */
div#quotecarousel	{ text-align: left; padding: 18px 0px 0px 0px;  font-size: 0px; } 
div.quotecarousel  { font: 64px Helvetica; color: #888888; text-transform: uppercase; height: 115px; padding: 0px; margin-top: 18px;} 
div#quotecarousel ul {  } 
div#quotecarousel li { font: 75px/65px Helvetica; color: #888888; text-transform: uppercase; height: 115px; width: 925px; padding: 0px; } 



/* Right bar */
div#rightbar { float: right; width: 185px; text-align: left;}
div#rightbar h4 {font: bold 12pt Helvetica; text-transform: uppercase; margin: 10px 0 0 0px; }
div#rightbar p  {font: 12px Helvetica; color: #888888;}
div#rightbar a {color: #eb3c7d; text-decoration: underline; }
div#rightbar a:before { content: url('/media/images/icons/arrow.png'); padding-right: 2px;}
div#rightbar_inner { }
div#rightbar_bottom {  }
div#rightcontent { display: inline; float: left; width: 657px; min-height: 375px; margin: -26px 0px 0px 33px; text-align: left; }
div#rightbar .thinline {border-top: 1px solid #888888; margin: 15px 0px; height: 0px; font: 0px/0px Helvetica; }

div#twitterfeed a:before { content: none;  }
div#rightbarlinks a:before { content: none;  }
div#rightbarlinks div { margin-top: 15px;  }


/* Content */
div#content { display: inline; float: left; width: 585px; min-height: 375px; margin: -26px 0 0 20px; text-align: left; }
div#widecontent { display: inline; float: left; width: 675px; min-height: 375px; margin: -26px 20px 0 0px; text-align: left; }
div#fullcontent { float: left; width: 840px; min-height: 375px; }
div#content_inner {margin-top: 8px; padding: 10px 0px 10px 0px; min-height: 375px;}
div#content_bottom {height: 8px;}


/* Footer */
div#footer { clear: both; padding: 25px 40px; border-top: 1px solid #888888; color: #888888 ; font-size: 12px; background: #ffffff; }
div#footer p {color: #888888 ;font-size: 12px; margin: 0 0 20px 0;}
div#footer ul#legals {padding: 20px 0; margin: 0 auto ; width: 450px; float: none;}
div#footer ul#legals li {float: left; margin: 0 5px 0 0;}



/*   ---   Navigation Menus   ---   */

div#navmenu {float: left; margin-left: 125px;}
div#navmenu ul {list-style:none; }
div#navmenu li {float: left; white-space: nowrap; padding: 2px 15px 2px 0px; }
div#navmenu li a {font-size: 14px; display:block; height: 26px; color: #888888; text-decoration: none; font-weight: bold; text-transform: uppercase;}
div#navmenu li a.selected {color: #000000; }
div#navmenu li a:hover {text-decoration: underline; }

div#tabnav {float: right; }
div#tabnav ul {list-style:none; }
div#tabnav li {float: left; padding: 2px 5px; }
div#tabnav li a {font-size: 14px; display:block; color: #888888; text-decoration: none; }
div#tabnav li a:hover {text-decoration: underline;}
div.salutation { font-size: 10px; color: #333333; }

div#leftbar { width: 170px; float: left; display: inline; padding: 0px 0px; }
div#leftbar ul { list-style:none; text-align: left;}
div#leftbar li { padding: 5px 0px; border-bottom: 1px solid #888888 }
div#leftbar a {font-size: 14px; color: #888888; text-decoration: none; display: block; }
div#leftbar a:hover {text-decoration: underline;}
div#leftbar a.selected {font-weight: bold;}

div#footer ul {list-style:none; float: left; text-align: left; margin: 0 20px 0 0; }
div#footer ul { font-size: 11px; }
div#footer ul a {color: #888888; text-decoration: none;}
div#footer ul li.top a {font-size: 14px; font-weight: bold}
div#footer ul a:hover {text-decoration: underline;}



/*   ---  General Purpose   ---  */

.clear {clear: both;}
.line  {border-top: 1px solid black; border-bottom: 1px solid #888888; margin: 5px 0px; height: 0px; font: 0px/0px Helvetica; }
.thinline  {border-top: 1px solid #888888; margin: 5px 0px; height: 0px; font: 0px/0px Helvetica; }

p.breadcrumb { display: none; }
p.tinytext { font-size: 11px; }
p.tiny { font-size: 6px; }

.mce_formatted {font-size: 13px; color: #333; }
.mce_formatted ul {list-style: circle inside; }
.mce_formatted ol {list-style: decimal inside; }

a.bttn { 
	cursor: pointer; padding: 5px 15px; 
	font-weight: bold; font-size: 14px; color: #eb3c7d; text-transform: uppercase; text-decoration: underline; }
a.bttn:before { content: url('/media/images/icons/arrow.png'); padding-right: 3px; }

a.bttnleft { 
	cursor: pointer; padding: 5px 15px; 
	font-weight: bold; font-size: 14px; color: #eb3c7d; text-transform: uppercase; text-decoration: underline; }
a.bttnleft:after { content: url('/media/images/icons/arrowleft.png'); padding-left: 3px; }

.alerttxt { color: #FF0000; }
.alert    { color: #FF0000; }
.message  { font-style: italic; }



/*   ---   Page-specific   ---   */


table#homepagegrid { margin-left: 120px; }
table#homepagegrid td { text-align: left; padding: 10px 20px 10px 0px; }
table#homepagegrid h3 { font-weight: bold; margin-bottom: 3px;  }
table#homepagegrid div {  }


table#workersgrid    { margin-top: 20px; }
table#workersgrid td { padding: 10px; }
table#workersgrid a  { padding: 10px 0px; }


div.product	{ position: relative; float : left ; width : 165px ; height: 285px ; margin-right : 30px ; text-align: left ; background: white ; }
div.product a.buy {color: #eb3c7d; text-decoration: underline; }
div.product a.buy:before { content: url('/media/images/icons/arrow.png'); padding-right: 2px;}

div.product .price	{ font-weight: normal ; }

div.selected_product { position: relative; width : 440px ; margin : 10px ; text-align: center ; background: white ; }



div.giftset	{ position: relative; float : left ; width : 165px ; min-height: 285px ; margin-right : 30px ; text-align: left ; background: white ; }
div.giftset a.buy {color: #eb3c7d; text-decoration: underline; }
div.giftset a.buy:before { content: url('/media/images/icons/arrow.png'); padding-right: 2px;}

div.giftset .price	{ font-weight: normal ; }

div.selected_giftset { position: relative; width : 440px ; margin : 10px ; text-align: center ; background: white ; }
div.giftset_description { position: relative; width : 440px ; text-align: left ; }
div.giftset_contents { position: relative; width : 440px ; text-align: left ; }



div.committee_pic	{ float: left; margin-top: 15px; text-align: center; }


table#basket { margin-left: 10px; padding: 5px; white-space: nowrap; }
table#basket th { font-weight: bold; padding: 5px; }
table#basket td { padding-left: 5px; }
table#basket td.item_desc { width: 260px; text-align: left; }
table#basket th.quantity { width: 50px; text-align: center; }
table#basket td.quantity { width: 50px; text-align: center; }
table#basket th.itemcost { width: 100px; text-align: center; }
table#basket td.itemcost { width: 100px; text-align: center; }
table#basket th.cost { width: 75px; text-align: right; }
table#basket td.cost { width: 75px; text-align: right; }
table#basket td.totals { text-align: right; font-weight: bold; }
table#basket td.tinytext { color: #FF0000; font-size: 10px; }