/*//// css created for Vogue art on Demand //// */

html,body {
	height: 100%;
}
body {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	height: 100%;
	//background: #151829 url(/mall/artondemand2/images/bg_main_body770b.jpg) top center repeat-y;
	background: #151829 url(/mall/artondemand2/images/bg_skin_main_ver3.jpg) top center repeat-y;
}

hr {
	height: 1px;
	width: 100%;
	background-color: #337ea8;
	color: #337ea8;
	border: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
	/*
	hr.halfTone {
		background-color: #333;
	}
	*/

hr.clear {
	height: 1px;
	width: 100%;
	background-color: #000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

hr.shopping {
	height: 1px;
	width: 100%;
	background-color: #337ea8;
	color: #337ea8;
	border: 0px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	clear: both;
}

h1 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 24px;
	padding: 0px 0px 7px 0px;
	margin: 0px;
	float: left;
	font-weight: bold;
	/* text-transform: uppercase; */
}
h2 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 5px 0px 7px 0px;
	_margin: 0;
	line-height: 16px;
	float: left;
	/* text-transform: uppercase; */
}
.price {
	font-size: 18px;
	margin: 10px 0 15px 4px;
}

h3 {
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	font-size: 14px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	_margin: 5px 0px 7px 0px;
	clear: both;
	text-align: left;
	/* line-height: 26px;
	height: 25px;
	text-transform: uppercase;
	font-weight: bold;
	*/
}

#greyColumnTitle {
	padding: 5px 0px 5px 10px;
	clear: both;
	background-color: #333;	
}

	#greyColumnTitle h3 {
		padding: 0px;
		margin: 0px;
	}

h5 {
	color: #fff;
	font-size: 15px;
	clear: both;
	margin: 0px;
	padding: 13px 0px 4px 0px;
}

.noMrgTop {
	margin-top: 0px;
}

.noUppercase {
	text-transform: none;
}

p {
	clear: both;
	line-height: 135%;
	/*padding: 0px;*/
	_margin: 5px 0px 10px 0px;
	color: #fff;
}

a{
	color: #fff;
	text-decoration: underline;
}

a:hover{
	color: #fff;
}


/* style for the boxed links */

a.link_block, a.link_block:link, a.link_block:visited {
	background-color: #08aceb;
	display: block;
	width: 170px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	text-decoration: none;
	font-size: 11px;
	clear: left;
	text-transform: uppercase;
}
a.link_block:hover{
	background-color: #5c98b9;
	color: #fff;
}

a.link_block img {
	border: none;
}


a.btn_block {
	background-color: #08aceb;
	display: block;
	/*width: 60px;*/
	margin: 5px 0px 5px 5px;
	color: #fff;
	font-weight: bold;
	padding: 5px 7px 5px 7px;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	float: right;
	
}
a.btn_block:hover{
	background-color: #337ea8;
}

a.btn_block img {
	border: none;
}

form {
	margin: 0px;
	padding: 0px;
}

.bgrGray79 { background-color: #797979; }



/* === addtion from old class === */

a.buttonLink, a.buttonLink:link, a.buttonLink:visited, a.loginlogout, a.loginlogout:link, a.loginlogout:visited, #tracking a.ordertracking, #tracking a.ordertracking:link, #tracking a.ordertracking:visited {
	padding: 5px;
	background-color: #08aceb;
	color: #fff;
	text-decoration: none;
	margin: 0 0 10px 0;
	display: block;
	font-size: 11px;
	font-weight: bold;
}	

a.ordertracking {
	width: 150px;
	display: inline;
}	

a.loginlogout {
	width: 150px;
}	

a.buttonLink:hover, a.loginlogout:hover, a.ordertracking:hover, #tracking a.ordertracking:hover{
	background-color: #337ea8;
}

/* === end of addtion from old class === */


/* ==================== site container used to keep everything including header + footer =================== */


#siteContainer {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

/* //////  style for sclable background with Robbie images on either site  \\\\\\ */
#siteBGR {
		/*background: url(/mall/artondemand2/images/bg_main_770.jpg) top center no-repeat;*/
        background: url(/mall/artondemand2/images/skin_main_ver3.jpg) top center no-repeat;		
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
}

/*== background decoration == */
/*
.decoLeft {
	background-image:url(/mall/artondemand2/images/bg_decoLeft.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}

.decoRight {
	background-image:url(/mall/artondemand2/images/bg_decoRight.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
*/
/* //////  end of style for sclable background with Robbie images on either site  \\\\\\ */



