/* default.css */

/*--------------------------reset styles----------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-------------------------------layout---------------------------------*/

.clear {
	clear:both;
}
body {
	/*background:#fff url('../images/bg.png'); 
	background-color:#eff5f7;
	background-color:#f3f8f9;*/
	background-color:#f7fafb;
	/*background-color:#fbfcfd;*/
	font:12px normal Arial, sans-serif;
	color:#111;
	border-top:4px solid #0283A2;
	/*line-height:1.6em; */
	line-height:1.5em;
}
h1,h2,h3,h4,h5,h6,p {
	margin:0.5em 0;
}
h1 {
	color:#fff;
	background:#0390b2;
	border:1px solid #0283A2;
	padding:10px 10px 7px 10px;
	font-size:20px;
	letter-spacing:1px;
	text-transform:uppercase;
}
.top_h1 {
	margin:0 0 0.5em 0;
}
#wrapper {
	width:754px;
	margin:auto;
	z-index:0;
}
#header {
	position:relative;
	z-index:1000;
}
div#logo {
	margin:20px 0 15px -10px;
	float:left;
	display:inline;
}
div#logo a {
	min-height:1%;
	min-width:1%;
}
#col1 {
	float:left;
	display:inline;
	width:110px;
	margin-top:5px;
	z-index:2;
}
#col1 p {
	text-align:center;
}
#col2_wrapper {
	margin-top:5px;
	float:right;
	display:inline;
	width:630px;
	z-index:0;
	

}
#col2_mainpage {
	margin-top:1px;
	background:#f5f6f6 url(../images/siteimages09/body/bodycontent_09jb.jpg) no-repeat;
	z-index:0;
}
#col2_mainpage div.round_top {
	padding:20px;
	background:url('../images/round_top.gif') no-repeat left top;
	height:431px;
}


#col2 {
	background:#f5f6f6 url('../images/content_bg.gif') repeat-y;

	z-index:-1; 
	
}
#col2 div.round_top {
	padding:20px;
	background:url('../images/round_top.gif') no-repeat left top;
		min-height:431px;
	_height:431px;
	z-index:-1;
}
#footer div {
	padding:10px 20px 0 20px;
}
body #col2_wrapper .round_bottom {
	height:4px;
	padding:0;
	background:url('../images/round_bottom.gif') no-repeat left bottom;
}

/*mini_account_box*/

#mini_account_box {
	position:absolute;
	right:0;
	top:20px;
	text-align:right;
	background:#f5f6f6;
	padding:6px 10px;
	line-height:1.9em;
	border:1px solid #dfdfdf;
	margin:0;
}
#mini_account_box p {
	margin:0;
}
#mini_account_box .login a{
	font-size:13px;
	margin:0;
	color:#0283A2;
	font-weight:normal;
}
#mini_account_box .login a:hover {
	color:#EA6900;
}
#mini_account_box span .cart {
	background:url('../images/icon_cart.gif') no-repeat 0 50%;
	padding:3px 0 3px 25px;
}
#mini_account_box ul li {
	display:inline;
}

a:link {
	color: #7a0000;
	text-decoration: none;
	font-weight:bolder;
}
a:visited {
	color: #7a0000;
	text-decoration: none;
	font-weight:bolder;
}
a:hover {
	color: #7a0000;
	text-decoration: underline;
	font-weight:bolder;
}

#share {
	text-align:center;
	margin-top:4px;
}
#content {
	position:relative;
	top:-7px;
	z-index:2;
}
.bodypic {
	margin-left:15px;
	margin-bottom:10px;
	text-align:right;
}
/*----------------------------------------*/
/*--------- Bottom nav stuffs ------------*/
#footer{ 
	color: #146A8E;
	text-align:center;
	position:relative;
	top:-10px;
}
#bottomnav  ul li { /* bottom menu */
	display:inline;	
}
#bottomnav a{
	font-family: Arial, Helvetica, sans-serif;
    color: #146A8E;
	font-weight:normal;
	text-decoration:none;  
	font-size:13px;
}
	
a.outsidelinks:hover {
	text-decoration:underline;
}

a.outsidelinks:visited { 
	text-decoration:none;
}
/*----------------------------------------*/

