﻿/* creativeobjects Cascading Style Sheet */

/* generic css - for all pages */
a {border: 0;}

img {border: 0;}

legend 
{
	color: #666;
	font-weight: bolder;
}


/* for text boxes / textareas */
.validationfailed
{
	/*background-color:#666666;
	color: #FFFFFF;*/
	
	color:#fff;
	background-color:#666666;
}


.useralert 
{
	width: auto;
	border: dotted 1px #FFFFFF;
	padding: 5px;
	display: none;
	background-color:#666666;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
}



.useralert a
{
	color: #FFFFFF;
	text-decoration: none;
}

.useralert a:hover
{
	text-decoration: underline;
}

/* used in paged controls */
#paging {margin: 0;}

#paging li 
{
	margin: 0 auto;
	list-style-type: none;
	display: inline;
}

#paging li a:hover
{
	text-decoration: none;
	color: #556b2f;
}

/* general.master css */
.navbar 
{
	width:auto;
	border:0;
	height:60px;
	margin-bottom: 17px;
}

.loggedin 
{
	width: auto;
	border: 0;
	display: none;
	float:left; 
	height:100%;
}

.loggedout 
{
	width: auto;
	border: 0;
	display: block;
	float:right; 
	height:100%;
}

/* login css 
.required {color:#AABBDD;}*/

/* product_list css */
.prodlistitemdesc 
{
	height:30px;
	width:195px;
	margin-top:3px;
	margin-bottom:3px;
}

.prodlistitemimage
{
	width: 190px;
	height: 190px;
	text-align: center;
	border: #666 1px dotted;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}

.prodlistitem 
{
	float: left;
	margin: 21px;
	text-align: center;
	width:200px;
	vertical-align:middle;
}

.prodlistitembutton
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* used in the checkout pages */
.checkoutprocessbox 
{
	border: solid 1px #666;
	background: #FFFFFF;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
	padding: 5px;
}

.checkoutprocessbox label
{
	width: 15em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

/* product_info css */
.categoryheader
{
	font-size:large;
}

.productdescription
{
	margin: 5px;
	margin-bottom:20px;
	float:left;
}

.productdescription > .img
{
	border: 1px dotted #666;
	background: #FFF;
	width: 150px;
	height: 150px;
	float: right;
	margin-left: 10px;
}

.productdescription > .text
{
	/*overflow: auto;*/
}

.options 
{
	height: 75px;
	border: 1px solid #666;
	padding-top: 8px;
	background: #FFF;
	clear: right;
	overflow:auto;
}

.options table
{
	width: 95%;
} 

.options td 
{
	width: auto;
	text-align: center;
}

.imagebox
{
	max-width:460px;
	float:left;
}


.thumbnailbox
{
	/*width:207px; 
	float:left;*/
}

.thumbnail
{ 
	float: left;
	width:100px;
	height:100px;
	border: #666 1px dotted;
	text-align: center;
}

.mainimage
{
	
	width:240px;
	height:240px;
	text-align: center;
	float:left;
	border: #666 1px dotted;
}

/* for special offers/also bought this controls*/
.offeritem
{
	float: left;
	width: 150px;
	height: 155px;
	border: 1px dotted #666;
	background: #FFF;
	margin: 5px;
	text-align: center;
}

.offeritem a
{
	text-decoration: underline;
}

.offeritemdesc a:hover 
{
	text-decoration: none;
}

.offeritemdesc 
{
	height: 38px;
}

.offeritemprice 
{
	background: #FFFFFF;
	color: #FFF;
	height: 12px;
}

.offeritemprice a 
{
	text-decoration: none;
}

.offeritemimage
{
	width: 100px;
	height: 100px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;
}

/* view reviews page*/
.accordionHeader
{
	height: 20px;
	background-color: #666;
	border: dotted 1px #666;
	color: #FFF;
	font-weight:bold;
	cursor:pointer;
	margin-top: 6px;
}

.accordionHeaderSelected
{
	height: 20px;
	background-color: #aaa;
	border: dotted 1px #666;
	color: #666;
	font-weight:bold;
	cursor:pointer;
	margin-top: 6px;
}

.accordionContent
{
	background-color: #FFF;
	border-bottom: dotted 1px #666;
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
}
