/*
Theme Name: Purpletag
Theme URI: purpletag.com
Description: Purpletag
Version: 2.0
Author: Spidey
Author URI: www.purpletag.com
*/


body
	{
	text-align: center;
	height:100%;
	padding: 0px;
	font-family: "Trebuchet MS", Helvetica,  Arial, sans-serif;
	font-size: 14px;
	color: #7d706c;
	background: white;
	background-position: center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	}

a:visited, a.readmore:link
	{
	text-decoration: none;
	color: #7d706c;
	}
a:link
	{
	text-decoration: none;
	}
#catalog_container
	{
	margin-bottom: 100px;
	font-size: 20px;
	}
#catalog_container a:link
	{
	color: #7d706c;
	}
#footer a:link, #parentCat a:link
	{
	color: #7d706c;
	}
#footer a:hover
	{
	color: #702e8f;
	font-weight: bold;
	}
#bigbanner
	{
	text-align: center;
	height: 430px;
	background-image: url(images/shadow.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	}
div#wrapper
	{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image: url(images/trans.png);
	background-repeat: repeat-y;
	}
div#wrapperx
	{
	padding: 10px;
	}
div#header
	{
	margin-top: 5px;
	width: 20%;
	text-align: left;
	}

div#navigation
	{
	width: 100%;
	}
.line 
	{ 
	background: #fff url(images/borderLine.gif) no-repeat center bottom;
	margin: 8px auto;
	height: 1px;
	}
#top_navigation
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}
#searchbutton
	{
	cursor: pointer;
	}
	


div#content
	{
	padding: 20px;
	font-family: Trebuchet MS!important;
	margin-top: 80px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/panel.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#aboutus
	{
	width:50%;
	text-align:justify
	}
#aboutus h2
	{
	color: #702e8f;
	}
	
a.readmore:hover
	{
	color: #702e8f!important;
	}
	
#subject, #inquiryFields
	{
	width:100%;
	text-align:center;	
	}

#inquiryFields table th
	{
	text-align: center;
	font-weight: normal;
	font-size: 10px;
	}
#subject
	{
	font-size:11px;
	font-weight:bold
	}
	
div#footer
	{
	font-size: 12px;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	}
a 
	{
	outline: none;
	}
	
	
div#sidenav
	{
	height: 100%;
	width: 95%;
	}

	
#navacc {
	margin:0px;
	padding:0px;
	text-indent:0px;
	width:100%;
}
#navacc a.head {
	color: #7d706c;
	cursor:pointer;
	display:block;
	font-size: 1em;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
	line-height: 30px;
}


#navacc ul {
	font-size: 14px!important;
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navacc li {
	list-style:none outside none; display:inline;
}
#navacc li li a {
	color:#7d706c;
	display:block;
	text-indent:10px;
	text-decoration: none;
}
#navacc li li a:hover, #navacc li li a:active, #navacc li li a.selected, #navacc li li a.current  {
	background:#702e8f!important;
	color:white!important;
	font-weight:bold!important;
}


	
	

	
	
	

/* gallery css */	
img.thumb
	{
	cursor: pointer;
	}
div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}


#gallery
	{
	margin-left: 15px;
	}


#gallery div
	{
	float:left;
	padding: 2px;
	border:1px #dbdbdb solid;
	background: #f3f3f3;
	width:200px;
	height:220px;
	margin:10px;
	text-align:center;
	}

#gallery div img
	{
	cursor: pointer;
	}
span#ptcode, span#desc
	{
	font-weight: bold;
	}
	
#catname, #prodName
	{
	font-weight: bold;	
	font-size: 24px;
	}	
#catname, #prodName, #search
	{
	margin-bottom: 15px;
	margin-right: 15px;	
	}
#search input
	{
	font-size: 15px;
	font-family: Trebuchet MS;
	color: #7d706c;
	}
#childCat, #prodTitle
	{
	color: #702e8f;
	}
	
#productInfo div#image
	{
	width: 100%;
	text-align: center;
	}
	
#productInfo img
	{
	padding: 5px;
	background: #f3f3f3;
	}
	
#productInfo div#description
	{
	width: 100%;
	text-align: left;
	margin-top: 5px;
	}
#more
	{
	margin-top: 15px;
	width: 100%;
	text-align: left;
	}
#moreThumbs
	{
	float:left;
	height: 104px;
	width: 112px;
	text-align:center;
	background: #f3f3f3;
	border: 1px solid #dbdbdb;
	margin: 15px;
	}

#gallery  a:hover div, #more a:hover div, #more a:hover div img
	{
	color: white;
	background: #702e8f; 
	cursor: pointer;
	}
	
#gallery  a:link, #more a:link
	{
	color: #7d706c;
	}
	
.pagination
	{
	text-align: right;
	margin-right: 15px;
	font-size: 16px;
	}
.pagination a:link
	{
	color: #7d706c;
	}
.pagination a:hover
	{
	color: #702e8f;
	font-weight: bold;
	}
/* end gallery css */		






/*inquiry css */

#wizard {	
	font-size:12px;
	height:1300px;
	margin:20px auto;	
	width:570px;
	overflow:hidden;
	position:relative;
	text-align: left;
	
	/* rounded corners for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}  

/* scrollable items */
#wizard .items {
	width:20000em;	
	clear:both;	
	position:absolute;	
}

/* single item */
#wizard .page {	
	padding:20px 30px;
	width:500px;
	float:left;	
}

/* title */
#wizard h2 {
	border-bottom:1px dotted #ccc;
	font-size:22px;
	font-weight:normal;
	margin:10px 0 0 0;
	padding-bottom:15px;		
}

#wizard h2 em {
	display:block;
	font-size:14px;
	color:#7d706c;
	font-style:normal;
	margin-top:5px;
}

/* input fields */
#wizard ul {
	padding:0px !important;
	margin:0px !important;
}

#wizard li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:25px;	
}

#wizard label {
	font-size:16px;	
	display:block;
}

#wizard label strong {
	color:#7d706c;	
	position:relative;
	top:-1px;
}

#wizard label em {
	font-size:11px;
	color:#7d706c;	
	font-style:normal;
}

#wizard .text {
	width:100%;
	padding:5px;
	border:1px solid #ccc;
	color:#7d706c;
	letter-spacing:1px;
}

#wizard select {
	border:1px solid #ccc;
	width:94%;	
	padding:4px;
}

.error {
	border:1px solid red!important;
}

.asterisk
	{
	color: red;
	}


/*end inquiry */




















/*scrollable*/
	
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 850px;
	height:145px;
	text-align: center;
	/* custom decorations */

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	height: 125px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin-left: 8px;
	margin-right: 8px;
	background-color:#fff;
	padding:0px;
	cursor:pointer;

	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}





/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}