/*
---------------------------------------------------------------------
IndyInteractive.net
Copyright (c) 2006
Author:   Kevin Pletcher, Indy Interactive
Version:  1 November 2005
---------------------------------------------------------------------
*/


/* GLOBAL
---------------------------------------------------------------------*/
#homepage, #dresses, #shoes, #purses, #accessories,
#store, #news, #about, #articles, #designers, #generic, #storephotos
{margin: 10px 0 0 0; padding: 0; background-color: #000;}

/* WRAPPER
---------------------------------------------------------------------*/
#wrapper  {
margin: 0 auto; padding: 0;  
width: 760px; 
text-align: left; 
background: #FFFFFF; 
font-family: "verdana" sans-serif; 
font-size: 11px;  
position: relative;
border-top-color: #f06;
border-bottom-color: #f06;
border-right-color: #f06;
border-left-color: #f06;
border-top-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
}

#storephotos #wrapper  {
margin: 0 auto; padding: 0;  
width: 600px; 
text-align: left; 
background: #FFFFFF; 
font-family: "verdana" sans-serif; 
font-size: 11px;  
position: relative;
border-top-color: #f06;
border-bottom-color: #f06;
border-right-color: #f06;
border-left-color: #f06;
border-top-style: solid;
border-bottom-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
}
#storephotos #header {margin: 0; padding: 0; display: block; height: 80px; width: 600px;}
#storephotos p.storephotos{margin: 10px 0 10px 0; padding: 0; text-align: center;}
#storephotos img{border-bottom-color: #999; border-style: solid; border-width: 1px;}
img.storepic{margin: 5px 5px 5px 12px; padding: 0;border-color: #999; border-width: 1px; border-style: solid;
}


  
/* HEADER
---------------------------------------------------------------------*/
#header {margin: 0; padding: 0; display: block; height: 80px; width: 760px;}
#header img{border: 0; margin: 10px 0 10px 10px;}
#phone img{position: absolute; top:57px; right:4px; border:0;}

/* HEADER MENU
---------------------------------------------------------------------*/
#wrapper #headmenu{
margin: 0; 
padding: 0; 
position: absolute; 
top: 1px; 
right: 0; 
height: 20px;
text-align: right;
font-family: Verdana, tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size: .95em;
color: #888;
}

#headmenu a:link,#headmenu a:visited{margin: 0 1px 0 1px; padding: 0 4px 2px 0; text-decoration: none;color: #333; border-right-style: solid; border-right-color: #bbb; border-right-width: 1px;}
#headmenu a.menu-designers:link,#headmenu a.menu-designers:visited{margin: 0 1px 0 1px; padding: 0 1px 2px 0;text-decoration: none;color: #444;border-right-style: solid; border-right-color: #fff; border-right-width: 1px;}
#headmenu a:hover{text-decoration: none;color: #f06;border-bottom-color: #f06;border-bottom-style: solid;border-bottom-width: 4px;  border-right-color: #f06;border-right-width: 1px; border-right-style: solid;}
#headmenu a.menu-designers:hover{text-decoration: none;color: #f06;border-bottom-color: #f06;border-bottom-style: solid;border-bottom-width: 4px; }
#store #headmenu a.menu-store:link, #store #headmenu a.menu-store:hover, #store #headmenu a.menu-store:visited, #store #headmenu a.menu-store:active, #about a.menu-about:link, #about a.menu-about:visited, #about a.menu-about:active, #news #headmenu a.menu-news:link, #news #headmenu a.menu-news:visited, #news #headmenu a.menu-news:active, #articles #headmenu a.menu-articles:link, #articles #headmenu a.menu-articles:visited, #articles #headmenu a.menu-articles:active,#designers #headmenu a.menu-designers:link, #designers a.menu-designers:visited, #designers a.menu-designers:active{
color: #222; margin: 0 1px 0 1px; padding: 0 4px 2px 0;  text-decoration: none; font-weight: bold; border-bottom-color: #f06;border-bottom-style: solid;border-bottom-width: 4px; border-right-color: #f06;border-right-width: 1px; border-right-style: solid;
} 

/* HEADER SHOPPING CART and SEARCH BAR
---------------------------------------------------------------------*/
#scart{
margin: 0; 
padding: 0 2px 2px 4px; 
position: absolute; 
top: 45px; 
right: 0; 
height: 40px;
text-align: right;
font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size: .90em;
color: #444;
line-height: 1.5em;
}
#scart a:link,#scart a:visited{padding: 0 4px 0 12px; }

#forms{
margin: 0; 
padding: 0 2px 0 0; 
position: absolute; 
top: 87px; 
right: 2px; 
height: 15px;
text-align: right;
font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif;
color: #444;
font-size: .9em;
}
.forms {font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:11px;font-weight: normal;} 
#about .forms {padding-right: 10px; margin-right: 11px;font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size:10px;font-weight: normal;}

/* NAVIGATION
---------------------------------------------------------------------*/
#nav {padding: 8px 0 8px 0;position: relative;letter-spacing: 1px; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: bold; font-size: 1.1em;background-color: #eee;border-top-width: 1px;border-top-color: #666; border-top-style: solid;border-bottom-width: 5px; border-bottom-color: #666;border-bottom-style: solid;
}

#nav a:link, #nav a:visited {margin: 0;padding: 0 10px 0 10px; color:#333;  text-decoration: none; }
#nav a:hover{margin: 0; padding: 8px 10px 8px 10px; color:#333; background-color: #ffdd66; text-decoration: none; }

#homepage #nav a.nav-home:link, #homepage #nav a.nav-home:visited, #homepage #nav a.nav-home:active, 
#dresses #nav a.nav-dresses:link, #dresses #nav a.nav-dresses:visited, #dresses #nav a.nav-dresses:active, 
#shoes #nav a.nav-shoes:link, #shoes #nav a.nav-shoes:visited, #shoes #nav a.nav-shoes:active, 
#purses #nav a.nav-purses:link, #purses #nav a.nav-purses:visited, #purses #nav a.nav-purses:active, 
#accessories #nav a.nav-accessories:link, #accessories #nav a.nav-accessories:visited, #accessories #nav a.nav-accessories:active{
margin: 0; 
padding: 8px 10px 8px 10px; 
color:#fff; 
background-color: #ff0066; 
text-decoration: none; 
}

/* BREADCRUMBS
---------------------------------------------------------------------*/
#breadcrumbs{margin: 0;padding: 0 2px 2px 0; position: absolute; text-decoration: none;top: 118px; left: 8px; text-align: left; font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: .95em; color: #666;line-height: 1.3em;}
#breadcrumbs a:link,#breadcrumbs a:visited{padding: 0 2px 0 2px; text-decoration: none; color:#666;}
#breadcrumbs a:hover{padding: 0 2px 0 2px; color:#0066ff; text-decoration: underline;}

/* CONTENT
---------------------------------------------------------------------*/
#content {padding: 15px 10px 10px 10px; line-height: 1.7em; color: #333;}
#purses #content {height: 430px;background-image: url(../images/specialties.jpg); background-position: right; background-repeat: no-repeat;padding: 15px 10px 10px 10px; line-height: 1.7em; color: #333;}
#dresses #content {background-image: url(../images/about-peaches-bg.jpg); background-position: right; background-repeat: no-repeat;padding: 15px 10px 10px 10px; line-height: 1.7em; color: #333;}
#content h1{font-size: 1.4em; padding:0; margin:0;font-family: Tahoma, verdana, sans-serif; color: #444;}
#content h2{font-size: 1.3em; padding:0; margin:0 0 -12px 0;font-family: Tahoma, verdana, sans-serif;}
#content h3{font-size: 1.1em; padding:0; margin:0 0 -5px 0;font-family: Tahoma, verdana, sans-serif; color:#444;}
#content p{margin: 12px 0 7px 0; padding:0;}	
#content #callout{
margin: 30px 0 8px 10px;
padding: 10px 15px 4px 15px;
float:right; 
width: 200px;
text-align: left; 
background-color: #f6f6f6; 
border-bottom-color: #999; 
border-top-color: #999;
border-left-color: #999;
border-right-color:#999;
border-right-style: solid;
border-left-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-top-width: 1px;
border-bottom-width: 1px; 
border-left-width: 1px;
border-right-width: 1px;
}

#content #callout-home{
margin: 30px 0 8px 10px;
padding: 10px 15px 4px 15px;
position: absolute;
top: 235px;
right: 10px;
float:right; 
width: 200px;
text-align: left; 
background-color: #f6f6f6; 
border-bottom-color: #999; 
border-top-color: #999;
border-left-color: #999;
border-right-color:#999;
border-right-style: solid;
border-left-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-top-width: 1px;
border-bottom-width: 1px; 
border-left-width: 1px;
border-right-width: 1px;
}

#content #callout-princess{
margin: 30px 0 8px 10px;
padding: 10px 15px 4px 15px;
position: absolute;
top: 110px;
right: 10px;
float:right; 
width: 200px;
text-align: left; 
background-color: #FFBAD6; 
border-bottom-color: #999; 
border-top-color: #999;
border-left-color: #999;
border-right-color:#999;
border-right-style: solid;
border-left-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-top-width: 1px;
border-bottom-width: 1px; 
border-left-width: 1px;
border-right-width: 1px;
}

#content #callout p.table{margin: 2px 15px 3px 10px; padding:1px 0 0 5px;border-bottom-color: #aaa; border-bottom-style: dashed; border-bottom-width: 1px;}
#dresses #content p{width: 510px;}
#content ul{list-style:circle;}

#comingsoon{height:250px; width: 495px; margin: 10px 0 10px 0;background-image: url(../images/home-girl-bg.jpg);background-position: left; background-repeat: no-repeat;}
#comingsoon #onlinestore{position: absolute; top: 158px; left: 240px;}
#comingsoon #perfectdress{position: absolute; top: 340px; left: 250px;}
#pd {font-size: 1.6em; color: #f06; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; display: none;}
  																										
/* BROWSE DRESSES 
---------------------------------------------------------------------*/  
#browse img {border: 1px solid #999;}
#browse img:hover {border: 1px solid #f06;}

.product-thumb{display: inline; text-align: center;float: left; margin: 8px 6px 2px 6px;}
#browse h4{font-size: 14px; margin: 0; padding:0; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #f06;}
#browse p.price{font-size: 10px;margin: 0 0 15px 0; padding:0;}
#browse.right{clear:both; text-align: right; width:490px;} 

/* BROWSE DRESS DESIGNERS
---------------------------------------------------------------------*/  
#designer{margin:0; padding:0;}
#designer img {border: 1px; border-style: solid; border-color: #aaa; border-width: 1px;} 
#designer img:hover {border: 1px; border-style: solid; border-color: #f06; border-width: 1px;}
.designer-thumb{display: inline; text-align: center;float: left; margin: 8px 7px 2px 1px;}
.designer-thumb:hover{display: inline; text-align: center;float: left; margin: 8px 7px 2px 1px;border-color:#f06;}
.right{clear:both; text-align: right; width:490px;} 

/* 2006 DRESS STYLE 
---------------------------------------------------------------------*/  
#styles{width: 500px; margin:0; padding:0;}
#styles img {border: 1px; border-style: solid; border-color: #aaa; border-width: 1px;width: 175px; height: 233px;} 
#styles img:hover {border: 1px; border-style: solid; border-color: #f06; border-width: 1px;}
.styles-thumb{display: inline; text-align: center;float: left; margin: 8px 7px 2px 1px;}
.styles-thumb:hover{display: inline; text-align: center;float: left; margin: 8px 7px 2px 1px;border-color:#f06;}
.right{clear:both; text-align: right; width:490px;} 


/* FOOTER
---------------------------------------------------------------------*/
#footer {margin: 10px 0 0 0; padding: 0 0 10px 0; clear:both;text-align: center; font-family: "verdana" sans-serif; font-size: 11px; color: #fff;}
#footer p.level1 {font-size: 11px; margin: 0; }
#footer p.level2 {color: #ddd; font-size: 9px; margin: 5px 0 0 0; }
#footer p.level3 {color: #555; font-size: 9px; margin: 5px 0 0 0; }
#footer p.level3:hover {color: #ccc; font-size: 9px; margin: 5px 0 0 0; }
#footer a.credit:link, #footer a.credit:visited{color: #555; font-size: 9px; margin: 5px 0 0 0; text-decoration: none;}
#footer a.credit:hover,#footer a.credit:active {color: #f07; font-size: 9px; margin: 5px 0 0 0; text-decoration: underline;} 
#footer a:link, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:active {color: #f07; text-decoration: underline;}