/*	------------------------- colors ---------------------------
  red: #d81e2d;
  dark_red: #a41100;
  grey: #909090;
  green: #00bf34;
*/
/*	------------------------- container ------------------------
  i absolutly position the container in the center rather then having it be centered
  using a margin: auto beacuse the div is floated to the left already, to fit with my
  framework for easy float clearing and broweser compatibitliy, and when I absolutly 
  position anything else, they will all nicely be centerd in the content as well... the only negitive 
  caviaut is that if the browser window is shrunk to a width smaller then the width
  of this containing element, the left side will be unviewable.. even upon scrolling..
  but this has an easy fix with javascript..
*/
#container, #jax_content {
  position: absolute;
  width: 964px;
  margin-left: -482px;
  left: 50%;
  overflow: visible;
}
#container {
  background-color: #fff;
}
#jax_content {
  z-index: 100;
}

/*	------------------------- logo style ------------------------
  i use an image inside of the h1 tag so that it will show up when it is printed..
  background-images don't show up when printed..
*/
h1.logo {
  position: absolute;
  left: -32px;
  top: 10px;
  height: 103px;   
  width: 180px;
  text-indent: -1000px;
  z-index: 0;
}
h1.logo a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
h1.logo a img {
  position: absolute;
  top: 0;
  left: 0;
}
/*	------------------------- navigation ------------------------
  I started using lists again I think.. it tecnicaly makes more sense as when you have sub navigation due to 
  the navigation elements now have more proper binding, rather then a loose binding
  
  * archive: i quit using lists for navigations.. I guess technicaly they are still a list of pages in which
  you can accsess.. but it's something I'm currently trying..
*/
.navi {
  position: relative;
  display: block;
  float: left;
}
.navi a {
  display: block;
  position: relative;
  padding: 7px 10px;
}
.navi li {
  float: left;
}
ul.navi.foot a {
  color: #d81e2d;
}
ul.navi.foot a:hover {
  color: #7a7a7a;
}
/*	------------------------- main navigation -------------------
*/
#header .navi.main {
  position: absolute;
  top: 100px;
  left: -10px;
}
#header .navi.main a {
  font-size: 1.3em;
  z-index: 1;
  margin-right: 10px;
  text-transform: uppercase;
  border: 1px solid #000;
  border-bottom-width: 0px;
  padding-bottom:11px;
  color: #afafaf;
}
#header .navi.main a.over {
  background-color: #fff;
  color: #d81e2d;
  border-color: #909090;
}
#header .navi.main ul a {
  text-transform: none;
  border-color: #fafafa;
  border-width: 0px 0px 1px 0px;
  padding-right: 25px;
  padding-bottom: 7px;
  color: #7a7a7a;
}
#header .navi.main ul {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-top-width: 0px;
  display: none;
}
#header .navi.main ul ul {
  border-top-width: 1px;
}
#header .navi.main ul a.over {
  background: transparent url(/images/global/navi_helper.png) no-repeat 100% 0px;
  color: #fff;
  border-color: #fff;
}
/*	------------------------- footer nav ------------------------
*/
#footer .navi.foot {
  font-size: 1.2em;
  clear: both;
  margin-left: -10px;
  width: 100%;
}
/*	------------------------- side navigation -------------------
*/
.side_nav {
  margin-bottom: 20px;
  background: transparent url(/images/global/side_back.png) repeat-x scroll 97% 40px;
  min-height: 400px;
}
.side_nav li {
  width: 100%;
}
.side_nav li a {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 5%;
  width: 90%;
  font-size: 1.4em;
  display: block;
  font-weight: bold;
}
.side_nav li a:hover, .side_nav li a.active {
  background-color: #fff;
  color: #d81e2d;
}
.side_nav li li a {
  font-size: 1.2em;
  padding: 10px 5% 10px 10%;
  width: 85%;
}
.side_nav li h2 {
  margin-bottom: 5px;
  font-size: 1.4em;
}
.side_nav li h2 a {
  color: #d81e2d;
  padding-left: 0px;
  letter-spacing: -0.05em;
  border-width: 0px;
}
/*	------------------------- search form ----------------------
*/
form.search {
  position: absolute;
  right: 0;
  top: 60px;
  height: 28px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: transparent url(/images/global/search_back.png) repeat-x scroll 0 0;
}
form.search fieldset {
  height: 100%;
}
form.search input {
  background-color: transparent;
  border-width: 0px;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #909090;
  padding: 7px;
}
form.search button {
  float: left;
  height: 100%;
  width: 30px;
  background: transparent url(/images/global/search_glass.png) no-repeat scroll 0 50%;
  opacity: 0.4;
  filter:alpha(opacity=40);
  padding: 0px;
}
form.search button:hover {
  opacity: 0.7;
  filter:alpha(opacity=70);
}
/* ------------------------- mini cart --------------------------
*/
.mini_cart {
  float: right;
  margin-top: 10px;
}
.mini_cart div {
  clear: both;
  float: right;
  font-size: 1.2em;
  margin-bottom: 10px;
}
.mini_cart a, .mini_cart span {
  float: left;
  margin-left: 10px;
}
.mini_cart .account a {
  color: #d81e2d;
}
.mini_cart .cart, .mini_cart .cart a {
  color: #fff;
}
/*	------------------------- content --------------------------
*/
#content, #checkout {
  width: 100%;
  min-height: 400px;
  padding: 10px 0px;
  border-top: 1px solid #edcfcc;
  margin-top: 30px;
}
#content.home {
  padding-top: 0px;
}

