body {
background-color: #BEDDF1;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
color: #242C31;
font-size: 100%;
margin: 0 0 40px 0;
padding: 0;
}

body, cite {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

strong, em {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#masthead {
background-image: url(../images/graf-masthead.gif);
background-repeat: no-repeat;
height: 37px;
background-color: #FFF;
}

#logo {
background-image: url(../images/graf_integrated_logo.gif);
background-repeat: no-repeat;
height: 85px;
width: 1000px;
margin: 30px auto 0 auto;
}

/********LAYOUT WRAPPER**********/

#layout {
width: 1000px;
margin: 0 auto;
background-color: transparent;
background-image: url(../images/graf-shadow.gif);
background-repeat: repeat-y;
}

/********COLUMN WRAPPER**********/

#columnwrapper {
margin: 0 auto;
width: 984px;
padding: 3em 0 0 0;
background-image: url(../images/graf_integrated_grunge.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/*MAIN and SIDEBAR COLUMNS
Width of both must equal width of columnwrapper
540 + 210 = 750 */

#mainbox {
float: left;
width: 640px;
}

#sidebox {
float: left;
width: 344px;
}

/********CONTENT CONTAINERS*********/

/*Main Content*/
#maincontent {
padding: 30px 50px 20px 70px;
font-size: 0.85em;
/*background-image: url(../images/bg-maincontent.gif);
background-repeat:no-repeat;
background-position: right top;*/
background-color: #FFF;
background-color: transparent;
}

#maincontent p {
line-height: 1.5em;
margin: 2px 0 12px 0;
}

#maincontent p.posted {
font-family: georgia, serif;
font-style: italic;
font-weight: bold;
font-size: .8em;
color: #666;
margin: 0 0 3px 0;
}

#maincontent .image {
float: right;
padding: 0px 0px 0px 20px;
}

#maincontent ul.checklist {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
font-size: 13px;
}

#maincontent ul.checklist li {
padding: 0 0 0 15px;
background: url(../images/check-green.gif) no-repeat 0 3px;
line-height: 18px;
margin: 0 0 6px 0;
}

#maincontent ul.checklist li p {
line-height: 18px;
margin-bottom: 10px;
font-size: 11px;
color: #777;
}

/*Sidebar*/

#sidecontent {
font-size: 0.8em;
padding: 20px 25px 20px 30px;
margin: 0 0 0 0;
color: #2B3437;
}

#sidecontent p {
line-height: 1.5em;
margin: 12px 0;
}

#sidecontent li {
line-height: 1.9em;
}

#sidecontent img {
border: none;
}

#sidecontent table {
margin-bottom: 20px;
font-size: .85em;
}

#sidecontent table img {
margin-right: 14px;
border: 3px solid #9BB6BF !important;
padding: 1px;
}

/********HEADINGS*******/

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 .5em 0;
font-size: 1.5em;
color: #d64900;
font-weight: bold;
}

h1, h2, h3, h4 {
line-height: normal;
}

h2 {
margin: 2em 0 0 0;
font-size: 1.35em;
color: #d64900;
font-weight: bold;
}

h2.blog {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 .5em 0;
font-size: 1.5em;
color: #d64900;
font-weight: bold;
}

#columnwrapper h2.blog a:hover {
text-decoration: none !important;
}

h3 {
margin: 0 0 1em 0;
font-size: 1.2em;
color: #2B3437;
font-weight: bold;
border-bottom: 3px solid #2B3437;
text-transform: uppercase;
}

#sidecontent h3.topheading {
margin: 0;
}

/*CLEARING the LAYOUT FLOATS*/

.clearit {
font-size: 0;
line-height: 0;
height: 0;
clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/

#bottom {
background-image: url(../images/graf-footer.jpg);
background-repeat: no-repeat;
height: 80px;
background-position: left bottom;
}

#bottom p {
margin: 0 0 0 80px;
font-size: .75em;
}

/***********FOOTER************/

/*Footer Container*/

#footerbox {
width: 984px;
margin: 0 auto;
font-size: 0.7em;
color: #BBB;
}