/* ========= content holder ========== */


#pageContainer {
	margin: 0px;
	clear: both;
	width: 770px;
	position: relative;
}

/* === 2nd and more levels ===*/ 

/* == bread crumb == */
#breadCrumb {
	width: 762px;
	height: 20px;
	padding: 5px 0px 0px 8px;
	color: #fff;
	font-size: 10px;
	background-color: #333;
	text-transform: uppercase;
}

#breadCrumb a, #breadCrum a:visited, #breadCrum a:active, #breadCrum a.selected {
	color: #ff0000;
	text-decoration: underline;
}

#breadCrumb a:hover {
	color: #e57f7f;
}

#breadCrumb .selectedBold {
	font-weight: bold;
}
#breadCrumb img {
	margin: 0px 12px 0px 12px;
}

/* == content ==  div for product and framing page to hold content */
#mainContent {
	padding: 0 0 0px 8px;
	background-color: #005e92;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	width: 762px;
	float: left;
	overflow: hidden;
}

#mainContent .column {
	padding-bottom: 1001em; /* X +padding-bottom */
	margin-bottom: -999em; /*X */
}


#contentDept {
	width: 754px;
	background-color: #005e92;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	padding: 0 8px 10px 8px;
	border-top: 1px solid #000;
	clear: both;
}

#content {
	width: 754px;
	background-color: #333;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	border-top: 1px solid #000;
	clear: both;
}

#ContentTitle {
	margin: 8px 0 0px 0px;
	clear: both;
	
	/* background-color:#CC99CC; */
}

	/* give margin to allow h1 & h2 to position side by side comfortably */
	#ContentTitle h1 {
		margin: 0px;
		padding: 0px 0 6px 0px;
		_padding: 0px 0 0px 0px;
		/*font-size: 20px;
		vertical-align: bottom;*/
	}
	#ContentTitle h2 {
		margin: 15px 15px 0px 0px;
	}


#BackPrintButtons {
	float: right;
	width: 150px;
}

/* product page material information */

#comp_addinfo_Msg, #imageInfo {
	width: 314px;
	border: 1px solid #5c98b9;
	background-color: #337ea8;
	margin: 15px auto 10px auto;
	padding: 4px 8px 4px 8px;
	text-align: center;
}


/* ===== 3 column content structure, Right column ===== */
#mainContentRight {
	width: 215px;
	padding: 0 0 0px 0;
	margin: 0px;
	float: right;
	background-color: #797979;
	height: 100%;
	border-left: 1px solid #000;
}


/* == available image line up, styles for div version == */
#availableImages {
	width: 215px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
	height: 395px;
}

		ul.LinkImg {
			list-style: none;
			padding:10px 5px 5px 10px;
			margin:0px;
			width: 200px;
			float: left;
		}
		
		ul.LinkImg li {
			width: 49px;
			float: left;
			margin: 3px;
		}
		
		ul.LinkImg li a, #mainContentRight ul.LinkImg li a {
			border: 1px solid #5c98b9;
			margin: 2px;
			display: block;
		}
		
		#mainContentRight ul.LinkImg li a {
			border: 1px solid #ccc;
		}
		
		ul.LinkImg li a:hover, ul.LinkImg li a.LinkImgSelected, #mainContentRight ul.LinkImg li a:hover, #mainContentRight ul.LinkImg li a.LinkImgSelected /*== selected image style == */ {
			border: 3px solid #fff;
			margin: 0px;
		}
		
		ul.LinkImg li a img {
			border: none;
		}
	

		
/* ///// === styles not using for Robbie Williams === \\\\\ */

					/* == available image line up, styles for table version == */
					#mainContentRight table.LinkImg a, a.LinkImg {
						border: 1px solid #fff;
						margin: 2px;
						display: block;
					}
					
					#mainContentRight table.LinkImg a:hover, a.LinkImg:hover {
						border: 3px solid #fff;
						margin: 0px;
					}
					
					#mainContentRight table.LinkImg img {
						border: none;
						width: 43px;
						height: 43px;
					}
					
						/* Selected states */
						#mainContentRight table.LinkImg img.LinkImgSelected {
							border: 3px solid #fff;
						}
						
						#mainContentRight table.LinkImg a.LinkImgSelected, #mainContentRight table.LinkImg a.LinkImgSelected:hover  {
							border: 0;
							margin: 0;
						}
					
						#mainContentRight td {
							padding: 2px 4px 2px 0px;
						}
						
						#mainContentRight img {
							border: 0px;
						}
						
						.prodDetails {
							margin: 0px 0 5px 0;
						}
						
						#dotLink {
							margin-top: 10px;
						}
						
						#dotLink ul{
							margin: 0px;
							padding: 0px;
							list-style-type: none;
						}
						
						#dotLink li {
							margin: 0px;
							padding: 2px 3px 3px 17px;
							list-style-type: none;
							background-image: url(../images/icons/list_roundWht.gif);
							background-repeat: no-repeat;
							background-position: 5px;
							clear: both;
						}


