/* vpsi_blue.css
 *
 * -------------------------------
 *  Essential HTML elements
 * -------------------------------
 */


BODY {
	color				: #000;
	background: #e9e9e9;
}

TD, INPUT, TEXTAREA {
	color				: #000000;
}

A {
	color				: #0000FF;
}

A:hover {
	color				: green;
}



/* -------------------------------
 *  Page containers
 * -------------------------------
 */

#divBody {background: #e9e9e9 url('pagebg.gif') repeat-x;
}
 
#divPage {
	background-color	: white;
}


/* -------------------------------
 *  Top linkbar elements
 * -------------------------------
 */
 
#divRegionTopLinkBar {
	background-color	: #DA4912;
	color				: white;
	border-bottom-color	: #9E9B94;
}


/* -------------------------------
 *  Top region elements
 * -------------------------------
 */

#divRegionTop {
	background-image	: url('headerbg.gif');
	background-color	: white;
}

#divSectionTopNav {
}


/* -------------------------------
 *  Synopsis region elements
 * -------------------------------
 */

/* region container */

#divRegionSynopsis {
	background-color	: white;
}


/* subsections */

#divSectionSynopsisBreadcrumb {
	border-left-color	: #8FBEE6;
	background-color	: #0B216A;
}

#divSectionSynopsisBreadcrumb UL LI A {
	color				: white;
}



#divSectionHeader {
	background-image	: url('synopsisbg.jpg');
}

#divSectionSynopsisTextBg {
	background-color	: #666666;
	
}

#divSectionSynopsisText TD {
	color				: white;
/*	color				: #0B216A; */
}



/* -------------------------------
 *  Middle region elements
 * -------------------------------
 */

/* region container */

#divRegionMiddle {
	border-bottom-color	: white;
}

/*.layout_3colnwn*/ #divRegionMiddle {
	background-image	: url('colbg_3colnwn.gif') ;
}


/* main column */

#divColumn99 {
	background-color	: white;
}


/* left nav column */

#divColumn1 {
	background-color	: white;
	color				: #333333;
	border-right-color	: #DBDBDA;
}


/* right nav column */

#divColumn2 {
	color				: #333333;
	border-left-color	: #DBDBDA;
}



/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 */

/* region container */

#divRegionBottom {
	background-color	: #E9E9E9;
	color				: #666666;
	border-top-color	: #8FBFE7;
}

#divSectionBottomLegalNav {
}



/* -------------------------------
 *  Menus
 * -------------------------------
 */

/* Top Nav Menu */

#divSectionTopNav {
	background-image	: url('topmenubg.gif');
}

#divSectionTopNav A {
	color				: #777777;
}

#divSectionTopNav A.selected,
#divSectionTopNav A.selectedParent {
	color				: #08226C;
	background-image	: url('topnav_selected.png');
}

#divSectionTopNav UL LI {
	background-image	: url('divider_secondary.gif');
}

#divSectionTopNav UL LI:first-child,
#divSectionTopNav UL LI.navFirstItem {
	background-image	: none;
}

	/* IE6 */

.ie6 #divSectionTopNav A.selected,
.ie6 #divSectionTopNav A.selectedParent {
	background-image	: url('topnav_selected.gif');
}




/* Top Secondary Nav Menu */

.secondaryNav {
	background-color	: #EFF3F6;
	border-color		: #D8D8D8;
}

.secondaryNav A {
	color				: #777777;
}

ul.secondaryNav  LI {
	background-image	: url('divider_secondary.gif');
}

ul.secondaryNav  LI:first-child,
ul.secondaryNav  LI.navFirstItem
{
	background			: none;
}



/* Left Nav Menu */

#divLeftSideNav {
	background-color	: #8FBFE7;
}

#divLeftSideNav UL A.selected {
	background-color	: #0B226E;
}

	/* L1 */

#divLeftSideNav UL.menuLevel1 A.menuLevel1 {
	color				: white;
	background-image	: url('icon_bullet_white.gif');
}

