body {
background:#000 url(/css/images/scribble-bkg.gif) top left;
font: 12px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#page {
width: 955px;
margin: 0 auto;
background: #fff;
}
/* EACH SECTION REQUIRES 30px padding on left and right sides */


/****** HEADER *******/
#header {
padding: 50px 30px 0 30px;
position:relative;
background:url(/css/images/scribble_logo_new.gif) top right no-repeat;
height: 115px;
}
#header #logo {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
#header #logo a {
width: 242px;
height: 100px;
display: block;
background: none;
}
#header #logo a span {
margin: 0 0 0 -10000px;
}
#header #mainnav {
font-size: 20px;
font-weight:bold;
width: 895px;
/*height:120px;*/
position: relative;
}
#header #mainnav a {
color: #000;
}
#header #mainnav a:hover {
color: #ff9b00;
background:url(/css/images/orangedash.gif) bottom left repeat-x;
}
#header #mainnav li {
display: block;
padding: 0;
margin-right: 0px;
float: left;
}
#header #mainnav li li.current li a {
color: #000;
}
#header #mainnav li a {
display: block;
height: 36px;
}
#mainnav li a:hover, 
#mainnav li:hover a {
background:url(/css/images/product_nav.gif) 0 -36px no-repeat;
opacity:0.9;
filter: alpha(opacity=90); 
}
#mainnav #product a { 
background:url(/css/images/product_nav.gif) 0 0 no-repeat;
width: 110px;
}
#mainnav #product:hover a,
#mainnav #product a:hover {
background:url(/css/images/product_nav.gif) 0 -36px no-repeat;
}

#mainnav #howtoinstall a { 
background:url(/css/images/howto_nav.gif) top left no-repeat;
width: 162px;
}
#mainnav #howtoinstall:hover a,
#mainnav #howtoinstall a:hover {
background:url(/css/images/howto_nav.gif) 0 -36px no-repeat;	
}

#mainnav #freestuff a {
margin-right: 5px;	
}
#mainnav #freestuff a {
background: url(/css/images/freestuff_nav2.gif) top left no-repeat;
width:56px;
}
#mainnav #freestuff:hover a,
#mainnav #freestuff a:hover {
background: url(/css/images/freestuff_nav2.gif) 0 -36px no-repeat;
}

#mainnav #faq a {
background: url(/css/images/faq_nav.gif) top left no-repeat;
width:50px;
}
#mainnav #faq:hover a,
#mainnav #faq a:hover {
background: url(/css/images/faq_nav.gif) 0 -36px no-repeat;
}

#mainnav #blognav a {
background: url(/css/images/blog_nav.gif) top left no-repeat;
width: 67px;
}
#mainnav #blognav:hover a,
#mainnav #blognav a:hover {
background: url(/css/images/blog_nav.gif) 0 -36px no-repeat;
}

#mainnav li a span {
margin: 0 0 0 -100000px;	
}
/*
#header #mainnav li ul {
position: absolute;
left: 0;
padding-top: 5px;
width: 600px;
top: 21px;
}
#header #mainnav li li {
clear: none;
float: left;
padding-right: 15px;
margin: 0;
background:url(/css/images/nav_divider_blk.gif) center right no-repeat;
font-size: 12px;
}


#header #mainnav li li ul {
display: none;
position: absolute;
left: 0;
font-size: 10px;
height: auto;
top: 25px;
}
#header #mainnav li li li {
float: left;
clear:none;
padding: 0 13px 0 0;
background-image:url(/css/images/nav_divider_orng.gif);
}
#header #mainnav li.last {
background: none;
}

*/

/****** SHOPPINGCART, session/account box, searchbox *******/
#shoppingcart {
padding: 0 30px 0 0;
width: 547px;
float: right;
clear: both;
text-align: right;
margin: 0;
}
#shoppingcart p {
line-height:20px;
}
#shoppingcart .items, #shoppingcart .total {
padding-right: 10px;
}
#shoppingcart img {
vertical-align:middle;
}

/* #searchbox {
padding: 0 30px 10px 0;
width: 447px;
float: right;
text-align: right;
} */
table.searchformtable {
float: right;
}
table.searchformtable td {
text-align: right;
vertical-align:middle;
padding: 0 0 0 10px;
}

