/* ================================================================ 
   This file was designed by Ecco Software Pty Ltd. 
   Name: MountfordsStyle.css
   Desc: Display format for Mountfords website 
   ================================================================ */
   
   
body {
   /*background-color: #141415was #321C0A and #333300 ;*/
   background-image : url(../images/Custom/Mountfords/Mountf-Summer-Sale-Box.jpg);
   background-position: top center;
   margin: 0;
   padding: 0;
   font: .7em/1.4em Arial;
}

a img {
   border: none;
}

.right {
   float: right;
   margin: .7em 0 .7em 1.2em;
}
   
   
/*-------- wrap the layout ------------*/
#page-container {
   width: 780px;
   text-align: left;
   margin: auto;
}


/*---------------- top banner ---------------- */
#banner img, h1 img {
   display: block;
}

ul, li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}


/* ---------------- image for the top banner ---------------- */
#top {
	width: 750px;
   border-top: 2px solid #768B95;
   background: url(../images/top_background.gif) repeat-x 0 7px;
}

h1 {
  margin: 0;
  padding: 0 24px 0 50px;
  float: left;
}

h1 a {
   display: block;
   line-height: 0;
}

   
h2, h3 {
   font-family: Arial;
   color: #999900;
}

   
#banner {
   margin-left: 0px; 
   line-height: 0px;
   
}

/*---------------- for search result ----------------*/  
.product_name {
   font-family: Arial;
   font-weight: bold;
   font-size: 14px;
   color: #999900;
}
   
.price {
   font-family: Arial;
   color: #000000;
   text-align:center; 
}

.pricewas {
   font-family: Arial;
   color: #000000;
   text-align:center; }

.pricenow {
   font-family: Arial;
   font-weight: bold;
   font-size: 14px;
   color: #ff0000;
   text-align:center; 
}

.brand {
   font-family: Arial;
   color: #000000;
}

/*---------------- for the content area ----------------*/
#content {
   background: url(../images/content_background.gif) repeat-y;
   float: left;
   width: 100%;
}


/* ---------------- for the top bar ---------------- 
   left: 320px;
	height: 2.2em;

///live
#topbar 
{
   height: 2.2em;
   position: relative;
   width: 750px;
   background: url(../images/topbar_background.gif) repeat-y 0 0;
   color: #d1d1d1;
   font-weight: bold;
   color: #FFF;
}
*/

/* new 
		top: .8em;
		left: 248px;
*/
	#topbar {
		height: 2.2em;
		width: 750px;
		background: url(../images/topbar_background.gif) repeat-y 0 0;
		color: #d1d1d1;
		font-weight: bold;
		color: #FFF;
		margin-top:10px;
	}


#topbar h2 {
   display: none;
}

#topbar a {
   color: #d1d1d1;
   text-decoration: none;
}

#topbar a:hover {
   color: #CCCC66;
   text-decoration: underline;
}

#topbar ul, #topbar li {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

#topbar ul {
   padding: .5em 1em 0 0;
}

#topbar li {
   float: left;
    padding-left: 3em;
   line-height: 1.1em;
}

#topbar .menu {
   border-right: 1px solid #a2a2a2;
   padding-right: 2em;
}

#middlemenuitem .img:hover {
   border: 1px;
}

#searchbar 
{
    width: 750px;
    height: 30px;
    background: url(../images/searchbar_background.gif) repeat-y 0 0;
    color: #d1d1d1;
    font-weight: bold;
}
   
#searchbar .comment {
   color: #FFCC00;
   font-size: 11px;
}
#searchbar  a
{
   margin-right:1px;
}
   
.SizeError {
   color: red;
}
   
/* ---------------- for search box ----------------- 
*/
#searchbar input.search { 
    margin-left: 500px;
   margin-top: 4px;
   width: 100px; 
   border: 0;
   background: #CCCCCC url(input.gif) no-repeat;
   padding: 2px;
}


#searchbar input.submit {
   border: 1px;
   background-color: #782d0e;
   padding: 1px 0;
   width: 50px;
   color: #FFFFFF;
   font: bold 1em Century Gothic;
}


/* ---------------- for the left navigation bar --------------- */
#navigation {
   width: 248px;
   text-align: right;
   float: left;
}

#navigation li a {
   height: 18px;
   text-decoration: none;
   font-weight: bold;
   font-size: 11px;
}  
   
#navigation li a:link, #navigation li a:visited {
   color: #ffffff;
   display: block;
   background:  url(../images/menu.gif);
   padding: 3px 35px 3px 30px;
}
   
#navigation li a:hover {
   color: #CCCC99;
   background:  url(../images/menu.gif) 0 -32px;
   padding: 3px 35px 3px 30px;
}
   
#navigation li.head {
   background: url(../images/menu_head.gif);
   color: #CCCC00;
   font-size: 14px;
   font-weight: bold;
   padding: 8px 42px 3px 50px;
   height: 20px;
}
   
