/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #231F20;
	background-color: #231F20;
	background-image: url(../Images/MasterPage_BG.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
}

a { font-weight: bold; color: #F28032; }

h1 { font-size: 20px; font-weight: bold; text-transform: uppercase; color: #221F1F; }
h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #F28032; }
h3 { font-size: 14px; font-weight: normal; color: #221F1F; line-height: 25px;}
h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #F28032; }

.capitalize { text-transform: capitalize; }

.faq_question { font-size: 20px; font-weight: bold; color: #221F1F; }
.faq_textbox { font-family: Arial, Helvetica, sans-serif; border: 1px solid #231F20; padding: 5px; margin-bottom: 10px; width: 280px; }

.fineprint {font-size: 8px; text-transform: none;}

hr { color: #221F1F; background-color: #221F1F; border: 0; height: 1px; }

.littlei { text-transform: lowercase; }

li
{
    line-height: 25px;
    list-style-type: square;
}

.orange { font-size: 20px; font-weight: normal; color: #F27F32; }

/* Accordion on Voice page */
.accordionHeader { border: 1px solid #221F1F; color: white; background-image: url(../Images/MasterPage_Content_BG.png); background-repeat: repeat-x; font-size: 12px; font-weight: bold; padding: 10px; margin-top: 5px; cursor: pointer; }
.accordionContent { background-color: #FFF; border: 1px dashed #221F1F; border-top: none; padding: 5px; padding-top: 10px; }
.accordionLink { font-size: 12px; font-weight: bold; text-transform: uppercase; color: white; text-decoration: none; }
.accordionLink:hover { text-decoration: underline; }

/* HighlightCssClass for the ValidatorCalloutExtender */
.validatorCalloutHighlight { background-color: lemonchiffon; }

.watermark { color: #7E7E7E; }

.white { color: #FFF; }

/* ~~ This contains all the divs ~~ */

#container { width: 915px; margin: 0 auto; }
#subcontainer { font-size: 12px; padding: 20px; width: 599px; background-color: #FFF; border: solid 1px #221F1F; }


/* ~~ Header ~~ */

#header { padding-bottom: 40px; position: relative; }
#header_right { float: left; width: 799px; }
.header_link { text-transform: uppercase; color: #FFF; text-decoration: none; margin-left: 52px; }
.header_link:hover { color: #F28032; text-decoration: underline; }
#header_links { position: absolute; bottom: 55px; left: 116px; text-transform: uppercase; }
#header_ph { text-align: right; width: 195px; position: absolute; bottom: 40px; left: 720px; }
#header_phtf { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #F28032; }
#header_phnum { font-size: 20px; font-weight: bolder; color: #FFF; }


/* ~~ Hover Menus ~~ */

.hovermenu { background-image: url(../Images/HoverMenu_BG.png); background-repeat: repeat; padding: 20px; width: 205px; }
.hovermenu_link { line-height: 24px; font-weight: normal; text-transform: capitalize; color: #FFF; text-decoration: none; }
.hovermenu_link:hover { font-weight: normal; text-decoration: underline; }


/* ~~ Contact ~~ */

#contact_left { float: left; width: 360px; }
#contact_right { float: left; width: 275px; }
.contact_label { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #231F20; }
.contact_textbox { font-family: Arial, Helvetica, sans-serif; border: 1px solid #231F20; padding: 5px; margin-bottom: 10px; width: 301px; }


/* ~~ Content ~~ */

#content { position: relative; }
#content_left { float: left; width: 680px; margin-right: 10px; }
#content_text { background-color: #D9D9D9; padding: 20px; margin-top: 10px; }
#content_right { float: left; width: 225px; }
.content_bg { background-image: url(../Images/MasterPage_Service_BG.png); background-repeat: no-repeat; background-position: center top; width: 205px; height: 205px }
.content_padding { padding: 10px; }
#content_voice, #content_data, #content_web { background-color: #FFF; padding: 5px; height: 185px; }
#content_voice { background-image: url(../Images/Default_Phone.jpg); background-repeat: no-repeat; background-position: right bottom }
#content_data { background-image: url(../Images/Default_Data.jpg); background-repeat: no-repeat; background-position: right bottom }
#content_web { background-image: url(../Images/Default_Web.jpg); background-repeat: no-repeat; background-position: right bottom }


/* ~~ Customer Login ~~ */

#login { background-color: #F28032; height: 156px; padding: 20px; border: 2px solid #A55720; }
#login a { line-height: 24px; color: #FFF; }
#login p { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#UserEmail, #Password { border: 1px solid #231F20; padding: 5px; margin-bottom: 10px; width: 169px; }


/* ~~ Partners ~~ */

.partners_label { font-size: 12px; font-weight: bold; color: #231F20; }
.partners_textbox { font-family: Arial, Helvetica, sans-serif; border: 1px solid #231F20; padding: 5px; margin-bottom: 0px; width: 301px; }


/* ~~ Request Quote ~~ */

#rq
{ background-position: right bottom; background-color: #FFF; padding: 20px; margin-top: 10px; border: 2px solid #D9D9D9; background-image: url('../Images/MasterPage_RequestAQuote.png'); background-repeat: no-repeat; }
#rq a { line-height: 24px; color: #FFF; }
#rq p { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #221F1F; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.rq_white { font-size: 12px; color: #221F1F; }
.rq_rbl { font-size: 12px; font-weight: normal; color: #221F1F; }
.rqTextBox { border: 1px solid #231F20; padding: 5px; margin-bottom: 10px; width: 169px; }
.rqWatermark { color: #7E7E7E; border: 1px solid #231F20; padding: 5px; margin-bottom: 10px; width: 169px; }


/* ~~ Subnav ~~ */

#subnav { background-color: #F28032; height: 156px; padding: 20px; border: 2px solid #A55720; }
#subnav a { font-weight: normal; line-height: 24px; color: #FFF; text-decoration: none; }
#subnav a:hover { font-weight: normal; text-decoration: underline; }
#subnav p { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.subnav_textbox { border: 1px solid #231F20; padding: 5px; margin-bottom: 5px; width: 169px; }


/* ~~ Quick Links ~~ */

.links { background-color: #7E7E7E; background-image: url(../Images/MasterPage_Content_BG.png); background-repeat: repeat-x; background-position: top; padding: 20px; margin-top: 10px; border: 2px solid #D9D9D9; }
.links a { line-height: 24px; font-weight: normal; color: #FFF; text-decoration: none; }
.links a:hover { font-weight: normal; text-decoration: underline; }
.links p { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.links_fltlft { float: left; margin-right: 25px; }

/* ~~ Social Networking ~~ */

#sn { color: #FFF; margin-top: 10px; }
.sn_logo { margin-right: 5px;}


/* Real Tabs */

.tabContainer .ajax__tab_header { font-weight: bold; text-transform: uppercase; border-bottom: solid 1px #221F1F; cursor: pointer; }
.tabContainer .ajax__tab_outer { color: White; text-align: center; height:33px; background-color:#7E7E7E; margin-right:5px; border: solid 1px #221F1F; }
.tabContainer .ajax__tab_inner { color: White; text-align: center; padding: 7px; background-color: #7E7E7E; }
.tabContainer .ajax__tab_hover .ajax__tab_outer  { color: White; text-align: center; background-color: #A6A6A6; }
.tabContainer .ajax__tab_hover .ajax__tab_inner { color: White; text-align: center; background-color:#A6A6A6; }
.tabContainer .ajax__tab_active .ajax__tab_outer { color: #221F1F; text-align: center; background-color: #FFF; cursor: default; }
.tabContainer .ajax__tab_active .ajax__tab_inner { color: #221F1F; text-align: center; background-color:#FFF; border-bottom: solid 1px #FFF; }
.tabContainer .ajax__tab_body { font-size: 12px; padding: 20px; width: 599px; background-color: #FFF; border-left: solid 1px #231F20; border-right: solid 1px #221F1F; border-bottom: solid 1px #221F1F; }


/* ~~ Footer ~~ */
#footer { color: #FFF; margin-top: 20px; margin-bottom: 20px; }
.footer_logo { margin-right: 20px;}


/* ~~ Float/Clear Classes ~~ */

.fltrt { float: right; }
.fltlft { float: left; }
.clearfloat { clear: both; }