

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:disc;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}



html {
	background: #ffffff url(/Images/background.jpg) repeat-x center top; 
}

body {
	margin:0;
	padding:0;
	line-height: 1em;
	background: #ffffff url(/Images/background.jpg) repeat-x center top; 
}

a {text-decoration:none; color:#000;}
a:visited {text-decoration:none; color:#111;}
a:active {text-decoration:none; color:#888;}

a:hover {
	text-decoration:underline;
	color:#888;
/*	text-shadow: #888 0.1em 0.1em 0.2em; */
/*	text-shadow: 0 0 2px #999; */
}

em {
	color: gray;
	font: bold italic verdana, arial, sans-serif;
}

h1 {
	font: bold italic 1.5em verdana, arial, sans-serif;
	padding:2px 2px 2px 10px;

	background: #D0D0FF url(/Images/HeaderBar.gif);
	border: 2px solid #444;
	margin: 0px 0px 0px 0px;
	text-align: left;
	}
	
h1:span {color:#888; padding-left:2px;}

h1 a:hover { color:#F00; text-decoration:none; }

h2 {
	font: bold 1.5em verdana, arial, sans-serif;
	text-align: center;
	color:#224;
	padding:2px;
	border: 1px solid #CCC;
	margin: 3px 3px 3px 3px;
	background: #FFF;
}
h2 img {align:right;}

h3 {
	font: bold 1.25em verdana, arial, sans-serif;
	color:#000091;  
	margin:10px 5px 0px 5px;
	padding:5px;
	border-bottom: 1px solid #000070;
  }
  
h3 img {align:right;}

.centeredImage {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  }

.rightImage {
  text-align:right;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  }

p img { text-align: left; }

hr { color: #0000FF; }

#qna ul { list-style-type: circle; } 

ul.steps {
	list-style-type: circle;
	line-height: 1.5em;
	font-size: 1.1em;
	}

ul.steps li {
	font-size: 1.0em; 
	margin-right:10px;
	}

ul.Bullet { list-style-type: circle; }
ul.Bullet2 { 
	list-style-type: lower-roman;
	line-height: 1.5em;
	}

#StampBox {
	border: 2px solid #000000;
	margin: 10px 0px 10px 0px;
	font-style: bold;
	line-height: 100%;
	text-align: center;
	background-color: #D0D0FF;
	}
  

/* ---------- gallery styles start here ----------------------- */
.gallery {
	position: relative;
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

.gallery li {
	list-style:none;
	margin: 0px;
	float: left;
	position: relative;
	}
            

            
.gallery li.FP { padding: 0px 0px; }
.gallery li.HS { padding: 31px;
	background: url(http://www.creativephotoeffects.com/Stacks/Stack300.gif) no-repeat;	}
.gallery li.HT { padding: 31px;
	background: url(http://www.creativephotoeffects.com/Stacks/Thumb300.gif) no-repeat;	}
.gallery li.HST { padding: 15px 16px;
	background: url(http://www.creativephotoeffects.com/Stacks/Stack300t.gif) no-repeat;	}
.gallery li.HTT { padding: 15px 16px;
	background: url(http://www.creativephotoeffects.com/Stacks/Thumb300t.gif) no-repeat;	}
.gallery li.VS { padding: 31px 85px;
	background: url(http://www.creativephotoeffects.com/Stacks/Stack192.gif) no-repeat;	}
.gallery li.VT { padding: 31px 85px;
	background: url(http://www.creativephotoeffects.com/Stacks/Thumb192.gif) no-repeat;	}
.gallery li.VB { padding: 31px 101px;
	background: url(http://www.creativephotoeffects.com/Stacks/Thumb160.gif) no-repeat;	}
.gallery li.VTS { padding: 31px 25px;
	background: url(http://www.creativephotoeffects.com/Stacks/Thumb192s.gif) no-repeat;	}
.gallery li.VSS { padding: 31px 25px;
	background: url(http://www.creativephotoeffects.com/Stacks/Stack192s.gif) no-repeat;	}
.gallery li.VTT { padding: 15px 13px;
	background: url(http://www.creativephotoeffects.com/Stacks/Thumb192t.gif) no-repeat;	}
.gallery li.VST { padding: 2px 0px;
	background: url(http://www.creativephotoeffects.com/Stacks/Stack192t.gif) no-repeat;	}
	
img.HI {
	display: block;
	margin: 0px auto 10px auto;
	background: url(http://www.creativephotoeffects.com/Stacks/ImageH.gif) no-repeat;
	padding: 25px;
	}

img.VI {
	display: block;
	margin: 0px auto 10px auto;
	background: url(http://www.creativephotoeffects.com/Stacks/ImageV.gif) no-repeat;
	padding: 25px;
	}

img.HD {
	display: block;
	margin: 0px auto 10px auto;
	background: url(http://www.creativephotoeffects.com/Stacks/DetailH.gif) no-repeat;
	padding: 25px;
	}

.gallery em,
.gallery span{
	display: block;
	position: absolute;
	color: white;
	background: black;
	font-style: normal;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px;
	filter:alpha(opacity=66);
	opacity:.66;             
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)"; 
	}
.gallery em { color: white; background: black; }
.gallery span { color: black;	background: white; }

.gallery .HS em,
.gallery .HT em{ width:300px; bottom: 32px; left: 31px; right: 31px; }
.gallery .HST em,
.gallery .HTT em{ width:150px; bottom: 15px; left: 16px; right: 16px; }
.gallery .VB em{ width:160px; bottom: 32px; left: 101px; right: 100px; }
.gallery .VS em,
.gallery .VT em{ width:192px; bottom: 32px; left: 85px; right: 85px; }
.gallery .VTS em,
.gallery .VSS em{ width:192px; bottom: 32px; left: 25px; right: 25px; }
.gallery .VTT em,
.gallery .VST em{ width:96px; bottom: 16px; left: 13px; right: 13px; }

.gallery .FP em{ 
	font-size: 0.75em;
	border: 2px;
	border-color: #000;
	padding: 0px 0px;
	width: 240px;
	bottom: 0px; left: 0px; right: 0px; }

.gallery .HI span,
.gallery .HS span,
.gallery .HT span{ width:300px; top: 31px; left: 31px; right: 31px;}
.gallery .HST span,
.gallery .HTT span{ width:150px; top: 15px; left: 16px; right: 15px;}
.gallery .VI span,
.gallery .VS span,
.gallery .VT span{ width:192px; top: 31px; left: 85px; right: 85px;}
.gallery .VTS span,
.gallery .VSS span{ width:192px; top: 31px; left: 25px; right: 15px;}   
.gallery .VTT span,
.gallery .VST span{ width:96px; top: 13px; left: 13px; right: 5px;}   

.gallery .FP span{ 
	font-size: 0.75em;
	border: 0px;
	padding: 0px 0px;
	width: 240px;
	top: 4px; left: 0px; right: 0px; }

.gallery a { text-decoration: none; }

.gallery a:hover span,
.gallery a:hover em {
	padding: 3px 0px;
	font-size: 1em;
	color: #000;
	background: #88F;
	filter:alpha(opacity=100);
	opacity:1;          
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	}

.gallery a:hover em { border-top: 1px solid #CCF; }
.gallery a:hover span { border-bottom: 1px solid #CCF; }

.gallery span.price { visibility:hidden; }

.gallery a:hover span.price {
  visibility:visible;
	display: block;
	position: absolute;
	color: black;
	background: #FFFFA0;
	border: 2px solid #000;
	font-style: normal;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px;
	filter:alpha(opacity=100);
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width:50px; top: 31px; left: 25px;
	}



#maincontainer{
	width: 964px; 	/*Width of main container*/
	margin: 0px auto 5px auto ; 						/*Center container on page*/
}

#topsection{				/* Front Page Header */
	margin: 0px auto; /*Center container on page*/
	height: 348px; 		/*Height of top section*/
	background/**/: #B0B0FF url(/Images/home-bg2big.jpg) no-repeat center top; 
	_background: #9898FF url(/Images/home-ie6big.jpg) no-repeat center top; 
}

* html #topsection {
	height: 318px;
}

#topsection2{				/* Standard Page Header */
	margin: 0px auto; /*Center container on page*/
	height: 188px; 		/*Height of top section*/
	background: #9898FF url(/Images/home-bg2sml.jpg) no-repeat center top; 
}

* html #topsection2 {
	height: 158px;
}

#menubox{
	width: 950px;
	margin: -30px auto 5px auto;
	float: center;
	border: 4px solid #000;
	padding: 3px;  /* T R B L */
	background: #D0D0FF;
	font-weight: bold;
	line-height: 100%
}

*:first-child+html #menubox {
	padding-top: 5px;       
}

* html #menubox {
	margin: 0px 0px 5px 0px;
}



#menubox a { 
	font-size:123.1%;
	color:#448;
	text-decoration:none;
	padding:3px;
	font-weight: bold;
}

html>/**/body #menubox a:hover {
	background:#448;
	color:#CCF;
}

*:first-child+html #menubox a:hover{
	color:#F44;
}

* #menubox a:hover{	/* IE6 */
	color:#F44;
}

html>/**/body #menubox img { background: none; }

*:first-child+html #menubox img { background: none; }

#contentwrapper{
	float: left;
	width: 100%;
/*	height: 100%;*/
}

#contentcolumn{
	padding: 8px 8px 8px 214px;
/*	padding: 4px 4px 4px 4px;*/
	margin: 0px 0px 5px 0px; 
	border: 4px solid #000;
	background: #FFFFFF;
	min-height: 821px;
	height: auto !important;
	height: 815px; 
	font-family: sans-serif;
	text-align: left;
}

#contentcolumn p {
	margin: 10px 10px;
	padding: 0px;
	font-size: 116%;
	line-height: 140%;
	}
	
#contentcolumn a { color: black; }
#contentcolumn a:visited { color: black; }

#contentcolumn h1 a { color: #800000; }
#contentcolumn h1 a:hover { text-decoration: underline; color: #F44; }
#leftcolumn{
	float: left;
	width: 0px; /*Width of left column*/
	width: 180px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: -964px; /*Set left margin to -(MainContainerWidth)*/
	padding-top: 0px;
	padding-left: 10px;
/*	background: #ffffff;*/
}

#leftcolumn img {
	margin: 0px;
	margin-left: -5px;
	border: 0px;
	padding: 0px 0px; 8px 0px;
	background: #FFF;
	}

#faqbox{
	float: left;
	width: 180px; /*Width of left column*/
	margin: 5px 0px 5px 0px;
	border: 2px solid #000;
	padding: 7px 5px;  /* T R B L */
	background: #D0D0FF;
	min-height: 142px;
	height: auto !important;
	height: 142px;
	font-family: sans-serif;
}

#faqbox a { 
	display:block; height:24px; line-height:24px; border-top:1px solid #ddd; text-align: right;
	font-size:108%; color:#44a; text-decoration:none; text-indent:5px; padding-right: 5px;
}

#faqbox a:hover {
	background:#448; color:#FFF; text-indent:5px;
	font-size:108%; text-decoration:none;
}

#copyright{
	float: left;
	height: auto !important;
	width: 180px;
	margin: 0px 0px 5px 0px;
	border: 2px solid #000;
	padding: 5px;  /* T R B L */
	background: #D0D0FF; /*	url(/Images/Copyright.gif) no-repeat; */
} 


}

#bottomsection {				/* Page Footer */

	height: 80px;	
/*width: 949px;*/

	margin: 0px 0px 0px 0px;
	*margin: -10px 0px 0px 0px;		/* IE6, IE7 */
	_margin: -10px 0px 0px 0px;		/* IE6 */

	min-height: 80px;
	height: auto !important;
	height: 40px; 
	font-family: sans-serif;
	font-weight: bold;
	text-align:center;
}

#bottomsection a {
	font-weight: bold;
	font-size: 153.9%;
	color: #000;
	}
	
#bottomsection a:hover { color: #F00; }




#footer{
	clear: both;
/*width: 949px;*/
	margin: 0px 0px 0px 0px;
	border: 4px solid #000;
	padding: 5px;  /* T R B L */
	background: #D0D0FF;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	font-family: sans-serif;
	font-weight: bold;
	text-align:center;
}

#footer a {
	font-weight: bold;
	font-size: 153.9%;
	color: #000;
	}
	
#footer a:hover {
	color: #F00;
	}

/* =========== Before Image Box =========== */

#BeforeBox {
	border: 2px solid #000000;
	padding: 0px;
	font-style: bold;
	line-height: 100%;
	text-align: center;
	min-height: 265px;
	height: auto !important;
	height: 265px;
	color: #000091;
	}

#BeforeBox p {
	padding: 2px;
	margin: 0px;
	}
/* ============ Description Box ============ */

#description {
	padding: 0px 10px 5px 10px;
  line-height: 140%;
	background: #FFFFFF;
	}

#description p {
	padding: 0px 0px 5px 0px;
}

/* ============== Buy Me  Box ============== */

#buyme {
  background: #D0D0FF;
	border: 2px solid #000000;
  padding: 3px 2px 5px 2px;
	font-style: bold;
  text-align: center;
  line-height: 120%;
	min-width: 180px;
/*	min-height: 265px;
	height: auto !important;
	height: 265px;*/
	width: auto;
}

