/* CSS Document */

body {
	text-align:left; 
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color: #333366;  
}

a, a:visited, a:active {
	color: #333366;
}

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

hr {
	border: 0px;
	height:1px;
	color: #D6D3E7;
	background-color: #D6D3E7;
}

html>body #pageContent {/*Hack to fix in Mozilla as IE doesn't support min-height.*/
	height: auto;
}


/* Find a new home for this style */

/*==================SiteContainer Area=======*/

#siteContainer {
	margin-right:auto;
	margin-left:0;
	position:relative;
	width:100%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#maincontent {
	position:relative;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:420px;
}
	
#pageContent {
	width: 740px;
}	
	
/*==================SiteContainer Area=======*/

/*==================Info page styles=======*/

#popup_indent {
    font-family:arial, helvetica, sans-serif;
    font-size:12px;
    padding-left:10px;
    width:95%;
}


/*==================Top Header Area=======*/

#top_header {
         background-color:#63659C;
		 width:100%;
		 position:relative;
		 height:75px;	  
		 
}
#aod_title {
		position:relative;
		top:40px;
		left:10px;
		width:150px;
}

#tate_logo {
	text-align: right;
	top:25px;
	left: 646px;
	position:absolute;
	width:94px;
}

#tateLogo {
	text-align: right;
	top:26px;
	left: 581px;
	position:absolute;
	width:94px;
}

#currencyDiv {
	display: inline;
	visibility: hidden;
}	

#nav_1 {
       position:absolute;
       top:0px;
       left:0px;
        width:100%;
}

#topNav {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	border-bottom: 1px solid #fff;
}

#topNav img {
	border-right: 1px solid #fff;
}

/*==================Subnav Area=======*/
#subnav {
	background-color:#D6D3E7;
	position:relative;
	width:100%;
	border-top:solid 1px #fff;
	height: 22px;
	overflow: hidden;
}

/*-----------------------Search Form-----------------------*/



#formPos{
	width:235px;
	position: absolute;
	top: 76px;
	left: 525px;
}

input.searchbox{
	border:1px solid #63659C;
	color: #63659C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:120px;
	margin: 0px; 
	padding: 0px 0px 0px 2px;
}

/*-----------------------Search Form-----------------------*/




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

#pageTitle h1{
	margin: 0px;
	padding: 0px;
	color: #333366;
	font-size:12px;
	font-weight: bold;
}

#pageTitle h1 a{
	color: #333366;
	text-decoration: none;
}

#pageTitle h1 a:hover{
	text-decoration: underline;
}

#pageTitle h1 span.current{
	font-weight: bold;
	color: #333366;
}

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

/*-----------------------end of Header Title bar-----------------------*/


/* ----------------Main Body Area ------------------*/




/*-----------------------Tate Department Pages-----------------------*/

.customertext {
	font-size: 11px;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
}

.tateheadertext {
     font-weight:bold;
}
.tabletext {
	font-size: 12px;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
}

#headertext_div{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#333366;
	padding-left:10px;
}
.tabletext2 {
	font-family:arial, helvetica, sans-serif;
	font-size:10px;
	color:#333366;
}

#tablepos {
	position:relative;
	background-color:#ffffff;
	width:740px;
	left:0px;
	padding: 20px 0 0 0;
}

#recordPaging {
	position:relative;
	width:740px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333366;
	text-align: center;
}	   		 
			 

#tclln_head {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#63659c;
	padding:5px 0 0 15px;
	height:20px;
	width:215px;
	text-transform:uppercase;
}
			 
#back_next {
	padding: 10px 0 0 0;
	float:right;
	vertical-align:bottom;
}

#back_nextCart {
	position:absolute;
	width:210px;
	height:30px;
	/* change top and left back to 120px, 550px when cut-off date is taken down */
	top:150px;
	left:650px;
	padding: 10px 0 0 0;
	float:right;
	vertical-align:bottom;
}

#colorProcess {
	display: none;
}				
				
#frameSelect {
	position:absolute;
	top:0px;
	left:420px;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333366;
}

#product_border {
	border:solid 2px #D8D8D8;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
}

