/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;


}
 
body {
font: 80%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
background: black url(../images/bg-repeat.jpg) top left repeat-x;
color:#999;
}

.red {color:#c2161a;}
a {outline:none;}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
color:white;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;

}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 0 0;
}
 
ul, ol {
padding:0 0 5 0;
list-style:none;
}

#maincontent-right ul {
margin-left: 20px;
padding:0 0 5 0;
list-style:disc;
}

#maincontent-right ol {
margin-left: 20px;
padding:0 0 5 0;
list-style:decimal;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
color:#fff;
text-decoration:none;
border:0px;
}
 
a:hover { text-decoration:underline; }
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:100%;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** framework *****/
#header { width: 100%; height:219px; background:url(../images/header-bg.jpg) top center repeat-x;}
#headertop { width: 974px;margin:0px auto; height:166px;}
#headertop h1 { width: 368px; margin:0px auto; height:159px; float:left; text-indent:-9999px; margin:0px; padding:0px; background:url(../images/oovj-logo.png) top left no-repeat;}
#headertop #call { width: 456px; margin:0px auto; height:159px; float:left; text-indent:-9999px; margin:0px 0px 0px 150px; padding:0px; background:url(../images/call.png) 50% center no-repeat;}
#navigation { width: 974px; margin:0px auto; height:43px; background:url(../images/nav-bg.jpg) top center no-repeat; text-align:center;}
#midsection-wrap { width: 100%; height:248px; background:url(../images/feature-bg.jpg) top center repeat-x;}
#midsection { width: 974px; height:248px; margin:0px auto;}
#midsection-left { width: 424px; height:248px; background:url(../images/oovj-image.png) top left no-repeat; float:left; }

#home #midsection h2, #terms #midsection h2  { width: 974px; height:248px; background:url(../images/banners/the-ultimate1.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#news #midsection h2 { width: 974px; height:248px; background:url(../images/banners/oozes-title.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}
#shop #midsection h2 { width: 974px; height:248px; background:url(../images/banners/the-real-mccoy.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#features #midsection h2 { width: 974px; height:248px; background:url(../images/banners/the-real-mccoy.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#shop1 #midsection h2 { width: 974px; height:248px; background:url(../images/banners/the-real-mccoy.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#testimonials #midsection h2 { width: 974px; height:248px; background:url(../images/banners/wow-title.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#gallery #midsection h2 { width: 974px; height:248px; background:url(../images/callhead1.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#inside #midsection h2 { width: 974px; height:248px; background:url(../images/callhead1.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#dealers #midsection h2, #story #midsection h2 { width: 974px; height:248px; background:url(../images/findout1.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#contact #midsection h2, #privacy #midsection h2, #returns #midsection h2, #terms #midsection h2, #delivery #midsection h2 { width: 974px; height:248px; background:url(../images/touch1.png) top left no-repeat; float: right; text-indent:-9999px; margin:0px; padding:0px;}

#content { width: 974px; background:black url(../images/content-top.jpg) top center no-repeat; margin:10px auto 0px auto; padding:7px 0px 0px 0px; }
#home #content-left { width: 327px; height:346px; background:url(../images/column-bg.gif) top left repeat-x; float:left; margin:0px; padding:0px;  }

#maincontent { width: 974px; background:#333 url(../images/maincontent-bg.gif) top left repeat-x; margin:10px auto 0px auto; padding:7px 0px 0px 0px; }
#maincontent-inner { width: 974px; background:url(../images/maincontent-rpt.gif) top left repeat-y; margin:0px; padding:0px; }
#maincontent-left {width:244px; padding: 20px 0px 0px 0px; float:left; background:url(../images/tab.gif) top left no-repeat; }
#maincontent-left ul {padding:0px; margin:0px 20px 20px 20px; font-size:150%; line-height:1.6em;}
#maincontent-left ul li {padding:0px; margin:0px; display:block; border-bottom: 1px solid #333; }
#maincontent-left ul a {color:#fff; }
#maincontent-left ul a:hover {color:#d40812; text-decoration:none; }

#maincontent-left h3 { text-transform:uppercase; font-size:200%; width: 234px; height:59px; background:url(../images/head-bg.png) top left no-repeat; float:left; margin:0px; padding:15px 0px 0px 10px; }

#maincontent-right {width:705px; float:left; padding:10px; }
body#contact #maincontent-right {width:685px; float:left; padding:10px 10px 10px 30px; }

#maincontent-right p {line-height: 1.4em; margin-bottom: 12px;}
#maincontent-right ul li {line-height: 1.4em;}