/*Footer Content*/

#footer {
padding: 1px 0 0 70px;
}

.w3c {
border: none;
}

/******SKIP LINKS********/

/*Skip Links Container*/

#skips {
width: 984px;
margin: 0 auto;
padding-top: 6px;
color: #CCC;
text-align: right;
font-size: .7em;
}

/*Skip Link Link Styles*/

#skips a, #skips a:visited {
color: #CCC;
font-size: 1em;
}

#skips a:hover {
color: #CCC;
font-size: 1em;
text-decoration: none;
}

.p7fix a:active, #skips a:active, #skips a:focus {
color: #FFFFFF;
font-size: 1em;
}

/*********PAGE LINK STYLES********/

#columnwrapper a:link, #columnwrapper a:visited, #columnwrapper a:active, #columnwrapper a:focus, 
#footer a:hover, #footer a:active, #footer a:focus {
color: #215D82;
text-decoration: none;
}

#columnwrapper a:hover {
color: #215D82;
text-decoration: underline;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus {
color: #BBB;
text-decoration: underline;
}

#sidecontent a:link, #sidecontent a:visited, #sidecontent a:active, #sidecontent a:focus {
color: #215D82;
text-decoration: none;
}

#sidecontent a:hover {
color: #215D82;
text-decoration: underline;
}

#bottom a:link, #bottom a:visited, #footer a:active, #footer a:focus {
color: #2971A7;
text-decoration: none;
}

#bottom a:hover {
color: #2971A7;
text-decoration: underline;
}

/******NAVBAR STYLES********/

#menubar {
font-size: 1em;
padding: 0 0 0 0;
/*background-color: none;*/
/*background-image: url(../images/graf-mbar.jpg);
background-repeat: repeat-x;
background-color: #3C3C3C;*/
width: 1000px;
margin: 0 auto;
}

#nav {
margin: 0;
padding: 0;
/*background-color: none;*/
}

#nav li {
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
width: 275px;
}

#nav ul {
margin: 0 !important;
padding: 0 !important;
z-index: 10000;
}

#nav a {
border-bottom: 0;
display: block;
text-decoration: none !important;
background-color: transparent;
padding: 9px 12px 8px 50px;
color: #666 !important;
line-height: 1;
margin-bottom: 0px;
font-size: 13px;
/*background-image: url(../images/bart_menubg_normal.gif);
background-repeat: no-repeat;*/
}

#nav ul a {
line-height: 1;
}

#nav a:hover, #nav a:active, #nav a:focus,
#nav .p7PMon, #nav .p7PMon:hover, 
#nav .p7PMon:active {
color: #0795d5 !important;
letter-spacing: 0.01px;
background-image: url(../images/bart_menubg_hover.gif);
background-repeat: no-repeat;
text-decoration: none;
}

/* ------ the current page marker style ------ */

#nav .current {
background-image: url(../images/bart_menubg_selected.gif);
background-repeat: no-repeat;
color: #000 !important;
}

#nav .current:hover {
background-image: url(../images/bart_menubg_selected.gif);
background-repeat: no-repeat;
color: #00406E !important;
}

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

#p7PMnav {
margin: 0;
padding: 0px 0 0 8px;
float: right;
width: 100%;
border-bottom: 0px solid #455369;
}

#p7PMnav li {
list-style-type: none;
padding: 0 0 0 10px;
background-image: url(../images/pmm_cobalt_left.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 0 3px 0 0;
float: left;
width: 124px;
}

/* Hide from IE5 Mac \*/

#p7PMnav li {
width: auto;
}

/* End Hiding */

#p7PMnav ul {
padding: 6px 0 0 0;
background-color: #7284A3;
z-index: 10000;
border-right: 0;
border-bottom: 1px solid #1D232C;
position: absolute;
left: -9000px;
background-image: url(../images/pmm_cobalt_sub.jpg);
background-repeat: repeat-x;
}

#p7PMnav ul ul {
padding: 0;
border-top: 1px solid #8B9BB4;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #8B9BB4;
}

#p7PMnav ul li {
background-image: none;
padding: 0;
border-bottom: 0;
margin: 0;
float: none;
}