hr.addinfoDivider {
	float: left;
	width: 178px;
	padding: 0px;
	margin: 12px 0px 12px 0px;
	_margin: 12px 0px 0px 0px;
}

#comp_addinfo_Msg {
	width: 170px;
	margin: 0 0 14px 0;
}			
		
						
A.footer_link:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none;}
A.footer_link:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none;}
A.footer_link:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:underline;}	
							
A.results_link:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; text-decoration:none;}
A.results_link:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; text-decoration:none;}
A.results_link:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; text-decoration:underline;}	
			
/* Artist Select Page Content */
#artistbody {   
	width:265px;
	height:300px;
	padding:10px 10px 10px 10px;
	background-color:#EFEFF5;
	top:240px;
	left:700px;
	font-size: 12px;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
			 
/*Hack to fix in Mozilla as IE doesn't support min-height.*/
html>body #pageContent {
	height: auto;
}

#artistbody  a  {
	color: #333366;  
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none; 
}
 
#artistbody a:hover {
	text-decoration: underline;
}

#artist_header{ 
	width:265px;
	height:15px;
	padding:5px 10px 5px 10px;
	background-color:#63659C;
	font-weight:bold;
	top:90px;
	left:700px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

/* -------------------------- buttons ------------------------- */


/* -------------------------- this is for the normal state ------------------------- */


#infoCont a, #backToTop a{
	color: #333366;  
	font-size:12px; 
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;   
	background-color: #D6D3E7;
	display: block;
	width: 170px;
    height: 17px;
	padding: 3px 3px 3px 5px;;
	border-top:0px solid #fff;
	margin:3px 0 10px 0;
}

#infoCont a:hover, #backToTop a:hover{
	background-color: #63659C;
	color:#ffffff;
}

a.back:hover {
   background-color: #63659c;
   color: #FFFFFF;
}

a.back {
	display: block;
	width: 180px;
	padding: 5px 3px 3px 5px;
	background-color:#D6D3E7;
    color: #333366;  
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	/*padding: 3px 0px 3px 6px;*/
	font-family:Arial, Helvetica, sans-serif;

}

#infoCont2 a  {
	color: #333366;  
	font-size:12px; 
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
    margin: 5px 0px 15px 5px;	   
	background-color: #D6D3E7;
	display: block;
	width: 185px;
    height: 15px;
	padding: 3px 5px;
    border-top:3px solid #fff;
}

#infoCont2 a:hover {
	background-color: #63659C;
	color:#ffffff;
}

#image_table{
        position:relative;
        text-align:left;
}




/*-------------------------------- this is for the opposite state without a rollover state----------------------*/

#infoCont_hl a  {
	color:#ffffff;	 
	font-size:12px; 
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
        background-color: #63659C;
	display: block;
	width: 185px;
        height: 15px;
	padding: 3px 5px;
	border:1px solid #fff;
}

/* ROLLOVER FOR TURNER COLLECTION - HIGHLIGHTS BORDER ON ROLLO-----------*/
	

#image_border a  {
	width:230px;
	color: #ffffff;  
	font-size:12px; 
	font-family:arial; 
	font-weight:bold;
	text-decoration: none;
	border:2px solid #ffffff;
	display: block;
}

#image_border a:hover {
	color:#ffffff;
	border:2px solid #63659C;
}



/*-----------------------Footer-----------------------*/

#footer {
        position:relative;
        width:100%;
        height:25px;
		color:#ffffff;
        background-color:#63659c;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
		padding-top:2px;
		margin-top: 20px;
 }

.footertext {
	text-align: right;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#ffffff; 
}

#footertext {
        position:relative;
        text-align:right;
        padding-right:50px;
		top:5px;
        height:25px;
        color:#ffffff;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;		 
        width:530px;
}


/*-----------------------Following for Department page styles-----------------------*/

#pageContent #imgCont{
           display: block;
           width: 219px;
		   height: 219px;
           margin: 0px;
		   margin: 0 0 10px 0;
}

#pageContent #imgCont.table{
           width: 400px;
}

#departmentContent{
           display: block;
           width: 219px;
           margin: 0px 0px 0px 10px;
}


#imgCont  a.img{ 
        display: block;
        background-color: #ffffff;
        border: 2px solid #FFFFFF;
}

