@charset "UTF-8";
/* BIOZONE ORDERPAGE */

#onlinestore {  position:absolute; top:95px; left:0px; width: 650px; display: block; clear: left; margin-left: 5px; } 
#onlinestore .shoppingcart {  border-right: 1px solid #999; border-left: 1px solid #999; }  
#onlinestore h1 { font-weight: bold; text-transform: uppercase; color: #D5E7EB; background:  url(../images/gradients/bg_main.jpg) repeat-x left center #587D91; font-size: 14px; padding: 5px; text-align: center; margin: 0px; border-bottom: 1px solid #466B80; border-top: 1px solid #466B80; clear: both; }  
#onlinestore h1 strong { color: #FFCC00; }  
#onlinestore span { background-color: #E5ECF3; display: block; padding: 6px; font-size: 11px; text-align: center; color: #333333; border-bottom: 1px solid #466B80; clear: both; }  
#onlinestore ul { margin: 0px; width: 650px; padding: 5px 0px; list-style-image: none; list-style-type: none; display: block; clear: both; float: left; }  
#onlinestore ul li { background-color: #F5F5F5; background-image: none; text-align: center; display: block; margin: 4px; float: left; width: 120px; padding: 8px 0px 0px; border: 1px solid #CCCCCC; list-style-image: none; list-style-type: none; } 
#onlinestore ul li form a, 
#onlinestore ul li form a:visited { height:auto; width:auto; background:none; } 
#onlinestore ul li a span { display: none; z-index: 10000; }  
/* the IE correction rule */ 
#onlinestore ul li a:hover { text-indent: 0; /* added the default value */ 
}  
#onlinestore ul li a img { margin: 0px auto; border: none; }  
#onlinestore ul li h6, 
#onlinestore ul li h5, 
#onlinestore ul li h4 { margin:0px; padding: 0px 0px 1px; line-height:normal; }  
#onlinestore ul li h6 { color: #333333; font-size: 11px; }  
#onlinestore ul li h5, #rightpanel .table td h6 { color: #CC0000; font-size: 11px; }  
#onlinestore ul li h4 { font-size: 12px;}  
#onlinestore ul li a:hover span {
display: block;
font-size: 11px;
line-height:normal;
top: 25px;
left: 0px;
width: 210px;
margin: 0px;
padding: 8px;
color:#191919;
font-weight: normal;
background: #EFEFEF;
text-align: left;
border: 2px solid #CC0000;
position: absolute;
} 
#onlinestore ul li a:hover .preview { width:84px; background-color:#FFFFFF; left:-7px; top:49px; border-color:#006699; padding:5px; }
#onlinestore ul li div { display: block; padding-bottom: 2px; }  
#onlinestore ul li h4 em { font-size: 10px; font-style: normal; line-height:normal; }
/* ///////////|||||||||||||\\\\\\\\\\\\\ 
|||||||||||  CART ITEMS MATRIX  ||||||||
\\\\\\\\\\\\\|||||||||||||////////////// */

#onlinestore ul li a, 
#onlinestore ul li a:visited { 
position:relative; text-decoration:none; padding:0px; display:block; clear:both; width:85px; margin-left:auto; margin-right:auto; margin-bottom:0px; background-image:url(../images/order_online/onlinestore.jpg); background-repeat:no-repeat; }

