@charset "utf-8";
/* CSS Document */


/* CSS Reset */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

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

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Main Styles */
body {

font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;

background-color:#141414;
background-image:url('images/background.jpg');
background-position:center top;
background-repeat:repeat;
}

#wrapper { 
 margin: 0 auto;
 width: 921px;
 
}

#header 
{
 position:absolute;
 width:921px;
 height:141px;
 color: #333;
 margin: 30px 0px 0px 0px;
 background:#5e0d09;
 background-image:url('images/rolys_bg.jpg');
 
}

#header2
{
 position:absolute;
 width:921px;
 height:141px;
 color: #333;
 margin: -485px 0px 0px 0px;
 background:#5e0d09;
 background-image:url('images/rolys_bg2.jpg');
 
}

.menuLink a:link, .menuLink a:visited
{
	font-size:12px;
	color:#F2E3D0;
	font-weight:normal;
	text-decoration:none;
}

.menuLink a:hover
{
	font-size:12px;
	color:#F2E3D0;
	font-weight:normal;
	text-decoration:none;
}


#contentMiddle 
{ 
 width: 901px;
 color: #f2e3d0;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 padding-top:30px;
 padding-bottom:30px;
 min-height:250px;
 line-height:1.8;
 background-color:#5E0D09;
}

#contentMiddleBlack
{ 
 width: 901px;
 color: #191919;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 padding-top:30px;
 padding-bottom:30px; 
 min-height:250px;
 line-height:1.8;
 /*background-color:#FFC77F;*/
 background-image:url('images/sitemapBg.jpg');
 background-position:center top;
 background-repeat:repeat;
}

.shopSpacer
{
	width:10px;
	height:260px;
}

.sitemapSpacer
{
	width:10px;
	height:150px;
}

.sitemapContent
{
	padding-left:15px;
	padding-top:10px;
}

.picSpacer
{
	width:2px;
	height:5px;
}

#contentMiddleBlack h1
{
	display:block;
	text-indent:-1000px;
}

#contentMiddleBlack h2 a:link, a:visited
{
  color:#7F1C17;
  font-weight:bold;
  font-size:13px;
  text-decoration:none;
}

#contentMiddleBlack h2  a:hover
{
  text-decoration:underline;
}

#contentMiddleBlack p
{
	padding:0px 0px 15px 0px;
}
.home
{
	min-height:320px;
}

#contentLower
{
   width: 901px;
   color: #333;
   background: #5e0d09;
   margin: 0px 0px 0px 0px;
   margin-top:346px;
   padding: 10px;
}

.hd_header
{
	position:absolute; margin-top:-46px;
}

#footer { 
 width: 901px;
 color: #5d5c5c;
 font-size:11px;
 text-align:right;
 background:none;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#footerLeft
{
	width:450px;
	float:left;
	text-align:left;
}

#footerRight
{
	width:450px;
	float:right;
}

#footer a:link, #footer a:visited
{
	color: #5d5c5c;
 	font-size:11px;
 	text-decoration:none;
	font-weight:normal;
}

#footer a:hover
{   text-decoration:underline;
	color: #5d5c5c;
 	font-size:11px;
}

.logo
{
	
	width:186px;
	height:140px;
}


/***************************************
             MENU
***************************************/
.contactArea
{
	position:absolute;
	top:10px;
	right:15px;
	width:415px;
	height:92px;
    text-align:right;

}

.contactArea a
{
	color:#CF915A;
	text-decoration:none;
	font-weight:13px;
	font-weight:bold;
}


.menu
{
	position:absolute;
	top:92px;
	right:5px;
	width:768px;
	
}

.menu a
{
	
}

.menu_bistro a:link, .menu_bistro a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat 0 0;  
     width:131px; height:49px;  
     display:block; 
	 float:left;
}

.menu_bistro a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat 0 -49px;  
     width:131px; height:49px;  
      display:block; 
	   float:left;
}

.menu_cafe a:link, .menu_cafe a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -131px 0;  
     width:83px; height:49px;  
      display:block; 
	   float:left;
}

.menu_cafe a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -131px -49px;  
     width:83px; height:49px;  
     display:block;
	 float:left;
}

.menu_takeHome a:link, .menu_takeHome a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -214px 0;  
     width:137px; height:49px;  
     display:block;
	 float:left;
}

.menu_takeHome a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -214px -49px;  
     width:137px; height:49px;  
     display:block;
	 float:left;
}

.menu_officeCat a:link, .menu_officeCat a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -351px 0;  
     width:177px; height:49px;  
     display:block; 
	 float:left;
}

.menu_officeCat a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -351px -49px;  
     width:177px; height:49px;  
     display:block; 
	 float:left;
}

.menu_shop a:link, .menu_shop a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -528px 0;  
     width:85px; height:49px;  
     display:block; 
	 float:left;
}

.menu_shop a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -528px -49px;  
     width:85px; height:49px;  
     display:block;
	 float:left;
}

.menu_about a:link, .menu_about a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -613px 0;  
     width:83px; height:49px;  
     display:block; 
	 float:left;
}

.menu_about a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -613px -49px;  
     width:83px; height:49px;  
     display:block; 
	 float:left;
}

.menu_blog a:link, .menu_blog a:visited
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -696px 0;  
     width:72px; height:49px;  
      display:block; 
	   float:left;
}

