/* set defaults - font and take padding off tables so it doesn't have to be defined for each <table> tag.
   A better option is to explicitly use padding if you need it.

   Font sizes all relative to the "body" tag below and by using "em" it means if the user increases the font size on the browser (DDA compliance)
   then the sizes increase on the site in proportion too.

   #1A3C6B - page background
   #335F9A - header
   #5B7DA8 - left hand column
   #335F9A - footer
*/
body { font-family:Arial, Verdana; font-size: .80em; background-color: #4D391F;}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th {
	margin:0;
	padding:0;
}

 a img { border:0px; }

table {border-collapse: collapse;}

/* this sets the overall width of the template so that we don't have to define it all the way through - plus it centres it */
#page {margin: 0 auto; width:990px; }

 .ShadowL { background-image:url(http://www.northshoes.co.uk/Images/template/shadow_l.gif) }
 .ShadowR { background-image:url(http://www.northshoes.co.uk/Images/template/shadow_r.gif) }
 .ShadowB { background-image:url(http://www.northshoes.co.uk/Images/template/shadow_b.gif) }
 
/* Region: TOP MENUS  */
#TopProdMenu { background-image:url(http://www.northshoes.co.uk/Images/template/toptop_bg_all.gif); width:100%; vertical-align:bottom; }
#TopProdMenu .MenuItem { background-image:url(http://www.northshoes.co.uk/Images/template/toptopnav_bg.gif); padding:3px 22px 0px 22px; }
#TopProdMenu .MenuItem a { color:#3F2913; text-decoration:none; font-weight:normal; font-size:1.1em }
#TopProdMenu .MenuItem a:hover { text-decoration:underline; }

#regTopMenuBar { width: 100%; background-image:url(http://www.northshoes.co.uk/Images/template/topnav_bg.gif); height:29px; padding-left:10px; background-repeat:repeat-x; background-color:#ffffff;}
#regTopMenuBar .MenuLinks { height:29px; }
#regTopMenuBar .menuitem  { padding:0px 15px 0px 15px; height:29px;}
#regTopMenuBar .menuitem a {color: #E6E2B9; font-weight: normal; text-decoration: none; font-size:.89em;}
#regTopMenuBar .menuitem a:hover { text-decoration: underline;}

#regTopMenuBar .shoppingCart { color: #E6E2B9; font-size:.89em;}
#regTopMenuBar .shoppingCart a { color: #E6E2B9; text-decoration:none; font-size:1em;}
#regTopMenuBar .shoppingCart a:hover { color: #E6E2B9; text-decoration:underline}

/* Region: FOOTER */
#regFooter {width: 100%; font-size: .8em; padding-bottom: 0px; height:25px; background-color: #3F2912; border-top:solid 2px #807051;}
#regFooter td {color: #817152; padding: 4px 4px 4px 4px;}
#regFooter .Copyright { display: inline; padding-right: 5px; }
#regFooter .MenuLinks { display: inline; padding-top: 4px; padding-bottom: 4px;}
#regFooter .MenuLinks ul { display: inline; margin-left:0px; padding-left:7px; }
#regFooter .MenuLinks ul li { display: inline; padding: 0px 3px 0px 3px; }
#regFooter a {color: #817152; font-weight: normal; text-decoration: none;}
#regFooter a:hover {text-decoration: underline;}

#AddressFooter {font-size: .8em; color: #817152; text-align:center;}

/* Region: Middle bit encompassing left menu and body content (and right menu if appropriate) */
#regMainContent {width: 100%; background-color:#E6E2B9;}

#regMainContent .PageHeading { padding:0px 10px 0px 10px; border-bottom:solid 1px #BFB992; }
#regMainContent .PageHeading h1 {margin-top: 9px; margin-bottom: 5px; font-family:georgia; font-size: 2em; font-weight: normal; color: #4A311A;}
#regMainContent .PageHeading h2 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.8em; font-weight: normal; color: #4A311A;}
#regMainContent .PageHeading h1 h1 {margin-top: 0px; margin-bottom: 0px; font-family:georgia; font-size: 1em; font-weight: normal; color: #4A311A;}
#regMainContent .PageHeading h1 h2 {margin-top: 0px; margin-bottom: 0px; font-family:georgia; font-size: 1em; font-weight: normal; color: #4A311A;}

/* Region: Left hand menu/column */
#regLeftMenu {font-size: 1em; vertical-align:top; color: #44749D; width: 175px; padding: 0px ; border-right: 1px solid #BFB992; }
#regLeftMenu a {color: black; text-decoration: none;}
#regLeftMenu h2 {font-size: .85em; font-weight: bold; color: white; padding: 1px 5px 3px 2px; background-color:#44749D; }

#regLeftMenu .searchBox {background-color: #CBDAE6; padding: 2px 4px 3px 6px; background-color:#807051; margin: 0px;}
#regLeftMenu .searchBox .DropodownList { margin-top:4px; }
#regLeftMenu .menuItemsBox { padding: 0px; border-bottom: 1px solid #BFB992;}
#regLeftMenu .productCategoriesBox {padding: 0px; border-bottom: 1px solid #BFB992;}
#regLeftMenu .rssIcons {font-size: .8em; margin: 10px 5px 10px 15px; }
#regLeftMenu .bookmarkSite{font-size: .8em; margin: 10px 0px 10px 0px; text-align:center; }



#recentPosts h3 {
	background-image: url(http://www.northshoes.co.uk/blog/images/previous_posts_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 29px;
	width: 175px;
	padding: 0;
}
#regLeftMenu #recently {
	margin: 0px;
	padding: 0px;
}
#regLeftMenu ul#recently li {
	text-align:right;
	font-size: 0.9em;
	border-top: 1px solid #BFB992;
	color:#321800;
	list-style-type:none;
	list-style: none;
}
#regLeftMenu  ul#recently li a  {
	color:#321800;
	font-weight: bold;
	text-decoration: none;
	display:block;
	background-color:#E6E2B9;
	padding: 3px 10px 3px 2px;
}
#regLeftMenu ul#recently a:hover {text-decoration: none; background-color:#614D32; color:#E6E2B9;}
#regLeftMenu #archive-list {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #BFB992;
}
#regLeftMenu #archiveList  h3 {
	background-image: url(http://www.northshoes.co.uk/blog/images/archive_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 29px;
	width: 175px;
	padding: 0;
}

#regLeftMenu ul#archive-list li {
	text-align:right;
	font-size: 0.9em;
	border-Top: 1px solid #BFB992;
	color:#321800;
	list-style-type:none;
	list-style: none;
}
#regLeftMenu ul#archive-list li a {
	color:#321800;
	font-weight: bold;
	text-decoration: none;
	display:block;
	background-color:#E6E2B9;
	padding: 3px 10px 3px 2px;
}
#regLeftMenu ul#archive-list li a:hover {text-decoration: none; background-color:#614D32; color:#E6E2B9;}

/* Region: right hand menu/column */
#rightcolumn {
	width:167px;
	background-color:#614D32;
	background-image: url(http://www.northshoes.co.uk/Images/template/column_shadow_r_brn.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px
}
#rightcolumn p {
}
#rightcolumn p a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(http://www.northshoes.co.uk/blog/images/brandsBg.jpg);
	text-indent:-9999px;
	display: block;
	height: 50px;
	width: 167px;
}
#rightcolumn p a.gabor {
background-position:0 0;
}
#rightcolumn p a.clarks {
background-position:0 -50px;
}
#rightcolumn p a.loake {
background-position:0 -100px;
}
#rightcolumn p a.lelli {
background-position:0 -150px;
}
#rightcolumn p a.startrite {
background-position:0 -200px;
}
#rightcolumn p a.geox {
background-position:0 -250px;
}
#rightcolumn p a.hotter {
background-position:0 -300px;
}
#rightcolumn p a.rieker {
background-position:0 -350px;
}
#rightcolumn p a.padders {
background-position:0 -400px;
}
#rightcolumn p a.fitflop {
background-position:0 -450px;
}


/* set the 750px width below to be the width (920 - left hand menu width).. */
#regBodyContent {vertical-align:top; width: 100%; font-size: .85em}
#regBodyContent h1 {margin-top: 5px; margin-bottom: 5px; font-family:georgia; font-size: 1.8em; font-weight: normal; color: #4A311A}
#regBodyContent h2 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.7em; font-weight: bold; color: #4A311A;}
#regBodyContent h3 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.6em; font-weight: bold; color: #4A311A;}
#regBodyContent h4 {margin-top: 8px; margin-bottom: 3px; font-family:georgia; font-size: 1.5em; font-weight: bold; color: #4A311A;}


