/*this file contains syles for all pages within discoveryeduction.com/products*/
/*--------- 07.30.08 :: amaro  anthony_maro@discoveryeducation.com -----------*/
html {color:#323232; font-size:11px;}


/*SET DEFAULT STYLES PER PRODUCT ---------------------------------------------*/



/*overview*/
a {color:#0077c0; text-decoration:underline;}
a:hover {color:#2195dc; text-decoration:none;}
h2 {margin:28px 0 12px 0px; padding:0; color:#05538a; font-size:14px; font-weight:bold;}
.overview #prodLeft {float:left; width:658px; background:none;}
#cR {width:658px; margin:0; background:#ebebeb; position:relative;}

#cR h3 {color:#909090; padding:15px 0 0 13px; margin:0; font-size:12px; font-weight:bold;}
#cR a {font-size:12px; color:#0077c0; font-weight:bold; text-decoration:none;}
#cR .over a {font-size:12px; color:#2194da; font-weight:bold; text-decoration:none;}

#cR a:hover {color:#2194da;}
#cR li {list-style-type:none; background:none; position:relative; overflow:hidden; cursor:pointer; height:48px; width:380px;}
#cR li img {float:left; position:relative; top:0px; margin:0 0 0 3px; z-index:7;}
.rolloverText {padding:1px 0 6px 8px; float:left; z-index:9;}
#cR li.over {background:url(../image/cR_bg_roll.jpg) no-repeat;}
.over a {color:#2194da;}
#swapMe {position:absolute; top:72px; right:30px;}

#cR p {padding:14px 8px 16px 8px; margin:0; color:#000;}
.link12 a {font-size:12px; font-weight:bold;}



/*SET LAYOUT STYLES  ---------------------------------------------------------*/
.subText {font-size:10px; color:#555555;}
.bold12 {font-size:12px; font-weight:bold;}
.text12 {font-size:12px;}
.blue12 {font-size:12px; color:#0077c0; font-weight:bold;}



#prodLeft {float:left; width:658px; background:#ebebeb; position:relative;}
#prodLeft a {font-size:11px;}

#prodLeft ul {margin:0 0 14px 18px; padding:0;}
#prodLeft li {padding-top:4px;}




#prodContent { margin:0 24px 38px 18px;}

#prodSum {margin:16px 15px 0px 0; color:#4c4c4c; font-size:14px;}
#prodSum a {font-size:14px;}
#prodSum h2 {margin:22px 0 3px 0; padding:0; color:#0077C0; font-size:18px; font-weight:bold;}

.sumLogo {margin:0 30px 8px 0; float:left;}
.subDivide {margin:10px 0 0 16px;}

.xBox {width:160px; background:#ebebeb; margin:5px 0 0 0; float:left;}
.xBox p {padding:8px 8px 16px 8px; margin:0; color:#000;}
.xBox span.subText {margin:8px 0 0 0; display:block;}


.xBox ul {margin:8px 0 0 0; padding:0 0 42px 2px;}
.xBox li {list-style-type: none; padding:0 0 4px 10px; margin:0; text-align:left;}
.xBox li a {font-size:11px; text-decoration:none; color:#296e9d;font-weight:bold;}
.xBox li a:hover {font-size:11px;color:#2c86c3;}
.xBox h1 {margin:0; padding:0; width:100%;height:32px; background:url(../image/xBox_head.jpg);}
.xBox h1 span { display:block; color:#FFFFFF; padding:6px 2px 2px 5px; margin:0; font-size:13px; font-weight:bold;}



.xBody {background:#ebebeb; margin:5px 0 0 8px; float:left; position:relative;}
.xBody div.p {padding:14px 10px 16px 18px; margin:0; color:#000;}
.xBody span.subText {margin:8px 0 0 0; display:block;}


.xBody ul {margin:0px 0 0 0; padding:0 0 42px 30px;}
.xBody li {position:relative; list-style-type: none;background: url('../image/circleBlue.png') -1px 2px no-repeat; padding-left:10px;padding-bottom:4px;padding-top:0px; margin:0;text-align:left;}




.xBody li a {font-size:11px; text-decoration:none; color:#296e9d;font-weight:bold;}
.xBody li a:hover {font-size:11px;color:#2e7cb1;}
.xBody h1 {margin:0; padding:0; width:100%;height:32px; background:url(../image/xBox_head.jpg);}
.xBody h1 span { display:block; color:#FFFFFF; padding:6px 2px 2px 5px; margin:0; font-size:13px; font-weight:bold;}





/*clear floats*/
.clear {clear:both;}




/*Login form style*/	
#contact label {display:block; margin:0 0 2px 1px; padding-top:11px; font-size:12px; color:#323232;}
#contact div.inputWrap {border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff URL('/images/home/bg_input.jpg') repeat-x; width:198px;}
#contact .inputWrap input {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; display:block; width:198px;height:16px; margin:4px 0 0 1px; background:none; border:none; }

#contact .inputWrap select {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; background:#fff; display:block; width:198px;height:20px; margin:0px 0 0 1px;border:none;}

#contact div.phoneWrap {border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff URL('/images/home/bg_input.jpg') repeat-x; width:150px;}
#contact .phoneWrap input {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; width:30px;height:16px; margin:4px 0 0 1px; background:none; border:none; display:inline; }


#contact div.areaWrap {border-top:1px #989898 solid;border-right:1px #989898 solid;border-left:1px #989898 solid;border-bottom:1px #989898 solid; background:#fff URL('/images/home/bg_input.jpg') repeat-x; width:360px;}
#contact .areaWrap textarea {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; width:370px;height:80px; margin:4px 0 0 1px; background:none; border:none; display:inline; }









/*Assessment testimonial styles  ---------------------------------------------------------*/
.assTestiBox {width:569px; position:relative; top:0; margin:15px 0 40px 0; background:url(/images/products/testiBg.jpg) repeat-y;}
.testiText {margin:0 36px 0 36px;}
.openQuote {position:absolute; top:0px; left:10px; width:22px; height:17px; background:url(/images/products/openQuote.jpg) no-repeat; z-index:3;}
.closeQuote {position:absolute; bottom:20px; right:12px; width:22px; height:17px; background:url(/images/products/closeQuote.jpg) no-repeat; z-index:3;}
.assTestiTop {position:absolute; top:-16px; left:0px; height:16px; width:569px; background:url(/images/products/testiTop.jpg) no-repeat; z-index:2;}
.assTestiBot {position:absolute; bottom:-15px; left:0px; height:15px; width:569px; background:url(/images/products/testiBot.jpg) no-repeat; z-index:2;}


#xpand {width:320px; height:auto; background-color:#c0c0c0; display:block; margin-top:5px;}