@charset "UTF-8";
/* CSS Document */


body {
	background:url(images/background-vert.gif); 
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


        .Order_SectionHeader /* Section Label */
        {
            color: #227fcc;
            font-size: larger;
            width: 97%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 2px;
            text-align:left;
        }
        .Order_Instruction
        {
            color: #666666;
            font-size: smaller;
            width: 97%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 2px;
            text-align:left;
        }
        
        .Order_Instruction2
        {
            color: #666666;
            font-size: x-small;
            width: 97%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 2px;
            text-align:left;
        }

        .Order_CustomerInfoTable_Outer /* Outer Rounded Panel */
        {
            background-color: #eff0f2;
            width: 97%;
            margin-left: auto;
            margin-right: auto;
        }
        .Order_CustomerInfoTable /* Controls the inner "Customer Info" table */
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #666666;
            margin-left: auto;
            margin-right: auto;
            margin-top: 5px;
            margin-bottom: 5px;
            line-height: 100%;
            text-align:left;
        }
        .Order_CustomerInfoTable_Label
        {
            color: #b7b8ba;
        }
        .Order_CustomerInfoTable td /* Controls the inner "Customer Info" table */
        {
            padding: 2px 2px 6px 2px;
            border-spacing: 15px;
            white-space: nowrap;
        }
        .Order_CustomerInfoInputBox
        {
            width: 150px;
        }
        .Paymentinfo_Table_Outer /* Outer Rounded Panel */
        {
            background-color: #eff0f2;
            width: 97%;
            margin-left: auto;
            margin-right: auto;
        }
        .Paymentinfo_Table /* Controls the cc info format */
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            font-weight: normal;
            color: #666666;
            white-space: nowrap;
            width: 70%;
            text-align:left;
            margin-right:auto;
        }
        .PaymentInfo_InputBox /* Controls the cc input box format */
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #222222;
            width: 150px;
            border: solid 1px #333333;
        }
        .PaymentInfo_DropDownList /* Controls the cc dropdown box format */
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: normal;
            color: #222222;
            border: solid 1px #333333;
        }
        .modalOrderProcBackground
        {
            /*Controls appearance of background of the page when modal popup is shown*/
            background-color: Gray;
            filter: alpha(opacity=50);
            opacity: 0.7;
        }
        .modalOrderProcPanel
        {
            text-align: center;
            font-size: small;
            font-family: Arial;
            background-color: #e8f4fe;
            border-width: 2px;
            border-style: solid;
            border-color: #ACACAC;
            padding: 5px;
            width: 300px;
        }
		
		
		
		

.H1 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#ffffff;
line-height:105%;
}

.H1color {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#3775b1;
line-height:105%;
}

.H2 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color:#3775b1;
line-height:130%;
}

.H2headline {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#3775b1;
line-height:130%;
}

.whitebody12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:150%;
}

.body12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3a3a3a;
	line-height:16px;
}

.body12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#3a3a3a;
	line-height:120%;
}

.titles {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#3775b1;
line-height:130%;
}

.titleswhite {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
line-height:130%;
}

.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3a3a3a;
	line-height:110%;
}

.attention {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:110%;
}

.attentionblue {
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#4284c2;
line-height:110%;
}

/*----------------Form Text----------------------------*/

.body11 {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#262626;
line-height:120%;
}


/*----------------error message----------------------------*/


.modalErrorMessageBackground 
{
                /*Controls appearance of background of the page when modal popup is shown*/
   /* background-color:#000000;
    filter:alpha(opacity=0);
    opacity:0.7; */
    }
    
.modalErrorMesssagePanel
{
                font-family:Arial, Helvetica, sans-serif;
                font-size:12px;
                text-align:left;
                background-color: #ffffdd;
                border-width: 2px;
                border-style: solid;
                border-color:#222222;
                padding: 15px;
                width: 350px;
}
 
.modalBackground {
                background-color:#FFFFFF;
                filter:alpha(opacity=70);
                opacity:0.7; 
}
 
.modalPopup {
                font-family:Arial, Helvetica, sans-serif;
                font-size:16px;
                color: #222222;
                /*background-color:#BEC8DC;*/
                border-width:1px;
                border-style:solid;
                border-color:#222222;
                padding:15px;
                width:200px;
                background-image:url(images/bgmeta2.gif);
                background-position:bottom;
                background-repeat:repeat-x;
                background-color: #e8f4fe;
                margin:0;
}



/*-------------------------- Navagation --------------------------- */	

.nav{
margin: 0;
padding: 0;
width:800px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
background: transparent url(images/navbg.gif) center center repeat-x;
height:37;
text-transform:uppercase;
}

.nav li{
display: inline;
}

.nav li a{
float: left;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:11px;
font-weight: bold;
padding: 8px 10px;
text-transform:uppercase;
text-decoration: none;
}

.nav li a:visited{
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:11px;
text-transform:uppercase;
font-weight: bold;
}

.nav li a:hover, .nav li .current{
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:11px;
font-weight: bold;
text-transform:uppercase;
background: url(images/navbg_over.gif) center center repeat-x;
height:37;
}





/*-------------------------- Hyper Links --------------------------- */	


a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #3775b1;
	text-decoration:none;
}
a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-decoration: none;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #3a3a3a;
	text-decoration:none;
}
a:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-decoration:none;
}



a.footernav:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	text-decoration:none;
}
a.footernav:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-decoration: none;
}
a.footernav:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #3775b1;
	text-decoration:none;
}
a.footernav:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-decoration:none;
}



a.html:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration:underline;
}
a.html:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration: none;
}
a.html:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #666666;
	text-decoration:underline;
}
a.html:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration:none;
}



a.email:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration: underline;
}
a.email:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration: underline;
}
a.email:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color:#666666;
	text-decoration: underline;
}
a.email:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration: underline;
}





a.external:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:130%;
	color: #4284c2;
	text-decoration: underline;
}
a.external:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	color: #4284c2;
	text-decoration: underline;
}
a.external:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	color:#4284c2;
	text-decoration: underline;
}
a.external:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	color: #4284c2;
	text-decoration: underline;
}


a.viewalladpackages { display: block; width: 155px; height: 24px; background-image: url(images/home_btn.gif); background-repeat: no-repeat;}     
a.viewalladpackages:hover { background-position: left bottom;}






/*-------------------------- Universal Font Styles --------------------------- */	

.footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}


.copyright{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height:160%;
	}





/*-------------------------Nav Tree -------------------------*/


.ProductMenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #b20d05;
	line-height:20px;
	text-align:left;
	padding-top:19px;
}

.ProductMenu_Island {
 /*background-color:Blue;*/
}

.ProductMenu_HoverNode {
 background-color: #FFFFC0;
 
}

.ProductMenu_SelectedNode {
	color:	#333333;

}



/*-------------------------Product Grid -------------------------*/

.ProductGrid /* Master Grid class */
{
width:100%;
margin-top:3px;
}

.ProductGridHeader /* Header row */
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(images/ProductGridHeader.gif);
background-repeat:repeat-x;
background-position:top;
height:24px;
font-weight:bold;
line-height:120%;
color:#333333;
background-color:#B0C4DE;
}

.ProductGridFooter /* Footer row */ 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
color:#222222;
font-weight:bold;
text-align:right;
padding-right:10px;
}

.ProductGridRow /* Odd row */ 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
color:#222222;
}

.ProductGridRowAlternate /* Even Row */ 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
color:#222222;
}

 
.ProductGridCol_Control_Icon /* Any controls in the product image column (the images themselves for example) */ 
{
padding-right:6px;
padding-bottom:10px;
padding-left:3px;
}

.ProductGridCol_Footer_Icon /* Footer for image column */ 
{
}

.ProductGridCol_Header_Icon /* Header for image column */ 
{
text-align:left;
}

.ProductGridCol_Item_Icon /* Text in the icon column */ 
{
padding-top:10px;
}

 
.ProductGridCol_Control_Product /* Any controls in the product column */ 
{
}

.ProductGridCol_Footer_Product /* Footer for Product column */ 
{
}

.ProductGridCol_Header_Product /* Header for Product column */ 
{
white-space:nowrap;
text-align:left;
}

.ProductGridCol_Item_Product /* Text in the Product column */ 
{
padding-right:5px;
text-align:left;
}

 
.ProductGridCol_Control_UnitPrice /* Any controls in the UnitPrice column */ 
{
}

.ProductGridCol_Footer_UnitPrice /* Footer for UnitPrice column */ 
{
padding-right:10px;
color:#FF0000;
}

.ProductGridCol_Header_UnitPrice /* Header for UnitPrice column */ 
{
text-align:right;
padding-right:8px;
white-space:nowrap;
}

.ProductGridCol_Item_UnitPrice /* Text in the UnitPrice column */ 
{
text-align:right;
padding-right:10px;
}

 
.ProductGridCol_Control_Quantity /* Any controls in the Quantity column */
{
}
 
.ProductGridCol_Footer_Quantity /* Footer for Quantity column */ 
{
}

.ProductGridCol_Header_Quantity /* Header for Quantity column */ 
{
text-align:center;
padding-right:10px;
white-space:nowrap;
}

.ProductGridCol_Item_Quantity /* Text in the Quantity column */ 
{
text-align:center;
padding-left:5px;
padding-right:8px;

}

 
.ProductGridCol_Control_ItemCost /* Any controls in the ItemCost column */
{
}
 
.ProductGridCol_Footer_ItemCost /* Footer for ItemCost column */ 
{
padding-right:10px;
color:#FF0000;
}

.ProductGridCol_Header_ItemCost /* Header for ItemCost column */ 
{
text-align:right;
padding-right:8px;
white-space:nowrap;
}

.ProductGridCol_Item_ItemCost /* Text in the ItemCost column */ 
{
text-align:right;
padding-right:10px;

}

 
.ProductGridCol_Control_AddToCart /* Any controls in the AddToCart column */ 
{
}

.ProductGridCol_Footer_AddToCart /* Footer for AddToCart column */ 
{
}

.ProductGridCol_Header_AddToCart /* Header for AddToCart column */ 
{
}

.ProductGridCol_Item_AddToCart /* Text in the AddToCart column */ 
{
}


/*------------------------- OrderConfirmation.ascx -------------------------*/

.thankyou {
font-family:Arial, Helvetica, sans-serif;
font-size:18;
color:color: #176482;
}


/*------------------------- Cart.ascx -------------------------*/


/* Cart Link */

a.cart:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #222222;
	text-decoration:none;
}

a.cart:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #222222;
	text-decoration:none;
}
a.cart:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #222222;
	text-decoration:underline;
}
a.cart:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #222222;
	text-decoration:none;
}


.noproducts {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #444444;
	line-height:130%;
}


/* Continue Shopping Link */
a.noproducts_link:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #176482;
	text-decoration:underline;
}
a.noproducts_link:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #176482;
	text-decoration:underline;
}
a.noproducts_link:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #176482;
	text-decoration:none;
}
a.noproducts_link:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #176482;
	text-decoration:underline;
}

.noproductsblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #176482;
	line-height:130%;
}



/*------------------------- storeProducts.ascx -------------------------*/


/* Check Out Link */
a.checkout:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #176482;
	text-decoration:none;
}
a.checkout:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #176482;
	text-decoration:none;
}
a.checkout:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #176482;
	text-decoration:underline;
}
a.checkout:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #176482;
	text-decoration:none;
}



/* Check Out disclaimer */
.checkoutdisclaimer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #444444;
}



/*------------------------- Store.aspx --------------------------*/
.iFrameMarketing /* Controls the iframe for the marketing "mini-site" on store.aspx */
{
	width:100%;
}


/*------------------------- SignIn.aspx -------------------------*/

.SignIn_SignUpCaption  /* controls the headline style */
{
font-family:Arial, Helvetica, sans-serif;
color:#176482;
font-size:20px;
line-height:130%;
text-align:center;
}


.SignIn_Caption  /* New Customer? and Log In  header text */
{
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:15px;
font-weight:bold;
}

.Login_Table  /* Login control table (use this to control the font of the input labels */
{
font-family:Arial, Helvetica, sans-serif;
color:#444444;
font-size:13px;
}


.Login_Input /* Login text boxes */
{
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:12px;
border: solid 1px #333333; 
}

.SignIn_SignUpTable  /*  controls the field descriptions ex. first name, last name ect.  */
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444444;
background:url(images/bg_signup.gif); background-repeat:repeat-x; padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:8px;
margin-left:auto;
margin-right:auto;
}


.SignIn_InputBox {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#222222;
border: solid 1px #333333; 
}

.SignIn_DropDownList {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#222222;
border: solid 1px #333333; 
}

.SignIn_Caption_Instruction  /* New Customer? and Log In  header instruction text */
{
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:11px;
line-height:130%;
text-align:left;
}

.SignIn_SignUpCaption_Instruction  /* controls the headline instruction style */
{
font-family:Arial, Helvetica, sans-serif;
color:#176482;
font-size:12px;
text-align:center;
padding-bottom:5px;
}
 


/* forgot password Link */
a.Login_ForgotPasswordLink:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#176482;
	text-decoration:none;
	}
a.Login_ForgotPasswordLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#176482;
	text-decoration:none;
}
a.Login_ForgotPasswordLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#176482;
	text-decoration:underline; 
}
a.Login_ForgotPasswordLink:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#176482;
	text-decoration:underline;
}




/*------------------------- SignIn.ascx -------------------------*/

.PwordStrengthDesc1
{
	color:Red;
	border: 1px solid #000000;
	background-color:#102283;
	font-size:x-small;
	font-style:italic;
	padding: 2px 3px 2px 3px;
}
.PwordStrengthDesc2
{
	color:Orange;
	border: 1px solid #000000;
	background-color:#102283;
	font-size:x-small;
	font-style:italic;
	padding: 2px 3px 2px 3px;	
}
.PwordStrengthDesc3
{
	color:Yellow;
	border: 1px solid #000000;
	background-color:#102283;
	font-size:9px;
	font-style:italic;
	padding: 2px 3px 2px 3px;	
}
.PwordStrengthDesc4
{
	color:Green;
	border: 1px solid #000000;
	background-color:#102283;
	font-size:9px;
	font-style:italic;
	padding: 2px 3px 2px 3px;	
}
.PwordStrengthDesc5
{
	color:Lime;
	border: 1px solid #000000;
	background-color:#102283;	
	font-size:x-small;
	font-style:italic;
	padding: 2px 3px 2px 3px;	
}

.noproducts {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #444444;
	line-height:130%;
}





/*----------------------- Light Box ------------------------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */