body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 125%;
	background:#e0e0e0;
}

h1 {
	margin-bottom: 20px;
	margin-right: 10px;
	height: 35px;
	border-bottom: dotted 3px #dedcd4;
	padding-left: 150px;
	
	font-weight: bold;
	font-size: 175%;
	text-transform: uppercase;
	line-height: 35px;
	vertical-align: bottom;
}

.h1bugfixcontainer { width: 592px; }

h2 {
	font-size: 120%;	
	margin-bottom: 0.25em;	
}

h3 {
	font-size: 110%;	
	color: #505050;
	margin-bottom: 0.25em;
	font-style:italic;
}

h4 {
	font-size: 100%;	
	font-weight: bold;
	margin-bottom: 0.125em;
}

p { margin-top: 0; margin-bottom:0.5em; line-height: 150%; }

a {
	text-decoration:none;
	font-weight: bold;
	color: #305f9f;
}
a:hover { color: #d4b28d; }
a img { border: none; }

hr { border: dotted 1px #dedcd4; margin: 0.25em 0; }

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

.maincontainer {
	width: 700px;
	margin:auto;
	border: solid 1px #000000;
	background: #ffffff;	
}

.sitebannerlogo
{
	width: 700px;
	height: 100px;
	background-image: url('graphics/_TemplateGraphics/LogoLuxartisGallery.png');
}
.sitebannerlogo h1 { display:none; }

/**************************************************************/
/* Main menu bar */

.main_nav_strip {
	width: 700px;
	height: 42px;
	background-image: url('graphics/_TemplateGraphics/MainMenuBar_AllButtons.png');
	background-position: 0px -84px;  /* = selected versions of buttons - only show if no <a> on top */
	position:relative; /* Needed so that for a {position:absolute}, container becomes context instead of browser window */
}

.main_nav_strip a
{
	display: block;
	height: 42px;
	background-image: url('graphics/_TemplateGraphics/MainMenuBar_AllButtons.png');	
	position:absolute;
	top: 0px;
}

.main_nav_strip a span { display: none; }

.main_nav_strip a#artworks				{ background-position: -29px 0px; left:29px; width: 102px; }
.main_nav_strip a#artworks:hover 	{ background-position: -29px -42px; }

.main_nav_strip a#framing 				{ background-position: -140px 0px; left:140px; width: 89px; }
.main_nav_strip a#framing:hover		{ background-position: -140px -42px; }

.main_nav_strip a#delivery				{ background-position: -237px 0px; left:237px; width: 103px; }
.main_nav_strip a#delivery:hover		{ background-position: -237px -42px; }

.main_nav_strip a#your_order			{ background-position: -341px 0px; left:341px; width: 115px; }
.main_nav_strip a#your_order:hover	{ background-position: -341px -42px; }

.main_nav_strip a#personalpages		{ background-position: -466px 0px; left:466px; width: 108px; }
.main_nav_strip a#personalpages:hover	{ background-position: -466px -42px; }

.main_nav_strip a#contact				{ background-position: -584px 0px; left:584px; width: 89px; }
.main_nav_strip a#contact:hover 		{ background-position: -584px -42px; }

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


.page_content {
	padding-left: 10px;
}

/* Introductory text on left of index page */

.index_welcome {
	float: left;
	width: 140px;
	margin: 35px 10px 10px 0px;
	padding-top: 17px;
	font-size: 85%;
	line-height: 125%;
	color: #7b6c3b;
}
.index_welcome h2 {
	font-weight: bold;
	font-size: 170%;
	margin-bottom: 0.25em;
}

.index_welcome p {
	margin-top: 0;
	margin-bottom: 0.5em;	
}

/**************************************************************/
/* Index page navbar */

.index_page_navbar {
	float:left;
	width: 510px;
	height: 38px;
	margin-top: 17px;
	margin-bottom: 17px;
}

.ipn_lbut, .index_page_navbar_centre, .ipn_rbut { float:left; }

.ipn_lbut { width:36px; height:38px; background-image: url('/graphics/_TemplateGraphics/INDXNAV_LBUTTON.jpg'); }
.ipn_rbut { width:36px; height:38px; background-image: url('/graphics/_TemplateGraphics/INDXNAV_RBUTTON.jpg'); }

.ipn_lbut a { display:block; width:36px; height:38px; background-image: url('/graphics/_TemplateGraphics/INDXNAV_STD_AND_HI_LBUTN.jpg'); background-position: 0 -76px; }
.ipn_rbut a { display:block; width:36px; height:38px; background-image: url('/graphics/_TemplateGraphics/INDXNAV_STD_AND_HI_RBUTN.jpg'); background-position: 0 -76px; }
.ipn_lbut a:hover, .ipn_rbut a:hover	{ background-position: 0 -38px; }

.ipn_lbut span, .ipn_rbut span {	display: none; }

.index_page_navbar_centre {
	width: 438px;
	height: 38px;
	background-image: url('/graphics/_TemplateGraphics/INDXNAV_SPACER.jpg');
	background-repeat: repeat-x;
	text-align: center;
	line-height: 38px; /* Centres text vertically */
	color: #305f9f;
}
.index_page_navbar_centre a { font-weight: bold; color:#305f9f; text-decoration:none; margin-left: 3px; margin-right:3px; }
.index_page_navbar_centre a:hover { background:#ffffff; }

.ipn_selpnum {
	margin-left: 3px;
	margin-right: 3px;
	background: #ffffff;
}

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

/* For gallery items on index pages */

/* The thumbnail images area */
.index_gallery_container {
	width: 510px;
	float: left;
	margin-bottom:1em;
	background: #f6f5f1;
}

.index_gallery_topcap, .index_gallery_botcap {
	width: 510px;
	height: 15px;
	background-repeat: no-repeat;
}
.index_gallery_topcap { background-image: url('/graphics/_TemplateGraphics/INDEX_THUMBS_TOPCAP.jpg'); }
.index_gallery_botcap { background-image: url('/graphics/_TemplateGraphics/INDEX_THUMBS_BOTCAP.jpg'); }

/* Inner container for all gallery index items */
table.index_gallery_table {
	background: #f6f5f1;
	text-align:center;	
}


table.index_gallery_table td { vertical-align: bottom; font-size: 80%; }
table.index_gallery_table td.not_top_row { padding-top: 1em; }

table.index_gallery_table h3 {
	font-size: 90%;
	margin: 0;
}

table.index_gallery_table p { margin: 0px 10px; } /* Lateral margins are tweak for Opera */

table.index_gallery_table a
{
	padding: 3px 12px;
	font-weight: bold;
	font-size: 85%;
	color: #305f9f;
}




/**************************************************************/
/* Item detail page */



/* Overall container for frame options */
.itemdetail_frameopts_container
{
	float: left;
	width: 140px;
	margin-right: 10px;
	text-align: center;
}
.itemdetail_frameopts_container p { margin: 0; } /* bug fix */

.itemdetail_frameopts_topcap, .itemdetail_frameopts_botcap
{
	height: 13px;
	background-image: url('/graphics/_TemplateGraphics/DPAGE_FOPTS_CAPS.png');
	background-repeat: no-repeat;
}
.itemdetail_frameopts_botcap	{ background-position: 0 -13px; }


.itemdetail_frameopts_opts
{
	background: #f6f5f1;
	padding: 0px 10px;
	font-weight: bold;
	color: #7b6c3b;
}

.itemdetail_frameopts_opts p
{
	position: relative;
	top: -10px;
	font-size: 80%;
}

.itemdetail_frameopts_opts a { display: block; }


.itemdetail_details {
	float:left;
	width: 452px;
}

.itemdetail_details h3 { font-size: 95%; font-weight: bold; margin-bottom: 0; margin-top: 0.25em; }
.itemdetail_details p { margin: 0; }

.itemdetail_basic_specs
{
	font-style:italic;
	margin-bottom: 0.5em;
}

.itemdetail_artistsdesc {
	line-height:150%;
	margin-bottom: 1em;
	clear:both;
}


/* For the tabbed purchase & info panel */
.i_info {
	font-family:serif;
	font-weight:bold;
	font-style:italic;
	font-size: 130%;
	color:#ffffff;
	background:#8db2d4;
	padding: 1px 5px;
}

.itemdetail_tpi_tabselected, .itemdetail_tpi_tabunselected {
	float:left;
	padding: 4px 6px 4px 4px;
	font-size:80%;
	font-weight:bold;
	border-right:solid 1px #ffffff;
}

.itemdetail_tpi_tabselected {
	background:#f6f5f1;
}

.itemdetail_tpi_tabunselected {
	background:#dedcd4;	
}

.itemdetail_tpi_content {
	background:#f6f5f1;
	padding: 4px;
	width:100%; /* IE <= 6 bugfix - prevents 3px gap */
	clear:both;

}

.itemdetail_tpi_content h3 {
	font-size:85%;
	font-weight:bold;
	font-style:normal;	
}

.itemdetail_tpi_content p {
	font-size:85%;
	line-height:150%;
	margin-bottom:0.5em;
}
.itemdetail_tpi_content ul {
	font-size:85%;
	margin:0 0 0.5em 2em;	
	list-style-type: none;
}


.buyme { padding: 4px; margin-bottom:4px; }
.buyme p { font-size:100%; }
.buyme h3 {margin-top: 0.5em; }
.buyme hr {	margin-top:1em; }
.buyme form { margin:0; }
.buyme select { margin-left: 3em; }



.itemdetail_framedesc {
	margin: 0.5em 1em 1em 3em;
}

.itemdetail_price_and_orderbutton {
	/* padding-top: 1em; */
}


.itemdetail_price_and_orderbutton { text-align: right; }
.itemdetail_price_and_orderbutton p { margin-top: 0; }
.itemdetail_price_and_orderbutton span { font-size: 200%; margin-top: 0; margin-bottom: 0.25em;}
.itemdetail_price_and_orderbutton form { display:inline; margin-left: 2em; }

.formbutton
{
	background: #8db2d4;
	border: solid 1px #000000;
	color: #ffffff;
	font-weight: bold;
}

form.detail_add_to_order label { margin-right: 1em; }
form.detail_add_to_order span { font-weight:bold; font-size: 150%; }


/**** Page navigation block ****/
.itemdetail_pnav_container {
	float: left;
	margin-left: 20px;
	width: 38px;
	height: 133px;
	background-image: url('/graphics/_TemplateGraphics/DPAGE_PNAV_ALL.png');
	background-repeat:no-repeat;
}

a.idn_index_but
{
	display:block;
	width: 38px;
	height: 45px; 
	background-image: url('/graphics/_TemplateGraphics/DPAGE_PNAV_ALL.png');
	background-position: -38px 0px;
	background-repeat:no-repeat;
}
a.idn_index_but:hover { background-position: -76px 0;	}

a.idn_left_but, a.idn_right_but
{
	display:block;
	width: 38px;
	height: 44px;
	background-image: url('/graphics/_TemplateGraphics/DPAGE_PNAV_ALL.png');
	background-repeat:no-repeat;
}

a.idn_left_but { background-position: -38px -45px; }
a.idn_left_but:hover { background-position: -76px -45px; }

a.idn_right_but { background-position: -38px -89px; }
a.idn_right_but:hover { background-position: -76px -89px; }


.idn_left_but_missing { width:38px; height:44px; }

a.idn_index_but span, a.idn_left_but span, a.idn_right_but span  { display: none; }


/**************************************************************/
/* Shopping cart */

.cartcontainer, .checkout
{
	font-family: verdana, sans-serif;
	width: 600px;
	margin: auto;
	font-size: 90%;
}
	
.cartcontainer h1, .checkout h1 { border:none; padding:0; margin:0; width: 100%; text-align: center; }

table.cartlist
{	
	width: 600px;
	text-align: left;
	font-size: 90%;
	background: #dedcd4;
}
table.cartlist caption { text-align: left; }

table.cartlist td, th { padding: 0.5em; background:#f6f5f1; }

td.col1 { width: 250px; }
td.col2 { width: 75px; }
td.col3 { width: 75px; }

td.col4 { width: 75px; }
td.col3,td.col4 { text-align:center; }

td.col5 { width: 150px; }

.btn
{
	width:140px;
	padding:0.125em;
	font-size: 90%;
	font-weight: bold;
	color: #ffffff;
	background:#8db2d4;
	border: solid 1px #000000;
	margin-bottom: 3px;
}

.btn:hover {background:#b8c8da;} /* Not supported in IE < 7 */

a.btn
{
	display:block;
	width:138px;
	padding:0.25em 0;
	font-size: 100%;
	text-align:center;
}

a.btn:hover { color:#ffffff; }

.barrier { clear: both; } /* To clear floats */

form.destoption { background: #f6f5f1; border:solid 1px #dedcd4; padding: 0.5em; font-size: 90%; text-align:center; }

/**************************************************************/
.cartcontainer { font-family: verdana, sans-serif; width: 600px; margin-left: 50px; font-size: 90%; }

.checkout form { background: #f6f5f1; 	border:#dedcd4 1px solid; padding: 1em; }
.checkout input, .checkout select {margin-left: 1em;}
.checkout label { display:block; float:left; width:200px; text-align:right; }

form.checkoutstep2 { background:none; border: none; text-align:center; }

.titlecontainer,.btncontainer	{ width:500px; clear:both; margin-top: 1em; margin-bottom: 0.5em; }
.titlecontainer h2	{ float:left; width: 200px; margin-top:0; text-align:right; font-size: 100%; }
.titlecontainer p 	{ float:left; margin-left: 1em; }

.btncontainer { width:550px; text-align:right }

fieldset#youare,fieldset#delivery { border: none; border-bottom: dotted 1px #dedcd4; padding-bottom: 1em; }

.errortext { color: #ff0000; }



/**************************************************************/
/* Styles for Anne's personal pages mini-site                 */

/* Styles for sub-menu */

.pp_menu_panel {	/* Container for menu + advert button */
	width:130px;
	float:left;	
}

.pp_menu_container {	/* Container for menu */
	background:#F1F5F6;
	padding: 4px;
	margin-bottom: 2em;
}

h2.pp_menu_heading {
	text-align:center;
	font-size:80%;
	font-weight:bold;
	margin:0px;
}

.pp_menu_item_selected {
	padding-top: 4px;
	font-size:80%;	
	font-weight:bold;
	color: #d4b28d;	/* Same as a.hover near start */
}

.pp_menu_item_notselected {
	padding-top: 4px;
	margin-left:1em;
}

.pp_menu_item_notselected a {
	font-size:80%;
}

a.pp_menu_annesartbutton { display:block; width:120px; height:121px; margin-left:6px; background-image: url('graphics/_TemplateGraphics/ButtonAnnesArt.png') }
a.pp_menu_annesartbutton span { display: none; }
a.pp_menu_annesartbutton:hover { background-position: 0px -121px;}


/* Quotes */
h2.annes_quote_head {
	text-align:center;
	background:#efffc0;
	padding: 4px;
	width:434px;
	margin-bottom:6px;
}

.annes_quote {
	background:#efffc0;
	margin-right:6px;
	margin-bottom:6px;
	width:210px;
	padding:4px;
	float:left;
	line-height:150%;
	font-size: 90%;
	text-align:center;
}

/* Poems */
ul.PoemContents { margin-top: 0; }
.PoemLineIndent { float:left; height:1px; width: 4em; }
p.PoemByline { font-style:italic; margin: 1em 0 }
h2.PoemContentsHead	{ text-align:center; }
h2.PoemHead	{ margin-bottom:0.5em; }




/**************************************************************/
/* Styles for pages not listed above */

.gen_bodycolumn
{
	width: 452px;
	margin-left: 150px;
}

ul.cols2 { width: 450px; }
ul.cols2 li { width: 220px; float:left;}

form.Contact
{	
	width: 440px;
	margin:auto;
	border:#dedcd4 1px solid;
	padding: 0em 1em 1em 1em;
	font-weight: bold;
	background: #f6f5f1;
	text-align:left;
}

form.Contact textarea, form.Contact input {display:block; width: 100%; }
form.Contact textarea { margin-bottom: 1em; }
form.Contact label { margin-top: 0.5em; display:block; font-weight:bold;}



/**************************************************************/
.footerstrip
{	
	border-top: solid 1px #dedcd4;
	margin-top: 20px;
	padding: 10px 10px 0px 10px;		
	/* background:#b8c8da; */
	color: #707070;
	clear: both;
}

.footerstrip p
{
	line-height: 110%;
	font-size: 75%;
	padding-bottom: 10px;
}

/**************************************************************/
.makersignature {
	height: 2em;
	font-size: 75%;
	padding: 0.125em 1em;
	width: 700px;
	margin:auto;
}