.menu_blog a:hover
{
	text-indent:-999em;   
     outline:none;  
     background: url('images/menu.png') no-repeat -696px -49px;  
     width:72px; height:49px;  
      display:block; 
	   float:left;
}


/***********************************************
                END MENU
*************************************************/

.welcomeArea
{	
position:absolute;
	width:284px;
	height:385px;
	margin-top:-326px;
	margin-left:616px;
	background-image:url('images/welcome_bg.png');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:25px;
	
}

.short
{
	height:345px;
	background-image:url('images/welcome_bg_short.png');
}

.welcomeText
{
	padding-top:15px;
	padding-left:3px;
	padding-bottom:30px;
	color:#2c2c2c;
	font-size:11px;
	padding-right:20px;
	width:261px;
	line-height:1.65;
}

.welcomeText2
{
	color:#5E0D09;
	font-size:12px;
	font-weight:bold;
}

.index
{
	padding-top:10px;
}



.boldLargerText
{
	font-size:12px;
	font-weight:bold;
	
}

#contentMiddle a:link, #contentMiddle a:visited
{
	color:#f8b964;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
}

#contentMiddle a:hover
{
	text-decoration:underline;
	font-size:12px;
	
}


.clearFloats
{
	clear:both;
}



.centred
{
	text-align:center;
}


.noPadding
{
	padding:0px;
}



.shopContent
{
	margin-top:-15px;
	padding-left:15px;
	padding-top:0px;
	font-size:12px;
	line-height:2.0;
	
}

.shopHeader
{
	color:#7f3f3c;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding-bottom:8px;
}

.bookArea
{
	width:874px;
	height:187px;
	background-image:url('images/shop_bgBook.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	
}

.bookLeft
{
	float:left;
	width:139px;
	padding-top:15px;
	text-align:center;
}

.bookRight
{
	float:right;
	width:694px;
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;
}

.bookLeftVoucher
{
	float:left;
	width:179px;
	padding-top:15px;
	text-align:center;
}

.bookRightVoucher
{
	float:right;
	width:654px;
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;
}


.voucherArea
{
	width:874px;
	height:129px;
	background-image:url('images/shop_bgVoucher.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}

.productSpacer
{
	width:10px;
	height:36px;
}

.shopButtons
{
	
	float:right;
}

.long
{
	margin-top:15px;
}

.shopTitle1
{
	color:#712926;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
}

.shopTitle2
{
	color:#712926;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	
}

.shopInput
{
	background-color:white;
	border:solid 1px #c3bcb3;
	width:42px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#555555;
	text-align:center;
}

.longer
{
	width:65px;
}

.shopDivider
{
	display:inline-block;
	vertical-align:middle;
}

.paymentTitles
{
	width:819px;
	height:30px;
	color:#61110d;
	font-weight:bold;
	font-size:12px;
	padding-left:26px;
	margin-left:10px;
}


.paymentConfirmation
{
	width:819px;
	height:117px;
	background-image:url('images/shop_bgConfirm.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:10px;
	padding-left:26px;
	padding-top:15px;
}


.confirm1
{
	float:left;
	width:369px;
	text-align:left;
}

.confirm2
{
	float:left;
	width:150px;
	text-align:center;
}

.confirm3
{
	float:left;
	width:150px;
	text-align:center;
}

.confirm4
{
	float:left;
	width:150px;
	text-align:center;
	color:#535353;
	font-weight:bold;
}

.confirm5
{
	float:left;
	width:150px;
	text-align:center;
	font-weight:bold;
}

.confirm6
{
	float:left;
	width:150px;
	text-align:center;
	
}

.paymentSpacer
{
	height:8px;
	clear:both;
}

.paymentSpacer2
{
	height:21px;
	clear:both;
}

.cancelButton
{
	width:169px;
	float:left;
	align:center;
	border-bottom:solid 1px #dca153;
	margin-left:28px;
	margin-top:20px;
	padding-left:8px;
	
}

.cancelButton a:link, .cancelButton a:visited
{
	color:#303030;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

.cancelButton a:hover
{
	color:#303030;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

.proceedButton
{
	width:300px;
	float:right;
	text-align:right;
	margin-right:40px;
	margin-top:20px;
	
}

.shopContactArea
{
	width:825px;
	height:188px;
	background-image:url('images/shop_bgContact.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:10px;
	padding-left:20px;
	padding-top:15px;
}

.shopPaymentArea
{
	width:825px;
	height:35px;
	background-image:url('images/shop_bgTotal.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:10px;
	padding-left:20px;
	padding-top:10px;
}

.contactFloat
{
	float:left;
	width:410px;
	height:45px;
}

.contactFlHeading
{
	width:103px;
	float:left;
	padding-top:3px;
	
}

.contactFlInput
{
	width:304px;
	float:right;
	
}

.shopContactInput
{
	width:275px;
	height:21px;
	background-color:#fdfbfa;
	border:solid 1px #b7aa96;
	vertical-align:middle;
	padding-top:4px;
	padding-left:3px;
	padding-right:3px;
}

.alRight
{
	
	text-align:right;
	width:385px;
	padding-right:25px;
}

.paymentTemplate
{
	width:845px;
	height:312px;
	background-image:url('images/shop_bgTemplate.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:10px;
	padding-top:23px;
	text-align:center;
}

.shopLink a:link, a:visited
{
	color:#80403d;
	font-weight:bold;
}

.shopLink a:hover
{
	color:#80403d;
	font-weight:bold;
	text-decoration:underline;
}