/*

  color1 = Body background
  color2 = Theme color (background, links, etc.)
  color3 = Content background
  color4 = Folder with images
  color5 = Menu item
  color6 = Text

*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	margin:                0;
	padding:               0;
	font:                  9pt Tahoma, Helvetica, Arial;
	color:                 #ffffff;
	background:            url(/themes/web/swift/blue/bodybg.gif) repeat-x #323232;;
}

img {
	border:                0px;
}

a {
	color:                 #00aeef;
}

a img {
	vertical-align:        middle;
}

#header {
  padding:               20px 0 0 220px;
  height:                70px;
}

form {
  margin:                0;
}

input.formatted,
textarea.formatted,
input.input,
textarea.input {
	padding:               2px;
  margin:                2px 0;
	border:                1px solid #000000;
}

/* ----------------
// Validation Elements
// ---------------- */

#errorExplanation {
  background:            #ededed;
  padding:               10px;
}

/* ----------------
// Header Elements
// ---------------- */

h1 {
	margin:                0 0 0 0;
	padding:               10px 0 0 0;
}

h2 {
	font-size:             1.1em;
	margin:                0 0 10px 0;
	padding:               0;
	color:                 #7e7e7e7;
}

h3 {
	font-size:             1.1em;
	margin:                0 0 10px 0;
	padding:               0;
	color:                 #7e7e7e;
}

h4 {
	font-size:             1.1em;
	margin:                0 0 10px 0;
	padding:               0;
	color:                 #7e7e7e;
}

h2 a {
  color:                 #7e7e7e7;
  text-decoration:       none;
}

h3 a, h4 a {
  color:                 #7e7e7e7;
  text-decoration:       none;
}

/* ----------------
// Page Elements
// ---------------- */

div#page {
	width:                 980px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -150px auto;
}

#page_wrapper {
	clear:                 both;
	min-height:            1px;
}

/* min-height IE6 */
/*\*/
* html div#page_wrapper {
	height:                1px;
}
/**/

div#content {
	float:                 right;
	min-height:            300px;
  padding:               10px;
/*  background:            #121212;*/
}

/* min-height IE6 */
/*\*/
* html div#content {
	height:                300px;
}
/**/

div#content.frontpage {
  background:            url(/themes/web/swift/blue/contentbg.gif) repeat-x top;
}

div#content.frontpage .pagecontent {
  height:                220px;
}

div#pagebody {
	margin:                0 0 10px 0;
	font-size:             1em;
}

div#pagebody p {
	margin:                0 0 10px 0;
}

#blogentry {
	padding: 10px 0 5px 0;
	text-decoration: none;
	background: url(/themes/web/swift/blue/content_sep.gif) no-repeat top #ffffff;
}

#welcome {
	margin-bottom:         10px;
	height: 70px;
	padding: 40px 10px 0 10px;
	overflow: hidden;
}

.post {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.info {
	font-size: 0.9em;
	color:#999;
	margin-top: -8px;
	padding:0px 0 10px 0;
}

.info a {
	color: #999 !important; /*#3B7EB8 !important; */
	border:0px !important;
}

.info a:hover {
	border-bottom:1px solid  #7e7e7e !important; /*#3B7EB8; !important; */
}

.add_comment {
  padding-top: 10px;
  border-top: 1px solid #eee;
}

.comments .comment {
  margin-bottom: 10px;
  padding: 10px;
  background: #f5f5f5;
}

#footer {
  clear:                 both;
  height:                110px;
  padding:               20px 0;
  margin:                0;
	background:            url(/themes/web/swift/blue/footerbg.gif) repeat-x;
}

#footer .cardlogos {
  float:                 none !important;
  width:                 980px !important;
  margin:                0 auto !important;
}

#page .push {
    height: 150px;
}

/* ----------------
// Main Menu
// ---------------- */

ul#main_menu {
	display:              block;
	list-style-type:      none;
	margin:               0;
	padding:              0;
	height:               13px;
	padding:              0 0 10px 220px;
	font-size:            1.1em;
	font-weight:          bold;
	text-transform:       lowercase;
	overflow:             hidden;
}

ul#main_menu li {
	float:                left;
}

ul#main_menu li.right {
	float:                right;
}

ul#main_menu li a {
	display:              block;
	position:             relative;
	padding:              0 20px 0 0;
	white-space:          nowrap;
	text-decoration:      none;
	color:                #7e7e7e;
}