#imgCont a.img:hover{ 
 color: #FFFFFF;
 border: 2px solid #E7E7E7;
}


#pageContent #departmentContent {
 margin: 5px 0px 15px 10px;
 padding-left: 3px;
}
#pageContent #recordPaging{
 padding: 3px 0px 3px 30px;
 text-align:center;
}


#tate_deptCont{
	padding-left:10px;
}

#tate_deptCont2{
padding-left:22px;
}
#twm_cont{
padding-left:22px;
}
#twm_cont2{
padding-left:30px;
}

#basket_cont{
	/*
	padding-left:5px;
	*/
}

/* Complex Option Styles */

.compPrice
{
	border: 0px; color: #333366; font-size: 12px; background-color: transparent; font-weight: Bold; padding: 0px;
}

table.complexOptions
{
	border: 0px; width: 160px; color: #333366; font-size: 12px; font-weight:bold;
}
td.complexOptions {
	height: 20px;
}
td.complexOptionsColour, td.complexOptionsDescription, td.td.complexOptionsPriceTag, td.complexOptionsSelect, td.complexOptionsSize
{
	font-weight: bold;
}
td.complexOptionsColourValue, td.complexOptionsDescriptionValue, td.complexOptionsPriceValue, td.complexOptionsSizeValue
{
	font-weight: bold;
}

table.uftableclass
{
	border: 1px solid #ffffff; color: #333366; font-size: 11px; font-weight: Bold; width: 80%;
}
td.uftdflagclass
{
	color: #333366; font-size: 11px; font-weight: normal; padding: 2px;
}
td.uftddataclass
{
	color: #333366; font-size: 11px; font-weight: Bold; text-align: right; padding: 2px;
}

/* Complex Option Styles END */







/*==========================================Popup Page Styles==========================================*/


body.popup{
	    margin: 5px;
	    background-color: #ffffff;
	    font-family:arial,helvetica,sans-serif;
        font-size:12px;
        padding-left:10px;
        color:#333366;
        font-weight:normal;  
}

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


#loginCont td{
	    font-size: 10px;
}
#loginCont .quickregtbhead{
	    font-size: 12px;
	    font-weight: bold;
}
td.ecrm_login /*also for email a friend*/{
	    color: #333366; font-size: 9px; padding-left: 5px; text-align: left;
}
td.ecrm_logintitle{
	    color: #333366; font-size: 12px; font-weight: bold; padding-left: 5px; text-align: left;
}
.ecrm_logintext{
	    color: #333366; 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;
}
input.ecrm_login, input.emailafriendsubmit, #descriptionCont #closeWindow a, #loginCont #closeWindow a{
	    display: block;
	    border: none;
	    width: 145px;
	    background-color: #63659C;
	    color: #FFFFFF;
	    font-size: 11px;
	    font-weight: bold;
	    text-decoration: none;
	    text-align: center;
	    padding: 2px 0px 2px 0px;
	    margin-right: 10px;
}
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{
	   text-align: right;
	   padding-right: 10px;
}
#closeWindow a{
	   color: #000000;
	   text-decoration: none;
}
#closeWindow a:hover{
	   color: #333366;
}

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

/*========================================== end of Popup Page Styles==========================================*/


/*==========================================Email a friend Start==========================================*/
body.emailabody{
	margin: 5px;
	background-color: #ffffff;
	font-family: Arial, Helvetica,Verdana,  sans-serif;
}
.EmailafriendRow{
	background-color: #ffffff;
	color: #333366;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	text-align: left;
}
input.emailafriend {
	font-size: 10px;
	padding: 1px 1px 1px 3px;
}
td.EmailafriendMainHeader{
	background-color: #63659C;
	color: #FFFFFF;
	border: none;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0px 4px 5px;
}
/*==========================================Generic and Tidy up styles======================================*/
form{
	margin: 0px;
	padding: 0px;
}
.text12{
	font-size: 12px;
}

.grey14   {
      font-size:12px; 
	  font-family:Arial, Helvetica, sans-serif;
	  color:#333366;
	  
}
/*==========================================Read only text boxes on Framer Page======================================*/
#visibility_div{
                visibility:hidden;

}

