/* ---------------------------------------------------------------------
Original Author: Anthony Ticknor
Contributors: 

Target Browsers: All
Media Type: Screen

CSS Coding Standards Documentation: http://wiki.bravo/index.php/CSS_Coding_Standards 
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
HTML Elements
------------------------------------------------------------------------ */
img {
	display:block !important;
}

body {
	background:url(../images/interface/bg_body.jpg) repeat-x #eaeaea;
	font:12px/16px Arial, Helvetica, Verdana, sans-serif;
	color:#333;
}

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

#wrapper {
	width:320px;
	margin:0 auto;
}

#root_table {
	width:320px;
	margin:0 0 10px 0;
}

/* ---------------------------------------------------------------------
Header Globals
------------------------------------------------------------------------ */
tr#nav td {
	height:34px;
	line-height:1em;
	vertical-align:middle;
	text-align:center;
}

tr#nav a {
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

tr#nav td.logo {
	width:85px;
	padding:0 5px;
}

tr#nav td.shop {
	width:61px;
}

tr#nav td.more {
	width:61px;
}

tr#nav td.find {
	width:101px;
}

tr#nav td.break {
	width:1px;
}

/* ---------------------------------------------------------------------
Category Page(s)
------------------------------------------------------------------------ */
.sup_cats .cat_table {
	width:320px;
	margin:0;
}

.sup_cats .cat_table td.name {
	background:url(../images/interface/cat_bg.jpg) repeat-x;
	height:45px;
	padding:0 0 0 12px;
	font-weight:bold;
	font-size:13px;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
}

.sup_cats .cat_table td.img {
	background:url(../images/interface/cat_bg.jpg) repeat-x;
	height:45px;
	width:20px;
	text-align:right;
	border-bottom:1px solid #CCCCCC;
}

.cats .cat_table {
	width:298px;
	background:#fff;
	margin:10px 10px 0 10px;
	border:1px solid #ccc;
}

.cats .cat_table .img {
	width:104px;
	border-right:1px solid #ccc;
}

.cats .cat_table .img img {
	height:104px;
	width:104px;
}

.cats .cat_table .name {
	width:172px;
	font-size:13px;
	font-weight:bold;
	padding:0 10px;
	text-align:left;
}

.cats .cat_table .num {
	width:40px;
}

/* ---------------------------------------------------------------------
Detail Page(s)
------------------------------------------------------------------------ */
.details .progress {
	width:280px;
	margin:0 10px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	color:#fff;
}

.details .progress .active {
	color:#D6191F;
}

.details .item {
	width:280px;
	margin:0 10px;
	border:1px solid #ccc;
	background:#fff;
}

.details .item .img .section {
	
}

.details .item .img .section .overlay {
	margin:-35px 0 3px 4px;
}

.details .item .detail_sub {
	padding:8px 10px;
	width:80px;
}

.details .item .detail_sub h2 {
	color:#D6191F;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
}

.details .item .detail_sub p {
	font-size:11px;
	line-height:13px;
}

.details .item .detail_main {
	padding:8px 10px;
	width:180px;
}

.details .item .detail_main h2 {
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}

.details .item .detail_main p {
	margin:2px 0 0 0;
	font-size:11px;
	line-height:13px;
}

.details .item p.disclaimer {
	font-size:9px;
	line-height:10px;
}

.details .nav_buttons {
	width:280px;
	margin:5px 10px 0 10px;
}

.details .nav_buttons .prev {
	width:148px;
	padding:0 4px 0 0;
}

.details .nav_buttons .prev {
	width:148px;
}

.title_cell {
  vertical-align:top;
  
}
.details .legal{
  width:280px;
  margin:0;
  padding:0 10px 10px 10px;
}

/* ---------------------------------------------------------------------
Locator Page(s)
------------------------------------------------------------------------ */
.search_results {
	margin:0 0 10px 0;
}

.locator fieldset {
	width:300px;
	margin:10px;
}