table.searchformtable td {
text-align: right;
vertical-align:middle;
}

#account {
padding: 0 0 10px 30px;
margin: 0;
width: 280px;
float: left;
}
#maillinglist {
float: left;
clear: both;
width: 280px;
padding: 0 0 15px 30px;
margin: 0;
}
#maillinglist-form {
padding: 5px 0 0 0;
display: none;	
}

#currency {
float: right;
padding: 0 15px 0 0;
}
#cartgroup { 
display: block;
float: right;
}

/******* CONTENT *******/

.contentblock {
clear: both;
margin: 0 30px 15px 30px;
}

.lineblock {
background:url(/css/images/dotspace.gif) top left repeat-x;
padding-top: 8px;
overflow: hidden;
}

.contentblock.tight {
margin-bottom: 0;
}

.col3 {
width: 295px;
margin-right: 5px;
float: left;
}
.col3.last {
margin: 0;
}

.col2 {
width: 430px;
float: left;
margin-right: 35px;
}
.col2.last {
margin: 0;
}

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


#insidefooter {
clear: both;
background: #fff;
}
#facebookbtn a {
float: left;
display: block;
width: 242px;
height: 149px;
background:url(/css/images/facebook_footerbtn.gif) top left no-repeat;
}
#twitterbtn a {
float: left;
display: block;
width: 237px;
height: 149px;
background:url(/css/images/twitter_footerbtn.gif) top left no-repeat;
}
#blogbtn a {
float: left;
display: block;
width: 235px;
height: 149px;
background:url(/css/images/blog_footerbtn.gif) top left no-repeat;
}
#custombtn a {
float: left;
display: block;
width: 241px;
height: 149px;
background:url(/css/images/custom_footerbtn.gif) top left no-repeat;
}
#facebookbtn a span,
#blogbtn a span,
#twitterbtn a span,
#custombtn a span {
display: none;
}


#footer {
width: 895px;
margin: 0 auto;
clear: both;
background-color: #000;
/*background: url(/css/images/dotspace.gif) top left repeat-x;*/
padding: 10px  30px 20px 30px;
font-size: 12px;
color: #959595;
text-transform: none;
}
#footer a {
color: #959595;
background: none;
}
#footer a:hover {
color: #ff9b00;
background:url(/css/images/orangedash.gif) bottom left repeat-x;
}
#footer ul {
display: block;
clear:both;
}
#footer ul li {
display: inline;
background:url(/css/images/footer_divider.gif) center right no-repeat;
padding-right: 15px;
}
#footer ul li.last {
background:none;
padding: 0;
}
#footer p {
clear: both;
margin: 0;
display: block;
}


/****** UNIVERSAL *******/
.text {
text-transform: none;
}

.cattext  {
color: rgb(153, 153, 153); 
font-family: 'trebuchet MS', Arial, Helvetica, sans-serif; 
font-size: 22px; line-height: 28px; 
}

.contentblock h1 {
font-size: 90px;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding: 20px 0 10px 0;
line-height:75px;
}
.contentblock h3 a,
.contentblock h2 a,
.contentblock h1 a {
color: #000;
}

.contentblock h2 {
font-size: 20px;
padding: 10px 0;
}
.contentblock h3 {
font-size: 14px;
padding: 10px 0;
}
.contentblock h4 {
font-size: 11px;
padding: 0 0 10px 0;
}
.contentblock h5 {
font-size: 11px;
padding: 0;
font-weight: normal;
font-style:italic;
}
.contentblock p {
padding: 0 0 10px 0;
}
.breadcrumb {
padding-top: 5px;
}
.breadcrumb p {
padding: 0 0 5px 0;
}
.contentblock p.small {
font-size:10px;
}
.contentblock blockquote {
border: 1px solid #666;
padding: 10px 10px 0 10px;
margin-bottom: 10px;
background-color: #dedede;
}
.contentblock ol, .contentblock ul {
margin: 0 0 10px 25px;
}
.contentblock ol ul, .contentblock ul ol,
.contentblock ol ol, .contentblock ul ul {
margin: 0 0 0 25px;
}
.contentblock ol {
list-style: decimal;
}
.contentblock ul {
list-style: disc;
}

