/*
---------------------------------------------------------------------------
=	House Keeping
---------------------------------------------------------------------------
*/

@import url('reset.css');

html,
body
{
	height: 100%;
}	

body
{
	text-align: center;
	font-size: 12px;
	bbbackground:  url(../images/bgcarpets.gif) no-repeat 50% 100%;
	font-family: "Arial", "Verdana", sans-serif;

}

.wrap
{
	width: 960px;
	text-align: left;
	margin:0 auto;
}

#wrapper
{
	width: 100%;
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -220px; /* the bottom margin is the negative value of the footer's height */
	background:url('../images/bg.gif') repeat-y 50% 50%;
}

.fl {float: left;}
.fr {float: right;}

/*
---------------------------------------------------------------------------
=	Header
---------------------------------------------------------------------------
*/

div#header
{
	width: 100%;
	height: 120px;
}

div#header a#thelogo
{
	display: block;
	float: left;
	width: 130px;
	height: 85px;
	background: url(../images/logo.gif) no-repeat;
	margin-left: 30px;
	margin-top: 17px;
}

div#header a#thelogo span
{
	display: none;
}

div#header div#pagepeel
{
	float: right;
	width: 118px;
	height: 65px;
	background: url(../images/pagepeel.gif) no-repeat;
}

div#header div#pagepeel span
{
	display: none;
}

div#header div#title
{
	padding-top: 40px;
	margin-left: 200px;
}

div#header div#title h1
{
	font-weight: normal;
	font-size: 150%;
	line-height: 1.2em;
}

div#header div#title h1 span
{
	margin-left: 60px;
}

.red
{
	color: #ed1c24;
}

/*
---------------------------------------------------------------------------
=	Sidebar
---------------------------------------------------------------------------
*/

div#sidebar
{
	margin-left: 30px;
	width: 130px;
	float: left;
}

div#sidebar ul
{
	display: block;
}

div#sidebar ul li
{
	
	margin: 5px 0 5px 0;
}

div#sidebar ul li a
{
	background-color: #ed1c24;
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #fff;
}

div#sidebar a:hover		{background-color: #ab0f14;}
div#sidebar a.current	{background-color: #ab0f14;}

div#sidebar div#bride_link 
{
	display: block;
	float: left;
	margin-top: 5px;
}

div#sidebar div#bride_link a
{
	display: block;
	float: left;
	width: 130px;
	height: 196px;
	background: url(../images/bride1.jpg);
} 

body#request div#sidebar div#bride_link a
{
	background: url(../images/bride2.jpg);
} 

div#sidebar div#bride_link a span
{
	display: none;
} 

/*
---------------------------------------------------------------------------
=	content
---------------------------------------------------------------------------
*/

div#main
{
	margin: 0 0 0 200px;
}

div#content
{
	float: left;
	width: 310px; 
	margin-right: 40px;
}

div#content h1

{
	font-weight: normal;
	font-size: 150%;
	margin: 0 0 1em 0;
}

div#content p
{
	margin: 0 0 1em 0;
	font-size: 110%;
	line-height: 1.2em;
	text-align: justify;
}

div#contentwide
{
	float: left;
	margin-right: 40px;
	width: 720px;
}

div#contentwide h1

{
	font-weight: normal;
	font-size: 150%;
	margin: 0 0 1em 0;
}

div#contentwide p
{
	margin: 0 0 1em 0;
	font-size: 110%;
	line-height: 1.2em;
	text-align: justify;
}

div#content p a
{
	color: #ab0f14;
	text-decoration: none;
}

div#picframes
{
	float: left;
	width: 331px;
	height: 270px;
	background: url(../images/picframes2.gif) no-repeat;
	margin-bottom: 50px;
}

div#picframes span
{
	display: none;
}

div#featurebox1
{
	width: 320px;
	height: 200px;
	float: left;
	background-image: url(../images/featurebox1.gif);
	margin-right: 30px;
}

div#featurebox2
{
	width: 309px;
	height: 190px;
	float: left;
	background-image: url(../images/featurebox2a.gif);
}

/*
---------------------------------------------------------------------------
=	Products
---------------------------------------------------------------------------
*/

div#prods
{
	width: 310px; 
	margin-right: 40px;
	margin-bottom: 40px;
}

