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

/* 
Theme Name: You2canvas 
Theme URI: http://you2canvas.co.uk
Description: You2canvas theme
Version: 1.0
Author: Paul Mosley

*/
{
padding: 0 0;
margin: 0 0;
}
body 		{margin:0; padding:0; background-color:#fff; color:#333; font-family:"Trebuchet MS"; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; text-align:center; background:url(/i/bg-page.jpg) 0 0 repeat-x; background-color:#cfcfcf;}

div			{text-align:left;}

p			{font-size:12px;}
ul, ol, li	{margin:0; padding:0; list-style:none;}

a			{text-decoration:none; color:#00a1d5;}
a:hover		{text-decoration:underline;}

h1			{color:#FFCC00; font-size:18px; padding-top:20px;}
h2			{font-size:1.3em;}
h3			{color:#FFCC00;}
h4			{}
h5			{}
h6			{color:#c7574c; font-size:20px; padding-top:10px;}

hr			{border:0; border-top:1px solid #e5e5e5; height:1px; margin:12px 0;}

img			{border:0;}

table 		{border-collapse:collapse; border-spacing:0;}
td			{padding:0;}


.tab 		{font-size:12px; font-weight:bold; color:#fff; padding:7px; background-color:#cccccc;  border-left:1px solid #fff; margin-bottom:10px;}
.tab a {color:#fff;}
.activetab	{font-size:12px; font-weight:bold; padding:7px; background-color:#7FD4F7; border-left:1px solid #fff; margin-bottom:10px;}
.activetab a {color:#fff;}

/* Utility classes */

.clear		{clear:both;}
.remove		{border:0 !important;background:none !important;}




/* page wrapper */

#page-wrapper			{width:920px; margin:0 auto; background-color:#fff;}




/* masthead */

#masthead img			{margin:12px; float:left;}

#masthead .nav			{float:right; margin-top:12px;}
#masthead .nav ul		{float:left;}
#masthead .nav ul li	{float:left; border-left:1px solid #fff;}
#masthead .nav ul li a	{color:#333; padding:3px 6px; display:block; background:#d7d5d5}
#masthead .nav ul li a:hover	{background-color:#999; color:#FFFFFF;}

#masthead .basket		{clear:both; float:right; text-align:right; font-size:0.9em; text-transform:uppercase; padding:0 10px 5px 0; width:300px;}
#masthead .basket-state	{float:right; color:#f60;}
#masthead .basket-state span	{color:#000; font-weight:bold;}
#masthead .basket-view	{clear:both; float:right;}

#masthead .titlebar		{clear:both; background-image:url(/i/top-bar.gif); padding:5px 10px; margin-bottom:2px;}
#masthead .titlebar h2	{margin:0; color:#fff;}




/* lead panel */
#page						{float:left; width:920px;}

#page .intro				{clear:both; float:left; width:580px; /*height:216px;*/}
#page .intro .text			{width:auto;}
#page .intro .text ul li	{list-style: disc; margin-left:24px; padding-left:6px; line-height:20px;}
#page .intro .text ol li	{list-style: decimal; margin-left:24px; padding-left:6px;}	
#page .intro .text h3		{margin:0; padding:0;}
#page .wide				{clear:both; float:left; width:850px; /*height:216px;*/}
#page .basket			{clear:both; float:left; width:920px; /*height:216px;*/}
#page .basket .text		{width:870px;}
#page .basket .text ul li	{list-style: disc; margin-left:24px; padding-left:6px;}
#page .basket .text ol li	{list-style: decimal; margin-left:24px; padding-left:6px;}	
#page .basket .text h3	{margin:0; padding:0;}	

#page .buttons			{float:right; width:283px; background:url(/i/bg-buttons.gif) 0 0 repeat-y; padding:6px 6px 0;}
#page .buttons ul li	{margin-bottom:6px; color:#fff; font-size:1.4em; font-weight:bold;}
#page .buttons ul li a	{width:188px; padding:23px 40px 23px 55px; color:#fff; display:block;}
#page .buttons .button1	a 		{background:url(/i/bg-button-1.gif) 0 0 no-repeat;}
#page .buttons .button1 a:hover	{background:url(/i/button-1.gif) 0 0 no-repeat; text-indent:-999em; outline-style:none;}
#page .buttons .button2	a 		{background:url(/i/bg-button-2.gif) 0 0 no-repeat;}
#page .buttons .button2 a:hover	{background:url(/i/button-2.gif) 0 0 no-repeat; text-indent:-999em; outline-style:none;}
#page .buttons .button3	a 		{background:url(/i/bg-button-3.gif) 0 0 no-repeat;}
#page .buttons .button3 a:hover	{background:url(/i/button-3.gif) 0 0 no-repeat; text-indent:-999em; outline-style:none;}

#page .buttons .active a		{color:#999;}		




/* page */



#page h3				{clear:both; float:left;margin-left:12px; width:100%; margin:12px 12px 6px;}
#page h3 span			{font-size:0.8em;}

#page .text-area .text 	{padding:20px;}
#page .promo-panel		{clear:both; float:left;}
#page .text				{float:left; width:650px; padding: 0 24px 24px 24px;}
#page .textgift			{float:left; width:699px; padding: 0 24px 24px 24px; background:url(/i/giftheader.gif) 0 0 no-repeat;font-size:12px; font-weight:700;}
#page .textspecial		{float:left; width:599px; padding: 0 24px 24px 24px;font-size:12px;}
#page .textspecial h1	{color:#666666; font-size:24px; padding-top:20px;}
#page .textgift	h1		{color:#666666; font-size:24px; padding-top:20px;}
#page .textquality		{width:850px;}	
#page .gift				{clear:right; float:right; width:210px; padding:0 24px 15px 24px;}
#page .bedroom			{width:896px;}
#page .rightbutton 		{float:left; width:260px; text-align:center; padding-top:80px; }
#page .cta				{float:left; width:295px;}

.upload					{float:left; width:599px; padding:0 12px 22px; background:#fff url(/i/bg-panel-bottom.gif) 0 100% no-repeat;}

.upload-form p			{font-size:0.8em; text-transform:uppercase; color:#999; margin:3px;}
.upload-form p span		{font-size:1.1em; color:#333;}

.window .details		{float:left; width:280px;}
.window .details p		{font-size:0.8em; text-transform:uppercase; color:#999; margin:3px;}
.window .details p span	{font-size:1.1em; color:#333;}

.window					{float:left; width:579px; padding:32px 20px 20px; background:url(/i/bg-window-top.gif) 0 0 no-repeat;}
.window form			{clear:both; text-align:center; margin-top:12px;}
.window fieldset		{border:0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:5px 0; margin:10px 0;}
.window fieldset .details {float:none;}

.window .user-image		{float:left; width:240px; text-align:center;}
.window .user-image img	{margin-bottom:6px;}

.window table table td	{text-align:left; padding:3px;}

.window .effect			{margin-top:12px;}
.window .effect img		{margin-top:12px;}
.window .effect h4		{margin:12px 0;}		




/* Promo Panel */

.backgroundpanel			{clear:both; background:#6a6c6f url(../i/background-panels.jpg) repeat-x bottom ; width:920px;}
.promo-panel				{clear:both; float:left; width:920px; padding:12px 0 0 0;}
.promo-panel .panel			{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background:url(/i/promo-white-box.gif) 0 0 no-repeat;}

.promo-panel .panel	h4		{margin:0;}
.promo-panel .panel p		{margin:6px 0;}
.promo-panel .panel .no-h4	{margin-top:0;}

.promo-panel .panel-head	{font-size:1.2em; font-weight:normal; color:#fff; float:left; width:268px; margin-left:11px; margin-bottom:3px; padding:0 12px; text-align:center;}

.promo-panel .prices		{background:url(/i/HOMEPAGE_NLargemiddlebox.gif) 0 0 no-repeat; color:#FFFFFF;}
.promo-panel .quality		{padding:0px; color:#FFFFFF;}


.promo-panel .splitcanvas	{background:url(/i/bottom-right.png) 0 0 no-repeat; color:#666666; margin-left:0px; margin-top:0px; margin-right:0px; padding:0px;}

.promo-panel .img-panel		{float:left; margin-left:11px;}

#Canvasquality
  {
    display: block;
	width: 292px;
    height: 193px;
    background: url("/i/Quality1.gif") no-repeat 0 0;}

#Canvasquality:hover
  { 
   background-position: 0px -193px;
  }
  
#panelroll
  {
    display: block;
	width: 279px;
    height: 176px;
    background: url("/i/panelroll.gif") no-repeat 0 0;}

#panelroll:hover
  { 
   background-position: 0px -176px;
  }
/* footer */

#footer 					{clear:both;text-align:center;}
#footer .navcont			{ float:left; width:920px; text-align:center; background:#d7d5d5; margin-top:2px;}
#footer .nav				{ padding-left:75px; }
#footer .nav ul				{margin:0px auto; text-align:center; }
#footer .nav ul li			{float:left; border-left:1px solid #fff;}
#footer .nav ul li a	{color:#333; padding:3px 6px; display:block; background:#d7d5d5}
#footer .nav ul li a:hover	{background-color:#999; color:#FFFFFF;}

#footer .copy				{margin:12px; text-align:center; width:100%;}

.canvas {
	background-image: url(/i/right-box.gif);}
	
.bedroom {background-image:url(/i/bedroom.gif); float:right; width:200px;}

/*Gallery*/


#gallery .gtitle{font-size:14px; color:3399ff;}
#gallerycontent{width:343px; height:150px; font-size:12px; margin-left:10px;}

#page .gintro			{margin-left:100px;}

.gallery-panel				{clear:both; float:left; width:920px; padding:12px 0 0 0;}
.gallery-panel .panel		{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background-color:#CCCCCC;}
.gallery-panel1		{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background-color:#CCCCCC;}
.gallery-panel2		{display:block;float:left; width:268px; height:180px; margin-left:11px; margin-bottom:12px; padding:12px; background-color:#CCCCCC;}

.gallery-panel .panel p		{margin:6px 0;}

#gallerywrapper {text-align:left;margin:0px; auto;padding: 0px; border:0; width: 900px;}

#side-a {float: left;width: 31%; margin-left:20px; background-color:#ededee; padding-left:5px;}
#side-agallery {float: left; margin-left:0px; width:auto; background-color:#ededee; padding-left:5px; padding-right:5px; margin-right:5px; margin-top:15px;}
#side-bgallery {float: right; margin-left:0px; width:auto; background-color:#ededee; padding-left:5px; margin-top:15px;}
.gtitle {font-family: "Trebuchet MS";font-weight: bold; font-size: 14px;}
.gtext{font-family:"Trebuchet MS"; font-size:12px;}
.gitext{font-family:"Trebuchet MS"; font-size:12px; margin-left:10px; text-align:left;}

#left p {padding-left:10px;} 
#side-a. p {padding-left:6px;}

#side-b {float: left;width: 31%; margin-left:10px; background-color:#ededee; padding-left:5px;}


.hlt {background-color: #f8f800; color: #000;}

.gallerytext{font-family:Arial, Helvetica, sans-serif; color:#0000FF; text-align:right;}
.galleryhead{font-size:14px; font-weight:bold; font:"Trebuchet MS";}
.droptext{text-align:left; font:"Trebuchet MS"; font-size:12px; color:#FFFFFF;}

table.gallery td a:hover, table.navbar td a:active {background-color:#FFFFFF;}

/*Blog*/


#page .text				{float:left; width:650px; padding: 0 24px 0px 24px;}
#page .contenthead		{float:left; width:650px; padding: 0 24px 0px 24px;}
#page .contenthead h1	{color:#FFCC00; font-size:20px; padding-top:20px;}
#page .contenthead h1 a {color:#FFCC00; font-size:20px; padding-top:20px;}
#page .contenthead h1 a hover {color:#FFCC00; font-size:20px; padding-top:20px; text-decoration:underline;} 
#page .contenthead h2	{color:#666; font-size:16px; padding-top:10px;}

.post, .single
{
background: #EFEFEF; padding: 0 5px 5px 5px; margin-bottom:30px;
}
.post p {font-size:12px; font-family:"Trebuchet MS";}
.post h1 a{color:#666666; font-size:16px;}
.post h1 a hover{text-decoration:underline;}
.post h2
{font-size:11px; font-style:italic;}
.post p , single p
{padding:0px 0px;
margin-top:10px;}
.post p p 
{margin-top:10px;}

.single h1
{color:#666666; font-size:16px;}

.single h1 a {color:#666666; font-size:16px;}

.single h2 {font-size:11px; font-style:italic;}

.content , .contentpage{
width:700px;}

.contentpage{
width:800px;
}

/*Generic Styles*/

.alignleft
{float:left}
.alignright
{float:right}

.meta
{border:1px solid #eee;
height:20px;
font-size:10px;
padding:5px;
}
.meta a {
color:#CCCCCC;}
/*Sidebar*/

.sidebar{
width:210px;
height:600px;
float:right;
margin-right:15px;
}
.sidebar h1
{margin:5px;
font:12px;}
.sidebar li
{list-style-type: none;
padding-left:5px;}

.sidebar h2
{font-size:11px;
padding-top:10px;}

/*search*/
.search
{
 width:80%;
 margin:0 auto;
 padding:0px;
 }
.search h1
{ font-size:12px;}
#searchform
{padding-top:10px;
}
/*comments*/
#commentform textarea
{width:400px;
height:60px;
}
#comments h3{
font-size:12px;
color:#999999;}
#commentlist
{padding:10px;
margin:15px;
background:#EEE;}

#commentlist li
{margin:10px 0xp;
border-top:1px solid #555;
background:#CCCCCC; list-style-type:none;}