/**** Ercci Mey Reset **********/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*
ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a img{border:none}

/******************************/



html {
   font-family:  Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
   font-size: 67%;   
  
}
body{
    color: #815527;
    background: #fff;
}

p, td, td, li{
   font-size: 1.8em;
   line-height: 140%
}
h1 {font-size: 2.6em;
	font-weight: bold;
	color: #df1664}
h2{font-size: 1.4em;}
h3{font-size: 1.2em}

p{margin: 1em 0 0 0}
h1{margin: 0 0 1em 0}
h2{margin: 1.5em 0 0 0}
h3{margin: 1.5em 0 0 0}


a img{border:none}


#contentwrapper{
  
   width: 960px;
   padding: 0 20px ;
   background:  url(../images/bground-body.png) repeat-y left 230px;
   margin: 0 auto 0 auto;
  
}
#header{
	background: url(../images/bground-head.png) no-repeat left top;
	margin: 0 -20px;
   padding: 30px 0 20px 40px;
  
}
#person{
   width: 70%;
   float:right;
   text-align:right;
   padding: 10px 20px;
}


#topnav
{
	
	margin: 0 0 0 20px
}

#topnav dd 
{
	display:inline;
	
}
#topnav dd a
{
	display: inline-block;
	width: 160px;
	height: 50px;
	padding: 0;
	margin: 0;
	color: #d08b3a;
	background: url(../images/top-nav.png) no-repeat;
	 text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	
}

#topnav dd#scottish-tablet a{
background-position: top left;
}
#topnav dd#our-tablet a{
background-position: -170px 0;
}
#topnav dd#send-scottish-tablet a{
background-position: -335px 0;
}
#topnav dd#personalised-gifts a{
background-position: -500px 0;
}
#topnav dd#party-favours a{
background-position: -665px 0;
}
#topnav dd#about-us a{
	width: 100px;
background-position: -820px 0;
}


#topnav dd#scottish-tablet a:hover{
background-position: 0 -53px;
}
#topnav dd#our-tablet a:hover{
background-position: -170px -53px;
}
#topnav dd#send-scottish-tablet a:hover{
background-position: -335px -53px;
}
#topnav dd#personalised-gifts a:hover{
background-position: -500px -53px;
}
#topnav dd#party-favours a:hover{
background-position: -665px -53px;
}
#topnav dd#about-us a:hover{
	width: 100px;
background-position: -820px -53px;
}



.scottish-tablet #topnav dd#scottish-tablet a{
background-position: 0 -53px;
}
.our-tablet #topnav dd#our-tablet a{
background-position: -170px -53px;
}
.send-scottish-tablet #topnav dd#send-scottish-tablet a{
background-position: -335px -53px;
}
.personalised-gifts #topnav dd#personalised-gifts a{
background-position: -500px -53px;
}
.party-favours #topnav dd#party-favours a{
background-position: -665px -53px;
}
.about-us #topnav dd#about-us a{
	width: 100px;
background-position: -820px -53px;
}




#topnav dd a:hover,
#topnav dd a:active,
#topnav dd a.current
{
	
	color: #DF1664;
	
	
}



#breadcrumb{
   
   background: #ddd;
   padding: 5px 20px;
   text-transform: uppercase
}

#main {
   display:table-row;
   table-layout:fixed;
   border-collapse: collapse;
   width: 100%;
	height: 600px;
	padding: 0 0 50px 0;
}

#content{
   display:table-cell;
   width: 540px;
   padding: 20px 10px 20px  90px ;
   
}
#adverts{
   display:table-cell;
   vertical-align:top;
   width: 200px;
   padding: 20px 90px 0 10px;
  
  
}

#adverts div{
	
	border: 1px solid white;
	padding: 10px;
	
}


#instructions{
   display:table-cell;
   width: 200px;
   border-left: 1px dashed #ccc;
   padding: 0 20px 10px 20px;
   
}

#footer{
   margin-top: 4em;
   padding: 10px 20px;
}


ol, ul{padding: 0 0 0 2em}
li { padding: 0.5em 0 0 0}


img.hero, img.hero2{
	
	margin-right: -320px;
	clear: right;
	float:right;
	padding: 0 0 10px 10px
	
	
}

img.hero2{
	clear:right;
	margin-top: 50px}



.error{
   
   color: red;
}

.status{
   float: right;
   width: 160px;
   padding: 0 10px 10px 10px;
   background: #F6FAFD;
   margin: 0 0 10px 20px;
  
   
   border: 1px solid #ccc
}





/****************** Forms ***********************/

fieldset{
   margin:1.5em  0 0 0;
   padding:0;
  
}
legend{
   margin-left: 1em;
   
}
fieldset ol{
   padding: 1em 1em 1em 0;
   margin:0;
   list-style: none;
}
fieldset li{
   padding-bottom: 1em;
}

fieldset.submit{
   border-style: none;
}


/**** Login form ***********/


div.login{
  background: #eee;
   padding: 1em 0 0 0;
   margin: 1em 0  3em 0 ;
   border: 1px solid #ccc;
}
   
 .login fieldset{
   
   border: none;
}

.submit{
  float:none;
  margin-left:11em
}

.login label{
   display: block;
   float: left;
   width: 10em;
   margin-right: 1em;
   text-align: right
}

.login .error{
  
  padding-left:10em;
  font-weight: bold;
}






/********** Home Page ***************/


table.overview{
   
   margin: 2em 0 1em 0;
   border-collapse: collapse;
   width: 100%
   
}

table.overview thead th{

   text-align: left;
   border-bottom: 1px solid #ccc   
}

table.overview th, table.overview td{

   padding: 1em 2em 1em 0
   
}
table.overview th.edit, table.overview td.edit{

   padding-right: 0;
   text-align: right
   
}



form .honey{
	visibility: hidden;
}


/********** Section Pagess ***************/

form.section fieldset{
   
   border:0;
   
}
form.section fieldset{
   
   padding:0;
   border:0;
   
}

form.section fieldset ol{
   
   padding:0;
   border:0;
   
}



form.section li{
   
list-style: none   
}

form.section fieldset  fieldset {
   
   margin-top: 2em;

   
}

form.section fieldset  fieldset legend{
   
   font-size: 1.4em;
   margin-bottom: 1em;
   font-weight:bold;
   width: 100%
   
}

form.section fieldset  fieldset li.radio{
   

   padding: 0 2em 0.5em 0;
}

form.section h3{
   padding: 0 0 1em 0;
}

form.section textarea{
   width: 100%;
   height: 200px;
}






.notes{
   background: #fefefe;
   border: #ccc dashed 1px;
   padding: 1em;
   margin: 6em 0 2em 2em;
   width: 60em;
   font-size: 1.2em
   
}

.notes h2{
   
   font-size: 1.1em
}

.buynow{
	
	margin-top: 1em;
	border: 1px solid #fff;
	padding: 0 2em 2em 2em;
	color: #df1664;
	background: #edeae1;
	
	
}
.buynow input.text{
	border: 1px solid #DBD4C1;
	padding: 2px;
	
	
}