* {
margin:0;
padding:0;
}

/**
*   FONT STYLES
*
*  Standardize font sizes and line-height across browsers
*/

body,th,td {
  font:10px arial,helvetica,clean,sans-serif;
}

select, input, textarea {
  font:99% arial,helvetica,clean,sans-serif;
}


/**
*   LAYOUT STYLES
*
*  Styles pertaining to minor layout adjustments, such as
*   changing from fluid width to fixed width.
*   See layout.css for major adjustments.
*/

body {
  margin: 0;
  padding: 0;
  min-width: 934px;
  /* 2x (left-side fullwidth + main padding) + right-side fullwidth */
}

#page {
  width: 934px;
  margin: 0 auto;
}


/**
*  OTHER STYLES
*
*  Styles that are specific to this theme.
*/

/* Common styles */
body {
  background: #1155a4;
}

#page {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #111;
  line-height:1.2em;
  background: #1155A4 url(../images/template/layout/footer.jpg) no-repeat scroll bottom center;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

a, a:link, a:visited {
  color: #2763A5;
  text-decoration: none;
}

a:hover, a:focus {
  color: #6191C5;
  text-decoration: none;
}

a:active, a.active {
  color: #89A3E4;
}

h1.title, h1.title a, h1.title a:hover {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #6191C5;
  font-size: 200%;
  margin:0;
  margin-bottom:0px;
  line-height:normal;
}

h1, h1 a, h1 a:hover {
  font-size: 200%;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  margin:.5em 0 .5em 0;
}

h2, h2 a, h2 a:hover, .block h3, .block h3 a {
  font-size: 140%;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  margin:.5em 0 .5em 0;
}

h3 {
  font-size: 122%;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

h4, h5, h6 {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

p, .book .body {
  padding: 0 0 0.5em 0;
  margin: 0;
}

pre {
  background: #ddd;
  border: 1px solid #aaa;
  padding: 0.75em 1.5em;
}

blockquote {
  border: 1px #ccc solid;
  border-width: 1px 0;
  margin: 0.5em 1em;
  padding: 0.3em;
  font-style: italic;
}

code {
  font-size: 100%;
  font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
}

img {
  border: 0;
}

ol, ul, dl {
  position: relative;
}
.clear {
  clear: both;
}
















#header {
  background-image: url(../images/template/layout/header.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 197px;
  width: 100%;
  color: #fff;
}

#header a, #header a:link, #header a:visited,
#copyright a, #copyright a:link, #copyright a:visited {
  color: #fff;
  text-decoration: none;
}

#header a:hover, #header a:focus,
#copyright a:hover, #copyright a:focus {
  color: #fff;
  text-decoration: underline;
}

#header a:active, #header a.active,
#copyright a:active, #copyright a.active {
  color: #fff;
}


#footer {
  padding-top: 70px;
  clear: both;
}

#footer-address {
  float: left;
  display: inline;
  margin: 10px;
}

#footer-logo {
  float: left;
  margin: 11px 0pt 0pt 10px;
  display: inline;
}

#footer-map {
  float: left;
  margin: 11px 0pt 0pt 15px;
  display: inline;
}

#footer-hours {
  float: left;
  margin: 0px 0px 0pt 10px;
  display: inline;
}

#footer-secure {
  float: left;
  margin: 22px 0pt 0pt 10px;
  display: inline;
}


.box {
	width: 100%;
	float: left;
  display: inline;
}


.box-white-header-top {
	background-image: url(../images/template/layout/box_white_header_top.gif);
	background-repeat: no-repeat;
	width: 904px;
	margin: 0 15px;
	height: 10px;
	float: left;
	display: inline;
	font-size:0px;
}

.box-white-header {
	width: 904px;
	margin: 0 15px;
	height: 10px;
	background-image: url(../images/template/layout/box_white_header.gif);
	background-repeat: no-repeat;
	float: left;
	display: inline;
	font-size:0px;
}
.box-white-contents {
	width: 884px;
	margin: 0 15px;
	padding: 0 10px;
	background-color: #fff;
	float: left;
	margin-left: 15px;
	float: left;
	display: inline;
}
.box-white-footer {
	width: 904px;
	margin: 0 15px;
	height: 10px;
	background-image: url(../images/template/layout/box_white_footer.gif);
	background-repeat: no-repeat;
	clear: both;
	font-size:0px;
}

#header-breadcrumb {
  float: left;
  display: inline;
  margin: 178px 0 0 35px;
}
#header-total {
  float: right;
  display: inline;
  margin: 178px 24px 0 0;
  font-size: 130%;
}
#header-cart {
  float: right;
  display: inline;
  margin: 178px 22px 0 0;
  font-size: 130%;
}
#header-checkout {
  float: right;
  display: inline;
  margin: 178px 26px 0 0;
  font-size: 130%;
}

#left {
	float: left;
	width: 259px;
  display: inline;
}
#contents {
	float: left;
	width: 625px;
  display: inline;
}

#copyright {
  font-size: .9em;
  text-align: center;
  margin: 0 25px 0 0;
  padding: 15px 0 30px 0;
  color: #fff;
  clear: left;
}

.box-grey-title {
	border: 1px solid #ccc;
	border-width: 1px 0px;
	background-color: #E9E9E9;
	height: 30px;
}

.box-grey {
	border: 1px solid #ccc;
}
#left .box-grey {
	margin: 8px 0 8px 8px;
	float: left;
	width: 233px;
  display: inline;
}

#contents .box-grey {
	margin: 8px 8px 8px 4px;
	float: right;
	width: 613px;
  display: inline;
}


ul#categories, ul#categories li {
  margin: 0;
  padding: 0;
}
ul#categories {
  list-style: none;
}
ul#categories li {
  display: block;
  float: left;
  display: inline;
}

#categories img {
  display: block;
}



#block-pages {
  margin: 0 0 0 16px;
  padding:0;
  color: #666;
}
#block-pages a {
  color: #333;
}

.block-icons {
  list-style: none;
  margin: 0;
  padding:0;
}
.block-icons li {
  margin: 11px 0 11px 11px;
  padding:0;
  float: left;
}
.block-icons li a {
  cursor: hand;
}


/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; height: 32px; padding-left: 10px; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; height: 32px; padding-left: 10px; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


.infoBoxContents table td,
table.data td {
  padding: 6px;
}

#block-search {
  text-align: center;
}
#block-search .title {
  text-align: left;
  font-size: 100%;
}



TABLE.checkoutExpress {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0;
}

.checkoutExpress-heading {
  padding: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #3872CE;
  color: #FFFFFF;
  font-weight: bold;
}

TD.checkoutExpress-data {
  padding: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


table.padded-table td {
  padding: 0px;
}

table.checkout-customer-login {
  background: #f2fbff;
  border: 1px solid #c8c6c9;
  width: 100%;
}
table.checkout-customer-contact {
  margin: 0 0 0 30px;
}

.payment-method {
  margin: 10px;
}
.payment-method table td {
  padding: 3px;
}

.HOMEBOX {
	background: #f5f5f5;
	padding: 5px;
	border: 1px dotted #666666;
	margin: 0px;
	height: 0px;
}

.OUTER {
	background: #fff;
	width: 100%;
	padding: 0px;
	border: none;
	margin: 0px;
	float: left;
	height: 0px;
}