.locator #search_fieldset {
	width:100%;
}

.locator fieldset .search_term input {
	height:16px;
	width:214px;
	font-size:12px;
	line-height:16px;
	color:#333;
	border:1px solid #ccc;
	padding:5px;
	text-align:left;
}

.locator fieldset .search_submit {
	text-align:right;
	width:74px;
}

.locator .store {
	width:278px;
	margin:10px auto 0 auto;
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
}
.locator .store h2 {
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	padding:0 0 7px 0;
}

.locator .store .phone {
	width:46px;
	padding:0 8px 0 0;
}

.locator .store .map {
	width:46px;
	padding:0 10px 0 0;
}

.locator .store .details {
	font-size:11px;
	line-height:13px;
	width:168px;
}

.locator .store .details address {
	font-style:normal;
}

.locator .store .details .hours {
	font-weight:bold;
}

/* ---------------------------------------------------------------------
More / Legal Page(s)
------------------------------------------------------------------------ */
.legal {
	width:300px;
	margin:10px 10px 0 10px;
}

.legal p {
	margin:10px 6px 0 6px;
}

.legal .section {
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
}

.legal .section p {
	margin:10px 2px 0 2px;
}

a.more-link img {
    padding-bottom: 5px;
}

a.more-link {
    text-align: center;
}

/* ---------------------------------------------------------------------
Buttons
------------------------------------------------------------------------ */




/* ---------------------------------------------------------------------
Share Page
------------------------------------------------------------------------ */
body.share { 
	background: none; 
	background-color: #f0f0f0;
	margin-top: 20px;
}
.share_wrapper {
	text-align: center;
	width: 407px;
	background: url(../images/share/bg_tile.gif) 50% 0 repeat-y;
}
.share_top {
	height: 9px;
	background: url(../images/share/bg_top.gif) 50% 0 no-repeat;
}
.share_bot {
	height: 9px;
	background: url(../images/share/bg_bot.gif) 50% 0 no-repeat;
}
.share_banner {
	margin: 0 0 10px 0;
}
.share_image {
	border: 1px solid #e8e7e9;
	width: 300px;
}
.share_inner {
	width: 300px;
	margin: 16px auto 20px auto;
	text-align: left;
}
.share_inner .price {
	float: left;
	width: 70px;
	padding: 10px 0 0 8px;
}
.share_inner .offer {
	color: #e61b22;
	font-weight: bold;
	font-size: 16px;
}
.share_inner .alt {
	color: #6c6c6c;
	margin: 0;
	font-size: 11px;
}
.share_inner .description {
	float: right;
	width: 180px;
	padding-top: 10px;
}
.share_inner .title {
	color: #363636;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
}
.legal,
.share_inner .body {
	color: #6c6c6c;
	margin: 8px auto;
	font-size: 9px;
	line-height: 1.2em;
}
.share_inner .body {
    font-size: 11px;
}
.share_inner .legal {
    width: 400px;
    margin: 2em auto;
}

.share_inner .description small {
	color: #6c6c6c;
	font-size: 9px;
	line-height: 1em;
	width: 150px;
}
.share_logo {
	float: left;
}
.share_links {
	float: right;
	text-align: right;
	width: 108px;
	padding-top: 8px;
}
.share_links a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	text-align: left;
	text-indent: -9999px;
	margin-left: 4px;
}
.share_links a.facebook { background: url(../images/share/icon_facebook.gif) 0 0 no-repeat ;}
.share_links a.twitter { background: url(../images/share/icon_twitter.gif) 0 0 no-repeat ;}
.share_links a.email { background: url(../images/share/icon_email.gif) 0 0 no-repeat ;}
.share_inner .buttons {
  text-align: center;
	margin-top: 2em;
}
.share_inner .buttons a {
	display: -moz-inline-block;
	display: inline-block;
	margin-left: 10px;
}
.share_inner .buttons a:first-child { margin-left: 0; }


.clear {clear:both;}