#divLeftSideNav UL.menuLevel1 A.menuLevel1.selected {
	color				: #00FEFE;
	background-image	: url('icon_bullet_ltcyan.png');
}

#divLeftSideNav UL.menuLevel1 A.menuLevel1.selectedParent {
	color				: #08226C;
	background-image	: url('icon_bullet_dkblue.png');
}


	/* L2 */

#divLeftSideNav UL.menuLevel2 A.menuLevel2 {
	color				: #08226C;
	background-image	: url('icon_dash_dkblue.gif');
}

#divLeftSideNav UL.menuLevel2 A.menuLevel2.selected {
	color				: #00FEFE;
	background-image	: url('icon_dash_ltcyan.gif');
}


	/* IE6 */

.ie6 #divLeftSideNav UL.menuLevel1 A.menuLevel1 {
	background-image	: url('icon_bullet_white.gif');
}

.ie6 #divLeftSideNav UL.menuLevel1 A.menuLevel1.selected {
	background-image	: url('icon_bullet_ltcyan.gif');
}

.ie6 #divLeftSideNav UL.menuLevel1 A.menuLevel1.selectedParent {
	background-image	: url('icon_bullet_dkblue.gif');
}

.ie6 #divLeftSideNav UL.menuLevel2 A.menuLevel2.selected {
	background-image	: url('icon_dash_ltcyan.gif');	/* yes you need this again! */
}


/* Bottom Legal Nav Menu */

#divSectionBottomLegalNav A {
	color				: #666666;
}

#divSectionBottomLegalNav LI {
	background-image	: url('divider_legal.gif');
}


/* Top Linkbar Menu */

#divRegionTopLinkBar A {
	color				: white;
}

#divRegionTopLinkBar LI {
	background-image	: url('divider_linkbar.gif');
}



/* -------------------------------
 *  Text
 * -------------------------------
 */

/* headings */

H1 {
	color 				: #0B236D;
}

H2, H3, H4, H5, H6 {
	color 				: #666666;
}

#divColumn99 {
	color				: #656565;
}

#divColumn99 H1 {
	border-color		: #D9D9D9;
}

#divColumn99 IMG {
	border-color		: black;
}


/* home page color */

#homeContent .homeMission H1 {
	color				: #448BC9;
	background-image	: url('bullet_vpsi_white.gif');
}

#homeContent .vRide H1 {
	background-image	: url('promotion_icon_globe.png');
}

#homeContent .homeMission P {
	color				: #656565;
}



/* -------------------------------
 *  Paragraph styles and Tables
 * -------------------------------
 */

TABLE.contentTable TH {
	background-color	: #8FBFE6;
	color				: #0B216A;
}

TABLE.contentTable TD {
	color				: #656565;
}

TABLE.contentTable TR.row1 {
	background-color	: #E1E3DE;
}

TABLE.contentTable TR.row2 {
	background-color	: #EDEDEB;
}


/* -------------------------------
 *  Page Tools
 * -------------------------------
 */

DIV#divPageToolsWidget A {
	color				: #3F99BC;
}



/* -------------------------------
 *  Promotions
 * -------------------------------
 */

DIV.promotionWidget {
	background-image	: url('promotionbg.gif');
}

DIV.promotionWidget DIV.promotionWidgetInner {
	background-image	: url('promotion_arrow_blue.gif');
}

DIV.promotionWidget DIV.promotionWidgetLabel {
	background-color	: #63715A; /* the other is #5E6C75 */
	background-image	: url('promotion_icon_blue.png');
}

DIV.promotionWidget DIV.vRide {
	background-image	: url('promotion_icon_globe.png');
}

DIV.promotionWidget DIV.promotionWidgetLabel A {
	color				: white;
}

	/* IE6 */

.ie6 DIV.promotionWidget DIV.promotionWidgetLabel {
	background-image	: url('promotion_icon_blue.gif');
}



/* -------------------------------
 *  Related Links/Downloads
 * -------------------------------
 */

DIV.relatedItemWidget {
	border-color		: white;
}