#navigation li.selected {
   background: url(../images/menu_selected.gif);
   color: #990000;
   font-size: 14px;
   font-weight: bold;
   padding: 3px 35px 3px 30px;
}
   
#navigation li.all a {
   background: url(../images/menu.gif);
   color: #990000;
   font-size: 13px;
   font-weight: bold;
}
  
#navigation li.all a:hover {
   color: #CCCC99;
   background:  url(../images/menu.gif) 0 -32px;
   padding: 3px 35px 3px 30px;
}

#navigation li.clearance a {
   background: url(../images/menu.gif);
   color: #990000;
   font-weight: bold;
}

#navigation li.clearance a:hover {
   color: #CCCC99;
   background:  url(../images/menu.gif) 0 -32px;
   padding: 3px 35px 3px 30px;
}



/* ----------------for the middle menu ---------------- */
#middlemenu {
   height: 30px;
   width: 502px;
   background: url(../images/middlemenu_background.gif) repeat-y 0 0;
   color: #f2f2f2;
   font-weight: bold;
   text-align: justify;
}
   
#middlemenu  .comment {
   margin: 14px 0px 0px 0px;
   color: #FFCC00;
   font-size: 11px;
}


/* ----------------for content area ---------------- */
#text {
   float: left;
   border-top: 7px solid #698790;
}

#text div.content {
   background: #e7e7e7 url(../images/gradient_background.gif) repeat-y;
   padding: 10px 25px 15px 25px;
}


#text div.text h2 {
   font-size: 18px;
   font-weight: normal;
   color: #7f2a04;
   margin: 0 0 .8em;
   text-transform: lowercase;
}

#text div.content h2 {
   font-size: 18px;
   font-weight: normal;
   color: #7f2a04;
   margin: 0;
   border-bottom: 1px solid #efefef;
    padding-bottom: .4em;
   margin-bottom: .8em;
   text-transform: lowercase;
}

#text div.content h3 {
   font-size: 1em;
   margin: 1em 0 .5em 0;
}

#text div.content p {
   margin: 1em 0;
}

#leftcol {
   float: left;
   width: 50%;
}

#rightcol {
   float: right;
   width: 45%;
   padding-top: 2.5em;
}

#rightcol p {
   margin: .8em 0;
}

#text div.text {
   border-top: 5px solid #cacaca;
}

#text div.text p {
   margin: .8em 0;
}
   
#text .offer {
   background-color: #cdcdcd;
   border-bottom: 1px solid #c4c4c4;
   overflow: hidden;
   width: 250px;
   margin: 1.5em 0;
}

#text .offer .item {
   width: 140px;
   float: left;
   border-right: 1px solid #c4c4c4;
   position: relative;
}

#text .offer .item h3 {
   font-size: 1em;
   margin: 113px 0 0 0;
}

   
#text .offer .item h3 a {
   padding: .3em 1em;
   display: block;
   color: #716042;
}

#text .offer .item h3 a:hover {
   background-color: #d3ceb1;
    color: #716042;
   text-decoration: none;
}

#text .offer .item img {
   position: absolute;
   top: 0;
}

#text .offer .item ul, #text .offer .item li {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#text .offer .item ul {
   padding: .6em 1em;
   font-size: .95em;
}

#text .offer .item em {
   font-style: normal;
   font-weight: bold;
}

#text .offer .item strong {
   color: #d82a22;
   font-weight: bold;
}

#text .message {
   color: red;
}

   

/* ---------------- for the footer area ---------------- */
#footer {
   background: #F7F7F9 url(../images/footer_background.gif) no-repeat 31px 0;
   height: 30px;
   clear: both;
   padding: 13px 26px 20px 76px;    
   color: #828282;
}

#footer .holder {
   width: 750px;
}
      
/* ---------------- for the footer Bottom Menu ---------------- */
#footer .menu {
   color: #828282;
   margin-left: 350px;
}
      
#footer .menu a {
   background: #F7F7F9;
   color: #698790;
   letter-spacing: 0.1em; word-spacing: 0.1em; 
   text-decoration: none;
}

#footer .menu a:hover {
   text-decoration: underline;
}
   
/* ---------------- for the footer Copyright ---------------- */
#footer .copyright {
   margin-left: 350px;
   padding: 5px 0 0 0;
}
      
#footer .copyright a{
   color: #698790;
   text-decoration: none;
}

#footer .copyright a:hover{
   text-decoration: underline;
}
   
.clearer {
   height: 1px;
   overflow: hidden;
   clear: both;
}


/* ------------------ styling for the Tables  ----------------- */
#table-container {
}

table#ReceiptDetails {
   border: solid #000 1px;
}

table#ReceiptDetails td {
    border: solid #000 1px;
}