.AppPriceNSizes {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #333366; 
	text-decoration: none; 
	background-color:transparent; 
	border-style: none; 
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	width: 70px; 
	text-align:right;
}
.AppPriceNSizesBold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	font-style: normal; 
	color: #333366; 
	text-decoration:none;
	background-color:transparent;
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	width: 70px; 
	text-align:right; 
}

.tabletext_bold {
     font-size: 12px;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}	

#framerpos {
             position:relative;
             background-color:#ffffff;
             width:950px;
            left:25px;
			top:15px;
}


.whitetext {
      font-size:12px; 
	  font-family:Arial, Helvetica, sans-serif;
	  color:#FFFFFF;
	  
}

.whitetext_table{
                     font-family:arial,helvetica,sans-serif;
                     font-size:10px;
                     font-weight:bold;
                     color:#ffffff;
                     }


  
/*
#invisible_text{
	font-family:arial;
    color:transparent;
}
*/

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

.imagetext{font-family:arial; font-size:12px; color:#333366; font-weight:normal;
}



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

	 
#info-pg-text{position:relative;
               left:0px;
               margin:0px;
			   width: 100%;
               font-family:arial,helvetica,sans-serif;
               font-size:12px;
               color:#333366;
	           padding: 0px 10px 5px 10px;
			   }    
a.popCloseL{
	    display: block;
	    border: none;
	    width: 145px;
	    background-color: #63659C;
	    color: #FFFFFF;
	    font-size: 11px;
	    font-weight: bold;
	    text-decoration: none;
	    text-align: center;
	    padding: 2px 0px 2px 0px;
	    margin-right: 10px;
}







/*==========================================Confirmation Page Styles==========================================*/

#confirmationContent{
	width: 700px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#confirmationContent table tr td,  #confirmationContent table tr th{
	color: #333366;
	font-size: 12px;
	text-align: left;
	padding: 2px 3px 2px 20px;
	font-family:Arial, Helvetica, sans-serif;
}
#confirmationContent a.button{
	display: inline;
	background-color: #63659C;
	width: 100px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
}
#confirmationContent a.button:hover{
	background-color: #D6D3E7;
}


/*==========================================end Confirmation Page Styles==========================================*/





/*==========================================tracking orders==========================================*/


#infoContent_div{
	width:730px;
	margin: 0 0 0 10px;
	position: relative;
	
}

#infoContent_div P.title {
	font-weight: bold; 
	font-size: 12px; 
	margin: 5px 0px
}
#infoContent_div P.content {
	font-size: 10px; 
	margin: 0px 0px 5px;
}
#infoContent_div TD {
	padding-right: 25px; 
	padding-left: 0px; 
	padding-bottom: 4px; 
	vertical-align: text-top; 
	padding-top: 4px;
}
#infoContent_div TD.orderidheading {
	font-weight: bold; 
	font-size: 12px; 
	padding-bottom: 15px;
}
#infoContent_div TD.orders {
	font-weight: bold; 
	vertical-align: text-top;
}
#infoContent_div TD.ordersDetailfirst {
	font-weight: bold; 
	vertical-align: text-top;
}
#infoContent_div TD.ordersPrice {
	font-weight: bold; 
	vertical-align: text-top;
}
#infoContent_div TD.ordersTotalheading {
	font-weight: bold; 
	vertical-align: text-top; 
	padding-top: 15px;
}
#infoContent_div TD.ordersTotal {
	font-weight: bold; 
	vertical-align: text-top; 
	padding-top: 15px;
}

#infoContent_div H1 {
	font-weight: bold; font-size: 14px;
	padding: 0px;
	margin: 0px;
}
#infoContent_div P.faq {
	padding-top: 2px;
	margin-top: 2px;
}

A.orders:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; font-weight:bold; text-decoration:underline;}
A.orders:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; font-weight:bold; text-decoration:underline;}
A.orders:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333366; font-weight:bold; text-decoration:underline;}	
/*========================================== end tracking orders==========================================*/
#emptyWarning{
	margin:25px 0px 60px 0px;
	}
	
	
/* Simple cart summary */
td.simplecheckoutnames {
	display:none;
}