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



	Sitewide CSS

	master css 20 Feb 07 Reactive Graphics
	
	
	
*****************************************************************/	


body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-size:12px; 
	font-family:arial, helvetica, sans-serif;
}
table { font-size:12px;}

select {
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
/*	
	border: 1px solid red;
	width: 100px;
*/
}
a
{
text-decoration:underline;
}
/*************** Virtuemart customised structures ***************/

.shopbrowsemod 
{
	background-color: transparent;
	position: relative;
	
	top: 30px;
	left: 20px;
}

/***************** Joomla structures ****************************/


span.article_seperator {
        display: block;
        height: 1.5em;
        border: 0px solid violet;
}

.usaf{ 
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	}
.usaf li {
	line-height:20px;
}

}
.blog
{
	position: relative;
	top: -10px;
	background-color: transparent;
	border: 0px solid green;
}

/************** Probes ******************************************/

/*


.moduletable
{
	background-color: transparent;
	border: 0px;
	margin: -1px;
	border: 1px solid purple;
	z-index: -1;
}

.contentpaneopen
{
	background-color: pink;
	border: 2px solid blue;
}

/***************** Reactive Design *******************************/


/********************** Container *******************************/


/* To the edges of the screen */
#dmleftcol{
float:left;
width:527px;
border-right:1px solid #cccccc;
padding:0px;
}

#dmrightcol{
float:left;
width:227px;
padding:0px;}
#mainheading{
font-size:14px;
font-weight:bold;
width:95%;
border-bottom:1px solid #CCCCCC ;
padding-bottom:4px;
margin-top:7px;
margin-bottom: 7px;
margin-left:6px;
}

#clearboth{
clear:both;}

#contain_parent {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	align: center;
	width: 100%;
	position: relative;
}

/* fixed width container for all pages within */

#contain_child {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	align: center;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	position: relative;
}


/* Header */

#header {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	align: center;
	width: 800px;
	height: 66px;
	left: 0;
	position: relative;
	border: 0px solid blue;
}

#header_details {
	left: 490px;
	top: 12px;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	align: center;
	position: absolute;
	color: White;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	float: right;
	border: 0px solid blue;
}


#header_details .button 
{
	color: white;
	background-color: #000033;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px; 
	width: 26px; 
	font-weight: bold;
	border-style: solid;
	border-width: 1px; 
	margin: 0px; 
	padding: 0px;
	
}

#header_table {
	position: relative;
	top: 0px;
	color: White;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;

}

 .header_span
 {
	position: relative;
	top: -5px;
 }
 

#header_row {
	top: -5px;
	color: white;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	vertical-align: top;
	border:0px solid #CCCCCC;
}

 #header_row a
 {
	text-decoration: none;
 	color: white;
 }
 
 #header_row a:hover
 {
	text-decoration: underline;
 	color: white;
 }
/****************/

/* Primary menu */

#navcontainer
{
	
	color: White;
	position:relative;
	top:0px;
	left:0px;
	height:25px;
	width: 100%;
	background-color: #3d3d3d;
	font-family:  Tahoma;
	font-weight:  bold;
	font-size: 12px;
	letter-spacing: 0.03em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 27px;
	padding-bottom: 0px;
	border: 0px solid orange;
}

#navcontainer a
{
	color: White;
	position: relative;
	top: 5px;
	font-family:  Tahoma;
	font-weight:  bold;
	font-size: 12px;
	padding: 0.5em 1.5em;
	text-decoration: none;
	background-color: #3d3d3d;
	border: 0px solid green;
	background: transparent url(images/vertical_white.gif) center right no-repeat;
}

#navcontainer a:hover
{
	background-color: #ffffff;
	color: #222222;
}

#navcontainer a.on
{
	background-color: #f4f4f4;
	color: #0d0d41;
}



/************************/
/* Secondary menu */
#navcontainers
{
	position:relative;
	top:0px;
	left:0px;
	height:25px;
	width: 100%;
	background-color: #c9c9c9;
	font-family:  Tahoma;
	font-weight:  bold;
	font-size: 12px;
	letter-spacing: 0.03em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-top: 5px solid #c9c9c9;
	border: 0px solid blue;
}

