/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html------------------------------------------------------------- */

html, body, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
tbody, tfoot, thead, tr, th, td {
	vertical-align: top;
	text-align: left;
}
a img {
	border: none;
}

img.product-color {
	border: 1px solid #ccc;
	padding: 2px;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	color: #333;
	font-size: 12px;
}

hr {
	background-color: #547587;
	border: 0;
	height: 1px;
	margin: 8px 0 8px 0;
}

i {
	font-style: normal;
}

p {
	margin-bottom: 18px;
}
ul {
	list-style: disc;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
b {
	font-weight: normal;
}
strong {
	font-weight: bold;
}
cite,
em {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea, select, .controls {
	background: #f2f9fb;
	border: 1px solid #99bfd4;
	padding: 2px;
}

input[type="text"].error,
textarea.error, select.error {
	background: #fff2f2;
	border: 1px solid #8b0000;
	padding: 2px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}



/* =Fonts
-------------------------------------------------------------- */
body {
  background-color: #99bfd4;
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 110%;
	margin-bottom: 12px;
}

h1 {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #637e92;
	line-height: 130%;
	padding-top: 10px;
}

h2 {
	color: #547587;
	font-size: 14px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #547587;
	font-size: 14px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#593527;
	font-size: 14px;
	padding-top: 10px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 14px;
	padding-top: 10px;
}

h2.header {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #547587;
	margin:6px 0 6px 0;
	text-align:left;
}

h2.category {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #593527;
	font-size: 22px;
	line-height: 130%;
	padding-top: 10px;
}

/* =Links
-------------------------------------------------------------- */

a, a:link {
  color: #0072BC;
  font-weight: bold;
  text-decoration: none;
}

a.category,  a.category:link, a.category:visited {
  color: #593527;
  text-decoration: none;
}

a.more,  a.more:link {
  color: #da4d33;
  font-weight: bold;
  text-decoration: none;
}

a.tips,  a.tips:link {
  font-weight: bold;
  color: #da4d33;
  text-decoration: underline;
}

a:visited {
  color: #547587;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #DA4D33;
  text-decoration: underline;
}

a:focus {
  color: #DA4D33;
}

#contentBlock a , a:active {
  color: #0072BC;
  text-decoration: underline;
}

a.nohover,a.nohover:link,a.nohover:active,a.nohover:visited,a.nohover:hover{border:0px none #000;text-decoration:none;}

/* =Wrappers
-------------------------------------------------------------- */

#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  padding: 8px 25px 25px 25px;
  width: 960px;
}
#outerWrapper #header {
  background-color: #fff;
}
#outerWrapper #contentWrapper {
	width: 960px;
	overflow: hidden;
}
#outerWrapper #contentWrapper #Column1 {
  background-color: #fff;
  float: left;
  text-align:center;
  padding: 0;
  width: 285px;
}
#outerWrapper #contentWrapper #content {
  margin: 0 0 0 280px;
  padding: 0px 10px 10px 10px;
}
#outerWrapper #contentWrapper #contentWide {
  margin: 0;
  clear: both;
}

#outerWrapper #footer {
  background-image: url(images/footer-bkgnd.png);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 240px;
}

/* =Header
-------------------------------------------------------------- */

#header, #header a:link {
	color: #593527;
	font-weight:bold;
}
#header a:visited {
	color: #593527;
	font-weight:bold;
}

#header a:hover {
	color: #547587;
	text-decoration: underline;
}
#header h4, #header h4 a:hover {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #593527;
	font-size: 36px;
	text-decoration: none;
	margin-bottom: 0px;
}
#header h5 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #593527;
	font-size: 20px;
	font-style: normal;
	text-decoration: none;
	margin: 0 0 12px 4px;
}

.menu-center {
	background-image: url(images/menu-bkgnd_center.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 0px;
}

.menu-left {
	background-image: url(images/menu-bkgnd_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 0px;
	padding-left: 12px;
	text-align: left;
}

.menu-right {
	background-image: url(images/menu-bkgnd_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: right;
	padding-top: 7px;
	padding-right: 12px;
}

/* =Home Page
-------------------------------------------------------------- */
#home-matrix td {
	text-align: left;
	padding: 0px;
}

#home-matrix img {
	text-align: center;
}

#home-matrix h3 {
	margin-top: 18px;
	margin-bottom: 8px;
	text-align: center;
}

#home-matrix h3 a {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #593527;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#home-matrix ul.home {
	text-align:left;
	list-style: disc outside none;
	margin: 5px 0 28px 12px;
}

#home-matrix li.home-item {
	list-style: none;
	margin: 0 0 6px 0;
}

#home-matrix a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}
#home-matrix a:hover {
	color: #000000;
}



/* =Footer
-------------------------------------------------------------- */

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #606060;
}

#footer td {
	text-align: left;
	vertical-align: top;
	padding-top: 34px;
}
#footer td.divider {
  background-image: url(images/footer-divider.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  /* height: 240px; */
  width:25px;
}

#footer .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 22px;
	color: #7E99AA;
}

#footer ul {
	list-style: none url(images/dot.gif);
}

#footer li {
	margin-left: -10px;
	padding-bottom: 8px;
}

#footer a:link, #footer a:visited {
 	color: #606060;
 	font-size: 90%;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color : #DA4D33;
	text-decoration: underline;
	font-weight: normal;
}

#footer h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 22px 0 8px 0;
	color: #7E99AA;
	border-bottom: 2px solid #7E99AA;
}


/* =Content
-------------------------------------------------------------- */

#contentWide, #content, #contentWrapper{
	color: #2c2c2c;
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	padding-bottom: 12px;
}

