/*****************************************************************************/
/* MarketPlace                                                               */
/*****************************************************************************/
.purplebold { color: #9E1F63; font-weight: bold; font-size: 12px;}
.purple { color: #9E1F63; font-size: 12px;}

/* Front End */

body
{
  color: #9E1F63;
  background-image: url('images/background_repeat.gif');
  behavior: url("http://granniesinc.co.uk/marketplace/csshover3.htc"); 
}

#page_container #header #mp_header_content
{
  position: relative;

  width: 1000px;
  float: left;
  z-index: 100;
  padding-bottom: 10px;
}

.mp_top_links{
  border-top: solid thin #9E1F63;
  border-bottom: solid thin #9E1F63;
  top: 25px;
  width: 990px;
  float: left;
  height: 47px;
  padding-left: 10px;
}
#page_container #header #mp_header_content #logo
{
  height: 100px;
  position: relative;

  width: 210px;
  left: 15px;
  top: 10px;

  z-index: 10;
  float: left;
}

#page_container #mp_index_box_container
{
  position: relative;
  width: 960px; /* ( reduce to 960 once borders removed)*/
  height: 220px;
/*  border: dashed thin #9E1F63;*/
  margin-left: auto;
  margin-right: auto;
}

#page_container #mp_index_3_boxes
{
  position: relative;
  width: 300px;
  height: 200px;
  padding: 10px;
/*  border: dashed thin #9E1F63;*/
  float: left;
}

#page_container #mp_index_2_boxes_left
{
  position: relative;
  width: 620px;
  height: 200px;
  padding: 10px;
/*  border: dashed thin #9E1F63;*/
  float: left;
}
#page_container #mp_index_2_boxes_right
{
  position: relative;
  width: 300px;
  height: 200px;
  padding: 10px;
/*  border: dashed thin #9E1F63;*/
  float: left;
}

#breadcrumb
{
  position:relative;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  font-size: 9px;
  width: 560px;
  padding-bottom: 10px;
  padding-top: 10px;
  float: left;
}
#breadcrumb a
{
  text-decoration: underline;
}

#mp_body_text{
 width: 706px; 
}

#mp_body_text h2
{
  font-size: 20px;
  padding-bottom: 10px;
  color: #9E1F63;
}
#mp_body_text h3
{
  font-size: 12px;
  padding-bottom: 10px;
  font-weight: bold;
  color: #9E1F63;
}
#mp_body_text a
{
  text-decoration: underline;
}

a:hover
{
  color: #9E1F63;
}

#page_container #mp_page_content
{
  position: relative;
  width: 960px;
  left: 0px;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  /*border: dashed thin #9E1F63;*/
  clear: both;
}

#mp_page_error
{
  position: relative;
  float:left;
  display: block;
  height: auto;
  width: 900px;
  text-align: left;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 100px;
}


#mp_page_left
{
  display:block;
  position: relative;
  height:auto;
  float:left;
  width: 726px;
  text-align: left;
  color: #8F8F8F;
}

#mp_page_right {
  display:block;
  float:right;
  width: 232px;
/*  border: dashed thin #9E1F63;*/
  top: 20px;
}

.mp_item_request_container {
  position: relative;
  width: 222px;
  border: dashed thin #9E1F63;
  border-radius: 15px;
  top:10px;
  font-size: 11px;
  text-transform: none;
  padding:5px;
}

#page_container #mp_box_container
{
  position: relative;
  width: 726px;
  height: 200px;
  padding-bottom: 20px;
  clear: both;
}
#page_container #mp_1_box
{
  position: relative;
  height: 200px;
  width: 700px;
/* border: dashed thin #9E1F63;*/
  float: left;
}
#page_container #mp_3_boxes
{
  position: relative;
  width: 220px;
  height: 200px;
  margin-right: 20px;
/*  border: dashed thin #9E1F63;*/
  float: left;
  
}

#mp_item_image_container
{
  position: relative;
  left: 0px;
  top: 0px;
  height: 400px;
  width: 350px;
  float: left;
}
#mp_item_image_container #mp_item_image
{
  position: relative;
  height: 350px;
  width: 350px;
  float: left;
  border: solid;
  border-color: #EFEFEF;
  border-width: thin;
}
#mp_item_image_container #mp_item_image_control
{
  position: absolute;
  width: 350px;
  top: 357px;
  height: 20px;
}

