@import "reset.css";

/* 
	container_width = width:960px;
	content_width = width:960px;
	secondary_font_size = font-size:12px;
	secondary_line_height = line-height:16px; 
    generic_column_spacing = 20px;
*/

body { 
	font-size:14px; 
	color:#000;
}

ul, ul li { margin:0; padding:0; list-style:none; }
a, a:link, a:visited, a:hover { text-decoration:none; color:#888; }

/*a.button, a.button:link, a.button:visited, a.button:hover { color:#FFF; } */

p { font-size:14px; line-height:20px; }
p.date { font-size:12px; padding:0; }

.help {
    font-size:10px; 
    line-height:14px;
    font-style:italic;
}

.align_right { text-align:right; }
.float_right { float:right; }
/*::-moz-selection{ background: #f7941d; color:#fff; text-shadow: none; }
::selection { background:#f7941d; color:#fff; text-shadow: none; }*/

section {
	float:left; position:relative;
	width:100%;
	text-align:center;
}

#wrap, #footer {
	float:left;
	position:relative;
	width:100%;
}

#global { 
	background:#F0F0F0;
}

#content {
	width:960px; /* container_width */
	float:left; position:relative;
}

#content section { 
	float:left;
	position:relative;
	width:960px; /* content_width */
	margin:0;
	text-align:left;
}

.hide_text {
    float: left;
    height: 0;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
}

.hidden { display:none; visibility:hidden; }

.margin_bottom { margin:0 0 20px 0; }

.margin_zero, #content section.margin_zero { margin:0; }

.last { margin-right:0; }
.first { margin-left:0; }

.decouple { float:right; }

.position {
	width:960px; /* container_width */
	margin:0 auto;
	text-align:left;
}

.block { float:left; position:relative; }

.loader {
    float:left; position:absolute;
    width:47px;
    height:47px;
    background:url('../img/loader.png') no-repeat 0 0;
    z-index:99;
    top:50%;
    left:50%;
    margin:-23px 0 0 -23px;
}

.container { 
	float:left; position:relative;
	width:960px; /* container_width */
}

.center { text-align:center; }

.full_width_header {
    float:left; position:relative; 
    width:100%; 
    background:#f0f0f0;
}

#secondary_nav.position .container {
	position:absolute;
}

#global header {
	float:left; position:relative;
}

#global h1#logo {
	float:left; position:relative;
	margin:20px 0 15px;
}

#global h1#logo a, #global h1#logo a:link, 
#global h1#logo a:visited, #global h1#logo a:visited {
	float:left; position:relative;
	width:220px;
	height:40px;
	text-indent:-9999px;
	background:#e0e0e0;
}

ul#nav_global {
	float:left; position:relative;
	width:960px; /* container_width */
	text-align:left;
	padding:4px 0;
}

ul#nav_global li {
	float:left; position:relative;
}

ul#nav_global li a, ul#nav_global li a:link, ul#nav_global li a:visited {
	float:left; position:relative;
}

ul#nav_global li a:hover {}
ul#nav_global li.current a {}

ul#nav_global li.decouple {
	float:right; 
}

#global_secondary {
	float:left; position:absolute;
	width:100%;
	top:0;
}

ul#nav_global_secondary {
	float:right;
	position:absolute;
	right:0;
	top:20px;
	font-size:12px; /* secondary_font_size */
}

ul#nav_global_secondary li { 
	float:left; position:relative; 
}

ul#nav_global_secondary li#nav_cart {
    position:absolute;
    right:0;
    top:30px;
    border:none;
    padding:0;
}

ul#nav_global_secondary li.last { padding-right:0; }

ul#nav_global_secondary li a, ul#nav_global_secondary li a:link, ul#nav_global_secondary li a:visited { }
ul#nav_global_secondary li a:hover { }

ul#nav_footer { 
	float:right; 
	position:relative; 
	width: 960px; /* container_width */
}

ul#nav_footer li {
	float:right; 
	position:relative;
	font-size:12px; /* secondary_font_size */
}

ul#nav_footer li a {}

ul#nav_footer li a:hover {}

ul#nav_footer li.first { margin-left:0; }
ul#nav_footer li.last { margin-right:0; }