/*	------------------------- header --------------------------
*/
#header {
  width: 100%;
  height: 135px;
  background-color: #000;
  z-index:  3;
}
.top_strip {
  width: 100%;
  height: 140px;
  left: 0;
  position: absolute;
  top: 0;
  background: transparent url(/images/global/header_background_back.png) repeat-x scroll 0% 0%;
}
/*	------------------------- footer ---------------------------
*/
#footer {
  padding-top: 125px;
  margin-top: -100px;
  width: 100%;
  background: #000;
}

#footer .boiler {
  padding-top: 20px;
  padding-bottom: 40px;
  background: transparent url(/images/global/boiler_back.png) repeat-x scroll 0 0;
  width: 100%;
  color: #d81e2d;
}
.boiler_content {
  width:100%;
  margin-bottom: 25px;
}
.boiler_content div h4 {
  color: #fff;
  font-size:1.6em;
  font-weight:bold;
  margin-bottom:0.3em;
  text-transform: uppercase;
}
.boiler_content div h4 a{
  color: #fff;
  text-decoration: none;
}
.boiler_content ul li a {
  font-size:1.2em;
}
.boiler_content ul li a:hover {
  color: #d81e2d;
}
.boiler_content div {
  width: 32%;
  margin-left: 2%;
}
.boiler_content div.first {
  margin-left: 0px;
}
.boiler_content div.first h5 {
  line-height: 1.2em;
  margin: 0px;
  text-decoration: none;
}
.boiler_content div.first h5 a {
  text-decoration: none;
}
.boiler_content div.contact {
  background: transparent url('/images/callouts/USA_back.png') no-repeat scroll 90% 50%;
}
.boiler_content div.contact p {
  line-height: 1.3em;
}
/*	------------------------- columns -------------------------
  stacking the classes like this alows me to switch up the layout easily.. if I want the 
  left one or the right one to be shorter.. I can sitch one class, but still have the padding
  intact..
*/
div.column {
}
.column.wide {
  width: 68%;
}
.column.thin {
  width: 28%;
}
.column.right {
  padding-left: 3%;
}
.column.left {
}
.column.side {
  width: 17%;
}
.column.main {
  width: 80%;
}
.column.half {
  width: 48.5%;
}
.column.liberal {
  width: 53%;
}
.column.conservative {
  width: 44%;
}
.column.adjust {
  width: 100%;
}
.column.full {
  width: 98%;
  padding: 0 1%;
}
fieldset.column.half {
  width: 44%;
  padding: 10px 2%;
}
fieldset.column.right {
  margin-left: 3%;
}
fieldset.column.full {
  padding: 10px 2%;
  width: 96%;
}
/*	------------------------- utitlity bar -----------------------
*/
.utility_bar {
  width: 100%;
  padding: 20px 0px;
}
.utility_bar .breadcrumb {
  float: left;
}
.utility_bar .breadcrumb li {
  float: left;
  font-size: 1.4em;
  padding-left: 10px;
  background: transparent url(/images/global/icons/breadcrumb_arrow.png) scroll no-repeat 0 6px;
  margin-left: 8px;
  padding-left: 14px;
  text-transform: uppercase;
}
.utility_bar .breadcrumb li a, .utility_bar .breadcrumb li {
  color: #000;
}
.utility_bar .breadcrumb li:first-child {
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}
.utility_bar .page_tools {
  float: right;
}
.utility_bar .page_tools a {
  padding: 3px;
}
.utility_bar .page_tools #text_resize {
  display: none;
}
.utility_bar .page_tools #emailer {
  background: url(/images/global/icons/email.png) right no-repeat;
  padding-right: 25px;
}
.utility_bar .page_tools #rss {
  background: url(/images/global/icons/rss.png) right no-repeat;
  padding-right: 20px;
}
.utility_bar .page_tools #print {
  display: none;
  background: url(/images/global/icons/print.png) right no-repeat;
  padding-right: 25px;
}
.utility_bar .page_tools li {
  float: left;
  height: 17px;
  padding: 0 7px;
}
/*	------------------------- vehicle chooser --------------------
*/
.vehicle_chooser {
  width: 100%;
  border-top: 1px solid #a41100;
  position: absolute;
  background-color: #d81e2d;
  top: 135px;
  left: 0;
  height:28px;
  z-index: 1;
  overflow: visible;
}
.vehicle_chooser h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 28px;
  float: left;
  height: 28px;
  cursor: pointer
}
.vehicle_chooser .x_actions {
  width: 100%;
}
.vehicle_chooser .chooser {
  height: 0px;
  width: 100%;
  border: 1px solid #ae1408;
  border-width: 0px 1px 1px 1px;
  background: #c31624 url(/images/vehicle/main_chooser_back.png) repeat-x scroll 0 0;
  overflow: hidden;
  clear: both;
}
.vehicle_chooser .arrow {
  position: relative;
  cursor: pointer;
  padding: 8px 0px 7px 20px;
}
.vehicle_chooser .arrow.for_x {
  padding: 8px 0px 7px 0px;
  display: none;
}
.vehicle_chooser .wrap {
  width: 10000px;
  position: relative;
  float: left;
}
.vehicle_chooser .year .wrap {
  clear: both;
}
.vehicle_chooser .model .wrap {
  width: 100%;
}
.vehicle_chooser .outer, .vehicle_chooser .model {
  width: 92%;
  margin: 11px 4%;
  overflow: hidden;
}
.vehicle_chooser .model {
  margin-bottom: 40px;
}
.vehicle_chooser .smart_button {
  background: transparent url(/images/global/icons/chooser_arrows.png) scroll no-repeat 0% 62%;
}
.vehicle_chooser .smart_button.left {
  background-image: url(/images/global/icons/left_arrow.png);
  background-position: 1.7% 62%;
  cursor: pointer;
}
.vehicle_chooser .smart_button.right {
  background-image: url(/images/global/icons/arrow.png);
  background-position: 98% 62%;
  cursor: pointer;
}
.vehicle_chooser .smart_button:first-child {
  background-position: 1.7% 41%;
}
.vehicle_chooser .smart_button:first-child.left {
  background-position: 1.7% 41%;
}
.vehicle_chooser .smart_button:first-child.right {
  background-position: 98% 41%;
}

