
/*******************************************  BLANK SLATE  ********************************************/

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0px;
	padding: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
fieldset,img { 
	border: 0px;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym { 
	border: 0px;
}
.clearContent {
	clear: both;
}


/**********************************************  HEADER  **********************************************/

#header {
	height: 139px;
	width: 700px;
	margin: 0px auto;
}
#header img {
	position: relative;
	top: 26px;
	float: left;
}
/**********************************************  MENU  ************************************************/

#menu {
	float: left;
	position: relative;
	top: 82px;
}
#menu ul {
	list-style-type: none;
	margin: 26px 0px 0px 0px;
}
#menu li {
	display: inline;
	float: left;
	padding: 0px 2px 0px 0px;
}
#menu a {
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
}
#menu a:hover {
	text-decoration: underline;
}
#menu img {
	padding: 0px 2px 0px 0px;
}
#menuHome span, #menuProducts span, #menuStockists span, #menuPress span, #menuGallery span, #menuContactUs span {
	top: 7px;
	position: relative;
}
#menu #menuHome {
	background-image: url('../images/menu-home.gif');
	width: 66px;
	height: 31px;
	text-align: center;
}
#menu #menuProducts {
	background-image: url('../images/menu-products.gif');
	width: 79px;
	height: 31px;
	text-align: center;
}
#menu #menuStockists {
	background-image: url('../images/menu-stockists.gif');
	width: 91px;
	height: 31px;
	text-align: center;
}
#menu #menuPress {
	background-image: url('../images/menu-press.gif');
	width: 64px;
	height: 31px;
	text-align: center;
}
#menu #menuGallery {
	background-image: url('../images/menu-gallery.gif');
	width: 74px;
	height: 31px;
	text-align: center;
}
#menu #menuContactUs {
	background-image: url('../images/menu-contact-us.gif');
	width: 99px;
	height: 31px;
	text-align: center;
}
#home #menuHome {
	background-image: url('../images/menu-home-over.gif');
}
#products #menuProducts {
	background-image: url('../images/menu-products-over.gif');
}
#contactUs #menuContactUs {
	background-image: url('../images/menu-contact-us-over.gif');
}
#stockists #menuStockists {
	background-image: url('../images/menu-stockists-over.gif');
}
#press #menuPress {
	background-image: url('../images/menu-press-over.gif');
}
#gallery #menuGallery {
	background-image: url('../images/menu-gallery-over.gif');
}


/***********************************************  BODY  ***********************************************/

body {
	background-image: url('../images/body-bg.gif');
	background-color: #901226;
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
}
#wrapper {
	width: 700px;
	margin: 0px auto;
}

/**********************************************  FOOTER  **********************************************/

#footer {
	width:: 700px;
	height: 40px;
	background-image: url('../images/footer-bg.gif');
	background-repeat: no-repeat;
	background-position: 0px top;
	color: #b1b1b1;
	font-size: .8em;
}
#footer ul {
	padding: 25px 0px 20px 0px;
	list-style-type: none;
	text-align: right;
}
#home #footer {
	padding: 0px 0px 20px 0px;
	list-style-type: none;
	text-align: right;
}
#footer img {
	display: none;
}
#home #footer img {
	position: relative;
	bottom: 90px;
	left: 20px;
	float: left;
	display: block;
}
#footer li {
	display: inline;
	padding: 0px 10px 0px 10px;
	background-image: url('../images/footer-breaker.gif');
	background-repeat: no-repeat;
	background-position: right center;
}
#footer a {
	color: #b1b1b1;
	text-decoration: none;
}
#footer a:hover {
	color: #b1b1b1;
	text-decoration: underline;
}
#footer #lastItem {
	background-image: none;
}