/*---------------Main Menu-----------------*/
#menu  {
	text-decoration:none;
	font-family:arial,sans-serif;
	font-size:13px;
	color:#0283A2;
	clear:both;
}
#menu a {
	/*font-weight:normal;*/
	text-decoration:none;
	font-family:arial,sans-serif;
	font-size:13px;
	color:#0283A2;
}

.downarrow {
	position:relative;
	top:-1px;
}
/*START MAIN MENU */
#mainmenu09 {
	position:relative;
	bottom:5px;
	z-index:100;
}
#mainmenu09 li:hover, #mainmenu09 li.hover {
direction:ltr;
position:relative;
z-index:100;

}

#mainmenu09 ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
	z-index:100;
	position:relative;
	direction:ltr;
	display:inline;
}
#mainmenu09 li:hover {
	direction:ltr;
	z-index:100;
}

#mainmenu09 li { /* list items */
	float: left;
	position: relative;	
	margin:0em;
	padding:0em;
	list-style-type: none;
	z-index:100;
	direction:ltr;
} 

#mainmenu09 li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.3em;
	left: -5px;  
	padding: 0px 0px 0px 0px;
	color:#156A8F;
	font-family:  Arial, Helvetica, sans-serif;
	margin: 0px;
	border:1px solid #60A9BE;
	border-top:0px;
	background-color:white;
	z-index:100;
	direction:ltr;
}

#mainmenu09 ul ul li {
	border:1px solid #60A9BE;
	width: 100%;  /* make sure the floats are wide enough that they always wrap */
	border-top:0px;
	background-color:white;
	z-index:100;
	direction:ltr;
}
#mainmenu09 ul ul:hover {
	direction:ltr;
}
#mainmenu09 ul ul li:hover {
	direction:ltr;
}
#mainmenu09 li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*	top: auto;
	left: auto;
z-index:100; */
z-index:100;
direction:ltr;
}

#mainmenu09 li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	width:21em;	
	z-index:100;
	direction:ltr;
	
}

#mainmenu09 ul.nav ul li a {
	z-index:100;      
	display:block;
	padding: .25em 0px .25em 5px;
	color:#156A8F;
	text-decoration:underline;
	font-size:13px;
	text-align:left;
	z-index:100;
	direction:ltr;
}

#mainmenu09 ul ul li a:link {
	font-family: Arial, Helvetica, sans-serif;
	color:#156A8F;
	text-decoration:none;
	font-size:13px;
	z-index:100;
	direction:ltr;
}
	
#mainmenu09 ul ul li a:hover:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	font-size:13px;
	z-index:100;
	direction:ltr;
}

#mainmenu09 ul ul li a:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	font-size:13px;
	z-index:100;
	direction:ltr;
}
#mainmenu09 ul ul li a:hover ul ul li:visited  {
	font-family: Arial, Helvetica, sans-serif;
    color:#ffffff;
	text-decoration:none;
	font-size:13px;
	z-index:100;
	direction:ltr;
}

#mainmenu09 ul ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
    color:#156A8F;
	text-decoration:none;
	font-size:13px;
	z-index:100;
	direction:ltr;
}

#mainmenu09 ul ul li a:hover {
	display:block;
	padding: .25em 0px .25em 5px;
	color:#ffffff;
	background-color:#156A8F;
	z-index:100;
	font-size:13px;
	text-align:left;
	text-decoration:none;
	z-index:100;
	direction:ltr;
}
#menuend {
	height:2px;
	display:block;
}

/*---------------------------------------------------*/


/*---------------------------------------------------*/
/* Popup stuffs */
#info {height:300px; position:relative;}
#adsie {position:absolute; bottom:0;  z-index:1;}
#info:hover {background-color:#FFFFDE;}
a#popup:visited {text-decoration:none;}
a#popup {position:relative;} /*{color:#000; text-decoration:none;  font-weight:bold;}*/
a#popup b {display:block; position:absolute; left:0; top:0;}
a#popup span {display:none;}
a#popup:hover {text-decoration:none;}
a#popup:hover #popbox {
	display:block; 
	position:absolute; 
	top:-40px; 
	left:-55px; 
	width:200px; 
	/* height:80px;*/ 
	background-color:#FFFFDE; 
	color:#532600; 
	border:2px solid #C24438; 
	text-align:left;  
	font-family:  Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	font-size: 12px; 
	line-height: 110%; 
	padding-left:10px; 
	padding-bottom:10px; 
	padding-right:10px; 
	padding-top:10px;
	
}
/*---------------------------------------------------*/

/*------------------TABLES-------------------------*/



table.shoppingcarttable {
	border-collapse:collapse;
	width:100%;
	
}
.shoppingcarttable .addpicture, .checkouttable .addpicture, .reviewpaypalordertable .addpicture, .creditcardtable .addpicture {
	/* May want to add: , .shoppingcarttable .special */
	color:#FFFFBB;
}

.shoppingcarttable th {
	background-color:#43adbe;
	color:#ffffff;
	padding-left:5px;
}

.checkouttable th {
	background-color:#C24438;
	color:#ffffff;
	padding-left:5px;
}
.reviewpaypalordertable th {
	background-color:#5A670B;
	color:#ffffff;
	padding-left:5px;
}
.creditcardtable th {
	background-color:#7D7D7D;
	color:#ffffff;
	padding-left:5px;
}
.creditcardtable strong.required {
	font-weight:normal;
}
.creditcardtable input, select {
	margin:5px;
	
}
.creditcardtable span.err {
	color:red;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
}

table.paypalfinalizetable th {
	background-color:#999999;
	color:#FFFFBB;
	padding-left:5px;
}
table.paypalfinalizetable td {
	background-color:#FFFFFF;
	color:#000;
	padding-left:5px;
}

table.myaccount {
	border:#c24438 solid 2px;
	border-style: solid solid solid solid;
	border-color: #c24438 #c24438 #c24438 #c24438;
	border-collapse: collapse;}

table.myaccount th {
	border-style: solid solid solid solid;
	border-color: #c24438 #c24438 #c24438 #c24438;
	background-color:#C24438;
	}

table.myaccount td {
	border-style: solid solid solid solid;
	border-color: #c24438 #c24438 #c24438 #c24438;
	padding:2px;
}
table.myaccount img {
	margin-top:5px;
}

table.notes {
	background-color:#F5FCD7;
	border:#cbbdb2 solid 1px;
	margin:1px;
	padding:3px;
	line-height:1.2em;
		
}
table.tellAFriend {
	
	background-color:#F5FCD7;
	border:#cbbdb2 solid 1px;
	margin:1px;
	padding:5px;
	line-height:1.3em;		
}
table.tellAFriend p {
	padding:5px;
}

#affiliateTable table {
	width:50em;
	border:1px solid #666;
}

#affiliateTable th, #affiliateTable td {
	padding: 0.1em 1em;
	
}
#affiliateTable caption {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}
#affiliateTable col {
	border-right: 1px solid #ccc;
}
#affiliateTable col#lastCol {
	border: none;
}
#affiliateTable thead {
	
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	background-color:#43adbe;
	color:#ffffff;
}
#affiliateTable th	 {
	font-weight:normal;
	text-align:left;
}
#affiliateTable .odd {
	background-color: #99FFCC;
}
#affiliateTable tr:hover {
	background-color:#3d80df;
	color:#fff;
}
#affiliateTable thead tr:hover {
	background-color:transparent;
	color: inherit; 
}
/*---------------------------------------------------*/

/*-----------------SPECIFIC PAGES-------------------*/

/*---CustomizeCartImageOrder-------*/


#ccioInfo{	
	position:relative;

}	
#ccioImageColumn {
	width:104px;
	height:150px;
	
}
#ccioContent {
	position:relative;
	width:470px;
	left:115px;
	top:-150px;
}
/*---------------Rates Page-------------*/
h2#servicesOffered {
	font-size:large;
	
}

/*---------------LearnMore Page-------------*/
div.learnMore div.wrapper {
	vertical-align:middle;
	display:block;
	margin-bottom:10px;
	
	
}
div.learnMore div {vertical-align:middle;}

div.learnMore img {
	border:#7a0000 solid 2px;
	vertical-align:middle;

}
div.learnMore p {
	vertical-align:middle;
}
div.learnMore img.left {
	margin-right:15px;
	float:left;
}
div.learnMore img.right {
	margin-left:15px;
	float:right;
}
/*---------------SiteMap Page-------------*/


#siteMapContent ul li ul li {
	position:relative;
	left:25px;
}

/*---------------ViewOrders Page-------------*/
#ViewOrders  {
	text-align:center;
}
#ViewOrders h2 {
	text-align:left;
}
#ViewOrders  img {
	margin-top:5px;
	text-align:center;
}


/*---------------------------------------------------*/

.err {
	color:red;
	font-size:12px;
	font-weight:normal;
	
}
/*--------------------------------INDEX PAGE BOXES-------------------------*/


div#indexBackground {
	position:relative;
	width:624px;
	height:461px;
	overflow:visible;
	margin:2px 0 0 4px;
	padding-bottom:10px;
	
	
}

#indexBackground li {
	display:block;
	z-index:2;
	position:absolute;
	min-height:1%;
	margin:2px 0 0 0;

}
#indexBackground a {
	display:block;
	width:100%;
	height:100%;
	cursor:default;
}
#indexBackground span {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
}

#indexBackground #indexMainBeforeAfter {
	border:3px solid #512204;
	top:0px;
	right:0px;
	width: 190px;
	height:267px;
	position:absolute;
}




#indexBackground #indexMainBeforeAfter  span {
	background:url(../images/siteimages09/body/b-a_large.jpg) no-repeat center bottom;
}
#indexBackground #indexMainBeforeAfter a:hover span {
	background:url(../images/siteimages09/body/b-a_large.jpg) no-repeat center top;
}



#indexBackground #indexSticker {
	position:absolute;
	left:2px;
	top:106px;
	width: 210px;
	height: 197px;
	overflow:hidden;
}
#indexBackground #indexSticker span {
	background: url(../images/siteimages07/indexpage/button.jpg) no-repeat top center;
}

#indexBackground #learnMore a, #indexBackground #startOrder a {
	cursor:pointer;
}
#indexBackground #startOrder {	
	top:381px;
	left:501px;
	width: 122px;
	height:25px;
	position:absolute;
}
#indexBackground #startOrder span {
	background: url(../images/siteimages09/body/indexpage/startorder.jpg) no-repeat center bottom;
	cursor:pointer;
}

#indexBackground #learnMore {	
	top:381px;
	left:381px;
	width: 120px;
	height:25px;
	position:absolute;
	
}
#indexBackground #learnMore span {
	background: url(../images/siteimages09/body/indexpage/learnmore.jpg) no-repeat center bottom;
	cursor:pointer;
}

#indexBackground form {
	position:absolute;
	top:422px;
	left:353px;
}
#indexBackground form input#email {
background:url(../images/siteimages09/body/indexpage/textbox-noborder.jpg);
position:absolute;
top:0;
left:0;
height:27px;
width:226px;
border:#000000 solid 1px;
vertical-align:middle;
color:#88a6ae;
font:Arial, Helvetica, sans-serif;
font-size:1.6em;

padding:auto auto auto 50px;

}
#indexBackground form input#email:focus, #indexBackground form input#email:hover {

color:black;

font-size:1em;



}


#indexBackground form input#submit {
position:absolute;
top:0;
left:228px;


}



div.beforeaftersm img {
	border: 2px solid #512204;
}

#beforeafter-teeth {
	position:relative;
	left:12px;
	width:144px;
	height:62px;
	 top:377px;
	 display:inline; 
}
#beforeafter-teeth span {
	background:url(../images/siteimages09/body/b-a_teeth.jpg) center top;
}
#beforeafter-teeth a:hover span {
	background:url(../images/siteimages09/body/b-a_teeth.jpg) center bottom;
}

#beforeafter-eye {
	position:relative;
	left:164px;
	width:144px;
	height:62px;
	top:377px;	
}
#beforeafter-eye span {
	background:url(../images/siteimages09/body/b-a_eyes.jpg) center top;
}
#beforeafter-eye a:hover span {
	background:url(../images/siteimages09/body/b-a_eyes.jpg) center bottom;
}


#beforeafter-flyaway {
	position:relative;
	left:316px;
	width:144px;
	height:62px;
	top:377px;
}
#beforeafter-flyaway span {
	background:url(../images/siteimages09/body/b-a_flyaway.jpg) center top;
}
#beforeafter-flyaway a:hover span {
	background:url(../images/siteimages09/body/b-a_flyaway.jpg) center bottom;
}



#beforeafter-blemish {
	position:relative;
	left:468px;
	width:144px;
	height:62px;
	top:377px;
}
#beforeafter-blemish span {
	background:url(../images/siteimages09/body/b-a_blemish.jpg) center top;
}
#beforeafter-blemish a:hover span {
	background:url(../images/siteimages09/body/b-a_blemish.jpg) center bottom;
}




/*--------------------------------------------------------------------------*/