/* =Classes -------------------------------------------------------------- */
.banner { background-color: #cfe2f1; width: 646px; vertical-align: middle; margin:12px 0; padding: 12px; -moz-border-radius: 8px;-webkit-border-radius: 8px;}
.banner h1 { color: #593527; width: 100%; vertical-align: middle; margin:0; padding-top: 12px; padding: 12px; letter-spacing: 2px; font-size: 20px; font-weight: bold;}
.black { color:#000000; }
.categorycategory {margin:8px;padding:8px;height: 200px;width: 100%;}
.categorylanding {margin:8px;padding:8px;vertical-align: top;}
.categoryproduct {margin:8px;padding:8px;height: 430px;vertical-align: top;}
.categorysimilar {margin:8px; padding:8px;width: 100%;}
.center {text-align: center;}
.copy {color: #fff; padding-top: 24px;}
.fine-print{color:#da4d33;font-size:8pt;  background-color: inherit; }
.fineprint{color:#333333;font-size:8pt;  background-color: inherit; }
.float-left {float: left;padding-right: 8px;padding-bottom: 8px;}
.float-right {float: right;padding-left: 8px;padding-bottom: 8px;}
.green {color: #447638; font-weight: bold;}
.hidden a {display: none;}
.indent {margin-left: 24px;}
.landingproduct { margin:8px;padding:8px;vertical-align: top;width: 100%;}
.our-price {font-weight: bold;font-size: 15px;color:#FF0000;background-color: inherit;}
.pricing {padding-bottom: 8px;font-size: 15px;}
.red {color: #da4d33;font-weight: bold;}
.retail-price {font-style: italic;font-size: 13px;color: #8b8b90;	background-color: inherit;}
.right {text-align: right;}
.rnd-box, .box {margin: 8px;border: 1px solid #593527;padding: 8px;width: 200px;text-align: left;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.rnd-thin-box {margin: 3px;border: solid 1px #547587;padding: 2px;text-align: left;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.sale {color: #da4d33;font-weight: bold;}
.savings-price {font-size: 15px;background-color: inherit;}
.title {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #5d7889;font-size: 14px;}

div.rounded_border {background: #547587;padding: 8px;}

/* =Highlights -------------------------------------------------------------- */
#highlights {text-align: left;background: transparent url(images/widgets-gradient.jpg) no-repeat bottom;width: 265px;border: 2px solid #ffffff;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
#highlights a, #highlights a:link {color: #593527;font-weight:bold;text-decoration: none;}
#highlights a:visited {color: #593527;font-weight:bold;}
#highlights a:hover {color: #593527;text-decoration: underline;}
#highlights h4, #highlights h4 a:hover {font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;color: #593527;font-size: 24px;text-decoration: none;padding-top:0px;}
#highlights ul {list-style: none url(images/check-a-3.png);margin: 0 0 18px 1.5em;}
#highlights li {font-size: 14px;margin-bottom: 8px;}

/* =Categories -------------------------------------------------------------- */
#categories { width: 100% }
#categories td { width: 20%; }
#categories div { text-align:center; }
#categories a { color: #6f6b6b; font-size: 95%;	font-family: Arial, Helvetica, sans-serif; text-decoration: underline;}

ul.categories {
	list-style: none url(images/check-a-3.png);
	margin: 0 0 18px 1.5em;
}

/* =Product Page -------------------------------------------------------------- */
#breadcrumbs { font-size: 90%; margin: 8px 0 14px 0;}
#breadcrumbs a:link,
#breadcrumbs a:visited {color: #0072BC; font-weight: normal; text-decoration:none;}
#breadcrumbs a:hover, #breadcrumbs a:active {color: #DA4D33; text-decoration: underline;}

#quickquote {font-family: Arial, Helvetica, sans-serif; font-size:90%; width: 247px;padding-top:8px;}
#quickquote th {height: 28px; vertical-align:middle; text-align:center; font-size: 16px; font-weight: bold; color:#000000; letter-spacing:1px;  background: url(images/quickquote_hdr.gif) no-repeat top left;  }
#quickquote td { color:#333; padding: 2px 8px 2px 8px;}
#quickquote td.green { font-size: 150%; text-align: center; color: #4E8640; font-weight: bold; font-style: italic; letter-spacing: 1px;}
#quickquote td.outline { border-left: 1px solid #A9CEE9; border-right: 1px solid #A9CEE9; vertical-align:top; padding:0;}
#quickquote table.outline {width: 247px; border-bottom: 1px solid #A9CEE9;}
#quickquote td.width, #quickquote td.height { text-align:right; font-size: 95%; font-style:italic; }
#quickquote td.shipping { text-align: left; font-weight: normal; color: #447638; font-size: 120% }
#quickquote td.price { text-align: right; font-weight: bold; color: #000000; font-size: 120% }
#quickquote td.coupon { text-align: right; font-weight: bold; color: #447638; font-size: 120% }
#quickquote td.msrp { text-align:right; font-weight: normal; font-size: 120%; text-decoration: line-through;}
#quickquote img.selectedColor {border:1px solid #333;height:80px;width:80px;}

#contentBlock { padding-left: 12px; padding-right: 12px; }
#contentBlock p { text-align: left; }
#contentBlock ul { margin-left: 30px; }



#social {
	border: 1px solid #a9cee9;
	width: 250px;
	padding: 6px;
	margin: 12px 0 0 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#relatedproducts {padding-left: 20px;}
#relatedproducts h5 {font-family: Arial, Helvetica, sans-serif; color:#593527; font-size: 14px; padding-top: 10px; }
#relatedproducts ul {margin-left: 20px; }
#relatedproducts li { height: 20px; }

#selected-color {width: 360px;}
#selected-color a { font-size: 9px; color: #999; text-decoration:none;  }
#selected-color a:hover { text-decoration: underline; color: #593527; }
#selected-color p {color:#000; font-size:11px;margin-left: 18px;}
#selected-color p.color-title {font-size:14px; margin:0; color: #593527; font-weight: bold;}
#selected-color img {border:1px solid #000000;height:150px;width:150px;}

#colors { width:100%; font-family: Arial, Helvetica, sans-serif; }
#colors .free-sample, #colors a.free-sample { color: #da4d33;font-size: 9pt; text-decoration:none; font-weight: normal;}
#colors a.free-sample:hover { text-decoration: underline; color: #DA4D33; }
#colors img { border:1px solid #000000;height:80px;width:80px;}
#colors td { border:none;font-size:11px;line-height:12px;font-weight:bold; color: #593527; padding:4px 2px 12px 2px;text-align:center;vertical-align:top;width:10%;}
#colors td.collection { text-align:left;vertical-align:bottom;border-bottom:2px solid #547587;padding:2px 2px 1px 2px;}
#colors span.collection-blk { font-size:11px;font-weight:normal;}
#colors span.collection-red { color: #da4d33;}
#colors h2 { color: #333; margin-bottom: 4px; }
#colors hr { color: #333; margin-bottom: 8px; }
#colors h4.collection-name { margin: 4px 0 8px 0; padding: 0; }

#product-tabs h2 {font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #593527;line-height: 130%;padding-top: 0;}

a.faqpopup,  a.faqpopup:link, a.faqpopup:visited {font-weight: normal;text-decoration: underline;}

.optiontitle { text-align:right; }
#options table { width: 100%; }
#options td { padding:2px; background-color: #fff; }
#options td.hr { border-bottom: 2px solid #637e92; }
#options p { text-align: justify; line-height: 1.4em }
#options h4 { background-color: inherit; color: #547587; font-size: 14pt; font-weight: bold; margin: 0; padding: 0; }

.bottomrow { border-bottom: solid 2px #547587; }

/* =Widgets -------------------------------------------------------------- */

#sale-accordian {width: 280px;background-color: #fff;text-align: left;}
#sale-accordian p {background-color: #7f6b62;color: #593527;background: #d0e3f2 url(images/sale-flag.gif) no-repeat left;}

#testimonial {background: transparent url(images/widget-gradient.jpg) no-repeat bottom;height: 160px;text-align: left;width: 280px;padding: 8px;margin-top: 0px;}
#testimonial p {color: #593527;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 10px;margin-bottom: 8px; margin-left: 18px;margin-right: 18px;}
#testimonial div {font-weight: bold;float:right;padding-right:8px;}
#testimonial a {color: #547587;font-weight: bold;font-style: italic;}

#didyouknow {background: transparent url(images/didyouknow-gradient.jpg) no-repeat bottom;height: 160px;text-align: left;width: 280px;padding: 8px;margin-top: 8px;}
#didyouknow p {color: #593527;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;margin: 18px;}
#didyouknow a {color: #547587;font-weight: bold;font-style: italic;}
#didyouknow div {font-weight: bold;float:right;padding-right:8px;}

#testimonials p.testimonial {font-size: 140%;line-height: 120%;font-style: italic;color: #333;margin: 0 0 12px 0;border-bottom: 1px solid #547587;padding: 6px;}
#testimonials .testimonial-author {color: #593527;font-size: 90%;font-weight: bold;font-style: italic;margin: 4px 0 4px 32px;}

#newsletters {margin:12px 0 12px 0; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #e6f1f7; border-top-width:13px; font-size:90%; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
#newsletters table { width: 100%; margin:0; }
#newsletters th {height: 28px; vertical-align:middle; text-align:center; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #6c8391; background-color: #e6f1f7;}
#newsletters td { color:#333; padding: 12px 8px 16px 16px;}

/* =Buttons -------------------------------------------------------------- */
a.button{font-family: Arial, Helvetica, sans-serif;color:#fff;font-size: 14px;font-weight:bold;display: inline-block;height: 32px;margin: 0 0 12px 0;padding: 0;text-align: center;vertical-align: middle;text-decoration: none;line-height: 32px;background-image: none;letter-spacing: 1px;}
a.button:link, a.button:visited {background-position: 0 0;}
a.button:hover{ color: #fff; background-position: 0 -64px;}
a.button:active{ color: #fff; background-position: 0 -32px;}
a.button200{ background: #fff url(buttons/button200.png) 0 0 no-repeat;	width: 200px;}
a.button201{ background: #fff url(buttons/button201.png) 0 0 no-repeat;	width: 202px;}
a.button160{background: #fff url(buttons/button160.png) 0 0 no-repeat;width: 167px;}
a.lowbutton160 {color: #fff;background: #fff url(buttons/button160.png) 0 0 no-repeat;background-position: 0 0px;width: 161px;}
a.lowbutton160:hover{ color: #fff; background-position: 0 0px;}
a.button162{color: #fff;background: #fff url(buttons/button162.png) 0 0 no-repeat;width: 163px;}
a.button166{color: #fff;background: #fff url(buttons/button166.png) 0 0 no-repeat;width: 167px;}
a.lowbutton162 {color: #fff;background: #fff url(buttons/button162.png) 0 0 no-repeat;background-position: 0 0px;width: 160px;}
a.lowbutton162:hover{color: #593527;background-position: 0 0px;}
a.button100{background: #fff url(buttons/button100.png) 0 0 no-repeat;width: 100px;}
a.button65{background: #fff url(buttons/button65.png) 0 0 no-repeat;width: 65px;}

/* ------ QuickMenu -------------------------------------------------------------------------------------------- */
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmclear { clear: left; display: block; float: none !important; font-size: 1px; height: 0px; line-height: 0px; width: 0px; }
.qmmc { position: relative; z-index: 10; zoom: 1; }
.qmmc .qmcbox{ cursor: default; display: inline-block; position: relative; z-index: 1; }
.qmmc .qmcbox a{ display: inline; }
.qmmc .qmcbox div{ float: none; left: auto; position: static; visibility: inherit; }
.qmmc .qmdivider{ border-style: solid; border-width: 0px; display: block; font-size: 1px; position: relative; z-index: 1; }
.qmmc .qmdividery{ float: left; width: 0px; }
.qmmc .qmtitle{ cursor: default; display: block; position: relative; white-space: nowrap; z-index: 1; }
.qmmc a, .qmmc li { display: block; float: left; position: relative; white-space: nowrap; z-index: 1; }
.qmmc div{ position: absolute; visibility: hidden; }
.qmmc div a, .qmmc ul a, .qmmc ul li, .qmmc li a { float: none; }
.qmmc li { z-index: auto; }
.qmmc li:hover>ul{ left: auto; }
.qmmc ul { left: -10000px; position: absolute; z-index: 10; }
.qmmc, .qmmc ul { list-style: none; margin: 0px; padding: 0px; }
.qmsh div a { float: left; }
#qm0 ul { top: 100%; }
#qm0 ul li:hover>ul{ left: 100%; top: 0px; }

/*"""""""" (MAIN) Container""""""""*/
#qm0{border-width:0px;}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a{padding:5px 4px 5px 5px;color:#F8F8F8;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration:none;text-align:left; letter-spacing: 1px;}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a:hover,#qm0 a.qmactive:visited,#qm0 a.qmactive:link,#qm0 a.qmactive:hover{color:#593527;text-decoration:none;}
/*"""""""" (SUB) Container""""""""*/
#qm0 div,#qm0 ul{padding:10px;margin:-2px 0px 0px;background-color:transparent;border-style:none;}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a,#qm0 ul a{color:#593527;padding:3px 10px 3px 5px;background-color:transparent;font-size:13px;font-weight:normal;border-width:0px;border-style:none;}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover{background-color:#547587;color:#F8F8F8;}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a{background-color:#547587;color:#F8F8F8;}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive,body #qm0 div .qmactive:hover,body #qm0 div .qmactive:visited,,body #qm0 div .qmactive:active{background-color:#547587;color:#F8F8F8;}
/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle{cursor:default;padding:3px 0px 3px 4px;color:#444444;font-family:arial;font-size:13px;font-weight:bold;}
/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx{border-top-width:1px;margin:4px 0px;border-color:#547587;}
/*"""""""" Individual Vertical Dividers""""""""*/
#qm0 .qmdividery{border-left-width:1px;height:15px;margin:4px 7px 0px;border-color:#F8F8F8;}
/*"""""""" (main) Rounded Items""""""""*/
#qm0 .qmritem span{border-color:#F8F8F8;background-color:#F8F8F8;}
/*"""""""" (main) Rounded Items Content""""""""*/
#qm0 .qmritemcontent{padding:0px 0px 0px 4px;}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul{padding:10px;margin:-2px 0px 0px;background-color:#F8F8F8;border-width:1px;border-style:solid;border-color:#547587;}
#qm0 div a.qmparent{background-image:url(images/arrow_black.gif);background-repeat:no-repeat;background-position:right;}
#qm0 div a.qmparent:hover{background-image:url(images/arrow_black.gif);background-repeat:no-repeat;background-position:right;text-decoration:none;background-color:#547587;color:#F8F8F8;}
/* ------ End of QuickMenu -------------------------------------------------------------------------------------------- */

/* ------ Tabs and Accordian jQueryTools -------------------------------------------------------------------------------------------- */
/* root element for tabs  */
.tabs{list-style:none;margin:0 !important;padding:0;height:30px;border-bottom:1px solid #593527;}
/* single tab */
.tabs li{float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
/* link inside the tab. uses a background image */
.tabs a{background:#fff url(buttons/bluetabs.png) 0 0 no-repeat;font-size:11px;display:block;height:30px;line-height:30px;width:171px;text-align:center;text-decoration:none;color:#593527;padding:0;margin:0;position:relative;top:1px;}
.tabs a:active{outline:none;}
/* when mouse enters the tab move the background image */
.tabs a:hover{color:#fff;background:0 -31px;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current,.tabs .current:hover,.tabs li.current a{cursor:default !important;color:#593527 !important;background:0 -62px;}
/* initially all panes are hidden */
.panes .pane{display:none;}
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion{width:280px;text-align:left;background:#fff;}
/* accordion header */
#accordion h3{margin:0;padding:5px 15px;border:1px solid #fff;border-bottom:1px solid #593527;cursor:pointer;margin-top:1px;zoom:1;background:#593527;}
/* currently active header */
#accordion h3.current{}
#accordion h3 a,#accordion h3 a:hover{color:#fff;text-decoration:none;font:bold 14px Arial,Helvetica,sans-serif;}
/* accordion pane */
#accordion .pane{border-color:#fff;border-style:solid;border-width:0 1px;height:180px;font-size:12px;padding:1em 1em 1em 2.6em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1;background:#d0e3f2 url(images/sale-flag.gif) no-repeat top left;color:#593527;}
#accordion .pane h4{font-weight:bold;margin:0;font-size:120%;margin-bottom:6px;}
#accordion a{color:#da4d33;text-decoration:underline;font:bold 14px Arial,Helvetica,sans-serif;}
#accordion a:hover{color:#73c65e;text-decoration:underline;}
#accordion li{margin-bottom:6px;}
/* ------ End of Tabs and Accordian -------------------------------------------------------------------------------------------- */

/* ------ jQuery UI CSS Framework @VERSION  ----------------------------------------------------------------------------*/
.ui-helper-hidden{display:none;}
.ui-helper-hidden-accessible{position:absolute;left:-99999999px;}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}
.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ui-helper-clearfix{display:inline-block;}
* html .ui-helper-clearfix{height:1%;}
.ui-helper-clearfix{display:block;}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}
.ui-state-disabled{cursor:default !important;}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background:no-repeat;}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
.ui-widget .ui-widget{font-size:.9em;}
.ui-widget-content{border:1px solid #d0e3f2;background:#fff;color:#333;}
.ui-widget-content a{color:#362b36;}
.ui-widget-header{border-bottom:1px solid #d0e3f2;background:#fff;color:#333;font-weight:bold;}
.ui-widget-header a{color:#593527;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #aed0ea;background:#cee1ef;font-weight:bold;color:#593527;}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{border:1px solid #aed0ea;background:#cee1ef;font-weight:bold;text-decoration:none;color:#593527;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #99bfd4;background:#99bfd4;font-weight:bold;color:#fff;}
.ui-state-hover a,.ui-state-hover a:hover{border:1px solid #99bfd4;background:#99bfd4;font-weight:bold;text-decoration:none;color:#ffffff;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border: 1px solid #D0E3F2;background:#ffffff;font-weight:bold;color:#547587;}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{border:1px solid #547587;border-bottom:0 !important;background:#ffffff;font-weight:bold;color:#593527;text-decoration:none;}
.ui-widget:active{outline:none;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #f9dd34;background:#ffef8f url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;color:#363636;}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#cd0a0a url(images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x;color:#ffffff;}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background:none;}
.ui-corner-tl{-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;}
.ui-corner-tr{-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;}
.ui-corner-bl{-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;}
.ui-corner-br{-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
.ui-corner-top{-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;}
.ui-corner-bottom{-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
.ui-corner-right{-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;}
.ui-corner-left{-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px;}
.ui-corner-all{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.ui-widget-overlay{background:#eeeeee url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;opacity:.80;filter:Alpha(Opacity=80);}
.ui-widget-shadow{margin:-7px 0 0 -7px;padding:7px;background:#000000 url(images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;}
.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1; overflow:visible;}
.ui-button-icon-only{width:2.2em;}
button.ui-button-icon-only{width:2.4em;}
.ui-button-icons-only{width:3.4em;}
button.ui-button-icons-only{width:3.7em;}
.ui-button .ui-button-text{display:block;line-height:1.4;}
.ui-button-text-only .ui-button-text{padding:.4em 1em;}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}
.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}
input.ui-button{padding:.6em;}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}
.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}
.ui-buttonset{margin-right:7px;}
.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}
button.ui-button::-moz-focus-inner{border:0; padding:0;}
.ui-tabs{position:relative;padding:.2em; zoom:1;}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}

.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:1px;margin:0 .2em 1px 0;border-bottom:0 !important;padding:0;white-space:nowrap;}
.ui-tabs .ui-tabs-nav li a{float:left;padding:4px 8px;text-decoration:none; font-size: 90%;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{margin-bottom:0;padding-bottom:1px; background: #ffffff; color:#547587;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:text;}
.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer;}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}
.ui-tabs .ui-tabs-hide{display:none !important;}
.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font:1em font-family:Arial,Helvetica,sans-serif;}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#ffffff;}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}
/* ------ End Of jQuery UI CSS Framework @VERSION  ---------------------------------------------------------------------*/
/* ------ Colorbox  ---------------------------------------------------------------------*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#E9F2F9;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-30px; left:0; text-align:center; width:100%; font-weight:bold; color:#637e92;  line-height: 120%; }
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#637e92;}

        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

.pg-gl { background-color: #fff; padding: 8px; width: 100%; }

.pg-gl .thumbs { overflow: hidden; width:850px; }
.pg-gl .thumbs .no-images { color: #fff; font-size: 15px; padding: 10px 0 6px 12px; }
.pg-gl .thumbs a { border: thin solid #999; background-color: #fff; background-image: url(images/thumb_arrow.png); background-position: 50% 95%; background-repeat: no-repeat; float: left; margin: 3px 3px 0 0; }
.pg-gl .thumbs a:hover { background-color: #d2efff; }
.pg-gl .thumbs a:hover img { border-color: #d2efff; }
.pg-gl .thumbs img { border: 8px solid #fff; margin-bottom: 17px; }

