/* 
 * Sams Warehouse Site CSS
 *
 **********************************

/* Defaults
------------------------- */

* {margin: 0; padding: 0}

body {background: #fff none 0 0 repeat-x; font: 70%/1.4 arial, tahoma, verdana}

fieldset {border: none}
legend {display: none}

#site {font-size: 100%; position: relative; width: 975px; margin: 0 auto}

a img {border: none}

a {color: #e31c21}
a:link {}
a:visited {}
a:hover, a:active, a:focus {text-decoration: none}

input, button {font-size: 1em}

h1 {color: #2c4393; font-size: 1.6em}

h2,
h3 {color: #2c4393}

h1,
h2,
h3,
p,
ul,
ol {margin: .4em 0 .3em}

ul {margin-left: 30px}
ol {margin-left: 45px}

ul ul,
ul ol,
ol ul,
ol ol {margin-bottom: 0}

ul {list-style: none}

ul li {padding-left: 12px; background: transparent url(../images/site/bullet-square-red.gif) 0 6px no-repeat}

/* Form
------------------------- */

fieldset {width: 330px}
	fieldset div {clear: both}
	fieldset h2,
	fieldset h3 {margin: 1em 0 .6em; font-size: 1.3em}
	fieldset p {margin-bottom: 1em; font-weight: bold}

.inline-fields label {text-align: left; width: 80px; padding-left: 50px}

label {display: block; float: left; width: 125px; text-align: right; margin: 0 0 1em}
textarea {font: 100%/1.4 arial, tahoma, verdana}
.field {width: 190px; float: right; margin: 0 0 1em}
button {display: block; background-color: #2c4393; color: #fff; font-weight: bold; text-transform: uppercase; border: 1px solid #fff; cursor: pointer; padding: 2px; float: right}

/* Header
------------------------- */

#header {background-color: #ee2d24; height: 79px; position: relative; border: 1px solid #d1d2d1; border-top: none; border-bottom: none}
#header a {color: #fff}
.logo {}

/* Store Locator
------------------------- */

#store-locator {position: absolute; top: 16px; right: 20px; width: 185px; padding-top: 25px; background: transparent url(../images/site/heading-store-locator.gif) 0 2px no-repeat}
#store-locator fieldset {width: auto}
#store-locator input {float: none; margin: 0; width: 100px}
#store-locator button {display: inline; float: none; margin: 0}

/* Navigation
------------------------- */

#navigation {background-color: #ee2d24; margin-top: .2em; border: 1px solid #d1d2d1; border-top: none; border-bottom: none; padding-left: 20px}
#navigation ol {list-style: none; margin: 0}
#navigation li {line-height: 2em; font-size: 1.1em; display: inline}
#navigation a {color: #fff; font-weight: bold; display: inline; padding: .2em 1.2em; margin: 0 0 .3em 0 }
#navigation a:hover,
#navigation a:active,
#navigation a:focus {color: #ffff00; text-decoration: underline}

/* Content
------------------------- */

#content-container {background:transparent url(../images/bg/main-content.gif) repeat-y scroll 0pt; padding: 3px 4px; border-bottom: 1px solid #d1d2d1}
#content {background: #fafafa; border: 1px solid #e8ecf2; padding: 5px 10px; overflow: hidden}

/* Home Page
------------------------- */

.block {margin: 0 0 10px; background: #fff; border: 1px solid #eaedf3}
.block-header {padding: 2px}
.block-content {padding: 1px 1em 1em}

.block h3 {color: #e31c21; font-size: 1.5em}

.block-featured-products ul {margin: 0; overflow: hidden} /* ie6 */
.block-featured-products li {margin: 0; padding: 0; background: none; width: 300px; float: left; text-align: center}
	.block-featured-products h4 {font-size: 1.1em}
		.block-featured-products h4 a {color: #2c4393}
	.block-featured-products .featured-products-price {font-size: 1.3em; font-weight: bold}
	.block-featured-products .featured-product-link a {color: #000; font-size: 1em; font-weight: bold}
	
.block-store-catalogue {width: 628px; float: left}
	.block-store-catalogue .block-content {height: 150px; overflow: hidden}
	.block-store-catalogue .block-content p {font-weight: bold; font-size: 1.1em; margin: .8em 0 1em}
	.block-store-catalogue .block-content p a {color: #000}
	.block-store-catalogue .media {float: right; width: 320px}
		.block-store-catalogue .media img {display: block; margin: 0 auto}
		
.block-store-locator {width: 305px; float: right}
	.block-store-locator .block-content {height: 150px; background: #fff url(../images/site/store-locator.jpg) 90% 7px no-repeat}
	.block-store-locator .block-content p {font-weight: bold; font-size: 1.1em; margin: .8em 0 1em; padding-right: 130px}
	.block-store-locator fieldset {width: auto}
	.block-store-locator input.button {float: left}
	.block-store-locator input.field {float: left; width: 140px; padding: 3px 2px; font-size: 1.1em; vertical-align: middle}

.lasoo-heading {font-weight: normal; font-size: 1.1em; margin: 0; padding: 0; background: #334a99 url(../images/headers/heading-bg.gif) 0 -56px repeat-x; color: #fff}
	.lasoo-heading span {display: block; background: transparent url(../images/headers/heading-bg.gif) 0 0 no-repeat}
		.lasoo-heading span span {display: block; min-height: 28px; line-height: 28px; padding: 0 10px; background: transparent url(../images/headers/heading-bg.gif) 100% -28px no-repeat}
			.lasoo-heading span span span {display: block; background: none; background: none; padding-left: 0}
/* Site info
------------------------- */

#site-info ol {text-align: center; list-style: none; margin: 10px 0}
#site-info li {display: inline}
	#site-info li a {color: #333; margin: 0 9px 0 8px}
#site-info p {text-align: center}

/* Contact Us
------------------------- */

#contact-details {float: left; width: 450px}
#contact-form {margin-left: 500px}