/**************************************************
 * Main Web Site Styles for ATP site
 * Brown  = #60513A
 **************************************************/
body 
{
	background-color: #FFFFFF;
	font-size:62.5%;
}

text
{
	font-family: Arial,Helvetica,sans-serif;
}

.pagestyle
{
	width: 775px;
	text-align: center;
	border: solid 1px #87786C;
}

/* The top section */
.topleft
{
	background-color: #60513A;
	width: 158px;
	height: 100px;
}

.topmiddle
{
	background-image: url(images/required/Logo.gif);
	width: 150px;
}

.topright
{
	background-image: url(images/required/topbanner.gif);
	width: 467px;
}

/* the middle section */
.middleleft
{
	vertical-align: top;
	width: 158px;
}
.middlemiddle
{
	vertical-align: top;
	width: 459px;
}
.middlemiddle2
{
	vertical-align: top;
	width: 617px;
}

.middleright
{
	vertical-align: top;
	/*background-image: url(images/required/side_image_2.gif);*/
	background-repeat: no-repeat;
	width: 158px;
}

/* the bottom section */
.bottom
{
	width: 100%;
	height: 6px;	/* this values should be the sum of the heights of bottombar-purple and bottombar-green */
	vertical-align: bottom;
}

.bottombar-purple
{
	background-color: #5B027A;
	width: 100%;
	height: 3px;
}

.bottombar-green
{
	background-color: #1EB53A;
	width: 100%;
	height: 3px;
}

/**************************************************
 * Inset styles (Special Offers, Related Products,
 * News Articles, Accessories)
 * The insertdetail style is set in code for all
 * of the insert boxes
 **************************************************/
.insertbox
{
	vertical-align: top;
	background-color: #CAC0B6;
	width: 140px;
	height: 100px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=90, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);
}

.inserttitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 12px;
	background-color: #60513A;
}

.insertdetail
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	vertical-align: text-top;
	text-decoration: none;
}

.insertdetail:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #5B027A;
	/*color: #9C8C7B;*/
	text-decoration: none;
}

.insertpanel
{
	vertical-align: top;
	font-size: 10px;
}

.insertline
{
	background-color: #9C8C7B;
	height: 1px;	
}

.required
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	color: Red;
}

/*************************************************/
.commentsbutton
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	background-color: #46423E;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	width: 140px;
	height: 20px;	
}

.enquirebutton
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	background-color: #46423E;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	width: 70px;
	height: 20px;
}

/* This is the class for the title on the comment detail */
.commenttitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #998B7D;
	text-decoration: none;
}

/* This is the class for the image on the Category Screens */
.categoryimage
{
	border: none;
}

/* These are the classes for the title on the Category Screens */
.categorytitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #998B7D;
	text-decoration: none;
}

.categorytitle:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #998B7D;
	text-decoration: underline;
}

/* These are the classes for the title on the Category Screens */
.contenttitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #998B7D;
	text-decoration: none;
}

.contenttitle:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #998B7D;
	text-decoration: underline;
}

/* This is the class for the title on the Customer Comments Screens */
.customercommentstitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #998B7D;
	text-decoration: none;
}

/**************************************************
 * Menu Items
 **************************************************/
.topmenuitem
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	height: 20px;
}

.topmenuitem:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #5B027A;
	text-decoration: underline;
	height: 20px;
}

.submenuitem
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.65em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	height: 20px;
}

.submenuitem:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.65em;
	font-weight: normal;
	color: #5B027A;
	text-decoration: underline;
	vertical-align: middle;
	height: 20px;
}

/**************************************************
 * Search styles
 **************************************************/
.searchtitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}

.searchtextbox
{
	width: 100%;
}

.searchbox
{
	vertical-align: middle;
	background-color: #60513A;
	width: 150px;
	height: 70px;
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px;
	margin: 0px 3px 1px 0px;
	filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=80, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);
}

.searchbutton
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	background-color: #897555;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	width: 70px;
	height: 20px;
}

.searchcontenttitle
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: #998B7D;
	text-decoration: none;
	text-align: left;
}

.searchcontenttitle:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: #998B7D;
	text-decoration: underline;
	text-align: left;
}

.searchcontentdetail
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #46423E;
	text-decoration: none;
	text-align: left;
}

.searchcontenttext
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	color: #46423E;
	text-decoration: none;
	text-align: left;
}

.searchcontentheader
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: #46423E;
	text-decoration: none;
	text-align: left;
}

.searchcontentfootertext
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	font-weight: bolder;
	color: #46423E;
	text-decoration: none;
	text-align: left;
}

.searchcontentfooter
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: #46423E;
	text-decoration: none;
	text-align: left;
}

.searchcontentfooter:hover
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: #46423E;
	text-decoration: underline;
	text-align: left;
}

/**************************************************
 * Product styles
 **************************************************/
.productpagecontent{}

.productcontenttitle{}

/**************************************************
 * Form Styles
 **************************************************/
.formlabels
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8EM;
	color: #998B7D;
	vertical-align: top;
	text-align: left;
}

.formtextbox
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8EM;
	color: #998B7D;
	width: 100%;
}

.formtextbox-required
{
	width: 100%;
	background-color: #FFFFD2;
	border-style: solid;
	border-width: 1px;
	border-color: #7F9DB9;
	font-family: Arial;
	font-size: smaller;
}

.formdropdown
{
	width: 100%;
}

.thankyoutext
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8EM;
	color: #998B7D;
}

.formbutton
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	background-color: #46423E;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	width: 100px;
	height: 20px;
}

.formrequiredspots
{
	text-align: right;
	vertical-align: top;
	padding-top: 2px;
	margin-top: 0px;	
}

.exceptionmessage
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	color: #FF0000;
}

.exceptionlink
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	color: #998B7D;
}