#navcontainers a
{
	position: relative;
	top: 5px;
	font-family:  Tahoma;
	font-weight:  bold;
	font-size: 12px;
	padding: 0.5em 1.5em;
	text-decoration: none;
	background-color: #c9c9c9;
	color: #3e3e3e;
	border: 0px solid red;
	background: transparent url(images/vertical.gif) center right no-repeat;
}

#navcontainers a:hover
{
	background-color: #f4f4f4;
	color: #3e3e3e;
}

#navcontainers a.on
{
	background-color: #f4f4f4;
	color: #0d0d41;
}

	
/************************/
/************************/
/* Footer */

#footer
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0;
	border: 0px solid blue;
}

p.txt_newsletter
{
	font-family:  Tahoma;
	font-size: 12px;
	color: #777777;
	text-align: center;
	margin: 0px;
}


#footermenu
{
	left: 0px;
	width: 100%;
	height: 22px;
	background-color: #000000;
	text-align: center;
	letter-spacing: 0.03em;
	color: #FFFFFF;
	border: 0px solid blue;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	position: relative;
}

#footermenu table td
{
    width: 100%;
    height: 22px;
    background-color: #000000;
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFFFFF;
} 

#footermenu a
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.03em;
}

#footermenu a:hover
{
	color: #CCCCCC;
	text-decoration: none;
}


/********* breadcrumb ********************/

#pathway_text, #breadcrumb
{

	margin-top: 10px;
	margin-bottom: 10px;
	font-family:  Tahoma;
	font-size: 12px;
	color: #222222;
	border: 0px solid indigo;
}

#pathway_text a, #breadcrumb a
{
	font-family:  Tahoma;
	font-size: 12px;
	color: #222222;
	text-decoration:underline;
}


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

P A G E   S P E C I F I C    S T Y L E S 

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

/*Pages - generic styles*/

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

/*Front Page template*/

#homepage_image
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-align: left;
	background-color: transparent;
	border: 0px solid purple;
	z-index: 6;
	margin: 0px;
}

#homepage_image a, visited
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 0px solid purple;
}

#pantone_cat a, visited
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 0px solid purple;
	text-decoration:none;
}

   #pantone_cat a:hover
   {
   	text-decoration:underline;
	/*background-color: #f4f4f4;*/
   }
/* absolute top 645px */

#footer_home
{
	position: relative;
	left: 0px;
	width: 100%;
	margin-top: 20px;
	border: 0px solid blue;
}


#page_title
{
	position:absolute;
	top: 40px;
	left: 0px;
}

#page_text
{
	padding-left:10px;
	position:relative;
	width: 600px;
	text-align:justify;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

#page_text .contentpaneopen
{
	text-align:justify;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}


.contentpaneopen img
{
	left: -5px;
}

#page_text img
{
	left: -5px;
}

.contentpaneopen img
{
	left: -5px;
}


#page_text_left
{
	position:relative;
	top: 50px;
	height: 400px;
	left: 0px;
	width: 600px;
	text-align:justify;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

#nav_left
{
}

#nav_left td
{
	border-color:#CCCCCC;
	border-style: solid;
	border-width: 1px; 
	margin: 3px; 
	padding: 3px;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

#nav_left a
{
	
	font-family:  arial, helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
}

#nav_left a:hover
{
	
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
}


/************************/
/*Product detail template*/

#pdcontainer
{

/*
top: 50px;
left: 20px; */
width: 735px;
font-family:  arial, helvetica, sans-serif;
font-size: 12px;
color: #222222;
line-height:15px;
border: 0px solid green;
}


#table_product
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	line-height:15px;
	z-index:0;
}


#table_product a
{
	text-decoration:underline;
	color: #666666;
}	

.product_title
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #222222;
}

#pdspecs
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 0px solid pink;
}

.child_list
{
	width: 98%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

.child_list th
{
	/* background-color: #FF0000; */
}

.child_list td
{
	padding-left: 3px; 
	padding-right: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
}

.altcolour
{
	background-color: #EFEFEF;
}

.stdcolour
{
	background-color: #FFFFFF;
}

.title
{
	border: 0px solid blue;
	font-size: 12px;
	font-weight: bold;
}

.inputbox /* controls dropdown and input box */
{	
}

/*
	border: 1px solid gray;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;

*/

.child_list input /*override for input box */
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}