#maincontent-right ul.gallerylist {padding:0px; margin:10px 0px 10px 0px; }
#maincontent-right ul.gallerylist li {padding:0px; margin:6px; display:inline;}
#maincontent-right h4 {color:#CC0000; font-size:150%; border-bottom:1px solid #333;;  margin:8px; padding:5px;}

#testimonials .columnwrap  {width:705px; float:left; padding:0px; margin: 5px 0px 5px 0px; padding:5px 0px 5px 0px; background:#252525 url(../images/grid-repeat.jpg) top left repeat-x; }
#testimonials .columnleft  {width:120px; float:left; padding:0px; }
#testimonials .columnright  {width:585px; float:left; padding:0px; }
#testimonials .columnright p { color:#999; padding:10px; line-height: 1.4em; }

#maincontent-right h3 {font-size:200%; width:687px;  height:45px; padding:10px;  background:url(../images/pgtitlebg.jpg) top left no-repeat; text-transform:uppercase;}

.feature-wrap {width:685px; padding:0px; margin:0px 10px 0px 10px;}
.feature-wrap-image {width:685px; height:200px; padding:0px; margin:0px 0px 0px 0px;}
.feature-wrap-right {width:475px; padding:20px; margin:0px 0px 0px 170px; background:url(../images/feature-repeat.gif) top left repeat-x; float:left;}

#news .feature-wrap-right, #news1 .feature-wrap-right {background: none;}

#maincontent-inner h2 { font-size:200%; width: 959px; height:37px; padding:15px 0px 0px 15px; margin:0px; text-transform:uppercase; background:url(../images/title-bg.gif) top left no-repeat; }

ul.newslist { margin:0px 5px 0px 10px; border-bottom:1px dotted #333; padding:5px 0px 5px 0px; line-height:1.5em; }
ul.newslist li { padding:0px; margin:0px;  }
ul.newslist .title { padding:0px; margin:0px; color:#FF9900; font-weight:bold;  }

ul.newslist a,
ul.newslist a:link,
ul.newslist a:visited {
color:#fff;
text-decoration:none;
border:0px;
background-color:#990000;
}

ul.newslist a:hover {
color:#000;
text-decoration:none;
border:0px;
background-color:#fff;
}

#content-right { line-height:1.9em;}

#content-right a { color:#fff;
text-decoration:none;
border:0px;
background-color:#990000;}

#content-right a:hover{ color:#000;
text-decoration:none;
border:0px;
background-color:#fff;
}

#home #content-left h3 { font-size:225%; width: 311px; height:61px; background:url(../images/head-bg.png) top left no-repeat; float:left; margin:0px; padding:13px 0px 0px 10px; text-transform:uppercase;}
#home #content-center h3 { font-size:225%; width: 310px; height:61px; background:url(../images/head-bg.png) top left no-repeat; float:left;  margin:0px; padding:13px 0px 0px 10px; text-transform:uppercase;}
#home #content-right h3 { font-size:225%; width: 311px; height:61px; background:url(../images/head-bg.png) top left no-repeat; float:left;  margin:0px; padding:13px 0px 0px 10px; text-transform:uppercase;}

#home #content-center { width: 326px; height:346px; background:url(../images/column-bg.gif) top left repeat-x; float:left; margin:0px; padding:0px;}
#home #content-right { width: 321px; height:346px; background:url(../images/column-bg.gif) top left repeat-x; float:left; margin:0px; padding:0px; }
#home #content-right p { margin:10px; padding:0px; line-height:1.4em; }

#package { background:url(../images/package-bg1.jpg) top left repeat-x; width:974px; margin:0px auto; height: 359px; }
#package-left { width:453px; margin:0px; padding:0px; height: 359px; float:left; }
#package-left p, #package-left ul { margin: 20px; color:#666; line-height:1.3em;}
#package-left h3 { width:453px; margin:0px; padding:0px; height: 114px; background:url(../images/h3-package.gif) top left no-repeat; text-indent:-9999px; }
#package-right { width:521px; margin:0px; padding:0px; height: 359px; float:left;}

#footer { color:white; background:url(../images/footer-repeat.gif) top left repeat-x; width:974px; margin:0px auto; height: 230px; }
.footer-item { width:220px; margin:0px auto; float:left; padding:20px 10px 5px 10px; line-height:1.4em;}
.footer-item ul { padding:0px; margin:0px 0px 0px 20px;}
.footer-item h4 { font-size:160%; margin:0px 0px 10px 0px; padding:4px 0px 4px  25px; background:url(../images/h4-icon.gif) top left no-repeat; border-bottom:1px solid #990000; text-transform:uppercase; }
#footerbase { background:url(../images/footerbase.jpg) top left no-repeat; width:974px; margin:0px auto; height: 51px; }

#nav  {
float: left;
list-style: none;
margin: 0px; padding: 10px 0px 0px 0px;
height: 24px; width: 974px;
display: inline; overflow: hidden;
}



#nav li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-align:center;
font-size:140%;
}