#buyme p {
	padding: 1px 4px;
	margin: 0px; 5px;
	}

#buyme img {
	padding: 0px 1px;
	}
	

/* ================================================================ 
	This copyright notice must be kept untouched in the stylesheet at 
	all times.

	The original version of this stylesheet and the associated (x)html
	is available at http://www.stunicholls.com/menu/vertical-concertina.html
	Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */

ul#slide {
	padding:0;
	margin:0;
	list-style:none;
	width:190px;
	min-height: 560px; /* was 610 */
	height: auto !important;
	height:567px;	/* was 537 */
	border: 2px solid #000;
	position:relative;
	overflow:hidden;
	text-align: left;
	}


ul#slide li div {
	position:absolute;
	left:-9999px;					/* Ensure other images are off screen */
	background:#fff;
	color: #F00;
	}

/* == Element Header == */

#slide li.top {
	background:
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	width:190px;
	color:#FFF;
	background: #448 url(/Images/BarInactive.gif) no-repeat;
	text-decoration:none;
	font-family: verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #F00;
	border-bottom:1px solid #eee;
	text-indent:5px;
	}

* html #slide li.top {
	height:23px;
	line-height:23px;
	}
	
#slide li.top a {	color: #FFF; }

#slide li.current {
	color:#F00;
	background: #88F;
	background: #88F url(/Images/BarActive.gif) no-repeat;
	height:372px !important;	/* was 342 */
	height:366px;
	}