#pd_otherproducts
{
	position:relative;
	top: 480px;
	left: 0px;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

#pd_otherproducts a
{
	text-decoration:underline;
	color: #666666;
}


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

/*Shopping cart*/

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



#screfine
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	position:absolute;
	top: 50px;
	border-color:#000000;
	border-style: solid;
	border-width: 1px; 
	margin: 5px; 
	padding: 5px;
}

#screfine .title
{
	font-family:  Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #3e3e3e;
}

#scorder
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	position:relative;
	top: 50px;
	width: 575px;
	left: 175px;
}

#pagenumber
{
	float:  right;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
}

#pagenumber a
{
	text-decoration: underline;
	color: #222222;
}


/******* shop browse *******************/

/*
	position: absolute;
	left:220px;
	top: 140px;
	width: 770px;
*/

.product_pages
{
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px solid blue;
}

#product_list
	{
	width: 100%;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border: 0px solid red;
	}

#product_list a
	{
	text-decoration: underline;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	}
#product_list a:hover
	{
	text-decoration: underline;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	}
	

#browse_control
	{
	position: relative;
	left: 220px;
	top: 5px;
	border:0px solid red;
	font-family:  Tahoma;
	font-size: 12px;
	color: #222222;
	}

.pagenav, .pagenav a
	{
	font-family:  Tahoma;
	font-size: 12px;
	color: #222222;
	}

.pagenav a
	{
	text-decoration: underline;
	font-family:  Tahoma;
	font-size: 12px;
	color: #222222;
	}


	
/* shop.browse layout cell. Note that the cell includes inline 
style to set float:left and to calculate cell width based on items per line */

/* inter-column space */

.browse_cell
{
	margin-right: 5px; 
	margin-left: 5px; 
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 30%;

	border: 0px solid #000000;
}

/* inter-line space */

.browse_space
	{
	height: 15px;
	}

#sc_cost
{
	float:  right;
	font-weight:  bold;
}

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

/*Magazine*/


#magazine_image
{
	position:relative;
	top: 175px;
	left: 0px;
	height: 500px;
}

#magazine_content
{
	position:absolute;
	top: 125px;
	left: 325px;
}

#magazine_table
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border-color:#c9c9c9;
	border-style: solid;
	border-width: 1px; 
}

#magazine_table a
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-transform: uppercase;
	text-decoration: underline;
}

#magazine_table a:hover
{
	color: #CCCCCC;
}

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

/*Styles for different rooms e.g. bedroom, bathroom ec.*/



#selector1
{
	position:relative;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border-color:#000000;
	border-style: solid;
	border-width: 1px; 
	margin: 5px; 
	padding: 5px;
	z-index:2;
}

#selector1 h3
{
	font-family:  Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #3e3e3e;
}


#selector1 .button 
{
	color: #ffffcc;
	background-color: #000033;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px; 
	width: 26px; 
	font-weight: bold;
	border-style: solid;
	border-width: 0px; 
	margin: 0px; 
	padding: 0px;
	
}

#selector1 select
{
width: 115px;
}


#selector_spacer
{
	border: 0px solid brown;
	height: 420px;
}

#room_sidebar
{

	width: 150px;
	z-index: 10;
	float: left;
}


#room_sidebar .title
{
	font-family:  Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #3e3e3e;
	border: 0px solid green; 
}

#centre_frame
{
	border: 0px solid orange; 
	margin: 0px;	
}
	

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

/*Styles for shopping basket*/


#basket_container
{
	position:relative;
	/*left: 14px; */
	margin-right: 5px;
}

#basket_table
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	position:relative;
}

#basket_table a
{
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-decoration: underline;
}

.basket_thumb a, .basket_thumb img
{
	margin: 10px;
}

#basket_table td
{
	padding-left: 5px; 
	padding-right: 5px; 
	margin-left: 5px; 
	margin-right: 5px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
}

#basket_aftertotal
{
	width:98%;
	
}


#basket_details

{
	margin-bottom:20px;
	height: 100px; 
	position: relative; 
	top: 20px; 
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-align:left ;
	width:40%;
	float:right;
}


.sectiontableheader
{
	margin: 5px; 
	padding: 5px;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #efefef;
}

#promotion
{
	margin-bottom:20px;
	position: relative; 
	top: 20px; 
	left: 0px;
	width: 350px; 
	height: 100px; 
	margin: 5px; 
	padding: 5px;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #efefef;
	float:left;
}