/* ///// === END OF styles not using for Robbie Williams === \\\\\ */

/* ===== 3 column content structure, Left column ===== */

#leftTwoColumns {
	float: left;
}

#mainContentLeft {
	float: left;
	width: 180px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	min-height: 400px;
	/*
	clear: both;
	max-height: 582px;
	background-color: #330066;
	*/
}

#sizeTable table {
	width: 175px;
	background-color: #337ea8; 
	border: 1px solid #5c98b9;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
	font-size: 10px;
	color: #ffffff;
	clear: both;
}

	#sizeTable td {
		padding: 2px 2px 2px 4px;
		_padding: 1px 1px 1px 3px;
	}

/* reapeating content div style for product page */
.repeat {
	padding: 10px 0 5px 0;
	clear: both;
}

.repeat input {
	margin: 8px 0 8px 0;
}

#framingStudioLink {
	margin: 0px;
	padding: 0px;
	_height: 7px;
}

#addBasket{
	margin-top: 5px;
	clear:both;
}

/* ===== styles for table for department page ===== */

.department {
	margin: 7px 0 20px 0;
	text-align: center;
}

.department img {
	padding-top: 13px;
}

table.department {
	width: 100%;
	clear: both;/**/
}

table.department td table td{
	padding: 5px;
	width: 246px;
}

table.department td table{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#imgCont {
	width: 240px;
}	


/* ========== page number navigation ===== */
.ppagebuttons{
	color: #fff;
	margin: 3px 0px 2px 0px;
}

.ppagebuttons a {
	color: #fff;
	text-decoration: underline;
}

.ppagebuttonsSelected {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.ppagebuttons img {
	margin-top: 2px;
}


.numberNav {
	color: #fff;
	margin: 0px;
	padding: 0px;
}




/* ===== 3 column content structure, Middle column ===== */
#mainContentCentre {
	float: left;
	width: 355px;
	padding: 10px 0px 0px 0px;
		/*background-color: #9999CC;*/
}

#mainContentCentre table {
	margin-left: auto;
	margin-right: auto;
}

#mainContentCentre img {
	border: none;
}





/* ===== footer styles ===== */ 
#footer {
	width: 766px;
	height: 45px;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	clear: both;
	background-color: #000;
	text-transform: uppercase;
}

/*
#footer a, #footer a:visited, #footer a:active, #footer a:hover{
	color: #fff;
	text-decoration: underline;	
}
*/

	#footerAG {
		float: left;
	}


	#footerAG a, #footerAG a:visited, #footerAG a:active, #footerAG a:hover{
		
		color: #fff;
		text-decoration: underline;
	}
	
	

	#footerUtilityNav {
		padding: 14px 0 0 0;
		float: right;
		text-align: right;
	}
	
	#footerUtilityNav, #footerUtilityNav a, #footerUtilityNav a:hover {
		color: #797979;
		text-decoration: none;
	}
	
	#footerUtilityNav ul {
		margin: 0px;
		padding: 0px;
	}
	
	#footerUtilityNav li {
		display: inline;
		padding: 0 5px;
		border-right: 1px solid #797979;
	}
	#footerUtilityNav li.noBorder {
		border-right: none;
	}

	#footerAG img, #footerAG a img {
		border: 0px;
		margin-left: 3px;
		vertical-align: middle;
	}

/**=================== framing & some other info page styles ===================**/

.imageTools a {
	color: #5c98b9;
	font-size: 10px;
}

	.imageTools a img {
		text-decoration: none;
	}

.dataBox {
	border: 1px solid #444;
	margin-top: 10px;
	font-size: 11px;
	color: #fff;
}

	.dataBox th {
		background-color: #444;
		border-bottom: 1px solid #333;
		text-align: left;
	}
	
	.dataBox tr.odd {
		background-color: #3c3c3c;
	}