ul#nav_footer li.decouple {
	float:left; 
	margin-left:0;
}

ul#nav_footer li.decouple ul, ul#nav_footer li.decouple ul li { 
	float:left; 
	position:relative; 
}

ul#nav_footer li.decouple p.copyright { 
	font-size:12px; /* secondary_font_size */
	line-height:16px; /* secondary_line_height */
}

.header_wrap {
	background-color:#fbfbfb;
}

.header_wrap h1, .header_wrap h2, .header_wrap h3 {
	font-size:16px;
	line-height:16px;
	margin:0 0 0 7px;
	padding:11px 0 9px 8px;
	background-color:#fbfbfb;
}

#empty_page {
    width:500px; 
    margin:0 auto;
    background:#f6f6f6;
    border:1px solid #d2d2d2;
}

/* elements */
.graphic, .accent_graphic, .twitter, .facebook {
	float:left; 
	position:relative;
	text-indent:-9999px;
	display:block;
	background:url('../img/elements.png') no-repeat 200px 200px; /* elements_sprite */
}

.accent_graphic { 
    width:8px; 
    height:13px; 
    padding:0;
    margin-left:5px;
    background-position:-120px 0px; 
}

.accent_button {
    font-size:14px;
    line-height:14px;
}

.sub_accent_button {
    font-size:13px;
    line-height:14px;
}

.accent_button span, .sub_accent_button span { 
    float:left; position:relative; 
}

.sub_accent_button .accent_graphic {
    background-position:-120px -60px;
}

.position_accent_block {
    margin:0 auto; 
    width:450px;
}

.accent_block {
    margin:0 auto;
    width:450px;
    background:#fbfbfb;
    float:left;
    position:relative;
}

.accent_block ul.connect {
   float:left; position:relative;
}
.accent_block ul.connect li,
.accent_block ul.connect li a { 
    float:left; 
    position:relative; 
    width:150px;
}

.accent_block ul.connect li.facebook { background:none; text-indent:0; height:auto; }
.accent_block ul.connect li span { float:left; position:relative; }

.accent_block ul.connect li span.icon { width:16px; height:16px; background:url('../../simplecartcore/img/catalog.png') no-repeat -241px 0; margin:-1px 5px 0 0;}

.accent_block ul.connect li.webcube span.icon { background-position:-301px 0; }
.accent_block ul.connect li.facebook span.icon { background-position:-241px -60px; }

.post_accent_block {
    float:left; position:relative;
    margin-top:20px;
    text-align:center;
    width:452px;
}

.rss { 
    float:left;
    position:absolute;
    width:16px; 
    height:16px; 
    text-indent:-9999px;
    margin-left:10px;
    background:url('../img/elements.png') no-repeat -241px -121px; /* elements_sprite */
}
.rss:hover { background-position:-241px -181px; }

#content_wrap ul.paginator {}
#content_wrap ul.paginator li {float:left; position:relative; list-style:none; margin:0; }
#content_wrap ul.paginator li a { }
#content_wrap ul.paginator li.previous a, 
#content_wrap ul.paginator li.next a {
    width:8px;
    height:14px;
    background:#d0d0d0 url('../img/elements.png') no-repeat -10px -7px;
    text-indent:-9999px;
    display:block;
}

#content_wrap ul.paginator li.next a { background-position:-71px -7px; }

#content_wrap ul.paginator li.previous a:hover, 
#content_wrap ul.paginator li.next a:hover { background-color:#666; }

ul.share_services {
    float:left; position:relative;
}

ul.share_services li, ul.share_services li p, ul.share_services li a {
    float:left; position:relative;
    background:none;
}
ul.share_services li a { /* facebook */
    margin-left:10px;
    background:url('../img/elements.png') no-repeat 0 -241px;
    text-indent:-9999px;
    width:16px;
    height:16px;
}
ul.share_services li.twitter a { background-position:-60px -241px; }
ul.share_services li.delicious a { background-position:-120px -241px; }
ul.share_services li.stumbleupon a { background-position:-180px -241px; }
ul.share_services li.e-mail a { background-position:-240px -241px; }
ul.share_services li .print a { background-position:-179px -119px; float:right; }

ul.share_services li a:hover { background-position:0 -301px;}
ul.share_services li.twitter a:hover { background-position:-60px -301px;}
ul.share_services li.delicious a:hover { background-position:-120px -301px;}
ul.share_services li.stumbleupon a:hover { background-position:-180px -301px;}
ul.share_services li.e-mail a:hover { background-position:-240px -301px;}

ul.share_services li .print a:hover { background-position:-180px -179px; }

ul.share_services li.decouple { 
    float:right; 
}

.facebook, #nav_footer_facebook a {
	width:24px;
	height:24px;
	background-position:-181px 0px;
}

#nav_footer_facebook a:hover { background-position:-181px -60px; }

.twitter, #nav_footer_twitter a {
	width:24px;
	height:24px;
	background-position: -241px 0px;
}
#nav_footer_twitter a:hover { background-position:-241px -60px; }

.item { float:left; position:relative; }

.graphic_with_text { padding-bottom:10px; }
.graphic_with_text span { line-height:26px; }
.graphic_with_text .facebook, .graphic_with_text .twitter { margin-right:10px; }

/* form styling */
form,
form input, 
form select, 
form label,
form textarea,
form p,
form .help,
form ul.errorlist { 
    float:left; position:relative;
}

form, form p { width:500px; padding:0 0 10px 0; }

form input, form textarea { width:244px; padding:7px; }
form label { width:230px; padding:7px 10px 0 0; text-align:right; }

form input.button { padding:5px 30px; }

form input.button, form input.submit, form input.sub_accent_button { width:auto;  }

form ul.errorlist, form p.no_label, form .help {  /* consider moving p.no_label */
    margin:0 0 10px 240px; 
    width:260px;
}

form input[type="file"] { border:none; padding-left:0; }

/* what does this break? answer:accounts! */
form p.no_label { margin-left:0; }

.accounts form p.no_label { margin-left:240px; }

form ul.errorlist li { padding:0 0 5px;}
form .help { margin-bottom:0; margin-top:5px; }
/* form .error input { border-color:#c00; } */

input, 
textarea { outline:0; }

form input { 
    border:1px solid #c0c0c0;
    background:#FFF;
    padding:3px 5px 2px 5px;
}

form input[type="password"]:focus,
form textarea:focus,
form input[type="text"]:focus {
    border:1px solid #999;
    background:#fbfbfb;
}

.accent_block form, .accent_block form p { width:450px; }
.accent_block form input, .accent_block form textarea { width:219px; }
.accent_block form label { width:207px; }

.accent_block form ul.errorlist, 
.accent_block form p.no_label,
.accent_block form p span.help { 
    margin:0 0 10px 217px; 
    width:219px;
}
.accent_block form input.button { width:auto; }

.column_nav form, 
.column_nav form p,
.column_nav form p label,  
.column_nav form p input {
    width:210px;
}

.column_nav form p.no_label { margin-left:0; }


/* home */
#hero { 
	float:left; position:relative;
	width:960px; /* container_width */
}

/* CTAs */
.cta { float:left; position:relative; }

.cta .cta_item a,
.cta .cta_item img,
.cta .cta_item a img {
    display: block;
}

.cta .cta_item {
    position: absolute;
    left: 0;
    top: 0;
}
.cta .controls .pager {
    position: absolute;
    bottom: 0;
    right: 0;
}
.cta .controls .pager li {
    float: left;
}

/* columns */
.column_nav, .column_form {
	float:left; position:relative;
	width:210px; /* column_nav_width */
	padding:0 30px 0 0;
}

.column_nav .block { width:210px; }

.row { float:left; position:relative; }

.nav_right .column_nav, .nav_right .column_form { float:right; padding:0 0 0 30px;}

.column_content .block,
.column_content section,
.column_content {
	float:left; position:relative;
	width:720px; /* column_content_width */
}

.column_nav ul li p { 
	font-size:13px; 
	line-height:16px; 
	padding:0;
}

.column_nav ul li p.date { 
	font-size:11px; 
}

.column_content ul.share_services {
    float:left; position:relative;
    width:720px; /* column_content_width */
}

.column2, 
.column3, 
.column4, 
.column5 {
    float:left; 
    position:relative;
    width:960px; /* content_width */
}

.column, .column_last { 
    float:left; 
    position:relative;
}

.column_last { margin-right:0 }

.column2 .column, .column2 .column_last { width:480px; }
.column3 .column, .column3 .column_last { width:320px; }
.column4 .column, .column4 .column_last { width:240px; }
.column5 .column, .column5 .column_last { width:192px; }

.column_content .column2, 
.column_content .column3,
.column_content .column4, 
.column_content .column5 {
    width:720px;
}

.column_content .column2 .column, .column_content .column2 .column_last  {
    width:360px;
}

.column_content .column3 .column, .column_content .column3 .column_last {
    width:240px;
}

.column_content .column4 .column, .column_content .column4 .column_last {
    width:180px;
}

.column_content .column2 .column_last, 
.column_content .column3 .column_last,
.column_content .column4 .column_last, 
.column_content .column5 .column_last {
    margin-right:0;
}


.controls { }

.controls .prev { float:left; position:relative; }
.controls .prev.disabled {}
.controls .next { float:right; position: relative; }
.controls .next.disabled {}

/* app:news */
.news .entry { width:720px; }

.post { }

/* app:dealerlocator */
.locator {}
    #map_holder { width:675px; height:375px; }


/* js:overlay */
/*
.overlay_wrap {
    top:0;
    left:0;
}
*/
.overlay { 
    float:left; 
    position:relative;
    width:626px;
    background:#FFF;
    z-index:999;
}
.ie6 .overlay { 
    float: none;
    position:absolute;
    top: 0;
    left: 0;
}

.overlay_wrap, .overlay_bg { 
    float:left; 
    position:fixed; 
    width:100%;
    height:100%;
    z-index:990;
}

.ie7 .overlay_wrap, .ie7 .overlay_bg {
    left: 0;
    top: 0;
}
.ie6 .overlay_wrap, .ie6 .overlay_bg {
    float: none;
    position:absolute;
    margin-top: 0;
    top: 0;
    left: 0;
}
/* IE6 Fixed Position Jitter Fix */
.ie6,.ie6 body   {background-image:url(about:blank);background-attachment:fixed;}


.overlay_bg { 
    background:#000; 
    opacity:.1;
    filter:alpha(opacity=10);
}

.overlay form { padding:0; width:626px; }
.overlay .thumb, .overlay .info { float:left; position:relative; }

.overlay .thumbnails { float:left; position:relative; width: 284px; overflow:hidden; }
.overlay .thumbnails ul { float:left; position:relative; width:10000px; }
.overlay .thumbnails ul li { float:left; position:relative; padding:0; }
.overlay .thumbnails ul li img { width:92px; }

.overlay .controls { width:283px; }

.overlay .thumb .display,
.overlay .thumb .display img { width:323px; }

.overlay .info { width:303px; }

.overlay .close { float:left; position:absolute; top:10px; right:10px; display:block; cursor:pointer; z-index: 1000;}

/* Dropkick - exploratory  */

/* One container to bind them... */
.dk_container {
  background: #fff;
  font-weight: bold;
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
  }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background:url('../img/dropdown_elements.png') no-repeat 90% center;
  border: 1px solid #ccc;
  color: #333;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }

  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    border-color: #40b5e2;
  }
  .dk_focus .dk_toggle {
    box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    -webkit-box-shadow: 0 0 5px #40b5e2;
  }

/* Applied whenever the dropdown is open */
.dk_open {
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #FFF;
    border-color: #8c8c8c;
    color: #ccc;
  }

/* The outer container of the options */
.dk_options { }
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
    background-color: #eee;
    color: #000;
    text-decoration: none;
    text-shadow: 0 1px #FFF;
  }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  color: #333;
  max-height: 250px;
  text-shadow: #fff 0 1px 0;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/
.dk_container {
  display: none;
  float: left;
  position: relative;
}
  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}


  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

  .dk_options_inner li { padding:0; }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}

/* IE */
.ie8 .overlay_wrap, .ie8 .overlay_bg,
.ie7 .overlay_wrap, .ie7 .overlay_bg,
.ie6 .overlay_wrap, .ie6 .overlay_bg {

}

.ie7 #global_secondary { left:0; }
.ie6 #global_secondary { position:relative; top:-118px;}