#details
{
	top: 390px; 
	left: 500px;
	width: 300px; 
	height: 100px; 
	margin: 5px; 
	padding: 5px;
	font-family:  arial, helvetica, sans-serif;
	font-size: 12px;
	position: absolute; 
	text-align: justify;
}

#breadcrumb_order
{
	position:absolute;
	top: 10px;
	left: 490px;
	font-family:  Tahoma;
	font-size: 12px;
	color: #aaaaaa;
}

#breadcrumb_order .active
{
	font-family:  Tahoma;
	font-size: 12px;
	color: #222222;
}

/* --------------------------------------------- */

#shop_advisor
{
	position: relative;
	z-index: -5;
	padding-bottom: 50px;
	padding-left: 10px;
	border: 0px solid blue;
}

#shop_advisor_ack
{
	position: relative;
	top: 50px;
	left: 10px;
	padding: 10px;
	padding-top: 70px;
	border: 1px solid #aaaacc;
}

#enquiry_box_ack
{
	border: 1px solid #aaaacc;
	padding: 15px;
	width: 90%;
}

.email_link
{
	color: blue;	
}
.pageHeading{
	font-family:  arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.box-table{
	border:1px solid #999999;
	background:#efefef;
}
.box-heading{
	background:#DDDDDD;
	padding:2px 3px 2px 3px;
	font-size:15px;
	font-weight:bold;
}
.box-inner{
	padding:5px 5px 5px 5px;
}
.box-inner-td{
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	width: 25%;
}
.handStyleSpan{
	cursor: pointer;
}

#navigation div{
	float:right;
}
#navigation a{
	color: #fff;
	/*background: #000000 url(images/tabdesign/left_red_tab.gif) left top no-repeat;*/
	background: #910007;
	text-decoration: none;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-top:6px;
	padding-right:0;
	float: right;
	fon-size: 14px;
	font-weight: bold;
}

#navigation a, #navigation a span{
	display: block;
	float: right;
	font-size:14px;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span{
	float: none
}
/* End hide */

#navigation a:hover{
	color: #ffffff;
	background: #d1000a;
	/*background: #db2000 url(left_red_tab.gif) left top no-repeat;*/
	/*background: #d5d5d5 url(images/tabdesign/left_grey_tab.gif) left top no-repeat;*/
	padding-left: 10px
}

#navigation a span{
	/*background: url(right_grey_tab.gif) right top no-repeat;*/
	/*background: url(images/tabdesign/right_red_tab.gif) right top no-repeat;*/
	padding-right: 10px;
}

#navigation a:hover span{
	/*background: url(right_red_tab.gif) right top no-repeat;*/
	/*background: url(images/tabdesign/right_grey_tab.gif) right top no-repeat;*/
	padding-right: 10px
}

.waiting {
	background-image:url('images/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.infoBoxNoticeContents{
	color:#FF0000;
}

.messageStackSuccess{
	background-color:#00FF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;

}

.laurenceHome{
	font-family: Lucida Grande, Cambria, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
}

.laurenceHome2{
	font-family: Lucida Grande, Cambria, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #121234;
}


.pricebold{
font-weight:bold;}

.productSpecialPrice{color:#FF0000;}


/*********** pantone mugs **********/

.pantonemugstable{
	border-bottom:1px solid #d6d6d6;
	padding:5px 0;
	width:390px;}


.pantonemugstable a img{
	border:none;}
	
.rrp{
	text-decoration:line-through;
	color:#999999;
}	

.pantoneprice{
	font-weight:bold;}
	
#table_product .pantonemugstable a, visited{
	text-decoration:underline;}
	
#table_product .pantonemugstable a:hover{
	text-decoration:none;}	
	
	
#addcartbutton
{
  display: block;
  width: 32px;
  height: 26px;
  background: url('http://www.dotmaison.com/images/pantone/addcartBTN.jpg') no-repeat 0 0;
}

#addcartbutton:hover
{ 
  background-position: 0 -26px;
}

#addcartbutton span
{
  display: none;
}

#addtocartbutton
{
  display: block;
  width: 32px;
  height: 26px;
  background: url('images/addBTN.jpg') no-repeat 0 0;
}

#addtocartbutton:hover
{ 
  background-position: 0 -26px;
}

#addtocartbutton span
{
  display: none;
}

.product_title25{
	font-size:25px;
	
	font-weight:bold;}
	
#pantone_q{
	width:30px;}