#mp_zoom_hover
{
  position: absolute;
  top: 0px;
  left: 140px;
  z-index: 10;
  text-align: center;
}

#mp_item_next
{
  position: absolute;
  top: 0px;
  left: 275px;
  z-index: 10;
}
#mp_item_prev
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}
#mp_item_detail_container
{
  position: relative;
  left: 0px;
  top: 0px;
  width: 376px;
  float: right;
  text-align: left;
}

#mp_item_detail_container #mp_item_name
{
  position: relative;
  font-size: 26px;
  margin: 20px;
  margin-top: 0px;
}
#mp_item_detail_container #mp_item_by
{
  position: relative;
  font-size: 18px;
  margin: 20px;
  font-style: italic;
}
#mp_item_detail_container #mp_item_price
{
  position: relative;
  font-size: 22px;
  margin: 20px;
}
#mp_item_detail_container #mp_item_price #price_from 
{
  font-style: italic;
  font-size: 12px;
}
#mp_item_detail_container #mp_item_detail
{
  position: relative;
  font-size: 12px;
  margin: 10px 20px 10px 20px;
}

#mp_item_form
{
  position: relative;
  width: 232px;
  top: 10px;
}

#form_line
{
  position: relative;
  width: 232px;
  text-align: left;
  margin-bottom: 5px;
}

#mp_item_form #form_line select
{
  width: 232px;
}
#mp_item_form #form_line input
{
  width: 232px;
  height: 20px;
}

#mp_item_form #form_submit
{
  position: relative;
  width: 232px;
  margin-top: 20px;
  float: right;
}
#mp_item_form .mp_add_to_basket
{
  display: block;
  width: 232px;
  height: 40px;
  border: none;
  background-repeat: no-repeat;
  background-image: url('images/mp_add_to_basket_off.gif');
}
#mp_item_form .mp_add_to_basket:hover { background-image: url('images/mp_add_to_basket_on.gif'); }

#mp_side_panel
{
  text-transform: uppercase;
  font-size: 9px;
}

#mp_side_panel .side_panel_box
{
  position: relative;
  height: 30px;
  border-bottom: solid 1px #C8C6C6;
  font-weight: bold;
}

#mp_side_panel span { display: block; position: absolute; top: 8px; left: 10px; text-align: right;}
#mp_side_panel .title    { border-bottom: solid 1px #9E1F63; font-weight: bold; font-size: 11px; color: #9E1F63;}
#mp_side_panel .selected { border-bottom: solid 1px #C8C6C6; color: #9E1F63; }
#mp_side_panel .selected a { border-bottom: solid 1px #C8C6C6; color: #9E1F63; }
#mp_side_panel .standard { color: #8F8F8F; }
#mp_side_panel a { display: block; height: 30px;}

/* Category L2 Overview */
#mp_item_overview
{
  position: relative;
  width: 220px;
  margin-right: 20px;
  margin-bottom: 20px;
/*  border: dashed thin #9E1F63;*/
  float: left;
  text-align: left;
 
}
#mp_item_overview img
{
  position: relative;
  width: 220px;
  height: 220px;
}
#mp_item_overview #mp_item_name
{
  position: relative;
  font-size: 14px;
  margin: 5px;
  height: 35px;
}
#mp_item_overview #mp_item_by
{
  position: relative;
  font-size: 12px;
  margin: 5px;
  font-style: italic;  
}
#mp_item_overview #mp_item_price
{
  position: relative;
  font-size: 18px;
  margin: 5px;
}

#mp_seller_main
{
  position: relative;
  width: 700px; /*change back to 700 after borders removed*/
}
#mp_seller_main #photo
{
  position: relative;
  width: 350px;
  float: left;
}
#mp_seller_main #blurb
{
  position: relative;
  width: 340px;
  height: 350px;
  overflow: auto;
  float: right;
}

#mp_seller_thumb
{
  position: relative;
  width: 130px;
  float: left;
  padding-right: 10px;
  padding-top: 10px;
}

img.desaturate
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
    filter: url(desaturate.svg);
    filter: gray;
}
img.desaturate:hover
{
      filter: none;
}

/* MarketPlace Seller Login*/ 
#mp_login_container
{
  position: relative;
  width: 905px;
/*  border: dashed;
  border-width: thin;  */
  margin-left:auto;
  margin-right:auto;
}