table#ReceiptDetails th {
    border: solid #000 1px;
}


#ctl00_ContentPlaceHolderDefault_ItemsCart {
   font-family: "Arial";
   font-weight: normal;
   font-size: 12px;
   margin: 10px;
   width: 400px;
   text-align: center;
   border-collapse: collapse;
}

#ctl00_ContentPlaceHolderDefault_ItemsCart th {
   padding: 8px;
   font-weight: normal;
   font-size: 12px;
   color: #990000;
   font-weight: bold;
   background: #B1A880;
}

#ctl00_ContentPlaceHolderDefault_ItemsCart td {
   padding: 8px;
   background: #e5e1c9;
   border-top: 1px solid #fff;
   border-right: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   color: #333333;
}

#ctl00_ContentPlaceHolderDefault_ItemsCart tfoot td.rounded-foot-left {
   background: #e8e8e8 url('botleft.png') left bottom no-repeat;
}

#ctl00_ContentPlaceHolderDefault_ItemsCart tfoot td.rounded-foot-right {
   background: #e8e8e8 url('botright.png') right bottom no-repeat;
}

#ctl00_ContentPlaceHolderDefault_ItemsCart tbody tr:hover td {
   background: #efeedf;
}

#ctl00_ContentPlaceHolderDefault_ItemsCart Input {
   width: 20px; 
}

#ctl00_ContentPlaceHolderDefault_gvResults {
   font-family: "Arial";
   font-weight: normal;
   font-size: 12px;
   margin: 10px;
   width: 400px;
   text-align: center;
   border-collapse: collapse;
}

#ctl00_ContentPlaceHolderDefault_gvResults th {
   padding: 8px;
   font-weight: normal;
   font-size: 12px;
   color: #990000;
   font-weight: bold;
   background: #B1A880;
}

#ctl00_ContentPlaceHolderDefault_gvResults td {
   padding: 8px;
   background: #e5e1c9;
   border-top: 1px solid #fff;
   border-right: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   color: #333333;
}

#ctl00_ContentPlaceHolderDefault_gvResults tfoot td.rounded-foot-left {
   background: #e8e8e8 url('botleft.png') left bottom no-repeat;
}

#ctl00_ContentPlaceHolderDefault_gvResults tfoot td.rounded-foot-right {
   background: #e8e8e8 url('botright.png') right bottom no-repeat;
}

#ctl00_ContentPlaceHolderDefault_gvResults tbody tr:hover td {
   background: #efeedf;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersLines {
   font-family: "Arial";
   font-weight: normal;
   font-size: 12px;
   margin: 10px;
   width: 100%;
   text-align: center;
   border-collapse: collapse;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersLines th {
   padding: 8px;
   font-weight: normal;
   font-size: 12px;
   color: #990000;
   font-weight: bold;
   background: #B1A880;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersLines td {
   padding: 8px;
   background: #e5e1c9;
   border-top: 1px solid #fff;
   border-right: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   color: #333333;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersLines tfoot td.rounded-foot-left {
   background: #e8e8e8 url('botleft.png') left bottom no-repeat;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersLines tfoot td.rounded-foot-right {
   background: #e8e8e8 url('botright.png') right bottom no-repeat;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersLines tbody tr:hover td {
   background: #efeedf;
}


#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersHeader {
   font-family: "Arial";
   font-weight: normal;
   font-size: 12px;
   margin: 10px;
   width: 100%;
   text-align: center;
   border-collapse: collapse;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersHeader th {
   padding: 8px;
   font-weight: normal;
   font-size: 12px;
   color: #716C4C;
   font-weight: bold;
   background: #B1A880;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersHeader td {
   padding: 8px;
   background: #e5e1c9;
   border-top: 1px solid #fff;
   border-right: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   color: #333333;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersHeader tfoot td.rounded-foot-left {
   background: #e8e8e8 url('botleft.png') left bottom no-repeat;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersHeader tfoot td.rounded-foot-right {
   background: #e8e8e8 url('botright.png') right bottom no-repeat;
}

#ctl00_ctl00_ContentPlaceHolderDefault_ContentPlaceHolder1_gvOrdersHeader tbody tr:hover td {
   background: #efeedf;
}

#total {
   font-family: "Arial";
   font-weight: normal;
   font-size: 12px;
   margin: 10px;
   width: 30%;
   text-align: right;
   border-collapse: collapse;
}

#total th {
   padding: 8px;
   font-weight: normal;
   font-size: 12px;
   color: #990000;
   font-weight: bold;
   background: #B1A880;
}


/* ------------------ styling for Page Pagination  ------------------   */
.pagination{
   padding: 2px;
}

.pagination ul {
   margin: 0;
   padding: 0;
   text-align: left; /*Set to "right" to right align pagination interface*/
   font-size: 12px;
}

