* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #000;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	background-image: url(../x_images/bg-tile.gif);
	background-repeat: repeat-y;
	background-position: center top;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
			
#banner {
	width: 800px;
	margin: 0 auto;
	height: 64px;
	background:  url(../x_images/jaspal-jandu-photography-b3.gif) no-repeat left top;
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
}
#banner h1 { 
	text-indent: -3333px;
}
/* -------------------------------------------------------- */
/* ---------------->>> GLOBAL NAVIGATION <<<--------------- */
/* -------------------------------------------------------- */
#globalnav {
	width: 800px;
	height: 23px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../x_images/nav-back.gif) left top;
	border-bottom: 1px solid #565656;
}
#globalnav ul {
	margin: 0;
	padding: 0;
}
#globalnav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#globalnav li a {
	display: block;
	height: 23px;
	outline: none;
}
#globalnav li#home a {
	width: 70px;
	background-image:    url(../x_images/nav/home.gif);
}
#globalnav li#gallery a {
	width: 76px;
	background-image:    url(../x_images/nav/gallery.gif);	
}
#globalnav li#book a {
	width: 59px;
	background-image:    url(../x_images/nav/book.gif);	
}
#globalnav li#updates a {
	width: 80px;
	background-image:    url(../x_images/nav/updates.gif);
}
#globalnav li#blog a {
	width: 60px;
	background-image:    url(../x_images/nav/blog.gif);
}
#globalnav li#info a {
	width: 60px;
	background: url(../x_images/nav/info_new2.gif);
}
#globalnav li#contact a {
	width: 85px;
	background-image:    url(../x_images/nav/contact_new2.gif);
}
#globalnav li#view-basket {
	float: right;
}
#globalnav li#view-basket a {
	width: 105px;
	background-image:    url(../x_images/nav/view-basket.gif);
}
#globalnav li#skip_nav a, 
#globalnav li#sitemap a {
	display: none;
}
#globalnav li#home a:hover, 
#globalnav li#gallery a:hover, 
#globalnav li#book a:hover,
#globalnav li#updates a:hover, 
#globalnav li#blog a:hover,
#globalnav li#info a:hover, 
#globalnav li#contact a:hover {
	background-position:0px -23px;
}
#globalnav span {
	visibility: hidden;
}

/* active navs for different pages */
#homepage #globalnav li#home a, 
#viewpage #globalnav li#gallery a, 
#viewpage_vert #globalnav li#gallery a,
#contactpage #globalnav li#contact a,
#unsubscribepage #globalnav li#contact a,
#bookpage #globalnav li#book a,
.newbookpage #globalnav li#book a,
#infopage #globalnav li#info a,
#updatespage #globalnav li#updates a,
#thumbnailpage #globalnav li#gallery a, 
#vertnailpage #globalnav li#gallery a {
		background-position:0px -23px;
}

/* generic page styles */
p {
	margin: 1em 0 0.5em 0;
	padding: 0 22px 0 18px;
}
		
#content {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background-color: #1E1E1E;
	}

#content {
	width: 800px;
 }
 
/* homepage styles  & viewpage styles*/

#homepage #largehoriz, 
#viewpage #largehoriz, 
#contactpage #largehoriz, 
#infopage #largehoriz,
.newbookpage #largehoriz {
	display: block;
	padding: 54px 0 54px 0;
}
#homepage #largehoriz img , 
#viewpage #largehoriz img, 
#contactpage #largehoriz img,
#infopage #largehoriz img,
.newbookpage #largehoriz img {
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	border-left: 0;
	border-right: 0;
}
#viewpage_vert #largehoriz {
	float: left;
	padding: 31px 0 54px 0;
	margin-right: 25px;
	width: 267px;
}

#viewpage_vert #largehoriz img {
	border: 10px solid #000;
	border-left: 0;
}
#viewpage_vert #photoinfo {
	float: left;
	margin-top: 41px;
}


#viewpage_vert #left_column {
	width: 300px;
	min-height: 260px;
   	height: auto;
   	_height: 260px;
	background: #323232;
	border-bottom: 2px solid #565656;
	margin: 0 0 25px 0;
}
#viewpage_vert #right_column {
	width: 300px;
	min-height: 260px;
   	height: auto;
   	_height: 260px;
	background: #323232;
	border-bottom: 2px solid #565656;
	margin: 0;
}
#homepage #left_column, 
#viewpage #left_column, 
#contactpage #left_column {
	width: 495px;
	min-height: 260px;
   	height: auto;
   	_height: 260px;
	float: left;
	background: #323232;
	border-bottom: 2px solid #565656;
	margin: 0;
}
#homepage #right_column, 
#viewpage #right_column, 
#contactpage #right_column {
	width: 280px;
	min-height: 260px;
   	height: auto;
   	_height: 260px;
	float: right;
	background: #323232;
	border-bottom: 2px solid #565656;
	margin: 0;
}
#contactpage #left_column {
	width: 388px;
	border: 0;
}
#contactpage #right_column {
	width: 387px;
	border: 0;
}
/* minimum heights for homepage columns */
#homepage #left_column, 
#homepage #right_column, 
#contactpage #left_column, 
#contactpage #right_column {
	min-height: 300px;
   	height: auto;
   	_height: 300px;
}
#mailinglistpage  {
	background-image: none;
}
#mailinglistpage #content {
	width: auto;
}
#mailinglistpage #right_column {
	width: auto;
	float: none;
	background: #323232;
	border-bottom: 2px solid #565656;
	margin: 0;
}
#homepage #right_column strong {
	color: #fff;
}
#homepage #right_column em {
	font-size: 11px;
}
#homepage #right_column p img {
	float: right;
	margin: 0 0 6px 6px;
}
h3 {
	font-size: 12px;
	color: #FFB217;
	padding: 7px 0 7px 18px;
	border-top: 1px solid #565656;
	border-bottom: 1px solid #565656;
	margin: 0;
}
h4 {
	font-size: 12px;
	color: #FFB217;
	padding: 7px 0 7px 60px;
	margin: 0;
}

/* - - - Info page styles . . . */

#infopage #left_column, 
#basketpage #left_column,  
#updatespage #left_column,
#unsubscribepage #left_column {
	background: #323232;
	border-bottom: 2px solid #565656;
	margin: 64px 0 0 0;
}
#infopage #left_column ul, 
#updatespage #left_column ul, 
#bookpage #left_column ul {
	margin: 0;
	padding: 0px 120px 8px 120px;
	list-style: circle;
}
#infopage #left_column ul li, 
#updatespage #left_column ul li, 
#bookpage #left_column ul li{
	padding: 4px 0 12px 0;
}
#infopage #left_column ul li strong, 
#updatespage #left_column ul li strong, 
#bookpage #left_column ul li strong{
	color: #fff;
}
#infopage #quote, 
#updatespage #quote {
	display: block;
	padding: 22px 0 12px 116px;
}

/* - - - Update page styles . . . */
#updatespage p {
	padding: 0 90px 0 90px;
}
#updatespage dl {
	margin: 18px;
}
#updatespage dt {
	width: 96px;
	float: left;
	margin: 0;
	margin-bottom: 18px;
}
#updatespage dt img{
	
	width: 96px;
	height: 32px;
	display: block;
}

/* commented backslash hack for mac-ie5 \*/
#updatespage dt { clear: both; }
/* end hack */

#updatespage dd {
	float: left;
	width: 600px;
	margin: 0 0 18px 18px;
}
#updatespage dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#updatespage dd .shownews {
	display: block;
}

#updatespage #mainimage {
	margin: 10px 0 10px 0;
}
#updatespage #mainimage img {
	display: block;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}
/* - - - Contact page styles . . . */

#contactpage #linkage {
	clear: both;
	margin: 2em 0 0 0;
	background: #323232;
	color: #ccc;
}

#contactpage select {
	width: 200px;
}
#mailing_list table{
	float: none;
	margin: 18px;
	width: 350px;
}
#contactpage dl {
	margin: 18px;
}
#contactpage dt {
	width: 175px;
	float: left;
	margin: 0;
	padding: 5px 0;
}

/* commented backslash hack for mac-ie5 \*/
#contactpage dt { clear: both; }
/* end hack */

