@charset "UTF-8";
/* CSS Document */

body{
background-color: #eeedeb;
background-image: url(Images/Base/background_repeat_short.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}
.outerwraper{
width: 819px;
height: auto;
margin: auto;
margin-top: 0px;

}

.wraper{
width: 819px;
height: auto;

}
.wraper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
}
.header{
width: 819px;
height: 520px !important;
height:520px;
min-height: 520px;
display:block;
}
.contentholder{
width: 819px;
height: 850px;
min-height:450px;
background-image: url(Images/Base/content_repeat.jpg);
background-repeat:repeat-y;
}
.contentholder:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
}

.footer{
clear:both;
width:819px;
height:111px;
background-image: url(Images/Base/footer2.jpg);
background-repeat:no-repeat;
}
.contentleft{
width: 169px;
height: auto;
min-height:365px;
margin-left:20px !important;
margin-left: 10px;
display:block;
float:left;
}
.navholder{
width: 169px;
height: 300px;
background-image: url(Images/Base/Nav_bg2.jpg);
background-repeat:no-repeat;
background-position: top;
}
.navigation{
width: 169px;
height: 200px;
padding: 105px 0 0 0px;
}
.navigation ul{
display: inline;
height: auto;
width: 150px;
}
.navigation ul:after{
content: ".";
display: block;
visibility: hidden;
height: 0;
font-size: 1px;
clear: both;
}
.navigation ul li{
width: auto !important;
width: 5px;
list-style-type: none;
height: 20px;
margin-top: 5px;
white-space: nowrap;

}
.navigation ul li a{
display: block;
text-decoration: none;
font-family:"Times New Roman", Times, serif;
font-size:10px;
letter-spacing: 1px;
text-align: left;
padding: 4px 6px 0px 6px;
color: #333333;
height: 16px;
border-bottom:dotted 1px;
}
.navigation ul li a:hover{
background-color:#e9dec7;
color: #000000;
}
.contentright{
width: 600px;
height: auto;
float: right;
margin-right: 20px;
}
.videoholder{
width: 366px;
height: auto;
clear:both;
float:left;
display:block;
margin-top:0px;
}
#videowraper{
width: 366px;
height: 225px;
border: solid 1px #333333;
}
#placeholder1{
width:366px;
height:225px;
}
.menuholder{
width: 366px;
height: 88px;
margin-top:10px;
}
a.video1holder{
background-image:url(videos/Thumbnails/home_video2_thumb.jpg);
background-repeat:no-repeat;
height:88px;
width:88px;
border: solid 1px #000000;
clear:both;
float: left;
margin-right:1px;
display:block;
}
a.video1holder:hover{
border: solid 1px #FFFFFF;
}
a.video2holder{
background-image: url(videos/Thumbnails/home_video3_thumb.jpg);
background-repeat:no-repeat;
height:88px;
width:88px;
border: solid 1px #000000;
margin-right:1px;
float: left;
display:block;
}
a.video2holder:hover{
border: solid 1px #FFFFFF;
}
a.video3holder{
background-image: url(videos/Thumbnails/home_video4_thumb.jpg);
background-repeat:no-repeat;
height:88px;
width:88px;
border: solid 1px #000000;
margin-right:1px;
float: left;
display:block;
}
a.video3holder:hover{
border: solid 1px #FFFFFF;
}
a.video4holder{
background-image: url(videos/Thumbnails/home_video1_thumb.jpg);
background-repeat:no-repeat;
height:88px;
width:88px;
border: solid 1px #000000;
margin-right:1px;
float: left;
display:block;
}
a.video4holder:hover{
border: solid 1px #FFFFFF;
}
.infomap{
width:220px;
height:auto;
float: right;
display:block;

}
.hellotab{
width:216px;
height: 94px;
display:block;
background-image:url(Images/Home/hello_tabs.jpg);
background-repeat:no-repeat;
}
.smallmapholder{
width:216px;
height:185px;
display:block;
}
.bodytext{
font-family:"Times New Roman", Times, serif;
font-size: 10px;
color:#000000;
}
.bodytextbold{
font-family:"Times New Roman", Times, serif;
font-size: 10px;
font-weight:bold;
color:#000000;
}
.loactiontext{
width:216px;
height:auto;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
color:#000000;
margin-top:15px;
}
.loactiontext a{
width:216px;
height:auto;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
font-weight:bold;
}
.sponsor_holder{
width:216px;
height:80px;
display:block;
background-image:url(Images/Home/Available_Albertsons.jpg);
background-repeat:no-repeat;
margin-top:10px;
}
.sponsorship_bg{
width:367px;
height:201px;
clear:both;
display:block;
background-image:url(Images/Home/Sponsor_background.jpg);
background-repeat:no-repeat;
}
.sponsorship_text{
width: 330px;
height:auto;
padding-top:60px;
margin-left:16px !important;
margin-left:8px;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
}
a.sponsor_email{
width: 255px;
height:28px;
display:block;
clear:both;
margin-left:90px !important;
margin-left:45px;
background-image:url(Images/Home/send_email_button.jpg);
background-repeat:no-repeat;
background-position: 0 0;

}
a.sponsor_email:hover{
background-position: 0px -28px;
}
.newsbg{
width:169px;
height:201px;
display:block;
background-image:url(Images/Home/news_bg.jpg);
background-repeat:no-repeat;
margin-top:10px;
}
.newsitem{
width:150px;
height:auto;
margin-left:10px !important;
margin-left:5px;
display:block;
padding-top:8px;
border-bottom:dotted 1px #333333;
}
.newsitem_first{
width:150px;
height:auto;
margin-left:10px !important;
margin-left:5px;
display:block;
padding-top:40px;
border-bottom:dotted 1px #333333;
}
.newsheader{
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
width:150px;
height:auto;
color:#333333;
}
.newsheader a{
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
width:150px;
height:auto;
color: #333333;
}
.newsheader a:hover{
color: #000000;
}
.newstext{
font-family:"Times New Roman", Times, serif;
font-size:12px;
width:150px;
height:auto;
color:#666666;
padding-bottom:3px;
}
a.newstext{
font-family:"Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
color:#333333;
}
/* ------------------------------------------------------- end home CSS ----------------------------------------------------- */