.contentblock li {
padding-bottom: 3px;
}

a.productname {
color: #000;
}

a {
color: #ff9b00;
background:url(/css/images/orangedash.gif) bottom left repeat-x;
text-decoration: none;
}
a:hover {
color: #000;
}
.margintop {
margin-top: 10px;
}

.alignright {
text-align: right;
}
.floatright {
float: right;
}
.txtError {
font-weight: bold;
color: red;
}

img.floatright {
padding: 0 0 10px 10px;
}

.description {
text-transform: none;
}


.description h1 {
line-height: 16px;
font-size: 14px;
text-transform: uppercase;
background:url(/css/images/dotspace.gif) top left repeat-x;
margin-top: 10px;
padding: 10px 0;
}


#LightBoxGallery {
padding-bottom: 10px;
}
.LightBox {
float: left;
padding: 0 10px 10px 0;
}
.LightBox img {
border: 1px solid #000;
}


table.formtable td {
padding: 3px;
vertical-align: top;
}
table.formtable td.label {
text-align: right;
}

.cartProgress {
width: 100%;
padding: 10px 0;
text-align:center;
font-size: 15px;
color: #959595;
background:url(/css/images/dotspace.gif) top left repeat-x;
margin-top: 20px;
}

.txtcartProgressCurrent {
color: #ff9b00;
}


table.cartTable {
width: 100%;
}
table.cartTable td {
vertical-align: middle;
padding: 3px;
}

table.cartTable.bordered, table.cartTable.bordered td {
border: 1px solid #dedede;
}

table td.tdcartTitle {
background-color: #000;
color: #fff;
border: 1px solid #fff;
}

table.addressTable {
width: 100%;
}
table.addressTable td {
padding: 2px;
}
table.addressTable td.tdcartTitle {
border: none;
padding: 2px 4px;
}


table.gatewaytable {
width: 308px;
margin: 0 auto;
}
table.gatewaytable .textbox {
width: 300px;
}
table.gatewaytable td {
padding: 2px 4px;
}

.gatewaytable tr.paymentoption td {
padding: 5px 4px 12px 4px;
background:url(/css/images/dotspace.gif) top left repeat-x;
vertical-align: top;
}


p.gatewaycheckout {
width: 308px;
margin: 0 auto;
}

table.loginTable td {
padding: 2px;
}



/* start mod: Common code for: Fully Flexible Contact Forms -or- Advanced Contact Forms */
/* by Estelle - http://cubecart.expandingbrain.com */

/* Information displayed after email is sent */
.divEmailInfo {
	margin: 1em auto 1em auto;
	color: black;
	background-color: #E0FFB8;
	padding: 1em;
	position: relative;
}
.divEmailError {
	margin: 1em auto 2em auto;
	padding: 1em;
	color: red;
	background-color: #FFEEE7;
}
.divEmailFields {
	margin: 1em auto;
	padding: 10px;
	width: 95%;
	overflow: auto;
	border: 1px dashed #94DA3A;
}

/* Table and field sizes/alignment */
table.contactForm {
	margin: 0 auto;
	width: 100%;
}
.contactForm input.textbox {
	width: 96%;
}
.contactForm select {
	/*width: 243px;*/
}
.contactForm textarea {
	width: 99%;
	height: 160px;
}

/* Field error messages */
span.validation-advice, span.custom-advice, label.error {
	margin-top: 5px;
	color: #FF0000;
	background-color: #FFFFFF; /* set this to fix problem in IE */
	font-weight: bold;
}

/* This is for the CAPTCHA */
#recaptcha_area {
	margin: 0.5em 0;
}
.recaptcha_theme_white .required, .recaptcha_theme_blackglass .required, .recaptcha_theme_red .required {
	border: 1px solid #70CDCC !important;
}
.recaptcha_theme_white .validation-failed, .recaptcha_theme_blackglass .validation-failed, .recaptcha_theme_red .validation-failed {
	border: 2px solid #FF3333 !important;
}
.recaptcha_theme_white .validation-passed, .recaptcha_theme_blackglass .validation-passed, .recaptcha_theme_red .validation-passed {
	border: 1px solid #B1D16C !important;
}
.recaptcha_theme_white .validation-advice, .recaptcha_theme_blackglass .validation-advice, .recaptcha_theme_red .validation-advice {
    display: none;
}

