/*************** HTML tag styles *****************/
body{z-index:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.166; margin:0px; padding:0px; background-color:#e6e1dc;}

a:link, a:visited, a:active {text-decoration:none; color:#000;}
a:hover {text-decoration: underline;}

a.toplink:link, a.toplink:visited, a.toplink:active {text-decoration: none; line-height:1.2;} a.toplink:hover {text-decoration: underline;}

a img {border:0;}

p {padding-bottom:10px;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:0em; padding: 0em; color:#805e3b;}
h1 {font-size:25px;}
h2 {font-size:20px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-weight:normal; font-size:0.5em; text-align:center;}

/*********************************************************************************************************************************/ 
/**************************************************** CSS USED ACROSS ALL THE PAGES **********************************************/
/*********************************************************************************************************************************/

/*************** Layout Divs **************/
#master {
  z-index:2;
  width:900px;
  padding:0;
  position:relative;
  overflow:auto;
  background-color:#fff;
}

#header {
  z-index:10;
  width:900px;
  height:98px;
  text-align:right;
  font-weight:bold;
  background:url(../images/template/header.png);
  background-repeat:repeat-x;
  background-color:#9a8f83;
}

#header #logo {
  float:left;
  width:400px;
}

#nav {
  clear:both;
  text-align:left;
  color:#000000;
  width:900px;
  height:20px;
  padding:5px 0 5px 0;
  background-color:#e6e1dc;
}

#leftSide {
  width:680px;
  float:left;
  text-align:left;
}

#rightSide {
  float:right;
  width:200px;
  background-color:#9a8f83;
  margin:5px;
}

#rightSide p, #rightSide h4, #rightSide h2 {
  color:#fff;
  text-align:center;
}

#inner {padding:5px;}

#footer {
  width:900px;
  clear:both;
  background-color:#9a8f83;
}

.footer, .footer a {
  font-size:10px;
  color:#fff;
}

.error {color:#CC0000; font-weight:bold;} /* Class for error messages */
.smallprint {font-size:10px;} /* Class for small print messages */
label.required {font-weight:bold;} /* Class for required fields in forms */

#cover_gallery {width:25%; height:320px; float:left; text-align:center;}
#cover_gallery h4 {text-align:center;}
#cover_gallery p {margin-top:0;}
#cover_gallery img, #cover_gallery #noimage {width:100%; height:225px; border:1px solid #000; cursor:crosshair; margin:5px 0;}

.boxDark {background-color:#9a8f83;}
.boxDark p, .boxDark a {color:#fff;}

.boxLight {background-color:#e6e1dc;}

form.default {margin:10px 0;}
form.default fieldset {border:1px solid #000; padding:5px; margin:5px 0;}
form.default legend {color:#805e3b; font-weight:bold; padding:0 5px; font-size:12px;}
form.default label {display:block; width:200px; float:left; margin-bottom:5px; text-align:right; margin-right:5px;}
form.default input, form.default select, form.default textarea {margin-bottom:5px;}
form .button {border:1px solid #000; background-color:#9a8f83; color:#fff; cursor:pointer; padding:2px; font-weight:bold;}
form .button:hover {background-color:#e6e1dc; color:#000;}
form .buttongreen {border:1px solid #000; background-color:#336600; color:#fff; cursor:pointer; padding:2px; font-weight:bold;}
form .buttongreen:hover {border:1px solid #000; background-color:#339900; color:#fff; cursor:pointer; padding:2px; font-weight:bold;}
.viewbutton {border:1px solid #000; background-color:#9a8f83; color:#fff; cursor:pointer; padding:2px; font-weight:bold; text-align:center;}
.viewbutton:hover {background-color:#e6e1dc; color:#000;}

form.nomargin {margin:0;}

.highlighted {font-weight:bold; font-style:italic;}

table#basket {width:100%; border:0; border-collapse: collapse;}
table#basket th {background-color:#9a8f83; border:2px solid #fff; color:#fff; padding:5px;}
table#basket td {background-color:#e6e1dc; border:2px solid #fff; padding:5px;}

table#quantity td {border:0; padding:0 5px 0 0;}

table#basket form {float:left;}

div#container {width:100%; overflow:auto;}
div.papersub {background-image:url('../images/subscriptions/nite.jpg'); background-repeat:no-repeat; background-position:bottom right; background-color:#1e201e;}
div.papersub div#inner { padding-right:100px;}
div.digitalsub {background-image:url('../images/subscriptions/digital.jpg'); background-repeat:no-repeat; background-position:bottom right; background-color:#9a8f83;}
div.digitalsub div#inner { padding-bottom:150px;}
div.papersub h3, div.papersub h4, div.papersub p, div.digitalsub h3, div.digitalsub h4, div.digitalsub p {color:#fff;}

div.insideLeft {width:200px; float:left;}
div.insideRight {width:460px; float:right;}

.left {float:left;}
.right {float:right;}
.half {width:49%;}
.third {width:33%;}
.thirdplus {width:34%;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}

.textbutton {padding:10px; font-weight:bold; background-color:#336600; color:#fff; display:block; margin-top:5px;}
a.textbutton {color:#fff;}

.bold {font-weight:bold;}

.blocktitle {display:block; background-color:#9a8f83; margin-top:10px; padding:5px;}
.blocktitle h3 {color:#fff;}

a.linkbutton {border:1px solid #000; display:block; text-align:center; background-color:#9a8f83; color:#fff; padding:5px; width:180px; font-weight:bold;}
a.linkbutton:hover {background-color:#e6e1dc; color:#000;}