/* ------------------------------------------------------- start Products CSS ----------------------------------------------------- */
.shortheader{
width: 819px;
height: 307px;
min-height: 307px;
display:block;
}
.octnae_BG{
width:599px;
height:267px;
display:block;
background-image:url(Images/Products/Original_Octane_BG.jpg);
background-repeat:no-repeat;
}
.blackcherry_BG{
width:599px;
height:269px;
display:block;
background-image: url(Images/Products/Black_Cherry_BG.jpg);
background-repeat:no-repeat;
}
.SPSShine_BG{
width:599px;
height:269px;
display:block;
background-image: url(Images/Products/Shine_BG.jpg);
background-repeat:no-repeat;
}
.product_description_text{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
width:305px;
height:auto;
padding-top:90px;
padding-left:20px;
display:block;
}
.product_description_text_bold{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
font-weight:bold;
}
/* ------------------------------------------------------- end Products CSS ----------------------------------------------------- */
/* ------------------------------------------------------- start Gallery CSS ----------------------------------------------------- */
.galleryheader{
width: 819px;
height: 307px;
min-height: 307px;
display:block;
background-image:url(Images/Gallery/Gallery_header.jpg);
background-repeat:no-repeat;
}
.bigvideowrap{
width:600px;
height:auto;
}
.galley_section_holder{
width:600px;
height: 60px;
display:block;
clear:both;
margin-bottom:5px;
margin-top:5px;
}
a.gallery_image1{
width: 60px;
height: 60px;
display:block;
clear:both;
float:left;
background-image:url(Images/Gallery/products_promotion/Thumbs/Product1_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image1:hover{
border: solid 1px #ffffff;
}
a.gallery_image2{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Product2_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image2:hover{
border: solid 1px #ffffff;
}
a.gallery_image3{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Product3_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image3:hover{
border: solid 1px #ffffff;
}
a.gallery_image4{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Product4_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image4:hover{
border: solid 1px #ffffff;
}
a.gallery_image5{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo1_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image5:hover{
border: solid 1px #ffffff;
}
a.gallery_image6{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo2_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image6:hover{
border: solid 1px #ffffff;
}
a.gallery_image7{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo3_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image7:hover{
border: solid 1px #ffffff;
}
a.gallery_image8{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo4_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image8:hover{
border: solid 1px #ffffff;
}
a.gallery_image9{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo5_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image9:hover{
border: solid 1px #ffffff;
}
a.gallery_image10{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo6_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image10:hover{
border: solid 1px #ffffff;
}
a.gallery_image11{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo7_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image11:hover{
border: solid 1px #ffffff;
}
a.gallery_image12{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo8_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image12:hover{
border: solid 1px #ffffff;
}
a.gallery_image13{
width: 60px;
height: 60px;
display:block;
float:left;
background-image: url(Images/Gallery/products_promotion/Thumbs/Promo9_thumb.jpg);
background-repeat:no-repeat;
border: solid 1px #333333;
margin-right:4px;
}
a.gallery_image13:hover{
border: solid 1px #ffffff;
}
.gallery1_header{
.width:598px;
height:40px;
display:block;
background-image:url(Images/Gallery/Image_Gallery1_header.jpg);
background-repeat:no-repeat;
}
.bigvideo_header{
.width:598px;
height:40px;
display:block;
background-image: url(Images/Gallery/video_header.jpg);
background-repeat:no-repeat;
}
.player_wraper{
width: 600px;
height: 517px;
border:solid 1px #000000;
}
#player_holder{
}
/* ------------------------------------------------------- End Gallery CSS ----------------------------------------------------- */
/* ------------------------------------------------------- Start News CSS ----------------------------------------------------- */

.newsheader{
width: 819px;
height: 307px;
min-height: 307px;
display:block;
background-image: url(Images/News/News_header.jpg);
background-repeat:no-repeat;
}
.newscolumn_left{
width:278px;
height:auto;
display:block;
clear:both;
float:left;
}
.article_top{
widtth:278px;
height:11px;
display:block;
background-image:url(Images/News/Article_top.jpg);
background-repeat:no-repeat;
margin:0;
}
.article_holder{
width:278px;
height:auto;
min-height:100px;
display:block;
background-image:url(Images/News/Article_repeat.jpg);
background-repeat:repeat-y;
margin:0;
}
.article_bottom{
widtth:278px;
height:14px;
display:block;
background-image: url(Images/News/Article_bottom.jpg);
background-repeat:no-repeat;
margin:0;
}
.article_text{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
padding-left:10px;
width:260px;
height:auto;
}
.article_text_bold{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
font-weight:bold;
}
.article_text_bold a{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
font-weight:bold;
}
a.article_text{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color: #000000;
padding-left:10px;
width:260px;
height:auto;
}
.contentholder_news{
width: 819px;
height: 550px;
min-height:450px;
background-image: url(Images/Base/content_repeat.jpg);
background-repeat:repeat-y;
}
.contentholder_news:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
}
/* ------------------------------------------------------- End News CSS ----------------------------------------------------- */
/* ------------------------------------------------------- Start Company CSS ----------------------------------------------------- */
.header_company{
width: 819px;
height: 307px;
min-height: 307px;
display:block;
}

.company_info_holder{
width:596px;
height:374px;
display:block;
background-image:url(Images/Who_we_are/Where_we_come_from_BG.jpg);
background-repeat:no-repeat;
}
.company_info_text{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
width:550px;
height:auto;
padding-top:20px;
padding-left:20px;
display:block;
}
.company_info_text_bold{
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#333333;
font-weight:bold;
}
.contentholder_company{
width: 819px;
height: 450px;
min-height:450px;
background-image: url(Images/Base/content_repeat.jpg);
background-repeat:repeat-y;
}
.contentholder_company:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
font-size: .01em;
}