#contactpage dd {
	float: left;
	width: 500px;
	line-height: 60px;
	margin: 0 0 0 18px;
}
/* - - - gallery Thumbnail page - - - */

#thumbnailpage #left_column, #vertnailpage #left_column {
/*
	border-bottom: 2px solid #565656;
	*/
	margin: 54px 0 0 0;
	background: #000;
	width: 800px;
}
#thumbnailpage p.thumbnail, #vertnailpage p.thumbnail {
	float: left;
	margin: 0 15px 5px 0;
	padding: 0;
	text-align: right; 
}
/* rules for the slender thumbnails */
#thumbnailpage p.sg_thumbnail {
	float: left;
	margin: 10px 25px 5px 0;
	padding: 0;
	text-align: right;
	width: 250px;
	height: 112px;
	background: url(../x_images/sg_thumbnail_frame.jpg) no-repeat;
}

#thumbnailpage p.sg_thumbnail a img {
	display: block;
	border: none;
	padding: 27px 25px 26px 25px;
	text-decoration: none;
}

#vertnailpage p.thumbnail {
	margin: 0 50px 5px 0;
}
#thumbnailpage p.three, 
#vertnailpage p.last {
	margin-right: 0 !important;
	border-right: 0;
}
#thumbnailpage p.thumbnail a img, 
#vertnailpage p.thumbnail a img {
	display: block;
	border: 5px solid #000;
	border-top: 10px solid #000;
	text-decoration: none;
}
#thumbnailpage p.one a img {
	border-left: 0;
}
#vertnailpage p.first a img {
	border-left: 1px;
}
#thumbnailpage p.two a img {

}
#thumbnailpage p.three a img,
#vertnailpage p.last a img  {
	border-right: 0;
}
#thumbnailpage p.thumbnail a,
#thumbnailpage p.sg_thumbnail a {
	text-decoration: none;
}
#thumbnailpage a i {
	background: url(../x_images/arrow_right_black.gif) no-repeat right top;
	padding-right: 27px;
	font-style: normal;
	font-weight: bold;
	color: #ffb217;
	text-decoration: none;
}

#thumbnailpage p.three a i {
	margin-right: -5px;
}
#thumbnailpage p.sg_thumbnail a i {
	margin-right: -5px;
}
#thumbnailpage a:hover i {
	color: #fff;
	background-position: right -17px;
}
#thumbnailpage .ruler, #vertnailpage .ruler {
	height: 1px;
	background: #323232;
	clear: both;
	margin: 0 0 12px 0;
	padding: 0;
	overflow: hidden;
}

/* breadcrumb navigation */
h2 {
				width: 800px;
				height: 23px;
				line-height: 23px;
				text-align: left;
				margin: 0 auto;
				padding: 0;
				position: relative;
				vertical-align: middle;
				border-bottom: 1px solid #565656;
				
			}
			h2 b {
				margin-left: 72px;
				display: inline;
				float: left;
				font-size: 11px;
				font-weight: normal;
				padding: 0 9px;
				color: #ccc;
			}
			h2 b i {
				color: #BFBFBF;
				font-style: normal;
				font-size: 11px;
			}
			h2 b a{
				color: #BF8A1F;			
			}
			h2 b a:hover {
				text-decoration: underline;			
			}

#footer {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 2em 0 0 0;
	
}
#footer p {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background: #323232;
	font-size: 9px;
	color: #ccc;
	text-align: right;
	letter-spacing: 1px;
	border-top: 1px solid #565656;
	padding: 0.5em 18px;
	margin: 0;
	text-transform: uppercase;
}

#footer a {
	color: #ccc;
}

#footer a:hover {
	color: #FFB217;
}

a {
	text-decoration: none;
}

#content a {
	color: #fff;
	text-decoration: underline;
}
#content a:hover {
	color: #FFB217;
	text-decoration: underline;
}