DIV.relatedItemWidget LABEL {
	background-color	: #8FBFE7;
	color				: white;
}

DIV.relatedItemWidget A {
	color				: #3F99BC;
}

/**************************
Breadcrumb
**************************/
#scBreadcrumbsWidget{}
#scBreadcrumbsWidget a:link,#scBreadcrumbsWidget a:visited{}
ul.scBreadcrumbs li {background: url(../../../../common/images/breadcrumbArrow.gif) no-repeat right 60%  !important ;}
ul.scBreadcrumbs li.breadcrumbLevel0 {background: none !important ; font-weight:bold}

/* -------------------------------
 *  Bottom region elements
 * -------------------------------
 */
#divRegionBottom{color:#666;background:#e9e9e9;}
#divRegionBottom a{color:#666;}
#divRegionBottom a:hover{color:#8fbfe7;}
	#divSectionBottomContent {color:#666; }
	#divSectionBottomNav a{border-right:solid 2px #666666;}
	#divSectionCopyright{color:#666;}
	
	
/*Share & subscribe Shipping buttons */
.scShareWidget a:link,.scShareWidget a:visited{
background:#63715a url(share.gif) no-repeat left top;color:#fff}
.scShareWidget a:hover{color:#8fbfe7}
	
	
/**************************
Forms and buttons
**************************/
form.emailForm, form.scForm{border:1px solid #E0E0E0;background:#F2F2F2;
font-family:tahoma;font-size:13px;
border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -mso-border-radius:8px;
box-shadow: 4px 3px 6px #e1e1e1; -webkit-box-shadow: 3px 3px 6px #e1e1e1; -moz-box-shadow: 3px 3px 6px #e1e1e1;
}
legend {color:#111111;}
legend, label {color: #666;}
.required {color:red}
/*input, textarea, select {background:#fff url(../../../../common/images/form_bg.gif) repeat-x;border:1px solid #E0E0E0;color:#333333;}*/
input, textarea, select {background:#fff url(../../../../common/images/form_bg.gif) repeat-x;border:1px solid #333333;color:#333333;}
/*input, textarea, select {border:1px solid #E0E0E0;color:#333333;}*/
select {background:#fff;color:#333333;border:1px solid #E0E0E0;}

input:focus {background:#e4fefe;color:#333}

input.submit {float:right;background: url(submit.gif) no-repeat left top;border:none;color:#fff; }
input.submit:hover  {background: url(submit.gif) no-repeat right top;cursor:pointer}
/**************************
News Widget
**************************/
.scNewsWidget {background:#f1f1f1;}
.scNewsWidget h2, .scNewsWidget h2 a:link, .scNewsWidget h2 a:visited {color:#a9a8b0}
.scNewsWidget h2 a:hover{color:#4b3c7f}

.scNewsWidget dd{border-bottom:dashed 1px #ccc}
.scNewsWidget dt a:link, .scNewsWidget dt a:visited{color:#666;}
.scNewsWidget dd a:link, .scNewsWidget dd a:visited{color:#999;}
.scNewsWidget dt a:hover{color:#da4912;}
.scNewsWidget dd a:hover{color:#666;}
dt a.scMore {color:#da4912!important }

/**************************
Buttons
**************************/

/*Single button*/
p.button {background:url(buttonR.gif) no-repeat right top !important;}
p.button:hover{background:url(buttonR.gif) no-repeat right bottom !important;}
p.button a:link, p.button a:visited{background:url(buttonL.gif) no-repeat left top !important;color:#999 !important;border:none !important;}
p.button a:hover{color:#666 !important;}

/*list of buttons */
ul.buttons li{background:url(buttonR.gif) no-repeat right top !important;}
ul.buttons li:hover{background:url(buttonR.gif) no-repeat right bottom !important;}
ul.buttons li a:link, ul.buttons li a:visited{background:url(buttonL.gif) no-repeat left top !important;color:#999 !important;border:none !important;}
ul.buttons li a:hover{color:#666 !important}