/* ////////////////////////////////////////////////////////
My Gallery
Used by Wishlist.tpl (My Gallery).
//////////////////////////////////////////////////////// */

div.recordPaging {
	float: none;
	clear: both;
}

table.ppagebuttons {
	font-size: 11px;
}

#infoCont {
 	margin-top: 5px;
}

#infoCont img {
	margin-left: 10px;
}
table.wishListTable {
	width: 100%;
}

table.wishListTable td {
	width: 33%;
	font-size: 12px;
	vertical-align: bottom;
	padding: 0 0 30px 0;
}

.wishListDD {
	margin-top: 5px;
	width: 160px;
	font-size: 10px;
	color: #686157;
	border: 1px solid #C8C6C0;
	padding: 1px;
}

#captionCont{
	color: #fff;
	padding-top: 0px;
	margin-top: 0px;
}

/* ////////////////////////////////////////////////////////
Order Tracking page
//////////////////////////////////////////////////////// */

table.orders th, table.orders td {
	padding: 5px 10px 5px 10px;
	
}
table.orders td.orderidheading {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
table.orders td.orders, table.orders td.ordersDetailfirst, table.orders td.ordersPrice {
	background-color: #004b75;
	color: #fff;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #337ea8;
}	
table.orders td.ordersDetail, table.orders td.ordersDetailQty, table.orders td.ordersDetailPrice, table.orders td.ordersTotalheading, table.orders td.ordersTotal {
	vertical-align: top;
	border-top: 1px solid #337ea8;
	font-size: 11px;
}
table.orders td.ordersTotalheading {
	font-weight: bold;
}
table.orders td.ordersDetailPrice, table.orders td.ordersTotal {
	text-align: right;
}

/* ////////////////////////////////////////////////////////
Contact Us & FAQ Page
//////////////////////////////////////////////////////// */
table.contactTable th, table.contactTable td {
	padding: 5px 10px 5px 2px;
}


/* ////////////////////////////////////////////////////////
Media tpl classes, controls title in about your image popup
//////////////////////////////////////////////////////// */

.imagetext{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #99CC33; font-weight:normal;
}



#info-pg-title{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	margin:0px 0px 10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-indent:10px;
	padding: 6px 0px 6px 0px; 
	background-color: #000;
	color:#fff;
}

	 
#info-pg-text{
	position:relative;
	left:0px;
	margin:0px;
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding: 0px 10px 5px 10px;
}

/*#info-pg-content{
	font-size: 12px;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
}*/

#info-pg-content .tabletext {
	font-size: 12px;
	color:#333366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #336699;
}



a.popCloseL{
	    display: block;
	    border: none;
	    width: 130px;
	    background-color: #fff;
	    color: #000;
	    font-size: 11px;
	    font-weight: bold;
	    text-decoration: none;
	    text-align: center;
	    padding: 5px 0px 5px 0px;
	    margin: 0px 10px 10px 3px;
}

a.popCloseL:hover{
	background-color: #ccc;
	color: #000;
}

/* ////////////////////////////////////////////////////////
Info page styles, what is my gallery page
//////////////////////////////////////////////////////// */

#popup_indent {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:10px 10px 50px 10px;
    /*width:95%;*/
	background-color: #005e92;
	color: #fff;
}

#popup_indent p {
	padding: 5px 0px 2px 0px;
    font-size:12px;
}

#popup_indent ul, #popup_indent li, #popup_indent table {
    font-size:12px;
	color: #fff;
}



/*-----------------------Header procedure bar -----------------------*/
#procedure{
	 /*min-height:40px;*/
	 overflow:visible;
	 /*font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;*/
     width:745px;
     padding-left:10px;
	 padding-top:10px;
}

#procedure h1{
	margin: 0px;
	padding: 0px;
	/*color: #333366;*/
	font-size:11px;
	font-weight: bold;
	text-transform: none;
}

/*#procedure h1 a{
	color: #333366;
	text-decoration: none;
}

#procedure h1 a:hover{
	text-decoration: underline;
}*/

#procedure h1 span.current{
	font-weight: bold;
	color: #fff;
}

#procedure h1 span.nonBold{
	font-weight: normal;
}

/*-----------------------end of Header procedure bar -----------------------*/


/*==========================================Popup (Login) Page Styles==========================================*/


body.popup{
	    margin: 5px;
	    background: #005e92 url();
	    font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        padding-left:10px;
        color: #fff;
        font-weight:normal;  
}

