/** CSS Document for glyFX 2007 Website **/

/** Global Styles **/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: #FFF url(../grfx/bg.gif) repeat-x;
	margin: 0;
	color: #666667;
}

/** Main Wrapper Styles **/

#wrapper {
	width: 776px;
	background: url(../grfx/wrapper_bg.gif) repeat-y;
	margin: 0 auto;
}

#container {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(../grfx/top_wrapper_bg.gif) no-repeat;
}

#flash {
/*	border: 1px solid #cccccc; */
	width: 752px;
	display: block;
	height: 207px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
/** Global Layout Styles **/

#logo .searchbar {
	float: right;
	margin: 30px 22px 0 330px;
	position: absolute;
}

	/** Form styles for .searchbar **/
	
	#logo .searchbar form {
		display: inline;
	}
	
	#logo .searchbar #searchform {
		margin-left: 45px;
	}
	
	#logo .searchbar input {
		width: 162px;
		height: 14px;
		border: 1px solid #727272;
		padding: 4px;
		font-size: 0.8em;
		color: #5c5b5d;
	}
	
	/** Make the submit image next to the textbox! **/
	
	#logo .searchbar img {
		position: absolute;
		margin-top: 1px;
		margin-left: 3px;
	}
	
	/** Correctly position site search text **/
	
	#logo .searchbar .sitesearch {
		margin-left: 217px;
		color: #000;
		font-weight: bold;
	}

/* Wraps the Left/Right Column Configuration */	
#content {
}

/*******
 * id="content" class="main" 
 * Add configuration for front page
 */
.main {
	margin: 5px 4px;
}
/*******
 * id="content" class="inner"
 * Add background for inner pages
 */
.inner {
	margin-top: 5px;
	background:url(../grfx/inner-bg.jpg) top left repeat-y;
}
	#content .left {
		float: left;
		width: 467px;
	}
	
	/* Various Different Margins and Paddings here are to push the corner graphic to the correct position
	   and provide appropriate padding between the top of the page and the first heading */
	   
	#content .inner-left {
		background: url(../grfx/corner.jpg) 0px 0px no-repeat;
		width: 561px;
		float: left;
		margin-top: -12px !important; /* Firefox */
		padding-top: 12px !important; /* Firefox */
		margin-top: -19px; /* IE 6 */
		padding-top: 35px; /* IE 6 */
	}
	
	*:first-child+html #content .inner-left {
		margin-top: -19px !important;  /* IE 7 */
		padding-top: 35px !important;  /* IE 7 */
	}

	#content .inner-right {
		width: 187px;
		float: left;
		margin-left: 4px;
	}
	
	#content .right {
		margin-left: 4px;
		width: 281px;
		float: left;
		color: #000;
	}
	
	#content .right a {
		color: #000;
	}
	
	#content .buttons {
		padding: 1px 0 0 0;
		border-top: 2px solid #666667;
		border-bottom: 2px solid #d76726;
	}
	
	#content .buttons img {
		margin-right: 4px;
	}
	
	#content .buttons .nomarg {
		margin: 0;
	}
	
	#content .text {
		margin-left: 40px;
		margin-top: 24px;
		margin-right: 15px;
		margin-bottom: 24px;
		text-align: justify;
	}
	
	#content .left .text {
		margin-right: 25px;
		margin-left: 35px;
	}
	
	/* All the right box styles */
	
	#content .box {
		border: 1px solid #d8d8d7;
		margin-bottom: 5px;
		font-size: 0.9em;
	}
	
	#content .righttext {
		padding: 7px 5px 2px 5px;
		border-left: 1px solid #edeceb;
		border-right: 1px solid #edeceb;
	}
	
	#content .rightcontnet {
		border-left: 1px solid #edeceb;
		border-right: 1px solid #edeceb;
	}
	
	#content .righttext .itemimg {
		/*margin: 2px 8px 25px 0;*/
		margin-right: 10px;		
		float: left;
	}
	
	#content .righttext .itemimg2 {
		/*margin: 2px 8px 0px 0;*/
		width: 30px;
		height: 30px;
		margin-right: 10px;				
		float: left;
	}
	
	#content .righttext .item {
		clear: both;
		margin-top: 5px;
		height: 30px;
	}
	
	#content .righttext ul {
		padding: 0;
		margin-top: -3px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#content .righttext .itemlist {
		margin-top: 5px;
		background-position: 0px 5px;
		background-repeat: no-repeat;
		background-image:url(../grfx/icons/icon_news.png);
		list-style-type: none;
		display:list-item;
		padding-left: 20px;
	}
	
	#content .more {
		font-size: 0.95em;
		font-weight: bold;
		color: #cc4a27;
		text-align: right;
		display: block;
	}
	
	#content .more a {
		padding-left: 3px;
		font-weight: bold;
		color: #cc4a27;
	}
	
	#content .freesets {
		margin: 5px 0 7px 150px;
	}
	
	#content .freesets img {
		position: relative;
		right: 10px;
	}
	
	#content .glyphximg {
		margin-top: 0px !important;
		margin-top: -3px;
	}
	
	*:first-child+html #content .glyphximg {
		margin-top: -3px !important;
	}
	
	/* --------------------------------- CART/NEW CSS --------------------------------- */
	
	#image_floater {
		float: left;
		width: 242px;
	}
	
	#content_right {
		float: right;
		padding: 0;
		margin: 0px;
		width: 260px;
	}
	
	#content #cart_table {
		width: 100%;
		margin: 30px 0 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border-left: solid 1px #48a4d6;
		border-right: solid 1px #48a4d6;
	}
	
	#content #cart_table th {
		background: #b0daed;
		height: 26px;
		border-top: solid 1px #007fc6;
		border-left: solid 1px #48a4d6;
		border-bottom: solid 1px #007fc6;
		text-align: center;
		color: #095678;
	}
	
	#content #cart_table th#price {
		text-align: right;
		padding: 0 10px 0 0;
	}
	
	#content #cart_table td span.price {
		color: #007fc6;
		font-weight: bold;
	}
	
	#content #cart_table td {
		text-align: center;
		margin: 0 5px 0 5px;
		border-left: solid 1px #48a4d6;
	}
	
	*:first-child+html #content #cart_table td {
		padding: 12px 0 12px 0;
	}
	
	#content #cart_table th.no_border, #content #cart_table td.no_border {
		border-left: none;
	}
	
	#content #cart_table td input {
		width: 32px;
	}
	
	#content #cart_buttons {
		margin-top: 25px;
		text-align: right;
	}
	
	/* --------------------------------- END CART/NEW CSS --------------------------------- */	
	
	
