html, body { margin:0 ; padding:0 }
ul { margin-left:0 ;
margin-bottom:0 ;
padding-left:0 ;
list-style:none ;
overflow:hidden ;
}
ul li { font-weight:bold ;
background:url(./images/bullet.png) no-repeat ;
background-position:0px 5px ;
padding:3px 0px 3px 20px ;
}
ul a { text-decoration:none }
ul#directory li { font-weight:normal }
ul#linx {
float: left;
width:830px ;
margin-left:0 ;
margin-bottom:0 ;
padding-left:0 ;
list-style:none ;
overflow:hidden ;
}
ul#linx li {
float: left;
width: 256px;
margin: 0;
font-weight:normal ;
background:url(./images/bullet.png) no-repeat ;
background-position:0px 5px ;
padding:3px 0px 3px 20px ;
}
body { font-family:"Times New Roman", Times, serif
font-size:15px ;
color:#131313 ;
line-height:20px ;
}
.hilite { background:#ffcc00 ;
padding:5px ;
width:590px ;
margin-left:117px ;
margin-top:5px ;
}
.hilite2 { background:#ffcc00 ;
padding:5px ;
width:415px ;
}
.big { font-size:20px }
.mid { font-size:16px }
.pdf { font-size:16px ; line-height:32px }
.red { color:#990400 }
.blue { color:#1c1568 }
.black { color:#000000 }
.green { color:#0e7b00 }
.clear { clear:both }
a { color:blue }
a:hover { color:#900 }
a:visited { color:blue }
p#breadcrumbs { font-family:trebuchet ms, arial, sans-serif ;
font-size:12px ;
font-weight:bold ;
margin-top:0px ;
}
h1 { font-family:trebuchet ms, arial, sans-serif ;
font-size:20px ;
color:#000000 ;
margin:0 ;
padding:0 ;
}
h1.black { font-family:trebuchet ms, arial, sans-serif ;
font-size:22px ;
color:#000000 ;
margin:0 ;
padding:0 ;
text-align:center ;
}
h1.red { font-family:trebuchet ms, arial, sans-serif ;
font-size:22px ;
color:#990400 ;
margin:0 ;
padding:0 ;
text-align:center ;
}
ul.blue { margin-left:0 ;
margin-bottom:0 ;
padding-left:0 ;
list-style:none ;
}
ul.blue li { color:#141090 ;
font-weight:bold ;
background:url(./images/bullet.png) no-repeat ;
background-position:0px 5px ;
padding:3px 0px 3px 20px ;
}
#quote-center { width:727px ;
position:relative; left:-6px;
margin:auto ;
margin-bottom:15px ;
margin-right:5px ;
color:#000000 ;
background:#c0ccff ;
padding:8px ;
border:1px dotted #4e64c6 ;
}
#quote-left { width:354px ;
margin:auto ;
margin-bottom:15px ;
margin-right:5px ;
color:#000000 ;
background:#c0ccff ;
padding:8px ;
border:1px dotted #4e64c6 ;
float:left ;
}
#quote-right { width:344px ;
margin:auto ;
margin-bottom:15px ;
margin-left:5px ;
color:#000000 ;
background:#c0ccff ;
padding:8px ;
border:1px dotted #4e64c6 ;
float:left ;
}
#update { width:760px ;
margin:auto ;
margin:20px 0px 20px 0px ;
background:#c0ccff ;
padding:15px ;
border:1px dotted #4e64c6 ;
clear:both ;
overflow:hidden ;
}
#product { width:800px ;
min-height:100px ;
margin:auto ;
margin-bottom:15px ;
margin-right:7px ;
background:#c0ccff ;
padding:12px ;
border:1px dotted #4e64c6 ;
clear:both ;
overflow:hidden ;
}
#deal { float:left ;
width:65px ;
margin-right:9px ;
}
#desc { float:left ;
width:537px ;
font-size:14px ;
}
#descXL { float:left ;
width:700px ;
font-size:14px ;
}
#checkout { float:right ;
width:180px ;
}
#checkoutB2 {
z-index: 100000;
position:absolute;
top:0px; width:180px;
left:0px;
}
html>body #checkoutB2 {
z-index: 100000;
position:relative;
top:-132px;
left:640px;
}
#container { width:950px ;
margin:auto ;
font-family: "Times New Roman", Times, serif
font-size: 15px;
}
#header { width:950px ;
height:128px ;
background:#120e9b url(./images/header-bg.png) repeat-x ;
margin:auto ;
}
#header-left { width:175px ;
height:128px ;
float:left ;
}
#header-mid { width:600px ;
height:128px ;
float:left ;
text-align:center ;
}
#header-right { width:175px ;
height:128px ;
float:right ;
}
#nav { padding-left:12px ;
}
#times {
font-family: "Times New Roman", Times, serif
font-size: 15px; }
#arial {
font-family: Arial, Times, sans-serif
font-size: 15px; }
#main { width:910px ;
margin:0px 20px 0px 20px ; /* top right bottom left */
position:absolute ;
top:102px ; /* vhanged from 80px 6Apr2014 for Translate */
clear:both ;
}
#main-top { height:14px }
#main-bottom { height:14px }
#main-body { width:909px ;
padding:0px 2px 10px 2px ; /* top right bottom left */
min-height:300px ;
background:#ffffff url(./images/inner-bg.png) repeat-x ;
border-left:2px solid #ff7300 ;
border-right:2px solid #ff7300;
text-align:center ;
margin:auto ;
}
html>body #main-body {
width:906px ;
padding:0px 0px 10px 0px ; /* top right bottom left */
min-height:300px ;
background:#ffffff url(./images/inner-bg.png) repeat-x ;
border-left:2px solid #ff7300 ;
border-right:2px solid #ff7300;
text-align:center ;
margin:auto ;
}
#social { float:left ;
margin-top:13px ;
margin-left:15px ;
margin-bottom:8px ;
text-align:left ;
z-index:5000 ;
}
#ellipse { float:right ;
position:absolute ;
top:57px ;
right:7px ;
margin-top:13px ;
display:block ;
width:495px ;
height:270px ;
padding:8px ;
background:url("http://mccotterfamily.com/EyePod/images/orange-ellipse.png") no-repeat ;
text-align:right ;
font-size:14px ;
line-height:18px ;
font-weight:bold ;
z-index:9000
}
html>body #ellipse { width=476; }
#box { width:189px ;
height:286px ;
/*background:url("/images/box-shot.png") no-repeat ; */
float:right ;
text-align:center ;
margin-left:5px ;
}
#inner { width:870px ;
z-index:10 ;
margin:auto ;
}
#inner-top { width:870px ;
height:16px ;
}
#inner-bottom { width:870px ;
height:16px ;
}
#inner-body {
width:836
min-height:180px ;
padding:12px 12px 0px 12px ;
margin:auto ;
margin-top:0px ;
text-align:left ;
border-left:5px solid blue ;
border-right:5px solid blue ;
background:#ffffff ;
overflow:hidden ;
}
html>body #inner-body { width=836;
margin-top:50px ; }
#home-lcol { width:390px ;
padding-right:0px ;
text-align:left ;
float:left ;
}
html>body #home-lcol { width:360px; padding-right:15px; }
#home-rcol { width:446px ;
padding-left:15px ;
padding-top:250px ;
text-align:left ;
float:right ;
}
#home-video { margin:10px 0px 10px 0px }
#dr-left { width:352px ;
float:left ;
padding-right:15px ;
margin-bottom:15px ;
font-weight:bold ;
color:#141090 ;
}
#dr-right { width:353px ;
float:right ;
padding-left:15px ;
margin-bottom:15px ;
border-left:1px dotted ;
}
#videos { width:350px ;
float:left ;
padding-right:20px ;
}
#instrux { width:381px ;
float:right ;
}
#address { width:391px ;
float:left ;
padding-top:20px ;
}
#map { width:425px ;
float:right ;
margin-right:20px ;
margin-left:0px ;
padding-top:0px ;
}
#footer { width:870px ;
margin-top:12px ;
margin-bottom:12px ;
text-align:center ;
font-size:12px ;
}
html>body #footer (
width:910px ;
margin:auto ;
margin-top:12px ;
margin-bottom:12px ;
text-align:center ;
font-size:13px ;
}
#B2btn {
position:relative;
left: 21px;
}
html>body #B2btn (
position:relative;
left:240px;
}
/* This is the css style that will make your text blink.
.blinktext {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#990400 ;
text-decoration: blink;
font-style: bold;
float:left ;
position: relative; top: -20px; left: -175px; } */
.floatLeft { float:left; }
#drylist { width:420px ; float:right ; }