#regBodyContent .txtHighlight { border: 1px solid #614D32; background-color: #ffffff; color: #614D32; font-family: Verdana;}

#regBodyContent input .Ordinary { height: 12px; border: 1px solid #CCCCCC;}

#regBodyContent select {font-size: 1.1em; padding-left: 2px;}
#regBodyContent input {font-size: 1.1em; padding-left: 2px;}

#regBodyContent a {text-decoration: underline; font-weight: bold; color: #4A311A; }
#regBodyContent .MessageToUser {font-weight: bold; color: red; padding-top: 5px; padding-bottom: 10px} 
#regBodyContent .breadcrumbtrail {padding-top:5px; padding-bottom:10px}
#regBodyContent .breadcrumbtrail A {color: #F8A261}
#regBodyContent .highlight {background-color:Yellow}



/* Button styles */
#regBodyContent .button {font-weight: bold; padding:2px; color: #321800; background-color:#E6E2B9; border:solid 1px #4D391F;}
#regBodyContent .button:Hover {font-weight: bold; padding:2px; color: #614D32; background-color:#E6E2B9; border:solid 1px #4D391F;}
#regBodyContent .CancelButton {font-weight: normal; color: Red;}



	/* Blog formatting css */

.date-header {
    margin-bottom:5px;
    }
#blogWrapper {
	background-image: url(http://www.northshoes.co.uk/Images/template/section_pic_contactus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 165px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.post {
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4A311A;
	margin-bottom: 20px;
}
.post a, .post-footer  a {
font-weight:bold;
text-decoration:underline;
color:#4A311A;
}
.post-body {
	font-size: 14px;
	font-weight: lighter;
	line-height:1.429em;

}
.post-body img {
padding:5px;
background-color:#ffffff;
border:1px solid #cccccc;	
  }
.post p {
	
}
.post-title {
font-family:georgia; font-size: 2em; font-weight: normal; color: #4A311A;
line-height:30px;margin-bottom:10px;
}
.post-title a, .post-title a:visited, .post-title strong {
	display:block;
	text-decoration:none;
	font-weight:normal;
	color: #4a311a;
  }
.post-title strong, .post-title a:hover {
  }
p.post-footer {
margin-top:15px;
  }
.post-footer em, .comment-link {
  }
.post-footer em {
	font-style:normal;
  	margin-right:.6em;
	color:#666666;
  }
.comment-link {
  margin-left:.6em;
  }

.post blockquote {

  }
.post blockquote p {

  }
p.blogger-labels {
margin-top:15px;
margin-bottom:15px;
}


/* Blog Comments
----------------------------------------------- */
#comments h4 {

  }
#comments h4 strong {
  }
#comments-block {
  }
#comments-block dt {

  }
#comments-block dd {
  }
#comments-block dd.comment-timestamp {

  }
#comments-block dd p {
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}
.item-action img {
border:none;
}