#footer {
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
	background: #b0e2fa url(../grfx/footer_bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 64px;
}

	#footer .footertext {
		float: left;
		width: 540px;
		text-align: center;
		color: #006699;
		font-size: 0.8em;
		font-weight: bold;
		margin-top: 12px;
		line-height: 16px;
	}
	
	#footer .footertext a {
		color: #006699;
	}
	
	#footer .copyright {
		color: #000;
		font-weight: normal;
	}
	
	#footer .copyright  a {
		color: #000;
	}

#newsletter {
	position: relative;
	top: -8px;
	left: 100px;
}

#livechat {
	position: relative;
	top: -8px;
	left: 270px;
}

.download {
	font-size: 0.8em;
	position: relative;
	top: 0px;
	text-align: center;
	width: 150px;
}


.free_box img {
	float: left;
	margin-bottom: 20px;
}

.free_top {
	margin-left: 88px;
	color: #ffffff;
	background:url(../grfx/free_bar.gif);
	height: 41px;
	width: 443px;
	padding-top: 4px;
}

.free_top h2 {
	color: #ffffff;
	margin-top: 11px;
}

.free_box p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

.free_shields {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}

.free_box .smlshields {
	clear: both;
	margin-left: 101px;
}

.free_box .smlshields img {
	margin-right: 5px;
}

.free_shields img {
	margin-right: 5px;
}

.free_box .free_shield {
	height: 100%;
}

.portfolio_box {
	border: 0 none;
	/*border-top: 1px solid #a0a0a0;*/
	margin-bottom: 2em;
	position: relative;
}

	.strip {
		border-bottom: 1px solid #a0a0a0;
		height: 13px;
/*		background: #d0d0d0;*/
	}
	
	.location {
		text-align: center;
		position: absolute;
		top: 0px;
		right: 0;
		width: 70px;
	}
	
		.location h4 {
			font-family: Arial, Helvetica, sans-serif;
			color: #6e6e6e;
			margin: 0;
			padding: 0 0 8px 0;
		}
		
		.location img {
			padding:0;
		}