/* end mod: Common code for: Fully Flexible Contact Forms -or- Advanced Contact Forms */




.paginate {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 80%;

}


.txtOldPrice {
	text-decoration:line-through;
}
.Sale {
	font-weight: bold;
	color:#C00;
}
#seal {
position: absolute;
bottom:0;
right: 0;
}
.jqmWindow h2 {
font-size: 55px;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
padding: 0 0 10px 0;
line-height:75px;
}
.jqmWindow p {
	padding: 0 0 10px 0;
}
.jqmWindow p.small { font-size: 10px; }
.jqmWindow a { color: #000; font-size: 13px; font-weight: bold; }
.shipping-message {
margin-top: 15px;
border: 1px solid #dedede;
padding: 3px;
}
.shipping-message p {
font-size: 11px;
padding-bottom: 0;
}
.shipping-message .red {
color: #c00;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header #mainnav li ul { 
left: -10000px;
}
#header #mainnav li:hover ul {
left: auto;
}

#header #mainnav #productnav {
position: absolute; 
clear: both;
overflow: hidden;
padding: 10px 0;
z-index: 10000;
font: 12px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
text-transform: uppercase;
/*width: 895px;*/
width: auto;
margin: 0;

-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-radius-topright: 10px;

-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius-bottomright: 10px;

opacity:0.9;
filter: alpha(opacity=90); 
background: #211f20 url(/css/images/nav-background.gif) 0 5px no-repeat;
}

#header #mainnav #productnav ul {
margin-top: 10px;
}

#header #mainnav #hownav {
position: absolute; 
clear: both;
overflow: hidden;
padding: 10px 0;
z-index: 300;
font: 12px/18px Trebuchet MS, Arial, Helvetica, sans-serif;
text-transform: uppercase;
width: 300px;
margin: 0;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-radius-topright: 10px;

-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-radius-bottomright: 10px;

background-color: #211f20;
opacity:0.9;
filter: alpha(opacity=90); 
}



#header #mainnav #hownav li {
width: auto;
display: block;
float: left;
clear: both;
padding: 0 10px;
margin: 0;
background: none;
}
#header #mainnav #productnav li {
width: 107px;
display: block;
float: left;
padding: 0 10px;
margin: 0;
background: none;
}

#header #mainnav #hownav li a {
color: #fff;
background: none;
height: auto;
}
#header #mainnav #hownav li a:hover {
color: #ff9b00;
}
#header #mainnav #productnav li a {
color: #ff9b00;
background: none;
height: auto;
}
#header #mainnav #hownav li li,
#header #mainnav #productnav li li {
padding: 2px 0 0 0;
margin: 0;
border: none;
}
#header #mainnav #hownav li li a,
#header #mainnav #productnav li li a {
color: #fff;
}
#header #mainnav #hownav li li a:hover,
#header #mainnav #productnav li li a:hover {
color: #ff9b00;
}
#header #mainnav #hownav li li.currnet a,
#header #mainnav #productnav li li.current a {
font-weight: bold;
color: #ff9b00;
}

#header #mainnav #search {
padding: 0 0 0 5px;
}
#header #mainnav #search form {
float: left;	
/*border: 1px solid red;
margin: 0;
padding: 0;*/
}
#header #mainnav #search input {
float: left;
margin: 0 0 0 5px;
}
#header #mainnav #search input.searchBox {
border: none;
background:url(/css/images/search_input.gif) top left no-repeat;	
width: 160px;
height: 32px;
padding-left: 3px;
padding-right: 3px;
/*border: 1px solid red;*/
}
.addthis_toolbox a { background: none; }


.freeshippingblock {
background: url("/css/images/dotspace.gif") top left repeat-x;
margin: 10px 0;
}
.freeshippingblock div {
	background: url("/css/images/dotspace.gif") bottom left repeat-x;
padding: 10px 0; 
}