#loginCont{
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 12px;
	    color: #fff;
	    text-align: left;
}
/*html>body #pageContent {/*Hack to fix in Mozilla as IE doesn't support min-height.
	height: auto;
}*/

#loginCont a{
	   color: #fff;
}

#loginCont td{
	    font-size: 11px;
}
#loginCont .quickregtbhead{
	    font-size: 12px;
	    font-weight: bold;
}
td.ecrm_login /*also for email a friend*/{
	    color: #fff; font-size: 9px; padding-left: 5px; text-align: left; height: 22px; vertical-align: bottom;
		padding: 3px 0 3px 0;
}
td.ecrm_logintitle{
	    color: #fff; font-size: 12px; font-weight: bold; padding-left: 5px; text-align: left; height:
}
.ecrm_logintext{
	    color: #fff; font-size: 10px; font-weight: normal; padding-left: 5px; text-align: left;
}
td.ecrm_loggedin{
	    background-color: #FFFFFF; color: #000000; font-size: 11px; font-weight: bold; text-align: center;
}

#closeWindow {
	margin-top: 10px;
}
input.ecrm_login, input.emailafriendsubmit, #descriptionCont #closeWindow a, #loginCont #closeWindow a, #closeWindow a{
	    display: block;
	    border: none;
	    width: 155px;
	    background-color: #08aceb;
	    color: #fff;
	    font-size: 11px;
	    font-weight: bold;
	    text-decoration: none;
	    text-align: center;
	    padding: 3px;
	    margin-right: 10px;
}

input.ecrm_login img, input.emailafriendsubmit img, #descriptionCont #closeWindow a img, #loginCont #closeWindow a img, #closeWindow a img{
	margin-left: 10px;
	border: none;
}

/* on hover, change the cursor to hand for form links and change the bg-colour */
input.ecrm_login, input.emailafriendsubmit {
	cursor: pointer;
}

input.ecrm_login:hover, input.emailafriendsubmit:hover, #descriptionCont #closeWindow a:hover, #loginCont #closeWindow a:hover, #closeWindow a:hover{
	background-color: #337ea8;
}

td.tablehead{
	    background-color: #FFFFFF; color: #333366; font-size: 11px; font-weight: normal; padding-left: 5px; text-align: left;
}
td.tablesubhead{
	    background-color: #FFFFFF; color: #333366; font-size: 11px; font-weight: normal; padding-left: 5px; text-align: left;
}
.passwordreminder{
	   background-color: #FFFFFF; color: #333366; font-size: 11px; font-weight: bold; text-align: left;
}
input.changedetails, .quickreginput{
	   color: #000000; font-size: 9px; font-weight: normal; padding: 0px 0px 0px 0px; text-decoration: none;
}
input.changedetails, .quickreginput{
	   color: #000000; font-size: 9px; font-weight: normal; padding: 0px 0px 0px 0px; text-decoration: none;
}	
.ShippingCountry { 
	   font-size: 9px; color: #000000; padding: 0px; width: 170px;
}
					#descriptionCont{
						   text-align: left;
						   font-family: Verdana, Arial, Helvetica, sans-serif;
						   font-size: 10px;
						   color: #333366;
						   margin-top: 5px;
						   margin-left: 10px;
					}
#closeWindow{
	   float: right;
}
/*#closeWindow a{
	   color: #000000;
	   text-decoration: none;
	    font-weight: bold;
}
#closeWindow a:hover{
	   color: #ff0000;
}*/

				#popunderpos {
							  font-size: 12px;
							  color:#333366;
							  font-family:Verdana, Arial, Helvetica, sans-serif;
							  position:relative;
							  left:30px;
							  }
			  
#closeWinpop{
	          position:absolute;
	          left:520px;
	          top:5px;
}  
			  
			  
.popundertxt {
              font-size: 11px;
	          color:#333366;
	          font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/*========================================== end of Popup (Login) Page Styles==========================================*/


/* ==== sub-department page styles ==== */

#departmentBlock {
	border: 1px solid #666;
}

	#departmentBlock a {
		text-decoration: none;
	}

	#departmentBlock h2, #departmentBlock a h2 {
		color: #fff;
		font-size: 12px;
		background-color: #666;
		padding: 5px;
		display: block;
		width: 223px;
		text-transform:uppercase;
		/*font-weight: normal;*/
		margin: 0px;
	}
		#departmentBlock a:hover h2 {
			text-decoration: underline;
		}