/*width MUST be in EMs*/

#p7PMnav ul, #p7PMnav ul li {
width: 16em;
}

#p7PMnav a {
display: block;
text-decoration: none;
padding: 12px 16px 10px 6px;
font-weight: normal;
color: #FFF;
background-image: url(../images/pmm_cobalt_right.jpg);
background-repeat: no-repeat;
background-position: 100% 0%;
}

#p7PMnav ul a {
background-image: none;
padding: 4px 12px;
font-weight: normal;
color: #D3DAE2;
/*zoom: 1;*/
}

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
color: #000;
}

#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus, #p7PMnav ul .p7PMon {
background-color: #323C46;
color: #8F9EB1;
letter-spacing: 0.01px;
}

/* ------ the current page marker style ------ */

#p7PMnav .p7PMmark {
font-weight: normal;
background-image: url(../images/pmm_cobalt_right.jpg);
background-position: 100% -165px;
color: #1A1A1A !important;
}

#p7PMnav ul .p7PMmark {
background-image: none !important;
margin: 0 !important;
color: #FFFFFF !important;
}

/* the active trigger link style */

#p7PMnav .p7PMon {
font-weight: bold;
color: #CCCCCC;
}

#p7PMnav ul .p7PMon {
color: #97A6B9;
}

/* Hide from IE5 Mac \*/

#p7PMnav .p7PMmarklist {
padding: 0 0 0 10px;
background-image: url(../images/pmm_cobalt_left.jpg)!important;
background-repeat: no-repeat;
background-position: 0px -165px !important;
}

/*End Hiding*/

#p7PMnav li:hover {
}

#p7PMnav li:hover a {
/*background-position: 100% -165px;*/
color: #000;
}

/* ------ the trigger link styles ------- */

/*the trigger link */

#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
background-image: url(../images/p7PM_dark_east.gif) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
}

/*the submenu classes */

#p7PMnav .p7PMhide {
left: -9000px;
top: 0;
}

#p7PMnav .p7PMshow {
left: auto;
z-index: 20000 !important;
top: auto;
}

/*IE6 and IE5 Windows Workarounds*/

#p7PMnav a {
height: auto !important;
}

#p7PMnav ul a {
height: 1% !important;
}

/*hide from IE5 and 6*/

body>#p7PMnav ul a {
height: auto !important;
}

/*Compensate for LI Padding on Scalable Tab*/

#p7PMnav li {
position: relative;
}

#p7PMnav ul li {
position: static;
}

#p7PMnav .p7PMshow {
left: 0px;
}

/******FORM********/

fieldset {
padding: 12px;
margin-top: 25px;
border: 5px solid #CCC;
background-color: transparent;
}

fieldset legend {
font-size: 16px;
font-weight: bold;
color: #353535;
padding: 0 5px;
}

fieldset input {
padding: 3px;
margin-bottom: 4px;
font-weight: bold !important;
font-size: 1em;
}

.zemRequired {
font-weight: bold;
}

.zemError {
color: #ff0000
}

.zemText, .zemTextarea {
font-weight: normal;
padding: 3px;
font-size: 1em;

}

.zemSubmit {
border: none;
background-color: #FFF;
margin: 10px 0 0 0;
}

.zemThanks {
border: 5px solid #E4DFDC;
padding: 20px;
background-color: #FFFFCC;
font-weight: bold;
margin-top: 30px;
color: #000;
}

/*********lIGHTBOX********/

.lightbox {
float: right;
margin: 0 0 0 15px;
}

.lightbox img {
border: none;
}

/*********BUTTON********/

.button {
background-image: url(../images/button.jpg);		
background-repeat: no-repeat;
		background-position: 0 0;
		width: 183px;
		height: 35px;
		text-indent: -3000px;
		display: block;
		margin: 0 auto 1em auto;
	}
	.button:hover {
		background-position: 0 -35px;
	}
	.button:active {
		background-position: 0 -70px;
	}

/*********SHOP********/
/* checkout table */