/* - - - - BASKET - - - - - */
table#basket {
	width: 764px;
	margin: 18px;
	
}
table#checkout {
	width: 400px;
	margin: 18px;
	float: left;
	display: inline;
}
table#login-panel {
	width: 215px;
	margin: 18px 18px 18px 0;
	display: inline;
	float: right;
}
table#left_table, table#right_table {
	margin: 18px;
	width: 373px;
}
table#right_table {
	float: left;
	margin-left: 9px;
}
table#left_table {
	float: left;
	margin-right: 9px;
}
/*  - - - - for IE only */
* html table#left_table, * html table#right_table {
	display: inline;  /* only for IE Win */
}
table tr td {
	background: #565656;
	vertical-align: middle;
	padding: 6px;
	white-space: nowrap;
	border-bottom: 1px solid #444;

}
#contactpage table tr td, #mailinglistpage table tr td, #mailing_list table tr td {
	background: #2D2D2D;;
	border: 0;
	padding: 10px;
}
#mailinglistpage table {
	margin-left: 12px;
}
table tr th {
	background: #1e1e1e;
	vertical-align: middle;
	padding: 6px;
	color: #F1B034;			
}

table tr td img{
	border: 1px solid #1e1e1e;
	display: block;
}
/* 
- - - - - span for instructions in table headers, small text - - - - - 
*/
#content table tr th span, #content table tr td span{
	font-weight: normal; 
	font-size: 10px; 
	
	color: #bbb;
	line-height: 11px;
}
#content table tr th span a, 
#content table tr td span a {
	color: #ccc;
	font-size: 11px;
}
/* special table rows
- - - - - transparent back for empty rows - - - - - 
*/
table .back-color td {
	background: #323232;
	border-bottom: 1px solid #323232;
	padding-right: 0;
	border-top: 1px solid #565656;
}
#contactpage table .back-color td {
	background: #323232;
	border-bottom: 1px solid #323232;
	padding-right: 0;
	border-top: 0
}
/* 
- - - - - darker back for TOTAL price rows - - - - - 
*/
table .totalrow td {
	background: #1e1e1e;
	font-weight: bold;
	color: #fff;
	border-bottom: 0;
	height: 35px;
}
/* 
- - - - - delete item from basket link - - - - - 
*/
.delete_item a, .help {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ccc;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: normal;
}
#right_column .help a {
	text-decoration: none;
	font-size: 9px;
	text-transform: lowercase;
}
/* -------------------------------------------------------  */
/* ------------------ >>> form controls <<< --------------  */
/* -------------------------------------------------------  */

form {
	margin: 0;
	padding: 0;
}
#basket select  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #565656;
	color: #fff;

	}
option {
	padding-right: 0.5em;
}
form input, form option, form select {
	font-family: Arial, Helvetica, sans-serif;
}
form input {
	font-size: 12px;
	padding: 2px;
	border: 1px solid #3e3e3e;
}
form input:hover {
	background: #fff;
}
			
form .submit-btn, form .code-btn, form .subscribe-btn, form .send-btn, form .unsubscribe-btn, #soldout b {
	width: 127px;
	height: 27px;
	background: #fff url(../x_images/checkout.gif) no-repeat;
	border: 0;
	text-indent: -1000em;
	outline: none;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	float: right;
	padding: 0;
}
	
form .submit-btn:hover {
	background: #069 url(../x_images/checkout.gif) no-repeat 0 -27px;
}
form .code-btn {
	background: #069 url(../x_images/enter-code.gif) no-repeat;
}
form .code-btn:hover {
	background: #069 url(../x_images/enter-code.gif) no-repeat 0 -27px;
}
form .subscribe-btn {
	background: #069 url(../x_images/subscribe.gif) no-repeat;
}
form .subscribe-btn:hover {
	background: #069 url(../x_images/subscribe.gif) no-repeat 0 -27px;
}
form .unsubscribe-btn {
	background: #069 url(../x_images/unsubscribe.gif) no-repeat;
}
form .unsubscribe-btn:hover {
	background: #069 url(../x_images/unsubscribe.gif) no-repeat 0 -27px;
}
form .send-btn {
	background: #069 url(../x_images/send.gif) no-repeat;
}
form .send-btn:hover {
	background: #069 url(../x_images/send.gif) no-repeat 0 -27px;
}
#soldout b {
	display: block;
	background: #1e1e1e url(../x_images/soldout.gif) no-repeat;
	margin: 0 18px 6px 0;
	cursor: default;
}
/* - - - -ENd old basket.css - -- - - */


.headline {
	color: #fff;
}