#mp_login_forms
{
  position: relative;
  height: 300px;
  width: 720px;
  margin-left:auto;
  margin-right:auto;
}

#mp_login_forms_register
{
  position: relative;
  float: left;
  height: 310px;
  width: 350px;
  border: dashed;
  border-width: thin;
}
#mp_login_forms_login
{
  position: relative;
  float: right;
  height: 310px;
  width: 350px;
  border: dashed;
  border-width: thin;
}

/* Manage Stall *********/

/*#page_container #page_content.mp_login        { height: 500px; }*/

#mp_seller_title
{
  position: relative;
  width: 900px;
  height: auto;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  border: thin dashed #ED2F83;
  float: left;
  padding: 5px;
}
#mp_seller_title_links
{
  position: relative;
  float: right;
  z-index:10;
}
#mp_seller_title_links form
{
  position: relative;
  display: inline;
  margin-left: 5px;
}
#mp_seller_title_text
{
  position: relative;
  float: left;
}
#mp_seller_profile
{
  position: relative;
  width: 900px;
  height: auto;
  margin-left:auto;
  margin-right:auto;
  clear: left;
  border: thin dashed #ED2F83;
  border-top: none;
  padding: 5px;
}
#mp_seller_profile_photo
{
  position: relative;
  width: 220px;
  float: left;
/*  border: solid;*/
}
#mp_seller_profile_info
{
  position: relative;
  width: 665px;
  float: right;
/*  border: solid;*/
}
#mp_seller_2cols_left
{
  position: relative;
  float: left;
  padding: 10px;
}
#mp_seller_2cols_right
{
  position: relative;
  float: right;
  padding: 10px;
}

#mp_seller_stall
{
  position: relative;
  width: 900px;
  margin-left:auto;
  margin-right:auto;
  border: thin dashed #ED2F83;
  border-top: none;
  clear: left;
  padding: 5px;
}

#mp_seller_item
{
  position: relative;
  border: thin dashed #ED2F83;
  border-top: none;
  clear: both;
  height: auto;
  padding: 5px;
  width: 900px;
  margin-left:auto;
  margin-right:auto;
}

#mp_seller_item_photo
{
  position: relative;
  width: 220px;
  float: left;
  height: 400px;
/*  border: solid;*/
  overflow: auto;
/*  height: 460px;*/
}
#mp_seller_item_photo_order
{
  position: relative;
  width: 220px;
  float: left;
}
#mp_seller_item_info
{
  position: relative;
  width: 665px;
  float: right;

}
.mp_form_row
{ 
  position: relative;
  width: 312px;
  min-height: 23px;
  clear: both;
}
.mp_form_label
{
  width: 126px;
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
  color: black;
  float: left;
  position: relative;
  word-wrap: break-word;
}

.mp_form_value_noedit
{
  position: relative;
  width: 176px;
  height: auto;
  text-align: left;
  float: right; 
}

.mp_form_value
{
  position: absolute;
  width: 120px;
  height: 23px;
  left: 128px;
  text-align: left;
  z-index: 10;
}

.mp_form_value_long_noedit
{
  position: relative;
  width: 500px;
  height: auto;
  text-align: left;
  z-index: 10;
  float: right;
  padding-left: 7px;
}

.mp_form_value_long
{
  width: 507px;
  top: 5px;
  text-align: left;
  z-index: 10;
  display:block;
  overflow:auto;
  height:auto;
  padding-left: 2px;
}

#mp_seller_1col
{
  position: relative;
  padding: 5px;
  clear:both;
  height: auto;
  width: 635px;
  z-index: 10;
}

.mp_form_row1
{
  width: 400px;
  padding-bottom: 3px;

}
.input_label
{
  text-transform: uppercase;
  font-size: 13px;
  color: black;
}

.mp_form_4col
{
  height: auto;
  text-align: left;
  float: right;
  width: 505px;
}
.mp_form_4col_col1_noedit
{
  width: 150px;
  display:inline-block;
  vertical-align: top;
}
.mp_form_4col_col2_noedit
{
  width: 60px;
  display:inline-block;
  vertical-align: top;
}
.mp_form_4col_col3_noedit
{
  width: 150px;
  display:inline-block;
  word-wrap: break-word;
  vertical-align: top;
}
.mp_form_4col_col4_noedit
{
  width: 125px;
  display:inline-block;
  word-wrap: break-word;
  vertical-align: top;
}

