/* body, boxes  (borders for the whole page) */
body {margin-top: 8px;font-size:70%;background-image:url(../img/bg/bg.gif);margin-bottom:30px;color:#666666;line-height:16px;font-family:verdana,arial,sans-serif;}
.boxLevel1 {margin: 0px auto;overflow:hidden;width:960px;}
.boxLevel2 {border: solid 1px #cccccc;background-position: 0px -1px;float:left;background-image:url(../img/bg/top-grad.jpg);width:958px;background-repeat:repeat-x;background-color:#ffffff;}
/* narrow boxes are for pages that do not have the a menu privacy statement and termsofuse*/
.boxLevel1Narrow{margin: 0px auto;overflow: hidden;width: 704px;}
.boxLevel2Narrow{border: #cccccc 1px solid;background-position:0px -1px;float:left;background-image:url(../img/bg/top-grad.jpg);width:702px;background-repeat:repeat-x;background-color:#ffffff;}

/* list with an image arrow */
ul.arrow {margin-top: 5px;list-style-image: url(../img/bmp/small-gray-arrow.gif);}

/* links */
/* question found on faqs and events */
a,.question {color:#003399;text-decoration:none;}
a:hover,a:active {color:#0066ff;text-decoration:underline;}

/* headers */
h1 {padding-top:5px;padding-bottom:0px;font-size:12pt;color:#696969;background-color:#ffffff;}
h2 {padding-top:0px;padding-bottom:0px;font-size:10pt;color:#696969;background-color:#ffffff;}


/* table borders and rows -- ...Bottom has no underline */
.tableBorder {padding-top:5px;padding-bottom:5px;padding-left:1px;padding-right: 1px;border:solid 1px #cccccc;}
.quickBoxTitle {text-align:center;height:25px;font-weight:bold;font-size:10pt;padding-left:5px;padding-right:5px;background-color:#ffffcc;}
.quickBoxRow {padding-top:3px;padding-bottom:3px;border-bottom: solid 1px #cccccc;font-size:10px;line-height:13px;vertical-align:top;}
.quickBoxRowBottom {padding-top:3px;padding-bottom:3px;font-size:10px;line-height:13px;vertical-align:top;}
.featureRow {border-bottom:solid 1px #cccccc;padding-left:3px;padding-right:3px;line-height:19px;padding-top:5px;text-align:left;}
.featureRowBottom {padding-left:3px;padding-right:3px;line-height:19px;padding-top:5px;text-align:left;}

/* side nav -- for the accordion menu */
.accStretcher {height: 0;overflow: hidden;}
.accHeader {width: 220px;cursor:pointer;}

.sideNavHeader{background-color:#999999;font-weight:bold;font-size:10pt;width:220px;color:#ffffff;text-indent:5px;height:18px;margin-top:1px;cursor:pointer;}
.sideNavHeaderFox {background-color:#999999;font-weight:bold;font-size:10pt;width:220px;color:#ffffff;text-indent:5px;height:18px;margin-top:1px;cursor:pointer;float:left;}

.sideNavBottom {border-bottom:solid 1px #cccccc;}
a.sideNavLink {font-size:10pt;color:#333333;}
a.sideNavLink:hover {font-size:10pt;color:#0066ff;}
a.sideNavLinkSelected, a.sideNavLinkSelected:hover {font-size:10pt;color:#333333;text-decoration:none;}

a.sideNavHeaderLink {padding-left:5px;font-weight:bold;font-size:10pt;color:#ffffff;text-decoration:none;}
a.sideNavHeaderLink:hover, a.sideNavHeaderLink:active {padding-left:5px;font-weight:bold;font-size:10pt;color:#0066ff;text-decoration:none;}

li.sideNavList {padding-top:7px;list-style-type:none;}
li.sideNavListSelected {padding-top:7px;color:#ff0000;list-style-type:disc;}
li.sideNavListOver {padding-top:7px;color:#0066ff;list-style-type:disc;}

/* top Navagation */
.topNav,.phoneNo {font-weight:bold;font-size:12px;color:#999999;}
a.topNav {font-weight:bold;font-size:12px;color:#999999;text-decoration:none;}
a.topNav:hover {font-weight:bold;font-size:12px;text-decoration:none;}
a.topNav:active {font-weight:bold;font-size:12px;color:#ff0000;text-decoration:none;}


/* footers and legal (terms and privacy statement) */
.footer {font-weight:normal;font-size: 10px;background-image:url(../img/bg/bot-grad-35.jpg);color:#666666;font-family:arial,helvetica,sans-serif;}
a.footer {font-size:10px;color:#003399;text-decoration:none;}
a.footer:hover,a.footer:active {font-size: 10px;color:#666666;text-decoration:underline;}
.legallist {background-color:#ffffff;color:#000000;margin-bottom:15px;}

/* grids (i.e. table and table cells) mainly for rate tables */
.grdtbl {border:#cccccc 1px solid;padding:3px;}
.grdalt {font-size:10px;color:#000000;background-color:#ffffcc;}
.grdrow {font-size:10px;background-color: #ffffff;color:#000000;}


/* FROM THIS POINT UP SPECIAL COLORS THAT DEPEND ON SECTION WILL NOT BE FOUND   */
/*                                                                              */
/* FROM THIS POINT DOWN 5 DIFFERENT COLORS THROUGH OUT SITE                     */
/* one color per section					------ COLOR ----- 	*/
/* FILE			SECTION		USED IN			NAME	 HEX 		*/
/* style.css  (this page)   *.htm			gray     #999999	*/
/* style1.css  corporate	index*.*  		blue     #0033FF	*/
/* style2.css  wholesale 	wholesale*.* 	orange   #ff9900	*/
/* style3.css  retail		retail*.* 		purple   #660099	*/
/* style4.css  iRoute 	    iroute*.*        green    #339900	*/

 
/* for the web site map page needs to be the same default colors as found in style1.css - style4.css */
.featureTitleRow2 {background-color:#ff9900;padding-left:15px;font-weight:bold;color:#ffffff;line-height:30px;}
.featureTitleRow3 {background-color:#660099;padding-left:15px;font-weight:bold;color:#ffffff;line-height:30px;}
.featureTitleRow4 {background-color:#339900;padding-left:15px;font-weight:bold;color:#ffffff;line-height:30px;}
.featureTitleRow5 {background-color:#ff0000;padding-left:15px;font-weight:bold;color:#ffffff;line-height:30px;}

/* top nav colored bar under page links */
.tb {background-color: #999999;} /* gray 	*/
.t0 {background-color: #ff0000;} /* red 	*/
.t1 {background-color: #0033ff;} /* blue 	*/
.t2 {background-color: #ff9900;} /* orange 	*/
.t3 {background-color: #660099;} /* purple 	*/
.t4 {background-color: #339900;} /* green 	*/

/* background of sideNav */
.u1 {height:auto; float:left; width:220px; background-image: url(../img/bg/nav-blue-thin.gif);background-repeat: repeat-x;}
.u2 {height:auto; float:left; width:220px; background-image: url(../img/bg/nav-orange-thin.gif);background-repeat: repeat-x;}
.u3 {height:auto; float:left; width:220px; background-image: url(../img/bg/nav-purple-thin.gif);background-repeat: repeat-x;}
.u4 {height:auto; float:left; width:220px; background-image: url(../img/bg/nav-green-thin.gif);background-repeat: repeat-x;}

.expanders {border:none;width:11px;height:11px;}


/* for logos that are just text */
/* raiwholesale,raitelecom,1touchdial,sawasdeeshop,deecall,deedial,deeRoam,deeWorld,soodsood,sawasdeetalk */
.blue,.shop {color:#0099ff; font-weight:800}
.green {color:#008000; font-weight:800}
.orange {color:#ffa500; font-weight:800}
.roam {color:#000000; font-weight:800;}
.call,.red {color: #ff0000; font-weight:800;}
.rai {color:#666666; font-weight:800;}
.tel,.dee {color:#003399; font-weight:800;}


/* customer random testimonials under side navigation loaded from javascipt document.write(...) */
.cust {padding-right:10px;padding-left:10px;font-size:10px;padding-bottom:10px;color:#000000;padding-top:10px;background-color:#f5f5f5;}
.custBox {padding-top:5px;padding-left:5px;padding-bottom:10px;}
.custBold {font-weight: bold;font-size: 12pt;color: #ff9900;background-color: #ffffff;}

/* the add to box (i.e. del.icio.us, myyahoo, reddit, onlywire) loaded from javascipt document.write(...) */
.addTo {font-size:9px;text-indent:3pt;text-align:right;}
.addToImg {vertical-align:middle;border:0;}

/* listed just after a phone no (text is voice, fax, or office) */
.phone {font-size:smaller;font-style:italic;}