/********************************************  HOME PAGE  *********************************************/
#flashContent {
	width: 700px;
	height: 400px;	
}
#topContent {
	background-image: url('../images/top-content-bg.jpg');
	background-repeat: no-repeat;
	width: 700px;
	height: 264px;
}
#topContentPages {
	background-image: url('../images/top-content-pages-bg.jpg');
	background-repeat: no-repeat;
	width: 700px;
	height: 170px;
}
#bottomContent {
	background-image: url('../images/bottom-content-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #ffffff;
	min-height: 269px;
	height: auto !important;
	height: 269px;
}
#bottomContentProducts {
	background-image: url('../images/bottom-content-products3-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px 90px;
	background-color: #ffffff;
	min-height: 450px;
	height: auto !important;
}
#bottomContentPages {
	background-image: url('../images/bottom-content-pages-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #ffffff;
	min-height: 230px;
	height: auto !important;
	height: 230px;
}
#bottomProducts {
	background-image: url('../images/bottom-content-pages-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #ffffff;
	padding: 0px 0px 10px 0px;
}
#bottomProducts2 {
	background-image: url('../images/bottom-content-pages-bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color: #ffffff;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
#homeText {
	width: 370px;
	position: relative;
	left: 40px;
	top: 15px;
	color: #6b6b6b;
	margin: 0px;
}
#homeText a {
	color: #ee204d;
	text-decoration: none;
}
#homeText a:hover {
	text-decoration: underline;
}
#pageText {
	width: 520px;
	position: relative;
	left: 40px;
	top: 15px;
	color: #6b6b6b;
}
#homeText h1, #pageText h1 {
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 0px 0px 0px;
}
#homeText p, #pageText p {
	font-size: .8em;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url('../images/para-bullet.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}


/******************************************  PAGE CONTENT  ********************************************/

.thumbNormal {
        border: 2px solid #6b6b6b;
        cursor: pointer;
}
.thumbSelected {
        border: 2px solid #b2152e;
}
.photo {
	border: 2px solid #6b6b6b;
}
#galleryRight {
	float: left;
	width: 366px;
	margin: 3px 0px 0px 0px;
}
#galleryLeft {
	float: left;
	width: 305px;
	margin: 0px 0px 0px 10px;
}
#galleryLeft img {
	margin: 3px;
}
.onError {
	color: #000000;
	border: 1px solid #ff0000;
	background-color: #ffc4bc;
}
.error {
	color: #ff0000;
	margin: 0px 0px 0px 15px;
	font-size: .8em;
	display: inline;
	position: relative;
	bottom: 3px;
}
#contactForm {
	padding-bottom: 20px;
	
}
fieldset {
	border: 1px solid #c71632;
	margin: 0px 20px 0px 20px;
	padding: 0px 20px 10px 20px;
}
legend {
	color: #ffffff;
	background: #c71632;
	border: 1px solid #f51d47;
	margin: 15px 0px 15px 20px;
	padding: 0px 10px 0px 10px;
	font-size: .8em;
}
label, input, select, textarea {
	margin: 0px 0px 3px 0px;
	font-size: .8em;
	color: #6b6b6b;
}
label {
	width: 160px;
	float: left;
}
input {
	width: 150px;
	border: 1px solid #6b6b6b;
}
select {
	width: 152px;
	border: 1px solid #6b6b6b;
}
textarea {
	width: 280px;
	font-family: Arial, sans-serif;
	border: 1px solid #6b6b6b;
}
#submitButton {
	width: 69px;
	border: none;
	padding: 10px 0px 0px 0px;
	position: relative;
	left: 160px;
}
#location {
	font-size: .8em;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
#sofaList, #bagList {
	font-size: .9em;
	list-style-type: none;	
}
#productList {
	font-size: .9em;
	list-style-type: none;
	position: relative;
}
#bagList a, #productList a  {
	color: #6b6b6b;
}
#sofaList a:hover, #bagList a:hover, #productList a:hover  {
	text-decoration: underline;
}
#bagList li, #productList li {
	background-image: url('../images/list-bullet.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 0px 0px 2px 15px;
}

#beachTowelList li {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 110px 0px 0px;
}
#beachTowelList {
	margin: 0px 0px 20px 120px;
	text-align: center;
}
#beachTowelList a {
	color: #ee204d;
	text-decoration: none;
}
#ponchoList li {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 120px 0px 0px;
}
#ponchoList {
	margin: 0px 0px 20px 90px;
	text-align: center;
}
#ponchoList a {
	color: #ee204d;
	text-decoration: none;
}


#sofaList li {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 65px 0px 0px;
}
#sofaList {
	margin: 0px 0px 20px 80px;
	text-align: center;
}
#sofaList a {
	color: #ee204d;
	text-decoration: none;
}
#bagList {
	top: 235px;
	left: 340px;
}
#productList {
	left: 20px;
}
#backLink {
	margin: 0px 0px 0px 20px;
	color: #ee204d;
	text-decoration: none;
	font-size: .8em;
}
#productImages {
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
#productImages img {
	margin: 0px 10px 0px 10px;
	border: 2px #6b6b6b solid;
}
#productThumbs {
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#productThumbs img {
	border: 1px #6b6b6b solid;
}
#productThumbs img:hover {
	border: 1px #ee204d solid;
}
/****/
#productThumbs2 {
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#productThumbs2 img {
	border: 1px #6b6b6b solid;
	margin: 0px 20px 0px 0px;
}
#productThumbs2 img:hover {
	border: 1px #ee204d solid;
}
/****/
.productTitle {
	font-weight: bold;
	padding: 10px 0px 10px 25px;
	color: #6b6b6b;
	font-size: 1.1em;
}
#sofaButton {
	position: relative;
	top: 240px;
	left: 147px;
	float: left;
}
#bagButton {
	position: relative;
	top: 240px;
	left: 8px;
	float: left;
}
#sacButton {
	position: relative;
	top: 240px;
	left: 270px;
	float: left;
}

/******************************************  PRODUCTS V2  ********************************************/
.product2{
	display:block;
	float:left;
	width:200px;
	text-align:center;
	min-height:241px;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#productsContainer{
	position:relative;
	left:40px;
	top:15px;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 20px 0px 0px 0px;
	width: 500px;
}
ul.thumb li {
	margin: 0px; padding: 5px 10px 5px 0px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 130px;
	height: 130px;
}
ul.thumb li img {
	width: 120px; height: 120px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #999;
	padding: 5px;
	background: #fff;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}