@import url('blueprint/screen.css');
@import url('jquery.lightbox.css');

body
{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
}

hr
{
	padding:1px 0 ;
	height:2px;
	margin:0;
}

.body
{
	background-color:#E7E7E7;
}

a, a:hover, a:visited
{
	color:#999;
	text-decoration:underline;
}

h1
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#333;
}

h2
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
}

h3
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
}

div.wrapper
{
	width:970px;
	padding:10px 0;
	margin:0 auto;
	position:relative;
	background-color:#fff;
}

#lhsdiv
{
	margin-top:2px;
	background-color:#DBDBDB;
}

#middlediv, #rightdiv
{
	margin-top:10px;
}

#headerdiv
{
	height:80px;
	background-image:url(/images/template/header.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	position:relative;
}

#menudiv, #footerdiv
{
	height:28px;
	background-color:#000;
	text-align:center;
	position:relative;
}

#footerdiv
{
	margin-top:10px;
	color:#fff;
	line-height:28px;
	font-size:10px;
}

#footerdiv a
{
	color:#fff;
}

#menudiv .mmenucontainer
{
	margin:0 auto;
}

.milonictable
{
	width:auto;
	margin-bottom:0;
}

.milonictable td
{
	padding:0;
}

.square-header-yellow
{
	background:#898989 url(/images/template/square_header_yellow.gif) 5px 5px no-repeat;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	line-height:25px; 
	padding-left:30px;
	margin:0 0 5px 0;
}

.square-header-yellow-large
{
	background:#898989 url(/images/template/square_header_yellow.gif) 12px 12px no-repeat;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	line-height:40px; 
	padding-left:40px;
	margin:0 0 5px 0;
}

.square-header-grey
{
	background:#C7C7C7 url(/images/template/square_header_grey.gif) 5px 5px no-repeat;
	color:#333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:25px; 
	padding-left:30px;
	margin:0 0 5px 0;
}

.nopadding
{
	padding:0;
}

table.nopadding tr, table.nopadding td
{
	padding:0;
}

.nomargin
{
	margin:0;
}

table.nomargin tr, table.nomargin td
{
	margin:0;
}

td#homepage_right
{
	width:230px;
	background-color:#7F7E83;
	padding:20px;
	vertical-align:top;
}

td.homepage-spotlight
{
	vertical-align:top;
	width:228px;
	height:175px;
	border:1px solid #DBDBDB;
	border-bottom-width:5px;
}

td.homepage-spotlight p
{
	padding:0 10px;
}

ul.yellowarrow
{
	margin:0;
	padding:0;
}

ul.yellowarrow li
{
	padding:0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
	background:url(/images/template/yellow-arrow.gif) 0 5px no-repeat;
	padding-left:15px;
}

ul.yellowarrow li a, 
ul.yellowarrow li a:hover, 
ul.yellowarrow li a:visited,
ul.yellowarrow li a:link
{
	text-decoration:underline;
	color:#fff;
}

h3.yellow
{
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffdc00;
	text-transform:uppercase;
}

/*****************
Forms
******************/

.FormTable
{
	width:auto;
}

.FormTable td
{
	vertical-align:top;
	padding-top:10px;
}

.FormTable input
{
	margin-top:0;
}

.redcomment
{
	
}

span.fb_forminvalid
{
	display:block;
	color:red;
}

.formlabel
{
	float:left;
	clear:left;
	margin-bottom:20px;
	margin-right:20px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:top;
	display:inline-block;
}

.formsublabel
{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
	margin-right:10px;
}

.forminput
{
	float:left;
	clear:none;
	vertical-align:top;
	margin-bottom:20px;
	margin-right:20px;
	display:inline-block;
}

.formfloatleft
{
	float:left;
	clear:both;
}

.formbutton
{
	margin-left:5px;
	margin-right:0;
	vertical-align:middle;
	padding:2px;
}

span.forminvalid
{
	float:left;
	clear:left;
	display:inline;
	color:#FF0000;
	margin-left:170px;
	margin-bottom:20px;
}

.textinput
{
	border:1px solid #7F9DB9;
	vertical-align:top;
	margin:0;
	margin-bottom:20px;
}

.textarea
{
	border:1px solid #7F9DB9;
	vertical-align:top;
	height:120px;
	padding:1px 0;
	margin-right:0;
}

div#searchbox
{
	position:absolute;
	right:0;
	top:25px;
}

div#searchbox .textinput
{
	font-size:12px;
	height:21px;
	margin-top:0;
	vertical-align:middle;
}

#keyword
{
	background-image:url(/images/template/txt_header_search.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:none;
	line-height:21px !important;
	vertical-align:middle;
}

div#searchbox .formbutton
{
	margin-left:0;
	padding-left:0;
}

/************
	RHS
************/

.rhsitem
{
	width:188px;
	border:1px solid #ccc;
	margin-bottom:10px;
}

.rhsitem p, .rhsitem table
{
	padding:5px;
}

/**********
Products
***********/

div.productlisting-item
{
	border:1px solid #ccc;
	height:275px;
	overflow:hidden;
	margin-bottom:10px;
}

div.productlisting-item p
{
	padding:0 10px 0;
	margin-bottom:10px;
}

/****************
Product Info tabs
****************/


ul.prodInfoTabs
{
	margin:0;
	padding:0;
}

ul.prodInfoTabs li
{
	list-style:none;
	float:left;
}

ul.prodInfoTabs li a
{
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	height:27px;
	font-size:11px;
	text-decoration:none;
	color:#666;
	line-height:27px;
	text-transform:uppercase;
	text-align:center;
	padding:0 0 0 7px;
	background-image:url(/images/template/tab_bg.png);
	background-repeat:no-repeat;
}

ul.prodInfoTabs li a span
{
	display:inline-block;
	padding:2px 7px 0 0;
	background-image:url(/images/template/tab_bg.png);
	background-position:right top;
	background-repeat:no-repeat;
	vertical-align:middle;
	cursor:pointer;
}

ul.prodInfoTabs li a.active, ul.prodInfoTabs li a.active span
{
	color:#333;
	background-image:url(/images/template/tab_bg_active.png);
}

div.prodInfoPanel
{
	min-height:280px;
	height:auto !important;
	height:280px;
	border:1px solid #999;
	display:none;
	padding:10px;
}

div.prodAdditionalImage
{
	border:1px solid #999;
	float:left;
	width:165px;
	height:165px;
	margin:5px 0 5px 12px;
}

div.brandbox
{
	height:100px;
	text-align:center;
	position:relative;
}

div.brandbox img
{
	vertical-align:middle;
	margin:auto 0;
}

/* AJAX start Rating */
.rating {
	cursor: pointer;
	display: inline;
	text-align:left;
}
/**/
.rating:after {
	content: '.';
	display: inline;
	height: 0;
	width: 0;
	visibility: hidden;
}

/*.cancel,*/
.star {
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}

.starLoading {
	background: url(../images/loading.gif) no-repeat 0 0px;
}
/*.cancel,
.cancel a {background: url(../images/delete.gif) no-repeat 0 -16px;}*/

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}
	
/*.cancel a,*/
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}