.vehicle_chooser .brand li, .vehicle_chooser .year li {
  width: 107px;
  display: block;
  float: left;
  margin-right: 4px;
  cursor: pointer;
}
.vehicle_chooser .brand img {
  opacity: .85;
  filter:alpha(opacity=85);
}
.vehicle_chooser .brand img:hover, .vehicle_chooser .brand li.active img {
  opacity: 1;
  filter:alpha(opacity=100);
}
.vehicle_chooser .year li:hover, .vehicle_chooser .year li.active {
  color: #a41100;
  background-color: #fff;
}
.vehicle_chooser .brand img {
  width: 107px;
  height: 64px;
  display: block;
  float: left;
}
.vehicle_chooser .brand li h6 {
  clear: both;
  color: #FFFFFF;
  float: left;
  padding: 3px 0px;
  text-align: center;
  width: 100%;
}
.vehicle_chooser .year li {
  line-height: 64px;
  font-size: 2.8em;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.vehicle_chooser .model ul {
  float: left;
  clear: left;
  margin-top: 10px;
}
.vehicle_chooser .model ul li {
  float: left;
  margin-right: 1px;
  border-right: 1px solid #d81e2d;
  padding: 7px 20px 10px 20px;
}
.vehicle_chooser .model ul li h4 {
  color: #fff;
  margin-right: -5%;
  font-size: 1.4em;
  font-weight: bold;
}
.vehicle_chooser .model ul li a {
  display: block;
  float: left;
  clear: left;
  padding-right: 15px;
  padding-top: 3px;
  font-weight: normal;
  color: #E7E7E7;
  font-size: 1.3em;
  opacity: .9;
  filter:alpha(opacity=90);
  max-width: 120px;
  padding-left: 10px;
  background: transparent url(/images/global/icons/list_marker_white.png) no-repeat scroll 0 8px
}
.vehicle_chooser .model ul li a:hover {
  opacity: .7;
  filter:alpha(opacity=70);
}
.vehicle_chooser .model ul li a img {
  padding : 0 6px 3px 0;
  width: 5px;
}
/* -----------------------------------------------------------
/* ------------------------- cLone ----------------------------
*/
.home .vehicle_picker {
  background: transparent url(/images/home/vehicle_chooser_back.png) repeat-x scroll 0 0;
  width: 32%;
  padding: 20px;
  overflow: hidden;
}
.home .vehicle_picker h3 {
  font-size: 2em;
  font-weight: bold;
  color: #d81e2d;
  text-transform: uppercase;
  letter-spacing: -0.05em;
}
.home .vehicle_picker p {
  font-size: 1.1em;
  line-height: 1.8em;
  margin-top: 3px;
  margin-bottom: 10px;
}
.home .vehicle_picker .brand_stay {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.home .vehicle_picker .brand_stay img {
  float: left;
  height: 35px;
}

.home .vehicle_picker .brand_stay h4 {
  font-size: 1.8em;
  float: left;
  color: #d81e2d;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -0.05em;
  line-height: 35px;
  padding-left: 15px;
}
.home .vehicle_picker .brand_stay span {
  display: block;
  float: right;
  padding: 5px 15px;
  font-size: 1.2em;
  color: #fff;
  margin: 5px 0;
  cursor: pointer;
  text-transform: capitalize;
  background-color: #cbcbcb;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.vehicle_picker .chooser {
  width: 800%;
  margin-top: 20px;
}
.vehicle_picker .chooser h3 {
  display: none;
}
.vehicle_picker .arrow {
  left: 10px;
  position: relative;
  top: 9px;
  cursor: pointer;
}
.vehicle_picker .wrap {
}
.vehicle_picker .year .wrap {
}
.vehicle_picker .model .wrap {
  width: 100%;
}
.vehicle_picker .outer, .vehicle_picker .model {
  width: 308px;
  margin-right: 30px;
}
.vehicle_picker ul, .vehicle_picker li {
  float: left;
}
.vehicle_picker .brand li {
  text-align: center;
  cursor: pointer;
  margin-bottom: 3px;
  width: 100px;
}
.vehicle_picker .brand li h6 {
  clear: both;
  float: left;
  padding: 3px 0px;
  text-align: center;
  width: 100%;
}
.vehicle_picker .brand li img {
  float: left;
  width: 100px;
}
.vehicle_picker .year li, .vehicle_picker .model ul li {
  line-height: 1.4em;
  font-size: 1.6em;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 20px;
}
.vehicle_picker .model ul {
  clear: both;
}
.vehicle_picker .model ul li {
  clear: both;
  padding: 3px 0px;
}
.vehicle_picker .model ul li span {
  font-style: italic;
  padding-left: 7px;
  font-weight: normal;
}
.vehicle_picker .model ul li a {
  background:transparent url(/images/global/icons/list_marker.png) no-repeat scroll 10px 10px;
  clear:left;
  float:left;
  display: block;
  font-size:0.8em;
  padding-left:20px;
  opacity: .85;
  filter:alpha(opacity=85);
}
.vehicle_picker .model ul li a:hover {
  opacity: .5;
  filter:alpha(opacity=50);
}
/* ------------------------- product grid -----------------------
*/
.product.grid {
  
}
.product.grid .item {
  background: transparent url(/images/global/checkerd.png) repeat scroll 0 0;
  margin: 0px 10px 10px 10px;
  width: 212px;
}
.product.grid .item:hover {
  background: transparent url(/images/global/checkerd_black.png) repeat scroll 0 0;
}
.product.grid .item .border {
  margin: 5px 2%;
  padding: 2px 1%;
  width: 94%;
  background-color: #fff;
}
.product.grid .item .wrap {
  background: #e9e9e9 url(/images/products/view_details.png) no-repeat scroll 0% 96%;
  padding-bottom: 40px;
}
.product.grid .item .wrap h4 {
  margin: 0px 10px 5px 10px;
  text-transform: uppercase;
  line-height: 1.1em;
}
.product.grid .item .wrap h5 {
  line-height: 1.1em;
  margin: 5px 10px 0px 10px;
}
.product.grid .item img {
  width: 100%;
  border: 0px solid #fff;
  border-width: 1px 0px;
}
.product.grid .item a {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* ------------------------- product ---------------------------
*/
.product {
  width: 100%;
}
/*	------------------------- product detail ---------------------
*/
.product.detail h1 {
  font-size: 3.6em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -.1em;
}
.product.detail h1 em {
  color: #d81e2d;
}
.product.detail h1 span {
  font-size: 0.5em;
  font-style: italic;
  letter-spacing: -0.09em;
}
.product.detail h2 {
  color: #d81e2d;
}
.product.detail h2 span {
  letter-spacing: -0.05em;
}
.product.detail fieldset {
  clear: both;
}
.actioners {
  margin-top: 20px;
}
.product.detail .column.side {
  width: 22%;
  margin-top: 55px;
}
.product.detail .column.main {
  width: 75%;
  margin-top: 20px;
}
.product.detail .socials {
  width: 100%;
}
.product.detail .socials h6 {
  border-bottom: 1px solid #e7e7e7;
  width: 100%;
  font-size: 1.6em;
  margin-top:5px;
  cursor: pointer;
}
.product.detail .socials h6 em {
  font-size: .8em;
  padding-left: 1em; 
}
.product.detail .socials ul {
  padding: 0px;
  height: 0px;
  overflow: hidden;
  width: 100%;
}
.product.detail .socials ul li{
  width: auto;
  float: left;
  clear: none;
}
.product.detail .socials a {
  text-indent: 30px;
  width: auto;
  font-size: 1.4em;
  background-position: 0 0;
  width: 9em;
  text-decoration: none;
}
.product.detail .photos {
  height: 300px;
  margin-bottom: 20px;
}
.product.detail .photos .frame {
  height:94%;
}
.product.detail .photos .frame .framed {
  height:98%;
}
.product.detail .photos .thumb_container {
  left: 90%;
  top: 100%;
  z-index: 1;
}
.thumb_container img {
  margin-left:5px;
  opacity: .4;
  filter:alpha(opacity=40);
  width: auto;
  cursor: pointer;
}
.product.detail .photos span {
  position: absolute;
  top: 0px;
  left: 0px;
}
.part_choose label {
  width: auto;
}
.part_choose label strong {
  color: #d81e2d;
  padding-left: 7px;
}
.special-deals h5 {
  color: #909090;
}
.special-deals th h5 {
  color: #707070;
}
/*	------------------------- product tabs -----------------------
*/
.product-tabs {
  width: 100%;
  margin-bottom: 30px;
}
ul.tabs {
  float: left;
  padding-left: 30px;
  position: relative;
  top: 1px;
  z-index: 1;
}
ul.tabs li {
  float: left;
  background: #fff url(/images/content/tabs_back.png) repeat-x scroll 0 0;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: 2px;
  cursor: pointer;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  line-height: 1em;
}
#checkout ul.tabs {
  width: 90%;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 0px;
}
#checkout ul.tabs li {
  position: relative;
  top: 1px;
}
ul.tabs li a {
  color: #fff;
  text-decoration: none;
}
ul.tabs li.active, ul.tabs li.current {
  background-image: none;
  color: #000;
  border: 1px solid #e7e7e7;
  border-bottom-width: 0px;
}
ul.tabs li.active, ul.tabs li.current a {
  color: #000;
}

.tab-content {
  display: none;
  width: 100%;
  padding: 20px 30px;
  border: 1px solid #e7e7e7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  clear:both;
}
/*	------------------------- table tooltip -----------------------
*/
.toolTip {
  background: #e7e7e7;
  border: #9b9b9b solid 0.1em;
  color: #333;
  cursor: pointer;
  display: none;
  font-style: italic;
  padding: 0.4em 1em;
  position: absolute;
  left: 5.0em;
  top: auto;
  margin-top: -2.2em;
  width: 350px;
}
/* ------------------------- home carousel ---------------------
*/
.home .carousel {
  margin-left: -85px;
  height: 475px;
  width: 700px;
}
.carousel .callout {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 475px;
  width: 700px;
  background-color: #fff;
  display: none;
}
.carousel .callout img {
  float: left;
  z-index: 1;
}
.carousel .links {
  float: right;
  margin-top: -53%;
  margin-right: 35px;
  z-index: 2;
}
.carousel .links a {
  float: right;
  display: block;
  clear: both;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  color: #d81e2d;
  font-size: 1.2em;
}
.carousel .links a {
  opacity: .8;
  filter:alpha(opacity=80);
}
.carousel .thumb_container {
  float: right;
  margin-top: 63%;
  z-index: 2;
  margin-right: 20px;
}
.carousel .thumb_container img{
  margin-left: 5px;
  opacity: .4;
  filter:alpha(opacity=40);
  cursor: pointer;
}
/* ------------------------- blog -----------------------------
*/
.blog h1 {
  border-bottom: 1px solid #e7e7e7;
}
.blog h1 a {
  text-decoration: none;
}
.blog h1 a:hover {
  color: #d81e2d;
  opacity: .7;
  filter:alpha(opacity=70);
  border-color: #d81e2d;
}
.blog .author {
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  line-height: 1.3em;
  font-size: 1.1em;
  padding-top: 5px;
  margin: 10px 0px 20px 0px;;
}
.blog .article-comment-info {
  clear: both;
  float: left;
  width: 100%;
}
.blog .article-comment-info a {
  margin-right: 10px;
}
.blog .article-comments {
  width: 100%;
}
.blog .article-comment {
  width: 92%;
  padding: 0px 4% 10px 4%;
}
.blog .article-comment h4 {
  background-color: #f7f7f7;
  color: #909090;
  float: left;
  clear: both;
  width: 100%;
  font-size: 1.4em;
  padding: 5px 4%;
  margin-left: -4%;
}
.blog .article-comment h4 strong {
  float: left;
}
.blog .article-comment h4 em {
  float: right;
  font-size: .8em;
  font-weight: normal;
  font-style: normal;
}
.blog .post_content {
  width: 100%;
}
.blog .article-post-comment {
  
}
.article-post-comment {
  float: left;
  width: 100%;
}
.article-post-comment .column.full {
  width: 96%;
  padding: 2% 2% 0px 2%;
  background-color: #e3e3e3;
}
.article-post-comment .column.full h3 {
  color: #909090;
}
.article-post-comment span.framed.left {
  margin-bottom: 5px;
}
.article-post-comment textarea, .article-post-comment input[type=text] {
  width: 100%;
  margin: 0px 0px 10px 0px;
  background-color: #e3e3e3;
}
.article-post-comment textarea {
  height: 20em;
}
.article-post-comment input[type=submit] {
  margin-right: 0px;
  float: right;
}
.article-post-comment form {
  width: 100%;
  margin: 10px 0px;
  background-color: #f7f7f7;
}
/* ------------------------- main content ----------------------
*/
.main .socials {
  margin-top: 10px;
  padding-top: 7px;
  border-top: 1px solid #e7e7e7;
  width:100%;
}
/*	------------------------- cart --------------------------
*/
#checkout fieldset, fieldset.legend_of {
  border: solid 1px #e7e7e7;
  padding: 10px 2%;
  margin-bottom:10px;
}
#checkout fieldset table {
  width: 100%;
}
fieldset table td {
  padding-top: 5px;
}
#checkout table label {
  width: auto;
  padding-right: 0;
}
.button-to {
  margin-right: 1em;
}
div.functions form.quanity {
  width: auto;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
}
div.functions form.quanity input {
  margin-bottom: 0px;
}
div.item div.functions input#item_quantity {
  width: 3em;
}
div.item div.functions input#item_submit {
  margin-right: 0px;
}
div.item div.functions form.button-to input {
  border: none;
  text-decoration: underline;
  background-image: none;
  text-transform: capitalize;
  margin: 0;
  padding: 3px 0 0 0;
  text-align: left;
}
div.functions form.button-to input.wishlist {
  color: #b2b2b2;
}
div.functions form.button-to input.danger {
  color: #ef9495;
}
/* ------------------------- new checkout ----------------------
*/
fieldset.column.full.cart {
  padding-bottom: 0px !important;
  margin-bottom: 25px;
}
.titles, .item {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
}
.titles h3 {
  float: left;
  font-size: 1.3em;
  color: #909090;
}
.functions {
  width: 20%;
}
.description {
  width: 54%;
}
.description h4 {
  font-size: 1.3em;
}
.savings {
  width: 10%;
  text-align: right;
}
.savings p {
  text-align: right;
}
.price, .totals strong, .totals h3.total {
  width: 15%;
  text-align: right;
}
.price p {
  text-align: right;
  font-size: 1.4em;
  font-weight: bold;
  color: #565656;
}
.totals {
  width: 100%;
  background-color: #f2f2f2;
  padding: 15px 2%;
  margin-left: -2%;
}
.totals.sub {
  background-color: #fafafa;
}
.totals.sub .inline_label {
  margin-top: -30px;
  margin-right: 250px;
}
.totals h4 {
  width: 100%;
  text-align: right;
  float: right;
  font-size: 1.4em;
  color: #909090;
}
.totals h3 {
  color: #565656;
  font-size: 1.7em;
}
.totals strong {
  display: inline-block;
}
.totals form, .totals h3 {
  float: right;
}
.totals form {
  
}
.coupons {
  
}
#checkout .item {
  padding-bottom: 10px;
}
.seals {
  float: right;
  margin-top: 20px; 
}
.seals a {
  margin-left: 10px;
}
.google_checkout {
  clear: both;
  margin-right: 200px;
  margin-top: 10px; 
}
/* ------------------------- checkout navigation -----------------
*/
ul.checkout-progress-indicator {
  width: 100%;
}
ul.checkout-progress-indicator {
  background: transparent url(/images/global/carbon_fiber_texture.png) repeat scroll 0 0;
  width: 100%;
  margin-left: 10px;
  float: left;
  position: relative;
}
ul.checkout-progress-indicator li {
  background: transparent none no-repeat scroll 100% 0;
  font-size: 1.3em;
  float: left;
  padding: 0px;
}
ul.checkout-progress-indicator li a {
  text-decoration: none;
}
ul.checkout-progress-indicator li span {
  padding: 6px 30px;
  margin-left: -10px;
  margin-right: 10px;
  display: block;
  float: left;
  position: relative;
  z-index: -1;
}
ul.checkout-progress-indicator li.before {
  background-image: url(/images/checkout/before_nav_back.png);
  cursor: pointer;
}
ul.checkout-progress-indicator li.before span {
  background-color: #f1f1f1;
}
ul.checkout-progress-indicator li.current {
  background-image: url(/images/checkout/current_nav_back.png);
}
ul.checkout-progress-indicator li.current span {
  color: #fff;
  background-color: #d81e2d;
}
ul.checkout-progress-indicator li.after {
  background-image: url(/images/checkout/after_nav_back.png);
}
ul.checkout-progress-indicator li.after span {
  background-color: #d6d6d6;
}
/* -----------------------------------------------------------
/* ------------------------- product upsells --------------------
*/
.upsells .column.left img {
  width: 100%;
}
.upsells .column.right * {
  line-height: 1.3em;
}
.upsells .column.right p {
  margin: 0px;
}
.upsells .column.right h4 {
  font-size: 1.4em;
}
.upsells .column.right h5 {
  margin-right: 10px;
  float: left;
}
.upsells .column.right input {
  margin-right: 0px;
  clear: both;
  position: relative;
  top: 5px;
}
.upsells .column.right label {
  width: auto;
  margin-left: 10px;
}
.upsells .legend_of div {
  width: 33%;
  border-left: 1px solid #e7e7e7;
}
.upsells div.first {
  border-left-width: 0px;
}
.upsells .legend_of {
  border-bottom-color: #d81e2d;
}
.upsells input[type=submit] {
  float: right;
}
.upsells #continue-to-cart {
  float: right;
}
.upsells form {
  width: 100%;
}
/* ------------------------- General Styles ------------------
  Area used for General css rules
*/