#nav a {
float: left;
padding: 0px; height: 24px;
overflow: hidden;
color:#fff;
}

#nav a:hover {
color:#000;
text-decoration:none;
}

#nav a:active, #nav a.selected {
color:#000;
}

.home a  {
width: 81px;
color:#000;
padding: 0px; margin:0px;
}

#home #nav .home a  {
width: 81px;
color:#000;
padding: 0px; margin:0px;
}

.inside a  {
width: 129px;
color:#000;
padding: 0px; margin:0px;
}

#inside #nav .inside a  {
width: 129px;
color:#000;
padding: 0px; margin:0px;
}

.home a  {
width: 81px;
color:#000;
padding: 0px; margin:0px;
}

#home #nav .home a  {
width: 81px;
color:#000;
padding: 0px; margin:0px;
}

.inside a  {
width: 129px;
color:#000;
padding: 0px; margin:0px;
}

#inside #nav .inside a  {
width: 129px;
color:#000;
padding: 0px; margin:0px;
}

.shop a  {
width: 80px;
padding: 0px; margin:0px;
}

#shop #nav .shop a  {
width: 80px;
color:#000;
padding: 0px; margin:0px;
}

.news a  {
width: 52px;
color:#000;
padding: 0px; margin:0px;
}


#news #nav .news a  {
width: 52px;
color:#000;
padding: 0px; margin:0px;
}

.features a  {
width: 136px;
padding: 0px; margin:0px;
}

#features #nav .features a  {
width: 136px;
color:#000;
padding: 0px; margin:0px;
}

.testimonials a  {
width: 163px;
padding: 0px; margin:0px;
}

#testimonials #nav .testimonials a  {
width: 163px;
color:#000;
padding: 0px; margin:0px;
}

.gallery a  {
width: 114px;
padding: 0px; margin:0px;
}

#gallery #nav .gallery a  {
width: 114px;
color:#000;
padding: 0px; margin:0px;
}

.dealers a  {
width: 120px;
padding: 0px; margin:0px;
}

#dealers #nav .dealers a  {
width: 120px;
color:#000;
padding: 0px; margin:0px;
}

.contact a  {
width: 84px;
padding: 0px; margin:0px;
}

#contact #nav .contact a  {
width: 84px;
padding: 0px; margin:0px;
color:#000;
}

#dealer-wrap { width:707px; float:left; margin:10px 0px 20px 0px; }
.dealer-item { width:225px; float:left; padding:5px; height:200px; text-align:center; }
.dealer-item-image { width:225px; float:left; }
.dealer-info { width:225px; float:left;  }

.dealer-info ul { margin:6px 0px 6px 0px; padding:0px; line-height:1.2em; text-align:center;}
.dealer-info a { color:#FF0000;}

#prod-wrap { width:705px; margin:5px 0px 0px 0px; padding:0px; background: #242424 url(../images/grid-repeat.jpg) top left repeat-x;}
#prod-bottom { width:675px; padding:15px; margin:0px;}
.prod-item-left { width:282px; margin: 0px; float: left; padding: 0px;}
.prod-item-right { width:380px; margin: 0px 0px 0px 10px; float: left; padding: 0px;}
#shop .prod-item-right h2.prodtitle { color:#c1171a; background:none; width:282px;  margin-top:5px; padding:0px;}
#shop .prod-item-right h2.price { font-size:260%; color:#fff; background:none; width:282px; margin:0px; padding:0px;}
.prod-image { width:282px; height:193px; margin: 0px 0px 0px 0px; float: left; background:#333;}



#prod-wrap ul {
	margin-left: 0px;
}


ul.prod-sublist { width:282px; margin: 0px; padding:0px 0px 0px 0px; }
ul.prod-sublist li{ margin: 1px; padding:0px 0px 0px 0px; display:inline; float:left; }


#prod-wrap .tab_container ul {
	margin-left: 20px;
}

#tab-container { width:380px; float:left; margin:10px 0px 0px 0px; clear:both;}



ul.tabs {
	margin: 0; padding: 0;
	list-style: none;
	height: 30px;
	width:380px;
	float: left;
}

ul.tabs li {

	float: left;
	margin: 0;
	padding: 4px 0px 0px 0px;
	height: 26px;
	overflow: hidden;
	position: relative;
		background-color:#000;
	text-align:center;
	color:#fff;
}