.portfolio_box h3 {
	color: #3e3e3e;
	background-color: #f2f2f2;	
	border-bottom: 1px solid #a0a0a0;	
	padding: 0;
	margin: 0;
	padding-left: 10px;
	line-height: 40px;
	vertical-align: middle;
}


.portfolio_box .right-button {
	float: right;
	position: relative;
	top: -34px;
	margin-right: 70px;
}

.portfolio_box h3 .right-button img {
	vertical-align: middle;
}

.portfolio_box .preview {
clear: right;
}

/* PRODUCT DETAIL PROPERTIES HERE */

#upper_product {
	z-index: 1;
	position: relative;
}

#upper_product #main_image {
	float: left;
	width: 290px;
}

#upper_product #main_text {
	z-index: 2;	
	float: left;
	position: relative;	
	padding: 0;
	margin: 0;
	margin-top: -20px;
	width: 210px;
}

#upper_product #main_text {	
	
}

#upper_product h2 {
	position: relative;
	z-index: 10;
	margin-top: -50px;
	margin-right: 13px;
	text-align: right;
}

#upper_product ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

/* NEW LISTINGS PROPERTIES */

#product_listing #listings tr td {
	width: 220px;
	padding: 5px;
	margin: 0px 10px;
	text-align: center;
	vertical-align: top;
}

#product_listing #listings tr td.hr {
	width: 506px;
}

#product_listing #listings tr td.price_cell {
	padding: 0px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#product_listing #listings tr td.title_cell {
	padding: 2px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#product_listing #listings tr td.image {
	text-align: center;
/*	height: 120px;	 */
}

#product_listing #listings tr td.links{
	text-align: center;
	height: 23px;
	padding: 0;
	margin: 0;
	padding-bottom: 3px;
}

/* LISTINGS PROPERTIES HERE */

.product_listings .listings_section {
	float: left;
	width: 171px;
	margin-top: -5px;
	text-align: center;
}

	.listings_section h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 0.95em;
		margin: 8px 0 2px 0;
		padding: 0;
	}
	
	.listings_section p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 0.75em;
		margin: 5px 0 5px 0;
		padding: 0;
	}
	
	.listings_section p span.glyphs {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #053855;
		font-weight: bold;
		font-size: 1.15em;
	}
	
	.listings_section span.price {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #007fc6;
		font-size: 1.55em;
	}
	
	.listings_section div.more_image {
		margin: 0 0 0 3px;
		display: inline;
	}
	
	img.hr {
		margin: 20px 0 20px 20px;
		padding: 0;
	}

form#currency {
	margin-left: 23px;
	background-color: #007fc6;
	padding: 5px;
	width: 162px;
}

	.side-info div.item {
		width: 182px;
		margin: 0;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 16px;
	}
	.side-info #user {
		width: 182px;
		margin: 0;
		padding: 0;
		background-image: url('/grfx/user_login.gif');
		background-position: top right;
		background-repeat: no-repeat;
		margin-top: 15px;
		padding-top: 26px;		
/*		margin-right: -10px; */
		margin-left: 13px;
	}

	form#currency select {
		width: 160px;
	}

	.side-info #user .user-wrap {
		margin-top: -1px;
		width: 162px;
		margin-left: 10px;
		padding: 5px;
		background-color: #98e0ff;
		border-bottom: 1px solid #c2edff;
	}
	
	.side-info #user form, .side-info #user p {

	}
	
	
	.side-info #user input#email, .side-info #user input#password {
		width: 156px;
	}	
	
	.side-info #user p, .side-info #user p a
	{		
		margin-top: 0px;
	}
	
.cc_left {
	padding: 0;
	margin: 0;
	float: left;
	width: 197px;
	height: 280px;
	margin-right: 5px;
	background: url('/grfx/camtech/credit-card.jpg') top left no-repeat;
}
	.cc_left .note {
		float: none;
		margin-top: 100px;
		margin-left: 25px;
	}

.cc_right {
	margin: 0;
	padding: 0;
	float: right;
	background: url('/grfx/camtech/background.gif') top left no-repeat;
	width: 300px;
	height: 280px;
}
	.cc_right h2 {
		margin-top: 20px;
	}

#cc_entry tr td label {
	display: block;
	padding-bottom: 5px;
	font-size: 0.9em;
	color: #4364af;
}

#cc_entry tr td input {
	margin-bottom: 10px;
}

#cc_entry tr td select {
	margin-bottom: 10px;
}