/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#fff; color:#000; text-decoration:underline;}
a:hover{background:#fff; color:#666; text-decoration:underline;} 

/*----TOP PANEL----*/
#topPan{width:778px; height:87px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:229px; height:52px; background:#fff; color:#666; position:absolute; top:35px; left:0px; padding:0 0 0 35px;}
#topPan #ImgPan img{width:201px; height:52px;}


#topPan ul{width:468px; height:32px; position:absolute; top:43px; right:45px;}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:689px; position:relative; margin:0 auto;}
#bodyPan p.toptextpadding{padding:25px 0 0;}
#bodyPan p span{background:#fff; color:#D20039;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#bodyPan h2.marginhead {
padding: 25px 0 10px 0;
}
#bodyPan h3 { 
color:#D20039; 
border-bottom:1px dashed #BDB9B9; 
font-size:22px; 
padding:15px 20px 0px 0px;
}

/*----Body Middle Panel----*/
#bodyMiddlePan{width:689px; position:relative; margin:0 auto;}
/*----Middle Left Panel----*/
#MiddleLeftPan{width:232px; float:left;}
#MiddleLeftPan p{padding:14px 0 0; line-height:18px;}

#MiddleLeftPan p.largegraytext{font-size:18px;}


#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(images/24hours.gif) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{width:210px; display:block; color:#D20039; border-bottom:1px dashed #BDB9B9; font-size:22px; line-height:22px; padding:15px 20px 0 0;}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:384px; float:left; padding:0 0 0 73px;}
#MiddleRightTopPan{width:384px; height:203px; background:url(images/pen.jpg) 0 100% no-repeat; padding:29px 0 0; margin:0 0 40px 0;}

/* #MiddleRightTopPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.business{width:170px; height:20px; display:block; margin:0 0 0 210px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:27px; text-transform:uppercase; text-align:right;}
*/

#MiddleRightPan h2{width:380px; height:20px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#D20039; font-size:24px;}
#MiddleRightPan p{padding:8px 0 0;}

#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{width:689px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0; text-align: center;}

#footerPan ul{width:500px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left;}
#footerPan ul li a{padding:0 5px 0; color:#212121; background:#F4F4F4; text-decoration:none; font-size: 90%;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#F4F4F4; color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F4F4F4; display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:250px; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}

/* MY OWN ADDITIONS */

/* BOLD, ITALICS */
.bi {
font-weight: bold;
font-style: italic;
}
span.underline {
text-decoration: underline;
color:#666;
}

#laptop {
float: right;
width: 384px;
margin: 5px 0 5px 5px;
}
#email {
float: left;
width: 300px;
margin: 5px 5px 5px 0px;
}

#glasses {
float: right;
width: 300px;
margin: 5px 0 5px 5px;
}


/* CONTACT FORM */
#contact label
{
width: 120px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

#contact .submit input
{
margin-left: 100px;
}
#contact input
{
color: #666;
background: #fff;
border:1px dashed #BDB9B9; 
width: 200px;
}
#contact textarea {
color: #666;
background: #fff;
border:1px dashed #BDB9B9; 
width: 270px;
height: 100px;
}
#contact .submit input
{
color: #fff;
background: #666;
border: 2px outset #666666;
width: 150px;
}
#contact fieldset
{
position:relative; 
margin:0 auto;
border:1px dashed #666; 
width: 500px;
background-color: #eee;
}
#contact legend
{
color: #666666;
font-weight: bold;
background: #dddddd;
border: 1px solid #D20039;
padding: 2px 6px
}

/* FAQs QUESTIONS */
#faqsq {
margin: 10px 0px 240px 30px;
}
#faqsq ul li a{
width:190px; 
line-height:20px; 
background:url(images/bullet.gif) 0 6px no-repeat #fff; 
color:#666; 
text-decoration:underline; 
padding:0 0 0 18px;
}
#faqsq ul li a:hover{
background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; 
color:#000; 
text-decoration:underline;
}

/* SPECIAL UL */

.specialUL {
margin: 8px 0px 8px 30px;
}
.specialUL ul li a{
width:190px; 
line-height:20px; 
background:url(images/bullet.gif) 0 6px no-repeat #fff; 
color:#666; 
text-decoration:underline; 
padding:0 0 0 18px;
}
.specialUL ul li a:hover{
background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; 
color:#000; 
text-decoration:underline;
}

/* NORMAL UL */
.normalUL {
margin: 8px 0px 8px 30px;
}
.normalUL li {
list-style-type: disc;
padding: 2px 0px 5px 5px;
}
.normalUL li.indented {
margin: 2px 0px 5px 30px;
}
/* NORMAL OL */

.normalOL {
margin: 8px 0px 8px 30px;
}

.normalOL li {
padding: 2px 0px 5px 5px;
}

/* ORDERING TEMPLATE */

#SideOrder {
float: right;
margin: 0px 0px 5px 5px;
width: 300px;
border-left: 1px dashed #212121;
padding: 0px 0px 0px 20px;
}
#SideOrder p.inside {
padding: 5px 5px 5px 5px;
color:#212121;
}

#SideOrder p.quotelink {
text-align: left;
padding-left: 10px;
font-weight: bold;
}

#SideOrder p.OrderTitle {
font-size: 20px;
padding: 4px 0px 3px 5px;
}

/* COPYRIGHT FOR ARTICLES */
#copy {
margin: 35px 0px 15px 0px;
border: 1px dashed #212121;
background-color: #F4F4F4;
padding: 6px;
color: #212121;
}
#copy h3 {
font-size: 20px;
color: #666;
margin: 5px 0px 5px 5px;
padding: 10px 0px 10px 30px;
border: 0px;
}



/* QUOTE REQUEST FORM */

#QuoteRequest fieldset p {
margin: 0 auto;
padding: 8px 0px 8px 0px;
}
#QuoteRequest label
{
width: 200px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color: #212121;
}

#QuoteRequest .submit input
{
padding-left: 200px;
}
#QuoteRequest input, #QuoteRequest select
{
color: #212121;
background: #fff;
border:1px outset #212121; 
width: 270px;
}

#QuoteRequest textarea {
color: #212121;
background: #fff;
border:1px outset #212121; 
width: 300px;
height: 200px;
}
#QuoteRequest .submit input
{
color: #fff;
background: #666;
border: 2px outset #666666;
width: 150px;
}
#QuoteRequest fieldset
{
position:relative; 
margin:0 auto;
border:1px dashed #666; 
width: 600px;
background-color: #F4F4F4;
}
#QuoteRequest legend
{
color: #212121;
font-weight: bold;
background-color: #F4F4F4;
border: 1px solid #212121;
padding: 2px 6px
}

#QuoteRequest .radio {
width: 10px;
}
#QuoteRequest .qb {
font-weight: bold;
background-color: #cccccc;
}

.InfoBox {
margin: 0px auto;
width: 85%;
}
/* ERROR FORM */

#Error p {
font-weight: bold;
padding: 5px 0px 5px 8px;
color: #212121;
}

#Error ul {
margin: 3px 0px 8px 30px;
color: #D20039;
}
#Error li {
list-style-type: disc;
padding: 2px 0px 3px 5px;
}

p.smaller {
font-size: 90%;
}
.quote {
padding: 10px 0px 10px 10px;
margin: 5px 0px 5px 30px;
font-style: italic;
border-left: 3px solid #c4c4c4;
}
.underline {
text-decoration: underline;
}