.blogcommentstable td
{
	padding:5px;
}

.blogDate
{
	font-size:10px;
	text-transform:uppercase;
}
.blogTitle
{
	color:#000000;
}

.blogpostedby
{
	font-size:10px;
	text-transform:uppercase;
	vertical-align:middle;
}

.blogpostedbydate
{
	text-align:right;
}

.blogSmallTitle
{
	color:#000000;
	font-size:10px;
	text-transform:uppercase;
}

.blogSmallList
{
	font-size:11px;
	padding: 3px 0 3px 0;
}

.blogSmallList a, .blogSmallList a:visited
{
	color: #000000;
	text-decoration:none;
}

.blogSmallList a:hover
{
	color:#000000;
	text-decoration:underline;
}

.blogCommentTitle
{
	color: #666;
	font-size:12px;
	padding: 3px 0 3px 0;
	vertical-align:bottom;
	font-weight:bold;
}

.blogCommentTitle a, .blogCommentTitle a:visited
{
	color: #666;
	text-decoration:none;
}

.blogCommentTitle a:hover
{
	color:#666;
	text-decoration:underline;
}


/*******************
*** COntact Info ***
*******************/

.contactinfo
{
	margin:0;
	padding:0;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
}
.contactinfo li
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	width:185px;
	width:215px\9;
	padding-left:30px;
	background-position:0 1px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	line-height:20px;
}

.contactinfo li.address { background-image:url(/images/template/icons/miniicon_home.jpg); }
.contactinfo li.phone { background-image:url(/images/template/icons/miniicon_phone.jpg); }
.contactinfo li.fax { background-image:url(/images/template/icons/miniicon_fax.jpg); }
.contactinfo li.email { background-image:url(/images/template/icons/miniicon_email.jpg); }

.formrow label
{
	display:inline-block;
}

.formrow em
{
	vertical-align:top;
	padding:0;
	display:inline-block;
	margin:5px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:red;
}

.yellowbtn
{
	background-image:url("/images/template/btn_header_search.gif");
	background-position:top right;
	background-repeat:no-repeat;
	border:none;
	background-color:#FEDE01;
	padding-right:20px;
	height:23px;
	line-height:23px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:#333;
}

p.brandlogo
{
	text-align:center;
	margin-bottom:5px;
}

h3.brandrhs
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:10px;
	font-size:13px;
	color:#333;
	text-transform:uppercase;
	margin:5px 0;
}

.iconlist
{
	margin:0;
	padding:0;
	margin-bottom:20px;
}

.iconlist li
{
	margin:0;
	padding:0;
	list-style:none;
	padding-left:30px;
	padding-right:10px;
	background-position:5px 3px;
	background-repeat:no-repeat;
	line-height:20px;
}

.iconlist li.arrow { background-image:url("/images/template/icons/miniicon_arrow.jpg") }
.iconlist li.download { background-image:url("/images/template/icons/miniicon_download.jpg") }
.iconlist li.website { background-image:url("/images/template/icons/miniicon_website.jpg") }


.productbox
{
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	color:#333333;
	height:200px;
	display:block;
}

.productbox a img
{
	float:left;
}

.productbox a, .productbox a:hover, .productbox a:visited
{
	display:inline-block;
	color:#333333;
}

.border
{
	border:1px solid black;
}