html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
	font-family:  Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 30px;
}
p {
	padding-bottom: 6px;
	padding-top: 6px;
}
body {
	margin: 0;
	line-height: 12x;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	min-width: 1000px;
	color: #482a14;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #f05a23;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Site CSS */

#main {
  position: relative;
  background-color: white;
  width: 960px;
  top: 30px;
  margin: 0 auto;	
  padding: 10px 10px 0px 10px;
}

#primary_nav {
  margin-left: 335px;
}

#sidebar {
	float: left;
	width: 218px;
}

#content-body {
	margin-top: 20px;
}

.photo-panel {
	border: 10px solid #482a14;
	height: 153px;
	overflow: hidden;
}

.column {
	float: left;
}

.column-content {
	padding: 8px 5px 3px 3px;	
	height: 168px;
	overflow: hidden;
}

.column-bottom-link {
	text-align: right; 
	width: 100%;
}

#content-body {
	float: left;
}

#bottom-banner {
	width: 960px;
	height: 250px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#bottom-banner-text {
	position: relative;
	top: 50px;
	left: 710px;
	width: 250px;
}

.header1 {
	border-bottom: 1px dotted brown; 
	width: 100%;
}

#product_listing_sidebar {
	width: 170px;
	float:left;
}

#product_listing_main {
	width: 558px;
	text-align: right;
	float:left;
}

#brand_info_panel {
	width: 100%; 
	text-align: left; 
	margin: 3px;
}

.product_sidebar_display {
	line-height: 14px;
	font-size: 14px;
	margin-top: 5px;
}

.product_sidebar_display a {
	color: #482a14;
}

ul.product_sidebar {
    margin: 0 auto;
    font-size: 12px;
}
ul.product_sidebar li{
    text-align: left;
    list-style: none;
}
    ul.product_sidebar a{
    		width: 130px;
        display: block;
        text-decoration: none;
        padding: 2px 0px 3px 20px;
        margin: 0px;
    }
    ul.product_sidebar a:hover{
        background-color: #f05a23;
        text-decoration: none;
        color: white;
    }
    li.selected_item a {
    	background-color: #f05a23;
    	width: 130px;
    	color: white;
    }

.product_thumbnail {
	margin-bottom: 5px;
	border: 1px solid gray;
	width: 35px;
	float: left;
	margin-right: 20px;
	padding-right: 15px;
}

.product_details_thumbnail_panel {
	width: 95px; 
	margin-top: 25px; 
	float:left;
}

#product_main_photo, #product_main_photo2, #product_main_photo3, #product_main_photo4, #product_main_photo5, #product_main_photo6  {
	float:left;
	margin: 20px 5px 0px 0px;
	width: 380px;	
}

.product_main_details {
	float: left;
	margin: 25px 5px 0px 20px;
	font-size: 12px;
	width: 280px;
}

/*** Product Slider menu ******/

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 115px;
  width: 680px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 3500px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
  font-size: 12px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

#product_slider {
	border-top: 3px solid #482a14;
	margin-top: 20px;
}

#designer_photo {
	width: 150px;
	float: left;
}

#blog_table {
	font-size: 18px;
}

#designer_data {
	float: left;
	width: 300px;
}

ul.blog_post_listing {
	font-size: 12px;
}

.blog_post_item {
  border-bottom: 1px dotted #482a14; 
	width: 190px; 
	height: 22px;
	padding: 5px 0px 1px 3px;
}

.blog_post_item_selected {
  width: 190px;
}

.blog_post_item_selected a {
	display: block;
	padding: 2px;
	color: white;
}

.blog_post_item_selected a:hover {
	display: block;
	padding: 2px;
	color: white;
	text-decoration: none;
}

.blog_post_item_selected {
  background-color: #f05a23;
  text-decoration: none;
  color: white;
  display: block;
	padding: 2px;
}

.blog_post_item a {
	display: block;
	padding: 2px;
	color: #482a14;
	height: 18px;
}

li.blog_post_item a:hover {
  background-color: #f05a23;
  text-decoration: none;
  color: white;
}

/** END Product Slider menu **/

.clear-both {
	clear: both;
}