#onlinestore ul li .r1img1, #onlinestore ul li .r1img2, 
#onlinestore ul li .r2img1, #onlinestore ul li .r2img2, #onlinestore ul li .r2img3, #onlinestore ul li .r2img4, #onlinestore ul li .r2img5,
#onlinestore ul li .r3img1, #onlinestore ul li .r3img2, #onlinestore ul li .r3img3, #onlinestore ul li .r3img4, #onlinestore ul li .r3img5 { height: 117px; margin-top:0px; }
#onlinestore ul li .r1img3, #onlinestore ul li .r1img4, #onlinestore ul li .r1img5 { height:85px; margin-top:32px; }
#onlinestore ul li .r4img1, #onlinestore ul li .r4img2, #onlinestore ul li .r4img3, #onlinestore ul li .r4img4, #onlinestore ul li .r4img5, 
#onlinestore ul li .r5img1, #onlinestore ul li .r5img2, #onlinestore ul li .r5img3, #onlinestore ul li .r5img4, #onlinestore ul li .r5img5, 
#onlinestore ul li .r6img1, #onlinestore ul li .r6img2, #onlinestore ul li .r6img3, #onlinestore ul li .r6img4, #onlinestore ul li .r6img5, 
#onlinestore ul li .r7img1, #onlinestore ul li .r7img2, #onlinestore ul li .r7img4, #onlinestore ul li .r7img5 { height:85px; margin-top:2px; }
#onlinestore ul li .r8img1, #onlinestore ul li .r8img2, #onlinestore ul li .r8img3, #onlinestore ul li .r8img4, #onlinestore ul li .r8img5, 
#onlinestore ul li .r9img1, #onlinestore ul li .r9img2, #onlinestore ul li .r9img3, #onlinestore ul li .r9img4, #onlinestore ul li .r9img5, 
#onlinestore ul li .r10img1, #onlinestore ul li .r10img2, #onlinestore ul li .r10img3, #onlinestore ul li .r10img4, #onlinestore ul li .r10img5, 
#onlinestore ul li .r11img1, #onlinestore ul li .r11img2, #onlinestore ul li .r11img3, #onlinestore ul li .r11img4, #onlinestore ul li .r11img5, 
#onlinestore ul li .r12img1, #onlinestore ul li .r12img2, #onlinestore ul li .r12img3, #onlinestore ul li .r12img4, #onlinestore ul li .r12img5, 
#onlinestore ul li .r13img1, #onlinestore ul li .r13img2, #onlinestore ul li .r13img3, #onlinestore ul li .r13img4, #onlinestore ul li .r13img5, 
#onlinestore ul li .r14img1, #onlinestore ul li .r14img2, #onlinestore ul li .r14img3, #onlinestore ul li .r14img4, #onlinestore ul li .r14img5, 
#onlinestore ul li .r15img1 { height:64px; margin-top:2px; border: 1px solid #597C8F; } 

#onlinestore ul li .r1img1 { background-position: 0px 0px; }
#onlinestore ul li .r1img2 { background-position: 0px -120px; }