.mp_form_4col_col1
{
  width: 150px;
  display:inline-block;
}
.mp_form_4col_col2
{
  width: 60px;
  display:inline-block;
}
.mp_form_4col_col3
{
  width: 150px;
  display:inline-block;
}
.mp_form_4col_col4
{
  width: 125px;
  display:inline-block;
}

.mp_change_pw_container
{
  margin-left:auto;
  margin-right:auto;
  border: thin dashed #ED2F83;
  position: relative;
  width: 312px;
}

/* Tabbed stall section */
div.content_tab {
  display:none;
  height:150px;
  overflow:auto;  
  margin-top:20px;
}

#tabTop {
    clear: both;
}
#Display_content {
    clear: both;
    min-height: 44px;
    padding: 2px;
    border: medium solid gray;
}
#ul_tabs {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.lh {
    margin-right: 3px;
    color: black;
    font-weight: bold;
    list-style: none;
    float: left;
    border: thin solid gray;
    border-bottom: none;
    text-align:center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 5px;
}


li.lh:hover {
    cursor: pointer;
    color: #ED2F83; 
    border-bottom: none;
}

#dropdown
{
  width: inherit;
}

form fieldset {
  border: 0;
}
form fieldset p br { clear: left; }
label {
   /* margin-top: 5px;*/
    display: block;
    width: 120px;
    padding: 0;
    float: left;
    font-size: 11px;
}
input {
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    background-color: #FFF;
    padding: 2px;
}
textarea {
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    background-color: #FFF;
    padding: 2px;
}

#mp_seller_stall table, #mp_seller_stall th, #mp_seller_stall td {
  font-size: inherit;
  border: 1px solid black;
  width: 870px;
}
#mp_seller_stall table {
  border-collapse:collapse;
}

#mp_side_panel #form_line span{
  left: 20px;
  text-align: left;
  top: 2px;
}
#mp_side_panel #form_line span a{
  height: auto;
  display: inline;
}

/* POP UP FEEDBACK BOX CSS */

.pop-wrapper 
{
	background-image:url(images/pop-bg.png);
        border-radius: 10px;
        width:1001px;
	padding-top:15%;
       	padding-bottom:15%;
        visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:+9999;
}
.pop-wrapper-thanks
{
	background-image:url(images/pop-bg.png);
        border-radius: 10px;
        width:1001px;
	padding-top:15%;
       	padding-bottom:15%;
        visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:+9999;
}
.pop-up-box
{
	width:370px;
	height:248px;
	padding:15px;
	-webkit-border-radius:15px;
	-mozilla-border-radius:15px;
	border-radius:5px;
	background-color:#FFFFFF;
}

.pop-up-box img
{
	float:right;
	position:relative;
	top:10px;
	left:30px;
}

.pop-up-box h1
{
      	margin:0px;
	margin-bottom:10px;
        font-size: 24px;
        color: #9E1F63;
}

.pop-up-box p
{
	font-family:Tahoma;
	font-size:12px;
	color:#333333;
	margin:0px;
	margin-bottom:5px;
}

.pop-up-box textarea
{
	width:365px;
	height:110px;
	margin-bottom:10px;
}

.pop-up-box input
{
	background-color:#9E1F63;
	color:#FFFFFF;
	width:100px;
	height:20px;
	border:none;
	float:right;
        -webkit-border-radius:15px;
	-mozilla-border-radius:15px;
	border-radius:5px;
}

#pop-hide-button
{
	position:relative;
	top:-30px;
	left:35px;
}

#feedback_bar_container
{
  position: relative;
  padding-right: 4px;
  padding-top: 10px;
  float: right;
}
#feedback_bar
{
  position: relative;
  padding-top: 10px;
  padding-right: 4px;
}

/* TOOL TIPS ***********/
.tooltip {
  border-bottom: 1px dotted #000000; color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip span {
        margin-left: -999em;
        position: absolute;
}
.tooltip:hover span {
  border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  position: absolute; left: 1em; top: 2em; z-index: 99;
  margin-left: 0; width: 250px;
}
.tooltip:hover img {
  border: 0;
  margin: -10px 0 0 -200px;
  float: left;
  position: absolute;
}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.help { background: #9FDAEE; border: 1px solid #2BB0D7;   }
.info { background: #9FDAEE; border: 1px solid #2BB0D7;   }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }