/*********************************************************************
 * main.css - Groovy Organic Delirium Tremens (v1)              
 *                            
 * Copyright (c)	E-nova Technologies Pvt. Ltd. India
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @package			Trikaya
 * @copyright		E-nova Technologies pvt. ltd. India 2005-09
 * @link			http://www.enova-tech.net
 * @license			http://www.opensource.org/licenses/mit-license.php
 * @author      kevin@enova-tech.net
 * @date        13/02/08
 * 
/*********************************************************************/


body{
	background:url('../img/bg.png') repeat;
	margin:0;
	padding:0;
	
}

*{
	background-color:#080808;
	color:#eaeaea;
}

#container{
	background:url('../img/bg.png') repeat;
	margin:0;
	padding:0;
	width:100%;
    position: relative;
}

/***** site specific ******/
.yellow{
	color:#c7e352;
}

/******************************************
********       Header     *****************
*******************************************/

#header{
	margin:auto;
	width:891px;
	background-color:transparent;
    position: relative;
    z-index: 100;
}

#header #menu_wrapper{
	height:40px;
	margin:auto;
}

#header ul#menu{
	float:left;
	padding-left:15px;
}

#header ul#menu li{
	list-style-type:none;
	float:left;
	color:#eaeaea;
	margin:10px 15px 0 0;
	font-size:1.4em;
	font-weight:bold;
}

#header ul#menu li a{
	color:#eaeaea;
}
#header ul#menu li a:hover,
#header ul#menu li a.selected{
	/*color:#c7e352;*/
    color: #787878;
}

#header #search{
	float:right;
	margin-top:8px;
	color:#eaeaea;
	font-size:1.4em;
	font-weight:bold;
	margin-right:15px;
}
#header #search label{
	margin:2px 7px 0 0;
	float:left;
}
#header #search input.text{
	background-color:#171717;
	color:#2b2b2b;
	border:1px solid #2b2b2b;
	float:left;
	height:18px;
	padding:3px 8px 3px 5px;
	width:176px;
}
#header #search input.text.hover,
#header #login #usernamefield.hover,
#header #login #passwordfield.hover,
#header #search input.text.focus,
#header #login #usernamefield.focus,
#header #login #passwordfield.focus
{
	border-color:#eaeaea;
	color:#eaeaea;
	font-weight:normal;
}

#header #search #findbutton{
	background:url('../img/find_btn.png') no-repeat 0 0;
	width:27px;
	height:26px;
	font-size:0;
	border:0;
	padding:0;
	float:left;
	margin-left:-5px;
	cursor:pointer;
	padding-bottom:0px;
}
#header #search #findbutton.hover,
#header #search #findbutton.focus
{
	background:url('../img/find_btn.png') no-repeat 0 -26px;
}
#header #search a{
	padding:0;
	margin:0;
}

#header #logo_wrapper{
	height:80px;
	margin-top:1px;
    position: relative;
}

#header #logo_wrapper #logo{
	margin:15px 0 0 15px;
	float:left;
}
#header #logo_wrapper #login{
	float:right;
	margin-right:119px;
	color:#eaeaea;
	font-size:1.2em;
	margin-top:25px;
}

#header #logo_wrapper .options{
	margin-top:3px;
	float:left;
}

#header #logo_wrapper .options label,
#header #logo_wrapper .options a,
#header #logo_wrapper .options input.submit{
	/*color:#c7e352;*/
    color: #eaeaea;
}
#header #logo_wrapper .options input.submit{
	padding:0;
	padding-top:0px;
	height:16px;
	padding-bottom:5px;
	font-family:verdana;
	font-size:12px;
}

#header #logo_wrapper input.text{
	background-color:#171717;
	color:#2b2b2b;
	border:1px solid #2b2b2b;
	width:150px;
}
#header #logo_wrapper input.username{
	margin-right:10px;
}
#header #logo_wrapper input.submit{
	border:0px;
	cursor:pointer;
	width:80px;
	margin-right:5px;
	margin-left:117px;
}
#header #logo_wrapper input.submit.hover{
	font-weight:bold;
}
#header #logo_wrapper a{
	margin-left:7px;
}

#content #tagline_wrapper{
    text-align: justify;
    margin-top:1px;
    float: right;
    width: 274px;
    padding-top:15px;
    margin-bottom: 25px;
}
#content #tagline_wrapper h1{
	font-size:12.2px;
	font-weight: normal;
	margin:0;
}
#content #tagline_wrapper h1 .yellow{
	color:#c7e352;
}

/******************************************
********       Content     *****************
*******************************************/

#content{
	width:855px;
	margin:auto;
	padding:18px;
	margin-top:1px;
}

#content img{
/*	border:5px solid #000;*/
}

#content #mainDiv.profile #container-1 img {
    border: none;
}

/******************************************
********       Footer     *****************
*******************************************/


#footer{
	width:871px;
	margin:auto;
	padding:10px;
	margin-top:1px;
	margin-bottom:15px;
	text-align:center;
}

#footer .menu{
	font-size:1.3em;
	color:#555;
	padding:5px;
} 
#footer .menu a{
	color:#555;
}
	

/* general index pages */
#mainDiv .item{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 0 5px;
}

#mainDiv.photographer .item{
  /*  border-bottom: 1px solid #2f2f2f;*/
}

#mainDiv .item h2{
    border-bottom: 1px solid #2F2F2F;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 0;
    margin-bottom: 5px;
}

#mainDiv .item .description{
    font-size: 13px;
    text-align: justify;
}
#mainDiv .item dl{
    clear: both;
    margin: 0 5px;
}
#mainDiv .item dt{
    float: left;
}
#mainDiv .item dd{
    float: right;
}



/* signup & signin */
#mainDiv.accountForm legend,
#mainDiv.accountForm label,
#mainDiv.contactForm legend,
#mainDiv.contactForm label,
#mainDiv.myAccount legend,
#mainDiv.myAccount label
{
    color: #afafaf;
}

#mainDiv.accountForm fieldset,
#mainDiv.contactForm fieldset,
#mainDiv.myAccount fieldset
{
    border: 1px solid #2f2f2f;
}

#mainDiv.accountForm legend,
#mainDiv.contactForm legend,
#mainDiv.myAccount legend
{
    font-size: 15px;
    font-weight: bold;
    margin: 10px;
    /*
    padding: 0 0 0 30px;
    background: url(../img/arrow-account-legend.jpg) no-repeat left center;
    */
}

#mainDiv.accountForm table input,
#mainDiv.contactForm table input,
#mainDiv.myAccount table input
{
    border: none;
}

#mainDiv.accountForm table,
#mainDiv.contactForm table,
#mainDiv.myAccount table
{
    border-collapse: collapse;
    width: 100%;
}

#mainDiv.accountForm table td,
#mainDiv.accountForm table th,
#mainDiv.contactForm table td,
#mainDiv.contactForm table th,
#mainDiv.myAccount table td,
#mainDiv.myAccount table th
{
    background: url('../img/current-parent-trik') repeat-x center;
    padding: 15px;
}

#mainDiv.contactForm table .content td,
#mainDiv.contactForm table .content th
{
    vertical-align: top;
    background: url('../img/contact-content-bg.jpg') repeat-x center;
}

#mainDiv.accountForm table th,
#mainDiv.myAccount table th
{
    padding-left: 40px;
    width: 70px;
}

#mainDiv.accountForm table input,
#mainDiv.myAccount table input
{
    width: 242px;
    background: url('../img/input-bg.gif') left;
}

#mainDiv.contactForm table input {
    width: 385px;
    background: url('../img/contact-input-bg.jpg') left;
}

#mainDiv.contactForm table textarea
{
    width: 385px;
    height: 200px;
    border: 1px solid #2f2f2f;
    background: url('../img/contact-textarea-bg.jpg') left top;
}

#mainDiv.accountForm td.submit,
#mainDiv.contactForm td.submit,
#mainDiv.myAccount td.submit
{
    background: none;
    padding-left: 200px;
}

#mainDiv.contactForm td.submit{
    padding-left: 210px;
    text-align: left;
}

#mainDiv.accountForm td.submit input,
#mainDiv.contactForm td.submit input,
#mainDiv.myAccount td.submit input
{
    width: auto;
    background-image: none;
}

#mainDiv.accountForm label,
#mainDiv.myAccount label
{
    background: transparent;
}


#user{
    top: 30px;
    font-family: arial, sans-serif;
    font-size: 12px;
    position: relative;
    margin-right: 105px;
}

#user ul{
    float: right;
    padding-right: 110px;
    clear: right;
    list-style-type: none;
    position: relative;
    margin: 0 0 10px 0;
}

#user .signout, #user .myphoto{
    position: absolute;
    top: 0;
}

#user .signout {
    right: 37px;
    background: url(../img/signout.jpg) no-repeat right center;
    padding: 1px 20px 1px 0;
}

#user .myphoto {
    right: 10px;
}

#user ul li a {
    color: #afafaf;
}

#user ul li a:hover{
    font-weight: normal;
}

#user #username, #user .myaccount a{
    padding-right: 10px;
}

/* for tabs */
#container-1{
    clear: both;
    position: relative;
    padding-top: 41px;
}

#mainDiv #container-1 .tabs-nav {
    position: absolute;
    top: 0;
    width: 892px;
    left: -19px;
    padding: 3px 0 0;
    margin: 0;
    background: url(../img/bg.png);
}

#mainDiv .tabs-container{
    background: transparent;
}

#mainDiv #container-1 .tabs-nav li{
    margin-right: 1px;
}

#mainDiv #container-1 .tabs-nav span{
    background: none;
}

#mainDiv #container-1 .tabs-nav a{
    background: none;
    background-color: #171717;
    font-weight: normal;
}

#mainDiv #container-1 .tabs-nav .tabs-selected a{
    background-color: black;
}

/* cart dropdown */
#cart{
    position: absolute;
    right: 10px;
    top: 42px;
    height: 38px;
    width: 106px;
    background: url('../img/mycart-trigger-bg.jpg') no-repeat 100px 100px;
}

#cart a{
    color: white;
    font-size: 1.2em;
}

#cart a:hover{
    font-weight: normal;
}

#cart.open, #cart:hover, #cart.over{
    background-position: left top;
}

#cart p{
    padding: 12px 0 12px 11px;
    background: url('../img/cart-icon01.jpg') no-repeat right center;
    margin-right: 6px;
}
#cart a{
    background: none;
}

#cartDialog {
    border: 2px solid #ababab;
    background: url('../img/cartdia-bg.jpg') left top;
}

#cartDialog li{
    list-style-type: none;
}

#cartDialog #controls{
    position: relative;
    background: #2f2f2f;
    padding: 5px 100px 5px 0;
    border-bottom: 1px solid #afafaf;
}

#cartDialog #controls li{
    background: none;
    text-align: right;
}

#cartDialog #controls li#closeDialog{
    background: url('../img/cartdia-close.jpg') no-repeat right center;
    position: absolute;
    top: 5px;
    right: 20px;
    padding-right: 20px;
}

#cartDialog #controls a{
    color: #afafaf;
    background: none;
}

#cartDialog #cartItems li{
    float: left;
    margin: 10px;
    background: none;
    position: relative;
}

#cartDialog .cartItem .delete{
    position: absolute;
    top: 3px;
    right: 3px;
}

#cartDialog #cartFooter {
    height: 32px;
    background: url('../img/cartdia-footer.jpg') repeat-x left top;
    clear: both;
    position: relative;
    padding: 10px 0 0 10px
}

#cartDialog #cartFooter *{
    background: none;
}

#cartDialog #chkout{
    position: absolute;
    right: 10px;
    top: 10px;
}

#content #flashMessage{
    background: black url('../img/cartdia-close.jpg') no-repeat 98% 4%;
    cursor: pointer;
}

#mainDiv #myBoughtPictures ul{
    list-style-type: none;
    border-left: 1px solid #2f2f2f;
    border-right: 1px solid #2f2f2f;
}

#mainDiv #myBoughtPictures li{
    border-top: 1px solid #2f2f2f;
    border-bottom: 1px solid #2f2f2f;
    margin-bottom: 10px;
}

#mainDiv #myBoughtPictures td{
    background: none;
    padding: 5px;
}

#mainDiv #myBoughtPictures .download{
    width: 155px;
}

#mainDiv #myBoughtPictures .description{
    width: 630px;
}

#mainDiv #myBoughtPictures .description p{
    color: #afafaf;
}

#mainDiv #myBoughtPictures .description span{
    color: #eaeaea;
}

#sitemap *{
    color: white;
    font-size: .95em;
}

#sitemap {
    font-size: 1.5em;
    padding-left: 2em;
}

#sitemap ul{
    padding-left: 1.5em;
}

#numItems{
    background: none;
}

#mainDiv.contacts p{
    text-align: justify;
}

#mainDiv.agency {
    width: 581px;
    margin: 0 auto;
}

.display-pic h3{
    float: left;
    margin-left: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #787878;
}

.display-pic .infos{
    text-align: right;
}

.display-pic .infos a {
    padding-right: 5px;
}

.contact-form{
    width: 500px;
    float: left;
}

#contactInfo{
    padding: 15px 0 0 510px;
}

#contactInfo h2{
    font-size: 15px;
}


#mainDiv .item .photo {
    width: 260px;
    height: 168px;
    float: left;
    text-align: center;
    border: 1px solid #2f2f2f;
    padding: 5px;
    margin-right: 10px;
}

#contactInfo h2{
    margin: 15px 0;
    font-size: 15px;
}

#contactInfo h3{
    font-size: 12px;
}

#contactInfo ul{
    margin-bottom: 5px;
}

#contactInfo p{
    margin: 0 0 10px;
}

#contactInfo li{
    list-style: none;
}

#contactInfo a{

    color: white;
}

#recover{
    position: absolute;
    font-size: 10px;
    right: 5px;
    top: 30px;
    color: #787878;
}

#login #recover a:link, #logo_wrapper #recover a:visited{
    color: #787878;
    padding: 0;
    margin: 0;
}

#recover a:hover{
    font-weight: normal;
}