/* IE fix */
* html ul#main_menu li a {
	width:                1px;
	height:               1px;
}

ul#main_menu li.open a {
  color:                #00aeef;
}

/* ----------------
// Sidebars
// ---------------- */

#sidebar_left h2 {
	font-size:             1.1em;
	text-transform:        lowercase;
	color:                 #ffffff;
}

#sidebar_right h2 {
  color:                 #ffffff;
}

#sidebar_left div.submenu,
#sidebar_left div.collections,
#sidebar_left div.manufacturers {
	background:            #121212;
	min-height:            150px;
  padding:               20px;
  text-transform:        lowercase;
}

#sidebar_left div.manufacturers {
  min-height:            0px;
}

#sidebar_left .submenu h2 {
  display:               none;
}

#sidebar_left input.input,
#sidebar_left input.formatted {
  width:                 120px;
  color:                 #000000;
  background:            #4f4f4f;
}

#sidebar_right .content {
  padding:               0 10px 10px 10px;
  background:            #00aeef;
}

#sidebar_right .content h2 {
  font-size:             1.3em;
  padding-bottom:        10px;
  border-bottom:         1px dotted #ffffff;
}

#sidebar_right .content em {
  font-style:            normal;
  color:                 #000000;
}

#sidebar_right .content input.input,
#sidebar_right .content input.formatted {
  width:                 194px;
  border:                1px solid #0187b9;
}

#sidebar_right .content button {
  float:                 right;
  padding:               5px;
  margin:                10px 0;
  font-size:             1em;
  color:                 #ffffff;
  background:            #005c7f;
  border:                0px;
}

#sidebar_right .content label {
  display:               block;
  font-size:             0.8em;
  color:                 #000000;
}

#sidebar_left .sidebarlist {
}

#sidebar_right .sidebarlist {
	margin-bottom:         20px;
}

#sidebar_left .sidebarlist ul {
	padding:               0;
}

#sidebar_right .sidebarlist ul {
	padding:               0;
}

.sidebarlist ul li {
  color:                 #7e7e7e7;
	padding:               0 0 2px 0;
}

.sidebarlist ul li a {
  color:                 #7e7e7e7;
  text-decoration:       none;
}

.sidebarlist ul li.open a {
  color:                 #ffffff;
}

.sidebarlist button {
  padding:               2px;
  background:            #00aeef;
  border:                1px solid #000000;
}

/* Mailing List */

#sidebar_left .mailinglist {
  margin:                0 20px;
  text-transform:        lowercase;
}

#ml_button {
}

/* Footer */

#sidebar_left .footertext {
  color:                 #7e7e7e7;
  padding:               40px 20px 10px 20px;
}

#sidebar_left .footertext em {
  font-style:            normal;
  font-weight:           bold;
  color:                 #00aeef;
}

#sidebar_left .footertext a {
  color:                 #7e7e7e7;
}

#sidebar_left .poweredby {
  display:               block;
  margin:                80px 0 10px 0;
  font-size:             0.8em;
  text-transform: uppercase;
  text-decoration: none;
  -moz-opacity:          0.5;
  filter:                alpha(opacity=50);
  opacity:               0.5;
}

/* ----------------
// Layout Columns
// ---------------- */

div#sidebar_left {
  margin:                0px;
  padding-left:          50px;
  width:                 170px;
}

div#sidebar_right {
  margin:                0px;
}

.column_small {
  width:                 220px;
}

.column_medium {
  width:                 520px;
}

.column_large {
	width:                 740px;
}

.column_xlarge {
	width:                 960px;
}

/* ----------------
// Components
// ---------------- */

.post {
  border:                0px;
}

.post .info {
  font-size:             0.8em;
}

.info {
  font-size:             0.8em;
}

.comments .comment {
  padding:               10px 0;
  background:            none;
  border-top:            1px dotted #333333;
}

.add_comment {
  border-top:            1px solid #333333;
}

label.description {
  color:                 #00aeef !important;
}

/* ----------------
// Shopping cart
// ---------------- */

#shopping_cart {
  font-family:           Tahoma, Helvetica, Arial;
  font-size:             0.9em;
  background:            #424242;
  -moz-opacity:          1;
  filter:                alpha(opacity=100);
  opacity:               1;
}

#sidebar_right {
background: #00afef;
}