ul.tabs li a {

	text-decoration: none;

	display: block;
	padding: 0px 20px;

	outline: none; 

	color: #fff;

}



ul.tabs li a:hover {
	background:none;
	color: #fff;	}

html ul.tabs li.active  {
	color: #fff;

	background-color:#ec020b;
	}

html ul.tabs li.active a:hover  {
	color: #fff;
	}

.tab_container {
    clear: both;
    float: left; 
    width:380px;
	background:#333;
}

.tab_content {
	padding: 10px;
}

.tab_content a {color: #fff;}

.tab_content ul {list-style: disc; line-height:1.6em; margin-bottom:1em; margin-left: 2em;}

.tab_content p {line-height:1.6em; margin-bottom:1em;}

.tabdesc, .tabdelivery {color:#fff; font-size:120%; padding:10px 0px 0px 0px; }

#extra-wrap { width:685px; margin:5px 0px 0px 0px; padding:10px; background: #242424 url(../images/grid-repeat.jpg) top left repeat-x;}
.extra-item { width:688px; background:#1b1b1b; border-top:1px solid #666; margin: 0px; padding:10px 10px 20px 10px; } 
.extra-item-left { width:148px; height:101px; background:#1b1b1b; padding:10px; float:left; } 
.extra-item-middle { width:280px;  background:#1b1b1b; padding:10px; float:left;} 
#shop1 .extra-item-middle h2.extratitle { font-size:180%; background:none; width:100%; margin:0px; padding:0px; color:#c2161a; line-height:1.0em; height: 60px; } 
#shop1 .extra-item-middle h2.extraprice { font-size:160%; background:none; width:100%; margin-top:10px; padding:0px; line-height:1.0em; } 
.extra-item-right { width:168px; height:101px; background:#1b1b1b; padding:0px; float:left; } 

#news-wrap { width:685px; margin:5px 0px 0px 0px; padding:10px; background: #242424 url(../images/grid-repeat.jpg) top left repeat-x;}
.news-item { width:663px; background:#1b1b1b; border-top:1px solid #666; margin: 0px; padding:10px; } 
.news-item-left { width:148px; height:121px; background:#1b1b1b; padding:10px; float:left; } 
.news-item-middle { width:280px;  background:#1b1b1b; padding:10px; float:left;} 
#news .news-item-middle h2.newsdate { font-size:130%; background:none; width:100%; margin:0px; padding:0px; color:#c2161a; line-height:1.0em;} 
#news .news-item-middle h2.newstitle { font-size:220%; background:none; width:100%; margin-top:-15px; padding:0px; line-height:1.0em; } 
.news-item-right { width:168px; height:121px; background:#1b1b1b; padding:0px; float:left; } 

.show { background:#e30a13; color:white; margin:10px 0px 10px 0px; padding:2px;}
.jfy { padding:5px 0px 10px 0px;}

ul.features { padding:0px; margin:0px; text-align:center;}

.mapwrap { padding:0px; margin:0px; width:280px; height:170px;}
#news1 h2.newsdate, #news h2.newsdate {margin:0px; padding:0px; background:none; width:100%; font-size:130%; color: #c2161a;}
#news1 h2.newstitle, #news h2.newstitle {margin:-15px 0px 0px 0px; padding:0px; background:none; width:100%;}

ul.addresslist {margin:0px 0px 20px 0px; padding:0px; color:white;}
ul.addresslist li {margin:5px 0px 5px 0px;}

#flashwrap {width:660px; height:498px; margin:20px;}

.buttonlink {
	background: #c1d830;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.0em;
	width:145px; height:20px;
	padding-top:8px; margin:10px 0px 10px 0px;padding-right:15px;
	cursor: pointer;
	border: none;
	text-align: center;
	font-family: "Avenir LT 65 Medium", "Trebuchet MS", Trebuchet, arial, sans-serif;
	font-weight: normal;
	background:url(../images/but-up.png) top left no-repeat;
}
.buttonlink:active {
	border: none;
	outline: none;
	color: #fff;
}

#basket {margin: 0; padding: 0;}

ul.items li a {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #ffffff;
	display: block;
	padding: 7px;
	overflow: hidden;
	}
ul.items li.last a {
	border: none;
	}
ul.items a:hover {
	color: #999999;
	}
ul.items li em {
	float: right;
	margin: 0 0 0 5px;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #c2161a;
	}

.addthis_button {
	margin-bottom: 20px;
}

#credit-cards {
	background:url(../images/we-accept.png) no-repeat;
	width: 230px;
	height: 20px;
}