#slide li.current a {	color: #000;	}
#slide li.current img {	padding: 2px;	margin-bottom: 0px;	}

/* == Element Box == */

#slide li.current div {					/* White box in current selection */
	position:static;
	min-height: 338px; 	/* was 215 */
	height: auto !important;
	height:336px;	/* was 215 */
	width:180px;
	padding:5px 5px 5px 5px;
	font-family: verdana, sans-serif;
	text-indent:0;
	color #0F0;       
	}

#slide li.current div img {	margin-left: -5px;	border: 0px; }
#slide li.current div a.big {
	display:block;
	height:24px;
	line-height:24px;
	border-top:1px solid #ddd;
	font-size:12px;
	color:#44a;
	text-decoration:none;
	text-indent:10px;
	}
#slide li.current div a.big:hover {
	background:#D0D0FF;
	color:#004;
	font-size:12px;
	text-decoration:none;
	} 

#slide li.current div a.clone {
	display:block;
	height:24px;
	line-height:24px;
	border-top:1px;
	font-size:14px;
	background:#88F;
	color:#000;
	text-decoration:none;
	text-indent: 0px;
	padding: 0px 0px 0px 5px;
	margin: 5px -5px -5px -5px;
}

#slide li.current div a.clone:hover {	text-decoration:underline; }