.no_content_tags th {
  border-bottom: solid 1px #e6e6e6;
  font-weight: bold;
  font-size: 1.3em;
}
.no_content_tags strong {
  font-weight: bold;
}
table.no_content_tags td {
  font-size: 1.3em;
  padding-top: 1.5em;
}
.no_content_tags td * {
  font-size: inherit;
}
#their_form div {
  width: 100%;
}
#their_form span {
  display: none;
}
/*	------------------------- map ----------------------------
*/
.location_finder form {
  width: 100%;
}
.location_finder fieldset {
  padding: 0px;
}
.location_finder .locations-filter label {
margin-right:0;
padding-right:10px;
}
.location_finder .locations-filter #origin, 
.location_finder .locations-filter #state, 
.location_finder .locations-filter #radius {
margin-right:30px;
}
.location_finder .locations-filter #origin {
	width: 60px;
}
.map_chose {
  border: 1px solid #ccc;
  background: #fff url(/images/global/gradient_back.png) scroll repeat-x 0 100%;
  overflow: hidden;
  height: 460px;
  margin: 10px 0px;
}
.map_chose dl {
  float: left;
  padding: 0px 10px;
  width: 200px;
}
.map_chose dl dd, .map_chose dl dt {
  margin-left: 0;
  line-height: 1.3em;
}
.map_chose dl dd {
  margin-left: 0;
  line-height: 1.3em;
}
.map_chose .column.head {
  padding: 5px 0px;
  z-index: 2;
  width: 100%;
}
.map_chose .column.head h6 {
  float: right;
  margin: 5px 0;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0px 10px;
}
.map_chose .column.head h6:first-child {
  float: left;
  font-weight: normal;
}
.map_chose a {
  text-decoration: none;
}
.map_chose .column.body {
  border-top: 1px solid #ccc;
  padding: 5px 0px;
  z-index: 2;
  overflow: auto;
  height: 415px;
  width: 100%;
}
#map {
  z-index: -1;
  position: absolute;
  top: 13px;
  left: 304px;
}
/* -----------------------------------------------------------
/* ------------------------- cLone ----------------------------
*/
.searchResult {
  margin-bottom: 1.2em;
}
.searchResultSection .highlight {
  color: #d81e2d;
}
.searchResultSection h3 a {
  color: #d81e2d;
}
.searchResultSection p, .searchResultSection h3 {
  margin: 0;
}
/* -----------------------------------------------------------
/* ------------------------- cLone ----------------------------
*/
/* -----------------------------------------------------------
/* ------------------------- cLone ----------------------------
*/
.stricken_price {
	text-decoration: line-through;
	color: #831E27;
	font-weight: normal;
	font-size: 20px;
}