div{
	padding: 0px;
	margin: 0px;

}
body{
	background-image: url(../images/bg2.gif);

	font-family: Arial, Helvetica, sans-serif;
}

.PageFrame{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

.TopBar{
	width: 780px;
	height: 4px;
	background-color: #CD0067;
	line-height: 2px;
	font-size: 0px;
}

.TopInformation{
	width: 780px;
	height: 25px;
}

.PhoneInformation{
	float: left;
	background-color: #B5CFF4;
	color: White;
	font-size: 0.6em;
	width: 150px;
	text-align: center;
	height: 25px;
}


.TopUserLinks{
	float: right;
	height: 25px;

}

.TopUserLinks ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	padding-right: 10px;
}

.TopUserLinks li{
	display: inline;
	background-color: #CD0067;
	color: White;
	font-size: 0.8em;
	padding: 0px;

	margin:0 2px 0 0;
}

.TopUserLinks a{
	float: left;
	color: White;
	background: #CD0067 url(../images/color_tabs_left2.gif) no-repeat left bottom;
	text-decoration: none;
	padding:0 0 0 3px;
	margin:0 3px 0 0;
}


.TopUserLinks a span{
	float: left;
	display: block;

	background: transparent url(../images/color_tabs_right2.gif) no-repeat right bottom;
	padding:3px 9px 3px 6px;	
}

.TopUserLinks a span{
	float: none;
}


.MainLinks{
	width: 780px;
	height: 20px;
	background-image: url(../images/bg_main_links.jpg);
	border: 1px solid gray;
	float: left;
	font-size: 0.6em;

}

.MainLinks li{
	display: inline;
	
}
.MainLinks li a{
	float: left;
	color: Blue;
	border-left: 2px outset Black;
	padding-left: 43px;
	padding-right: 43px;
	text-decoration: none;
	line-height: 20px;
	
	text-transform: uppercase;
}


.AdminLinks{
	width: 780px;
	height: 20px;
	background-image: url(../images/bg_main_links.jpg);
	border: 1px solid gray;
	float: left;
	font-size: 0.6em;

}

.AdminLinks li{
	display: inline;
	
}
.AdminLinks li a{
	float: left;
	color: Blue;
	border-left: 2px outset Black;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	line-height: 20px;
	
	text-transform: uppercase;
}



.MainLogo{
	width: 155px;
	height: 198px;
	float: left;

}

.MainImage{
	float: left;
	width: 625px;
	height: 198px;
	background-image: url(../images/sunshadez_banner.jpg);
	color: Blue;
}


.MainImage h1{
	font-size: 2.4em;
	font-weight: normal;
	padding-left: 10px;
	margin-top: 15px;
	padding-bottom: 0px;
}

.MainImageFormBox{
	padding-top: 10px;	
	float: left;
	width: 150px;
	margin-left: 40px;
}

.MainImageFormBox select{
	width: 130px;
	height: 18px;
	margin-bottom: 5px;
	font-size: 0.6em;
	color: Blue;
}

.MainImageFormBox input{
	color: white;
	background-color: Blue;
	border: 0;
	font-size: 0.6em;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.MainImageText{
	float: left;
	width: 130px;
	color: Blue;
	font-size: 0.8em;
}

.TopBox{
	margin-top: 5px;

	float: left;
	width: 625px;
	height: 198px;
	background: url(../images/bg_top_box1.gif) no-repeat;
}

.TopBoxText{
padding: 20px;

	width: 580px;
	height: 158px;
	
	
	color: Gray;
}



.BlueLink{
	color: Blue;
	text-decoration: none;
}


.BlueLink a{
color: Blue;
	text-decoration: none;
}

.BlueLink a:hover{
	color: Red;
	text-decoration: none;
}
.MiddleSpacer{
	font-size: 0px;
	height: 3px;
	width: 780px;	
	
}


.SmallSide{
	float: left;
	width: 155px;
	
	
}

.DarkBlueTop150{
	width: 150px;
	height: 25px;
	padding-top: 2px;
	background: url(../images/bg_top_blue_150.gif) no-repeat;
	
}

.DarkBlueTop150 h3{
	padding: 0px;
	margin: 0px 3px 0px 5px;
	text-align: center;
	width: 140px;
	height: 25px;
	color: white;
	font-size: 0.8em;
	background-color: Blue;
}

.DarkBlueMiddle150{
	border-left: 1px solid Blue;
	border-right: 1px solid Blue;
	width: 148px;
	min-height: 110px;
	color: #707070;
	font-size: 0.6em;
}


.DarkBlueBottom150{
	width: 150px;
	height: 5px;
	background: url(../images/bg_bottom_blue_150.gif) no-repeat;
	
}



.DarkBlueMiddle150 a{
	padding-left: 5px;
	color: blue;
	text-decoration: none;
}

.DarkBlueMiddle150 a:hover{
	color: blue;
	text-decoration: none;
}





.GreyTop465{
	width: 465px;
	margin-left: 2px;
	margin-right: 2px;
	

	padding-top: 2px;
	height: 27px;
	background: url(../images/bg_grey_top465.gif) no-repeat;
}

.GreyMiddle465{
	width: 463px;
	margin-left: 2px;
	margin-right: 2px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 0.6em;

}

.GreyBottom465{
	width: 465px;
	height: 6px;
	margin-left: 2px;
	margin-right: 2px;
	background: url(../images/bg_bottom_grey465.gif) no-repeat;
}

.GreyTop465 h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 4px;
	width: 458px;
	height: 25px;
	background-color: #CCCCCC;
	color: White;
	font-size: 1em;
}







.LightBlueTop465{
	width: 465px;
	margin-left: 2px;
	margin-right: 2px;
	

	padding-top: 2px;
	height: 26px;
	background: url(../images/bg_top_light_blue465.gif) no-repeat;
}

.LightBlueMiddle465{
	width: 463px;
	margin-left: 2px;
	margin-right: 2px;
	border-left: 1px solid #B5CFF4;
	border-right: 1px solid #B5CFF4;
	font-size: 0.6em;

}

.LightBlueMiddle465 h3{
	font-size: 150%;
	color: #CD0067;
	padding: 0;
	margin: 3px;
}

.LightBlueMiddle465 h2{
	font-size: 180%;
	color: #CD0067;
	padding: 0;
	margin: 3px;
}

.LightBlueBottom465{
	width: 465px;
	height: 6px;
	margin-left: 2px;
	margin-right: 2px;
	background: url(../images/bg_bottom_light_blue_465.gif) no-repeat;
}


.LightBlueTop465 h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 4px;
	width: 456px;
	height: 24px;
	background-color: #B5CFF4;
	color: White;
	font-size: 1em;
}







.LightBlueTop615{
	width: 615px;
	margin-left: 2px;
	margin-right: 2px;
	

	padding-top: 2px;
	height: 26px;
	background: url(../images/bg_top_light_blue_615.gif) no-repeat;
}

.LightBlueMiddle615{
	width: 613px;
	margin-left: 2px;
	margin-right: 2px;
	border-left: 1px solid #B5CFF4;
	border-right: 1px solid #B5CFF4;
	font-size: 0.8em;

}

.LightBlueBottom615{
	width: 615px;
	height: 6px;
	margin-left: 2px;
	margin-right: 2px;
	background: url(../images/bg_bottom_light_blue_615.gif) no-repeat;
}


.LightBlueTop615 h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 4px;
	width: 606px;
	height: 24px;
	background-color: #B5CFF4;
	color: White;
	font-size: 1em;
}




.MiddleFrame{
	float: left;
	width: 470px;
	min-height: 285px;
	
}

.MiddleFrame a{
	text-decoration: none;
	color: #CD0067;
	

}

.MiddleFrame a:hover{
	text-decoration: none;
	color: Blue}



.MiddleFrame .BlueLink{
	color: Blue;
	text-decoration: none;
}











.MiddleFrameLong{
float: left;
	width: 620px;
	height:285px;
	
}


.MiddleFrameLongBox{

	width: 615px;
	height: 284px;
	
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;

	padding-top: 2px;
	background: url(../images/bg_middlebox2.gif) no-repeat;
}

.MiddleFrameLongBox h3{
	padding: 0px;
	margin: 0px 2px 0px 4px;
	width: 605px;
	height:25px;
	background-color: #B5CFF4;
	color: Blue;
	font-size: 1em;
}
.MiddleBoxLongText{
	padding: 10px 30px 10px 30px;
	width: 550px;
	font-size: 0.8em;
	color: gray;	
	
	
}
.MiddleBoxLongText h3{
padding: 5px;
width: auto;
	color: #F2A402;
	font-size: 1em;
	background-color: white;
	
}





.MiddleFrameAdmin{
float: left;
	width: 620px;
	min-height:285px;
	
}



.YellowText{
	color: #EEA406;
	font-size: 1.2em;
}



.StandardFormInput{
	 width: 150px; padding-right: 4px; 
	color: Blue; 
	padding-bottom: 1px;
	border: 1px solid Blue;
	font-size: 90%;
}

.StandardFormTextarea{
	width: 150px;
	
	height: 50px;
	border: 1px solid gray;

}

.StandardFormDropDown{
width: 150px;
border: 1px solid gray;
height: 15px;
font-size: 100%;


}
.BlueSubmitButton{
	background-color: Blue;
	color: White;
	height: 20px;
	
	width: auto;
	padding: 0 5px 0 5px;
	
}


.RightFrame{
	float: left;
	width: 155px;
	min-height: 285px;
}
.RightFrame hr{
	line-height: 2px;
	width: 70px;
	height: 2px;
	color: #CCC;
	font-size: 2px;
}


.RightFrame a{
	padding-left: 5px;
	color: blue;
	text-decoration: none;
}

.RightFrame a:hover{
	color: blue;
	text-decoration: none;
}

.RighFrameBoxSmallText{
	font-size: 0.6em;
	padding-left: 5px;
}



.OrdersTable{
	border: 0px solid Black;
	font-size: 100%;
}

.OrdersTable th{
	border: 1px solid #B5CFF4;
	background-color: Blue;
	color: White;
	font-weight: normal;
}

.OrdersTable td{
	border: 1px solid #B5CFF4;
}








.UpdateOrders{
	border: 0px solid Black;
	font-size: 90%;
}

.UpdateOrders th{
	border: 1px solid #B5CFF4;
	background-color: Blue;
	color: White;
	font-weight: normal;
}

.UpdateOrders td{
	border: 1px solid #B5CFF4;
}











.FooterLinks{
	margin-top: 3px;
	width: 780px;
	height: 20px;
	color: white;
	background-color: #CD0067;
	font-size: 0.8em;
	
}

.FooterLinks ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.FooterLinks li{
	display: inline;
	padding-left: 30px;
	padding-right: 30px;
	border-right: 1px ridge white;
}

.FooterLinks a{
	color: White;
	text-align: center;
	text-decoration: none;	
	

}
.Footer{
	color: #AAA;
	font-size: 0.6em;
	height: 15px;
	width: 780px;
}

.FooterLeftText{
	float: left;
}

.FooterRightText{
	float: right;
}

.FooterRightText a{
	color: #AAA;
	text-decoration: none;
}
.FooterRightText a:hover{
	color: Black;
}

.BlueLink{
	color: blue;
	text-decoration: none;
}



.Clear{
	clear: both;

}

.GlassesTitle{
	width: 132px;
	height: 25px;
	color: Blue;
	border-left: 1px solid Gray;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	float: left;
}
.DescriptionTitle{
	width: 132px;
	height: 25px;
	color: Blue;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	float: left;
}

.QtyTitle{
	width: 49px;
	height: 25px;
	color: Blue;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	float: left;
}

.PriceTitle{
	width: 70px;
	height: 25px;
	color: Blue;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	float: left;
}

.TotalTitle{
	width: 70px;
	height: 25px;
	color: Blue;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
	float: left;
}

.RemoveTitle{
	width: 55px;
	height: 25px;
	color: Blue;
	border-top: 1px solid Gray;
	border-right: 1px solid Gray;
	border-bottom: 1px solid Gray;
	float: left;
}

.GlassesBox{
	clear: left;
	width: 131px;
	height: 35px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	
	
	float: left;
}
.DescriptionBox{
	width: 131px;
	height: 35px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	float: left;
}

.QtyBox{
	width: 48px;
	height: 35px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	float: left;
	text-align: center;
}

.PriceBox{
	width: 69px;
	height: 35px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	float: left;
}

.TotalBox{
	width: 69px;
	height: 35px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	float: left;
}

.RemoveBox{
	width: 55px;
	height: 35px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
	float: left;
}

.SmallIntTextBox{
	width: 10px;
}

.CartBottomLeftBox{
clear: left;
float: left;
	width: 264px;
	height: 75px;
	
}
.SubTotal{
float: left;
	width: 194px;
	height:25px;
	border-left: 1px solid gray;
	border-bottom: 1px dashed Gray;
}
.SubTotalValue{
float: left;
	width: 50px;
	height: 25px;
	
	font-weight: bold;
	border-right: 1px solid Gray;
	border-bottom: 1px dashed Gray;
}

.SmallFont{
	font-size: 80%;
}
.LargeFont{
	font-size: 0.8em;
}

.GreyText{
color: Gray;
}


.ErrorMessage{
	border: 1px solid #FF0000;
	background-color: #FFC0C0;
	color: #FF0000;
	text-align: center;
}

.MiddleBoxHalfLeft{
	float: left;
	width: 220px;
	margin-left: 5px;
	height: 200px;
	
	border-top: 1px solid blue;
	border-bottom: 1px solid blue;
	
	border-left: 1px solid Blue;
}

.MiddleBoxHalfRight{
	float: left;
	margin-right: 5px;
	width: 220px;
	border-right: 1px solid Blue;
	border-top: 1px solid Blue;
	border-bottom: 1px solid Blue;
	height: 200px;
	border: 1px solid Blue;
}

.MiddleBoxHalfh2{
	padding: 0px;
	font-size: 1.2em;
	margin: 0px;
	background-color: Blue;
	color: White;
	text-align: center;
}

.MiddleBoxHalfText{
	width: 210px;
	height: 190px;
	padding: 5px;
}


.GreyButton{
	border: 1px solid Blue;
	background-image: url(../images/bg_main_links.jpg);
	font-size: 90%;
	color: Blue;
}


.DarkBlueMiddle150 ul{
	padding-top: 5px;
	margin-top: 0;
	margin-left: 0;
	padding-left: 20px;
}

.DarkBlueMiddle150 li{
	list-style: square;
	color: Blue;
}


.PopUpPageFrame{
	width: 350px;
	background-color: white;
font-size: 0.8em;
color: Gray;
}

.PopUpPageFrame h1{
	font-size: 1.2em;
	color: Blue;
}

.AddressDropDown{
	font-size: 90%;
}
.smallfooter {
	font-size: 70%;
}
.SubProductDropDown{
	width: 200px;
	font-size: 90%;
}