#onlinestore ul li .r1img3 { background-position: 0px -410px; }
#onlinestore ul li .r1img4 { background-position: 0px -325px; }
#onlinestore ul li .r1img5 { background-position: 0px -240px; }
/* 	<<<<< ROW TWO = MODULAR WORKBOOKS */
#onlinestore ul li .r2img1 { background-position: -85px 0px; }
#onlinestore ul li .r2img2 { background-position: -170px 0px; }
#onlinestore ul li .r2img3 { background-position: -255px 0px; }
#onlinestore ul li .r2img4 { background-position: -340px 0px; }
#onlinestore ul li .r2img5 { background-position: -425px 0px; }
/* 	<<<<< ROW THREE = MODULAR WORKBOOKS */
#onlinestore ul li .r3img1 { background-position: -85px -120px; }
#onlinestore ul li .r3img2 { background-position: -170px -120px; }
#onlinestore ul li .r3img3 { background-position: -255px -120px; }
#onlinestore ul li .r3img4 { background-position: -340px -120px; }
#onlinestore ul li .r3img5 { background-position: -425px -120px; }
/* 		<<<<< ROW FOUR = MODULAR WORKBOOK ANSWERS */
#onlinestore ul li .r4img1 { background-position: -85px -240px; }
#onlinestore ul li .r4img2 { background-position: -170px -240px; }
#onlinestore ul li .r4img3 { background-position: -255px -240px; }
#onlinestore ul li .r4img4 { background-position: -340px -240px; }
#onlinestore ul li .r4img5 { background-position: -425px -240px; }
/* 	<<<<< ROW FIVE = MODULAR WORKBOOK ANSWERS */
#onlinestore ul li .r5img1 { background-position: -85px -324px; }
#onlinestore ul li .r5img2 { background-position: -170px -324px; }
#onlinestore ul li .r5img3 { background-position: -255px -324px; }
#onlinestore ul li .r5img4 { background-position: -340px -324px; }
#onlinestore ul li .r5img5 { background-position: -425px -324px; }
/* 	<<<<< ROW SIX = PRESENTATION MEDIA DICS */ 
#onlinestore ul li .r6img1 { background-position: 0px -499px; }
#onlinestore ul li .r6img2 { background-position: -85px -410px; }
#onlinestore ul li .r6img3 { background-position: -85px -499px; }
#onlinestore ul li .r6img4 { background-position: -170px -498px; }
#onlinestore ul li .r6img5 { background-position: -170px -410px; }
/* 	<<<<< ROW SEVEN = PRESENTATION MEDIA DICS */
#onlinestore ul li .r7img1 { background-position: -255px -410px; }
#onlinestore ul li .r7img2 { background-position: -340px -410px; }
#onlinestore ul li .r7img4 { background-position: -255px -498px; }
#onlinestore ul li .r7img5 { background-position: -340px -499px; }
/* 	<<<<< ROW EIGHT = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r8img1 { background-position: 0px -584px; }
#onlinestore ul li .r8img2 { background-position: -85px -584px; }
#onlinestore ul li .r8img3 { background-position: -170px -584px; }
#onlinestore ul li .r8img4 { background-position: -255px -584px; }
#onlinestore ul li .r8img5 { background-position: -340px -584px; }
/* 		<<<<< ROW NINE = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r9img1 { background-position: 0px -648px; }
#onlinestore ul li .r9img2 { background-position: -85px -648px; }
#onlinestore ul li .r9img3 { background-position: -170px -648px; }
#onlinestore ul li .r9img4 { background-position: -85px -648px; }
#onlinestore ul li .r9img5 { background-position: -340px -648px; }
/* 	<<<<< ROW TEN = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r10img1 { background-position: 0px -714px; }
#onlinestore ul li .r10img2 { background-position: -85px -714px; }
#onlinestore ul li .r10img3 { background-position: -170px -714px; }
#onlinestore ul li .r10img4 { background-position: -255px -714px; }
#onlinestore ul li .r10img5 { background-position: -340px -714px; }
/* 	<<<<< ROW 11 = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r11img1 { background-position: 0px -776px; }
#onlinestore ul li .r11img2 { background-position: -85px -776px; }
#onlinestore ul li .r11img3 { background-position: -170px -776px; }
#onlinestore ul li .r11img4 { background-position: -255px -776px; }
#onlinestore ul li .r11img5 { background-position: -340px -776px; }
/* 	<<<<< ROW 12 = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r12img1 { background-position: 0px -840px; }
#onlinestore ul li .r12img2 { background-position: -85px -840px; }
#onlinestore ul li .r12img3 { background-position: -170px -840px; }
#onlinestore ul li .r12img4 { background-position: -255px -840px; }
#onlinestore ul li .r12img5 { background-position: -340px -840px; }
/* 	<<<<< ROW 13 = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r13img1 { background-position: 0px -903px; }
#onlinestore ul li .r13img2 { background-position: -85px -903px; }
#onlinestore ul li .r13img3 { background-position: -170px -903px; }
#onlinestore ul li .r13img4 { background-position: -255px -903px; }
#onlinestore ul li .r13img5 { background-position: -340px -903px; }
/* 	<<<<< ROW 14 = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r14img1 { background-position: -425px -583px; }
#onlinestore ul li .r14img2 { background-position: -425px -648px; }
#onlinestore ul li .r14img3 { background-position: -425px -710px; }
#onlinestore ul li .r14img4 { background-position: -425px -775px; }
#onlinestore ul li .r14img5 { background-position: -425px -839px; }
/* 	<<<<< ROW 15 = PRESENTATION MEDIA DOWNLOADS */
#onlinestore ul li .r15img1 { background-position: -425px -903px; }

#onlinestore ul li input[type=image] { padding: 2px 0px 0px; }
#onlinestore ul li label {
font-size: 9px;
color: #333333;
font-weight: bold;
text-align: left;
}
#onlinestore ul li form {
background-color: #DFE5EA;
text-align: center;
padding: 2px;
margin: 0px;
}

#onlinestore .o-footer {
line-height: 0px;
background-image: url(../images/grey.gif);
background-repeat: repeat-x;
background-position: left bottom;
text-align: left;
display: block;
clear: both;
width: 100%;
position: absolute;
left: 0px;
top: 100%;
}
#onlinestore .o-footer span, #onlinestore .o-footer img, #onlinestore .o-footer,
#onlinestore #store-tabs li, #onlinestore #store-tabs li a  {
margin: 0px;
padding: 0px;
border:none;
float: left;
height:20px;
}
#onlinestore .o-footer span, #onlinestore .o-footer img, #onlinestore .o-footer span img, #onlinestore .o-footer span {
width:20px;
clear:none;
}
#onlinestore .o-footer span img, #onlinestore .o-footer span {
float:right;
}

#onlinestore #store-tabs a {
clear:none;
width:inherit;
}

#onlinestore #store-tabs {
height: 61px;
list-style-type: none;
background-image: url(../images/order_online/tab-square.gif);
background-repeat: repeat-x;
background-position: bottom;
padding: 0px;
}

#onlinestore #store-tabs li {
width: 203px;
height: 60px;
background-image: url(../images/order_online/tabs/tab_001.jpg);
background-repeat: no-repeat;
background-position: left top;
border:none;
background-color:transparent;
}


#onlinestore #store-tabs li a {
background-image: url(../images/order_online/tabs/tab_002.jpg);
background-repeat: no-repeat;
background-position: 20px top;
display: block;
height: 60px;
color: #42626F;
font-size: 12px;
background-color:transparent;
}

#onlinestore #store-tabs a:hover {
color: #FFFFFF;
}

#onlinestore #store-tabs strong {
font-size: 18px;
color: #42626F;
display: block;
padding-top: 12px;
padding-bottom: -12px;
background-color:transparent;
}
#onlinestore #store-tabs a:hover strong {
color: #006699;
}

#onlinestore #store-tabs #down {
background-image: url(../images/order_online/tabs/tab-down_001.jpg);
margin-top: 1px;
}
#onlinestore #store-tabs #down a {
color: #CCCCCC;
background-image: url(../images/order_online/tabs/tab-down_002.jpg);
text-decoration: none;
}
#onlinestore #store-tabs #down strong { color: #FFFFFF; }
#store-tabs {
clear:left;
position:relative;
line-height:normal;
width:647px;
text-decoration: none;
display: block;
height: 61px;
list-style-type: none;
background: url(../images/order_online/tab-square.gif) repeat-x bottom;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 5px;
}
#store-tabs li {
display: block;
width: 203px;
float: left;
height: 60px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
background-image: url(../images/order_online/tabs/tab_001.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 0px;
}
#store-tabs a {
background: url(../images/order_online/tabs/tab_002.jpg) no-repeat 20px top;
display: block;
height: 60px;
color: #42626F;
padding: inherit 20px;
text-decoration: none;
font-size: 12px;
}
#store-tabs a:hover { color: #FFFFFF; text-decoration: none; }
#store-tabs strong {
font-size: 18px;
color: #42626F;
display: block;
padding-top: 12px;
padding-bottom: -12px;
text-decoration: none;
}
#store-tabs a:hover strong { color: #006699; text-decoration: none; }
#store-tabs #down { background-image: url(../images/order_online/tabs/tab-down_001.jpg); margin-top: 1px; }
#store-tabs #down a { color: #CCCCCC; background-image: url(../images/order_online/tabs/tab-down_002.jpg); text-decoration: none; }
#store-tabs #down strong { color: #FFFFFF; }
#rightpanel {
position:absolute;
top:100px;
left:665px;
text-align:center;
}
#rightpanel .table { width: 177px; margin-top:15px;  }
#rightpanel .table td {
padding: 0px 18px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
vertical-align: top;
}
#rightpanel .table td p em {
font-size: 12px;
}
#rightpanel .table td h4 {
color: #006699;
margin: 0px 0px 10px;
}
#rightpanel .table .frame {   background: url(../images/grey.gif)  repeat-x; background-position: left bottom; 
border: none;
padding: 0px;
text-align: left;
height: 20px;
}
#rightpanel .table .top { background-position: left top; }
#rightpanel .table .frame span { float: right; }