#yab-checkout-table {
  width: 100%;
  margin-bottom: 2em
}

#yab-checkout-table th {
  font-weight: bold
}

#yab-checkout-table td,
#yab-checkout-table th {
  border-bottom: 1px dotted #6E5946;
  padding: 2px 5px
}

#yab-checkout-table td.yab-checkout-price,
#yab-checkout-table th.yab-checkout-price {
  width: 20%;
  text-align: right
}

#yab-checkout-table td.yab-checkout-change,
#yab-checkout-table th.yab-checkout-change {
  width: 35%;
}

#yab-checkout-table form {
  padding: 0
}

#yab-checkout-table td.yab-checkout-change {
  text-align: right
}

#yab-checkout-table td.yab-checkout-change {
  vertical-align: bottom
}

#yab-checkout-table td.yab-checkout-price {
  vertical-align: bottom;
  color: #75111B
}

#yab-checkout-table ul {
  line-height: 130%;
  padding: 0.2em 0 0 1em;
  list-style: none
}

#yab-checkout-table ul li {
  padding: 0;
  font-size: 0.87em
}

#yab-checkout-table ul li.yab-checkout-item-price {
  padding-right: 2em;
  color: #75111B;
  text-align: right;
  font-size: 1em
}

#yab-checkout-table p {
  padding: 0;
  width: 100%
}

#yab-checkout-table input {
  padding: 0
}

#yab-checkout-table input.submit-edit {
  width: auto;
  border: 1px solid #75111B;
  background: #FFFFFF;
  color: #75111B
}

#yab-checkout-table input.submit-del {
  border: 1px solid #75111B;
  background: #75111B;
  color: #FFFFFF
}

#yab-checkout-table td.yab-checkout-sum {
  text-align: right;
  color: #75111B
}

#yab-checkout-table tr.yab-checkout-total td {
  font-weight: bold;
  background: #75111B;
  color: #FFFFFF
}
/* checkout-notices */

p.yab-shop-required-notice {
  background: #75111B;
  color: #FFFFFF;
  padding: 1em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em
}

ul.yab-shop-notice {
  border: 2px dashed #75111B;
  list-style: none;
  padding-top: 1em;
  color: #75111B;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em
}

/* checkout form */

#yab-checkout-form {
  padding-left: 0.5em
}

#yab-checkout-form p {
  width: 100%
}

#yab-checkout-form input {
  width: 32em;
  text-align: left
}

#yab-checkout-form p.zip-city input {
  float: left
}

#yab-checkout-form p.zip-city label {
  display: block;
  float: left
}

#yab-checkout-form label.city {
  width: 3em;
  text-align: right
}

#yab-checkout-form input#postal {
  width: 7em
}

#yab-checkout-form input#city {
  width: 20.3em;
  margin-left: 0.5em
}

#yab-checkout-form textarea {
  width: 32em;
  height: 8em;
  padding: 2px 5px
}

#yab-checkout-form p.tou input {
  margin-left: 9em;
  width: auto;
  float: left
}

#yab-checkout-form p.tou label {
  width: auto;
  padding: 0
}

#yab-checkout-form p.submit input {
  margin-left: 9em;
  width: auto;
  padding: 2px 10px;
  text-align: center
}

#yab-checkout-form p.yab-shop-required label {
  color: #75111B;
  font-weight: bold
}





/**************
*
* right content
*
***************/

#sidecontent input {
  outline: none;
  width: 80%;
  border: 1px solid #6E5946;
  padding: 5px
}

#sidecontent ul.yab-cart {
  padding: 0 0 0 0 !important;
  margin: 0 0 20px 0 !important;
}

#sidecontent li.yab-item {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  line-height: 130%;
  list-style: none !important;
}

#sidecontent ul.yab-price,
#sidecontent ul.yab-qty {
  font-size: 0.87em;
  list-style: none !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}

#sidecontent .yab-subtotal {
  display: block;
  padding-bottom: 0.5em;
  font-weight: bold
}

#sidecontent a.yab-to-checkout {
  border: none;
  padding: 5px 10px;
  color: #FFFFFF;
  background: #75111B
}