/* CSS Document */

/* hide print button*/
ul#textSizeNav li.print a{
display:none;}

/* stop printing  

/************ create blank page in IE 5 
@media print {ul#MainNav, ul#SeconryNav, ul#textSizeNav, .introend, #colLinks, body, #container, #wrapper, .column, .intro, #content, #footer, .header h1 {display: none !important;}}

**************** so tryed but not working
@import url(PrintPhotosNo.css);
*/

/* background*/
#container
{background:#F9F8EE url(../i/photobackground.gif) repeat-y;}

/*****************************************************/
/*           photo Contents Table                    */

#photoContentsTable {width:340px; }
#photoContentsTable td {padding:10px;}
.photoContentsText {font-size: 108%; font-weight: bold; text-align:right;}
.photoContentsPic {width:85px;}
.photoContentsPic img{ border:1px solid #000;}

/*****************************************************/
/*                ddl                                */

.ddlCategory {
	font-size: 10px;
	background-color: #f9f8ee;
	border: 1px solid #3e392e;
	color: #3e392e;
	margin:0 10px 0 10px; 
	width:100px;
}

.ddlImageSize {
	font-size: 10px;
	background-color: #f9f8ee;
	border: 1px solid #3e392e;
	color: #3e392e;
	margin:3px 0 0 0; 
	padding:0;
	width:120px; /*change '#colComment h3' margin*/
	float:right;
}

/*****************************************************/
/*                3 cols                             */
#container .column {float: left;}

#colMainPhoto, #photoIndex, #colCopyright, #colComment, #colThumbPhoto, #ViewPhotos  {float: left;}



#photoIndex {width: 420px; margin:0 20px 0 0;}

#colCopyright {width:260px; padding:10px 0 0 0; margin:0; color:#333; font-size:90%;}
html>body #colCopyright {margin:0 0 0 10px;}
#colCopyright a {font-weight:bold; color:#3d2910; text-decoration:underline; background:transparent;}
#colCopyright a:hover {font-weight:bold; color:#7e7351; text-decoration:none; background:transparent;}
 /*****************************************************/
/*  styles when thumbs at right */
#ViewPhotos {width: 420px; margin:10px 0 20px 0;}

#colMainPhoto {width: 420px; margin:0 20px 0 0; text-align:center;  vertical-align:middle;}
#colMainPhoto img {margin:0; padding:0; border: 1px solid #000;} 
#colMainPhoto p {vertical-align:middle;} 

#colComment {width: 390px; margin:0;  padding: 30px 14px 0 14px;}
#colComment a:link {text-decoration:underline;}

/* change 100px to match ddlImageSize width */
#colComment h3 {margin:0 0 15px 0;}

.viewCart {padding:0 0 0 7px;}

#colThumbPhoto {width:280px; padding:0; margin:0; }
html>body #colThumbPhoto {margin:0 0 0 10px;}
#colThumbGrid {padding:0 5px 0 5px; margin:0; background:#fff url(../i/photothumbs/photothumbstrams280.gif); text-align:center;}
#colThumbPhotoHeader {background:url(../i/photothumbs/photothumbsheader280.gif) no-repeat; height:31px; padding:6px 5px 5px 5px; color:#aba38a; font-weight:normal;}
#colThumbPhotoHeader img {vertical-align:middle; margin:0;}
#colThumbPhotoFooter {background:url(../i/photothumbs/photothumbsfooter280.gif) no-repeat; height:8px;  margin:0 0 10px 0; padding:0; vertical-align:bottom; }
#colThumbGrid img {border:1px solid #000000; margin:5px 10px 5px 10px;}

#colNovel, #colLinks, #colSpacer {padding:10px;}

#colSpacer {width: 700px; padding:0px; margin:0;}
#content img {padding:0px;}

#colComment h3.PhotoPrice {float:right; margin:0;}

/*****************************************************/


.error
{
color:red;
font-size:11px;
font-weight:bold;
vertical-align:top;}


/* Textboxes */

.textbox {
	font-size: 11px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}

/*****************************************************/
/*                  Paging                           */
/*****************************************************/


ul.paging
{
	list-style-type: none;
	list-style-position:inside;
	display:block;
	position:relative;
	margin:0;
	text-align:center; 
	height:15px;

}

ul.paging li
{
float:left;
padding:0;
margin:0 3px;
}

ul.paging li.PagingText {
font-size:12px;
line-height:14px;
color:#333;
padding:0 10px 0 10px;
}

/*  remove as in common.css */ .hide{display:none;}

ul.paging li.PagingFirst
{	height: 15px;
	width: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	border: 0;
	left: 0;
	top: 0px;
	background: transparent url(../i/greyPagingFirst.gif) 0px 0px no-repeat;}

ul.paging li.PagingFirst a {
	height: 15px;
	display: block;
	text-decoration: none;
	background: transparent url(../i/PagingFirst.gif) 0px 0px no-repeat;}
	
ul.paging li.PagingFirst a:hover {background: transparent url(../i/PagingFirst.gif) 0 -15px no-repeat;}

ul.paging li.PagingPrev
{	height: 15px;
	width: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	border: 0;
	left: 0;
	top: 0px;
	background: transparent url(../i/greyPagingPrev.gif) 0px 0px no-repeat;}

ul.paging li.PagingPrev a {
	height: 15px;
	display: block;
	text-decoration: none;
	background: transparent url(../i/PagingPrev.gif) 0px 0px no-repeat;}
	
ul.paging li.PagingPrev a:hover {background: transparent url(../i/PagingPrev.gif) 0 -15px no-repeat;}

ul.paging li.PagingNext
{	height: 15px;
	width: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	border: 0;
	left: 0;
	top: 0px;
	background: transparent url(../i/greyPagingNext.gif) 0px 0px no-repeat;}

ul.paging li.PagingNext a {
	height: 15px;
	display: block;
	text-decoration: none;
	background: transparent url(../i/PagingNext.gif) 0px 0px no-repeat;}
	
ul.paging li.PagingNext a:hover {background: transparent url(../i/PagingNext.gif) 0 -15px no-repeat;}

ul.paging li.PagingLast
{	height: 15px;
	width: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
	border: 0;
	left: 0;
	top: 0px;
	background: transparent url(../i/greyPagingLast.gif) 0px 0px no-repeat;}

ul.paging li.PagingLast a {
	height: 15px;
	display: block;
	text-decoration: none;
	background: transparent url(../i/PagingLast.gif) 0px 0px no-repeat;}
	
ul.paging li.PagingLast a:hover {background: transparent url(../i/PagingLast.gif) 0 -15px no-repeat;}