.pagination li {
   list-style-type: none;
   display: inline;
   padding-bottom: 1px;
}

.pagination a, .pagination a:visited {
   padding: 0 5px;
   border: 1px solid #6a6746;
   text-decoration: none; 
   color: #571802;
}

.pagination a:hover, .pagination a:active {
   border: 1px solid #6a6746;
   color: #000;
   background-color: #b1aa7e;
}

.pagination a.currentpage {
   background-color: #757052;
   color: #FFF !important;
   border-color: #2b66a5;
   font-weight: bold;
   cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover { /* for disabled link */
   background-color: #d3ceb1;
   cursor: default;
   color: #929292;
   border-color: #929292;
   font-weight: normal !important;
}

.pagination a.prevnext {
   font-weight: bold;
}


/*----------- My Form ----------- */
.myform {
   margin:0 auto;
   width:400px;
   padding:14px;
}

/* ----------- stylized ----------- */
#stylized {
   border:solid 2px #6e6641;
   background:#ddd7b7;
}

#stylized h1 {
   font-size:14px;
   font-weight:bold;
   margin-bottom:8px;
}

#stylized p {
   font-size:11px;
   color:#666666;
   margin-bottom:20px;
   border-bottom:solid 1px #663300;
   padding-bottom:10px;
}

#stylized label {
   display:block;
   font-weight:bold;
   text-align:right;
   width:140px;
   float:left;
}

#stylized .small {
   color:#666666;
   display:block;
   font-size:11px;
   font-weight:normal;
   text-align:right;
   width:140px;
}

#stylized input {
   float:left;
   font-size:12px;
   padding:2px 2px;
   border:solid 1px #663300;
   width:200px;
   margin:2px 0 20px 10px;
}

#stylized checkbox {
   float:left;
   font-size:12px;
   padding:2px 2px;
   margin:2px 0 20px 10px;
}

#stylized button {
   clear:both;
   margin-left:150px;
   width:100px;
   height:20px;
   background-color: #999966;
   text-align:center;
   color:#FFFFFF;
   font-size:11px;
   font-weight:bold;
}


#content a.button, .button, button, input[type="submit"] 
{
   font-size: 12px;
   color: #716c4c;
   border: 1px solid #43240f;
   width: auto;
   height: auto;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   background-color: #d1d19e;
}


/* ----------- for the button -----------*/
a.button, .button {
   font-size: 12px;
   color: #FFFFFF;
   border: 1px solid #43240f;
   width: auto;
   height: 15px;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   background-color: #d1d19e;
   padding: 3px 3px 3px 3px;

}

table.validatedinput th {
   width: 100px;
   text-align: right;
}


/* ------------------ styling for the shoe size conversion chart ----------------- */
table.stats {  
   text-align: center;
   font-family:  Arial;
   font-weight: bold;
   font-size: 12px;
   color: #990000;
   width: 200px;
   background-color: #B1A880;
   border: 1px none #B1A880;
   border-collapse: collapse;
   border-spacing: 0px;
   padding: 14px;
   
}

table.MainFashionTable td {   
   vertical-align: top; 
}

table.stats td {  
    background-color: #e5e3d5;
   color: #000;
   padding: 4px;
   text-align: center;
   border: 1px #fff solid;
}

#text a.SelectedMatrixRow {
   color: rgb(255,255,255);
}

table.stats td.SelectedMatrixRow {  
   background-color: #b7c785;
   color: #000;
   padding: 4px;
   text-align: center;
   border: 1px #fff solid;
}
   
#text a.Unavailable {
   color: rgb(180,180,180);
}


table.stats td.Unavailable {  
    background-color: #e5e3d5;
   color: rgb(180,180,180);
   padding: 4px;
   text-align: center;
   border: 1px #fff solid;
}
   
table.stats td.Available { 
    background-color: #d1d19e;
   color: #fff;
   padding: 4px;
   text-align: center;
   border-bottom: 2px #fff solid;
   font-size: 12px;
   font-weight: bold;
}

/* ------------------ styling for the item page ---------------- */
input {
   background-color: #FFFFFF;
   border:solid 1px #663300;
   AutoCompleteType: Disabled;
}

.text_item {
   font-family: Arial;
   font-weight: bold;
   color: #666666;
}

#divViewProduct { 
}

#divViewImage
{
	position:relative;
	margin:0 0 0 0;
}

.mainfullwidth
{
	width:380px;
}

#divDefault
{
	width:380px;
}


#NewMember
{
	width:380px;
}

.validator
{
}

#TrackOrders
{
width:380px;
}

#PasswordRecovery td {
   padding: 8px;
   background: #e5e1c9;
   border-top: 1px solid #fff;
   border-right: 1px solid #FFFFFF;
   border-left: 1px solid #FFFFFF;
   color: #333333;
}


.warning {
   color: red;
}