/* Color was #C1DAD7 */

#adrtable {
	width: 320px;
	padding: 0;
	margin: 0;
	line-height:120%;
}
#carttable {
	width: 732px;
	padding: 0;
	margin: 0;
	line-height:120%;
}
#shiptable {
	width: 500px;
	padding: 0;
	margin: 0;
	line-height:120%;
}

#shiptable caption,
#carttable caption,
#adrtable caption {
	padding: 0 0 5px 0;
	width: 320px;	 
	font: italic 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#shiptable th,
#carttable th,
#adrtable th {
	font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4040c0;
	border-right: 1px solid #E0E0FF; /* was #C1DAD7 */
	border-bottom: 1px solid #E0E0FF;
	border-top: 1px solid #E0E0FF;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #C0C0FF url(/Images/bg_header.jpg) no-repeat;
}

#shiptable th.nobg,
#carttable th.nobg,
#adrtable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #E0E0FF;
	background: none;
}

#shiptable td,
#carttable td,
#adrtable td {
	border-right: 1px solid #E0E0FF;
	border-bottom: 1px solid #E0E0FF;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #0000C0;
}

#shiptable td.alt,
#carttable td.alt,
#adrtable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#shiptable th.spec,
#carttable th.spec,
#adrtable th.spec {
	border-left: 1px solid #E0E0FF;
	border-top: 0;
	background: #fff url(/Images/bullet1.gif) no-repeat;
	font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4040c0;
	text-align: right;
}

#shiptable th.specalt,
#carttable th.specalt,
#adrtable th.specalt {
	border-left: 1px solid #E0E0FF;
	border-top: 0;
	background: #f5f5fa url(/Images/bullet2.gif) no-repeat;
	font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4040c0;
	text-align: right;
}    