div#prods h1

{
	font-weight: normal;
	font-size: 150%;
	margin: 0 0 1em 0;
}

div#prods p
{
	margin: 0 0 1em 0;
	font-size: 110%;
	line-height: 1.2em;
	text-align: justify;
}

div.option
{
	display: block;
	min-height: 100px;
	width: 350px;
}

div#left
{
	float: left;
}

div#right
{
	float: right;
	margin-right: 40px; 
}

a.frame
{
	float: left;
	height: 94px;
	width: 94px;
}

div#redframe	{background:url(../images/smallframe_red.gif) no-repeat;}
div#blackframe	{background:url(../images/smallframe_black.gif) no-repeat;}
div#pinkframe	{background:url(../images/smallframe_pink.gif) no-repeat;}
div#greenframe	{background:url(../images/smallframe_green.gif) no-repeat;}

div#shopgrid p
{

	font-size: 110%;
	line-height: 1.2em;
	text-align: justify;
}

div#shopgrid p a
{
	text-decoration: none;
	color: #000;
}

/*
---------------------------------------------------------------------------
=	Photographs
---------------------------------------------------------------------------
*/

body#photo
{
	background:none;
}

body#photo div#sidebar
{
	position:absolute;
	top: 700px;
	width: 100%;
}

body#photo div#sidebar ul
{
	display: block;
	padding:0 0 0 60px;
}

body#photo div#sidebar ul li
{
	float: left;
	background-color: #ed1c24;
	margin: 5px 0 5px 0;
	width: 124px;
	margin: 0 2px 0 2px;
	font-size: 80%;
}

body#photo div#sidebar ul li a
{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #fff;
}

body#photo div#sidebar a:hover		{background-color: #ab0f14;}
body#photo div#sidebar a.current	{background-color: #ab0f14;}

body#photo div#main
{
	margin:0;
	text-align:center;
}

div#camera
{
	width: 815px;
	height: 508px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

div#cameraover
{
	position:absolute;
	top:0;
	left:0;
	background-image: url(../images/camera.gif);
	width: 815px;
	height: 508px;
}

/*
---------------------------------------------------------------------------
=	slider
---------------------------------------------------------------------------
*/

div.slider
{
	padding: 178px 0 0 125px;
}

.stepcarousel
{
	position: relative;
	overflow: scroll;
	width: 355px;
	height: 265px;
}

.stepcarousel .belt
{
	position: absolute;
	left: 0;
	top: 0;
}

.stepcarousel .panel
{
	float: left;
	overflow: hidden;
	width: 355px;
	height: 265px;
}

#panel1{background-image:url('../images/slide1.jpg');}
#panel2{background-image:url('../images/slide2.jpg');}
#panel3{background-image:url('../images/slide3.jpg');}
#panel4{background-image:url('../images/slide4.jpg');}
#panel5{background-image:url('../images/slide5.jpg');}
#panel7{background-image:url('../images/slide7.jpg');}

a.slider-btn
{
	text-align: center;
	float: left;
	width: 120px;
	padding: 7px;
	border: dashed 2px #ed1c24;
	margin: 80px 0 0 27px;
	color: #ed1c24;
	text-decoration: none;
	display: block;
}

a.btn-prev
{
	display: block;
	float: left;
}

a.btn-next
{
	display: block;
	float: left;
}

/*
---------------------------------------------------------------------------
=	Request a Sample
---------------------------------------------------------------------------
*/

div#formcontent
{
	margin-right:40px;
}

div#formcontent h1
{
	font-weight: normal;
	font-size: 150%;
	margin: 0 0 1em 0;
}

div#form
{
	display:block;
}

form#f
{
	float:left;
	width:100%;
}

form#f fieldset
{
	float:left;
	width:49%;
}

form#f fieldset ul
{
	float:left;
}

form#f fieldset ul li
{
	float:left;
	width:100%;
	clear:both;
	margin:0 0 10px 0;
}

form#f fieldset ul li label
{
	float:left;
	padding:6px 0 4px 0;
	width:120px;
}

form#f fieldset ul li.hl label
{
	visibility:hidden;
}

form#f fieldset ul li input
{
	float:left;
	padding:6px 0 4px 0;
	background:#f9cdd3;
	width:200px;
}

form#f fieldset ul li input.double
{
	width:40px;
}

form#f fieldset ul li input.triple
{
	width:140px;
}

form#f fieldset ul li span
{
	float:left;
	display:block;
	padding:5px;
}

div#colourchoice
{
	
}

div#colourchoice div
{
	float:left;
	display: inline-block;
	display:block;
	width:25px;
	height:25px;
	cursor: hand;
	margin:0 1px 0 0;
}

div#colourchoice div#cred	{border: 1px solid #000; background-color:#df0722;}
div#colourchoice div#cblack	{border: 1px solid #000; background-color:#000;}
div#colourchoice div#cpink	{border: 1px solid #000; background-color:#ff1092;}
div#colourchoice div#cgreen	{border: 1px solid #000; background-color:#009841;}
div#colourchoice div#cblue	{border: 1px solid #000; background-color:#11399f;}
div#colourchoice div#cwhite	{border: 1px solid #000; border: 1px solid #000;}
div#colourchoice div#ccream	{border: 1px solid #000; background-color:#eff0d4;}

div#colourchoice input
{
	display:none;
}

.checkBox
{
	background:url('../images/');
}

.checkBoxTicked
{
	background:url('../images/bgtick.gif') no-repeat 50% 50%;
}

form#f fieldset#fr
{
	float:right;
}

form#f fieldset#fr div.textvip
{
	float:left;
	border-top: 1px red dotted;
	margin-bottom: 15px;
	width: 100%;
}

form#f fieldset#fr div.textvip p
{
	line-height: 1.4em;
	margin-top: 1em;
}

form#f fieldset#fr div.textvip p.small
{
	line-height: 1.4em;
	margin-top: 15px;
	font-size: 70%
}

form#f fieldset#fr span#thanks
{
	font-weight: bold;
}

form#f fieldset#fr span.red
{

}

form#f fieldset ul li textarea
{
	float:left;
	padding:6px 0 4px 0;
	background:#f9cdd3;
	width:200px;
	height: 100px;
}

form#f fieldset#fr ul li textarea
{
	float:left;
	padding:6px 0 4px 0;
	background:#f9cdd3;
	width:200px;
	height: 100px;
}

input#sendme
{
	float:left;
	display: block;
	padding:5px 10px;
	color:#fff;
	background:#DF0722;
	margin:10px 0 20px 120px;
}

/*
---------------------------------------------------------------------------
=	Contact
---------------------------------------------------------------------------
*/

form#fc
{
	float:left;
	width:100%;
}

form#fc fieldset
{
	float:left;
	width:49%;
}

form#fc fieldset ul
{
	float:left;
}

form#fc fieldset ul li
{
	float:left;
	width:100%;
	clear:both;
	margin:0 0 10px 0;
}

form#fc fieldset ul li label
{
	float:left;
	padding:6px 0 4px 0;
	width:120px;
}

form#fc fieldset ul li input
{
	float:left;
	padding:6px 0 4px 0;
	background:#f9cdd3;
	width:200px;
}

form#fc fieldset ul li textarea
{
	float:left;
	padding:6px 0 4px 0;
	background:#f9cdd3;
	width:200px;
	height: 100px;
}

input.haha
{
	display:none;
	visibility:hidden;
	height:0px;
	width:0px;
}

a#featurebox3
{
	display: block;
	float: left;
	margin-left: 20px;

	width: 310px;
	height: 189px;
	float: left;
	background-image: url(../images/featurebox3.gif);
}

a#featurebox3 span
{
	display: none;
}

#sendme
{
width: 200px;
}

/*
---------------------------------------------------------------------------
=	footer
---------------------------------------------------------------------------
*/

#footer, 
.push 
{
	clear:both;
	height: 220px; /* .push must be the same height as .footer */
}

div#footer
{
	background: url('../images/bgcarpetsnew.gif') no-repeat 50% 0;
	color:#fff;
	text-align:center;
}

div#footer p
{
	display:block;
	padding:195px 10px 0 10px;
	font-size: 10px;
}

div#footer p a
{
	color: #fff;
	text-decoration:none;
}
div#footer p a:hover
{
	border-bottom:1px solid #fff;
}

div#footer p span
{
	padding:0 5px;
}

div#footer p span#tel
{
	color: #fff;
	padding: 0;
}