/*
-----------------------------------------------
author:   Urban Expression
----------------------------------------------- 
*/

body {
	font-family: "Lucida Grande", Verdana, sans-serif;
	background-color: #AFB9C2;
	font-size: 12px;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	background: #005895 url(../images/layout/Background.png) repeat-x;
}

p {
	margin: .5em 0 1em 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #000099;
}
table.data thead td, table.data thead th { font-weight: bold; text-align: left; }
table.data tbody td {
  border-top: 1px solid #ccc;
}
table.data tr td {
  /*background-color: #edd;*/
}
/*table.data tr.alt td {
  border-top: solid 1px #333;
}
table.data tr:hover td {
  background-color: #ccc;
}*/

h1 {
  font-size: 1.6em;
	line-height: 1.2em;
	color: #036;
}

h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #036;
	margin: 0.2em 0;
}

h3, li.title {
  font-size: 1.2em;
	color: #990;
	text-transform: uppercase;
	font-size: 0.9em;
}
 
p, ul, ol {
margin:0;
padding:0 0 10px 0;
}
 
ul, ol {
list-style:none;
/* padding:0 0 18px 40px; */
}

#content ul, #content ol {
	list-style: disc;
	margin-left: 30px;
}

#new_releases ul {
	list-style: none;
	margin-left: 0;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
div.float-fix {
	overflow:hidden;
	clear:both;
	height:0;
}

/***** Links *****/
 
a, a:visited {
text-decoration:none;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/* Layout
----------------------------------------------- */
#layout { border: 7px solid #fff; width: 900px; background-color:  #FFF; margin: 0 auto; }
#header { margin: 0 0 7px 0; text-align: left; height: 138px; }
#leftnav { width: 150px; float: left; background-color: #99CCFF; }
#leftnav h2 { text-align: center; font-size: 1em; padding: 0; margin: 10px; }
#leftnav ul li { margin: 0px; padding: 0 5px; border-bottom: solid 1px #336699;}
#leftnav ul li:hover { background-color: #c8ddee;}
#leftnav a { color: #336699; }

#content { margin: 0pt 157px 0pt 187px; }
#rightnav { width: 150px; float: right;}

#header #logo a { 
  width: 353px; 
  height: 138px; 
  background: url(../images/nav/logo.jpg) no-repeat; 
  float: left;
}
#header #logo span { 
  display: none;
}

#header #rightbg { 
  width: 547px; 
  height: 92px; 
  background: url(../images/nav/nav-top.jpg) no-repeat;
  float: left;
}

.form_row {
  margin: 10px 0;
}

.form_row label {
  width: 80px;
  float: left;
  display: block;
  text-align: right;
  padding-right: 10px;
}

.form_error {
  font-weight: bold;
  color: #ff0000;
}

#rightnav .form_row label {
  width: 40px;
}

#rightnav .box { margin-bottom: 7px; background-color: #d2ebfa;}

#rightnav div.sidebar_content {
  padding: 7px;
}

span.heading { display: block; text-transform: uppercase; font-weight: bold; color: #003167; font-size: 110%;}

/* footer style
----------------------------------------------- */
#footer { background-color:  #d2ebfa; text-align: center; clear: both; padding: 0; }
#footer a { font-weight: bold; }

/* Styles
----------------------------------------------- */

#leftnav label { display:block; float:left; width:30px; text-align:right; padding-right:3px; color:#888; }
.rowheading td { font-weight: bold; text-transform:  uppercase; background-color: #333; color: #fff; padding: 3px;  }
div.error   { color: #FF0000; font-size: 14px; font-weight: bold; padding: 10px; border: solid 1px #ff0000;}
div.message { color: #309423; font-size: 14px; font-weight: bold; padding: 10px; border: solid 1px #309423;}
.cat { padding: 0px; }
.cat_alt { padding: 0px; }
.cat_heading { padding: 5px; font-weight: bold; font-size: 140%; border-bottom: solid 1px; }
.cat_body { padding: 5px; }
.catlist ul { list-style: none outside none; margin: 0; padding: 0; }
.catlist ul li { }
.catlist ul li ul { list-style: none outside none; margin: 0; padding: 0; }
.catlist ul li ul li { }

.productcell { padding: 5px; margin:  5px; border: solid 1px #ddd; height: 80px;  vertical-align: top; }
.addtocartlink { text-align: right;}
.heading1 { font-size: 12px; font-weight: bold;}


/* Products
------------------------------------------------ */

.product_name { font-size: 180%; font-weight: bold; border-bottom: dashed 1px #ccc; margin-bottom: 20px; margin-top: 20px;}
.product_description { padding: 5px; margin: 5px; border: solid 1px #ccc;}
.pricecart { padding: 5px; margin: 5px; background-color: #DBEBFF; }
.prodimg { float: right; border: solid 1px #000; }
.price { font-size: 18px; font-weight: bold; color: #B44861; }

#specials { overflow: auto; position: relative; }
.thumbnail { float: left; border: solid 1px #eee; vertical-align: top; height: 120px; width: 160px; margin: 10px; padding: 5px;}
.thumbnail a { text-decoration: none; }
.thumbnail:hover {border: solid 1px #000; }

tr.plusgst td {
  background-color: #eee;
}
tr.total td {
  background-color: #ddd;
}
.form_error { padding: 4px 0 4px 20px ; background: url(../images/icons/error.png) no-repeat left; }
.sortable { cursor: move; }

.addtocartlink img { vertical-align: middle; }
.addtocartlink { font-size: 120%; }

div#cart_div { 
  /*
  padding: 10px; 
  border: solid 1px #ccc;
  background: #eee;
  font-size: 130%;
  */
}

div#cart {
  background-color: #e0f2fd;
  color: #000;
  border: solid 1px #89b0cb;
  font-size: 90%;
  margin-bottom: 8px;
}

div#cart_div ul { list-style: none; margin: 0; padding: 0; }
div#cart_div ul li { margin: 0; border-bottom: solid 1px #cfe1eb; padding: 0 5px; }

div#cart_div img {
  vertical-align: middle;
}

a.button, input.button {
  padding: 5px; 
  background-color: #130067;
  color: #fff;
  text-align: center;
  width: 120px;
}

div#sidebar {
  width: 180px;
  float: left;
  min-height: 400px;
}

div#sidebar ul li {
  padding: 3px;
  margin: 0px; 
  padding: 0 5px; 
/*  border-bottom: solid 1px #2cbae3;*/
  border-bottom: solid 1px #8ddef5;
}
div#sidebar ul li:hover { background-color: #c8ddee; }
div#sidebar ul li a { 
	height: 17px;
	font-size: 0.9em;
  display: block; 
  color: #336699; 
}


/* ---------NAV----------- */
#header #nav_left_spacer {
  float: left;
  height: 48px;
  width: 131px;
}

#header #nav {
  height: 46px;
  float: left;
  background: url(/images/nav/nav-bottom.jpg) no-repeat bottom;
  text-align: right;
}

#nav a { display: block; float: left; height: 39px;}
#nav a span { display: none; }
#nav a#nav_home             { width: 64px; background: url(/images/nav/home.jpg) no-repeat; }
#nav a#nav_products         { width: 96px; background: url(/images/nav/products.jpg) no-repeat; }
#nav a#nav_news         	  { width: 59px; background: url(/images/nav/news.jpg) no-repeat; }
#nav a#nav_repair           { width: 67px; background: url(/images/nav/repair.jpg) no-repeat; }
#nav a#nav_company-profile  { width: 147px; background: url(/images/nav/company-profile.jpg) no-repeat; }
#nav a#nav_contact-us       { width: 114px; background: url(/images/nav/contact-us.jpg) no-repeat; }

#nav a#nav_home:hover             { background: url(/images/nav/home-over.jpg) no-repeat; }
#nav a#nav_products:hover         { background: url(/images/nav/products-over.jpg) no-repeat; }
#nav a#nav_news:hover         	  { background: url(/images/nav/news-over.jpg) no-repeat; }
#nav a#nav_repair:hover       		{ background: url(/images/nav/repair-over.jpg) no-repeat; }
#nav a#nav_company-profile:hover  { background: url(/images/nav/company-profile-over.jpg) no-repeat; }
#nav a#nav_contact-us:hover       { background: url(/images/nav/contact-us-over.jpg) no-repeat; }

#nav a#nav_home.current             { background: url(/images/nav/home-down.jpg) no-repeat; }
#nav a#nav_products.current         { background: url(/images/nav/products-down.jpg) no-repeat; }
#nav a#nav_news.current    	  			{ background: url(/images/nav/news-down.jpg) no-repeat; }
#nav a#nav_repair.current      			{ background: url(/images/nav/repair-down.jpg) no-repeat; }
#nav a#nav_company-profile.current  {  background: url(/images/nav/company-profile-down.jpg) no-repeat; }
#nav a#nav_contact-us.current       {  background: url(/images/nav/contact-us-down.jpg) no-repeat; }

div.heading {
  display: block;
  font-weight: bold;
  padding:  7px 0 0 7px;
  height:   27px;
  background: url(../images/layout/Body-Prod-Cata-header.png) no-repeat;
  text-transform: uppercase;
  color:    #fff;
}

a.heading {
  display: block;
  font-weight: bold;
  padding:  7px 0 0 7px;
  height:   27px;
  background: url(../images/layout/Body-Prod-Cata-header.png) no-repeat;
  text-transform: uppercase;
  color:    #fff;
}

a.heading:hover {
	color: #000;
}

.breadcrumb {
  font-size: 130%;
}


div.large_thumbnail {
  float: right;
  width: 200px;
}

div.product_thumb {
  font-size: 90%;
  width: 150px;
  min-height: 220px;
  margin: 5px;
  text-align: center;
  border: 1px #ccc solid;
  float: left;
}
div.product_thumb_image {
  min-height: 140px;
}

ul#subcategories { padding-top: 8px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
ul#subcategories li {
  display: inline;
  padding: 0 4px;
}
ul#subcategories li:hover {
  border-bottom: 1px dotted;
}

.grey { color: #777;}

#ue-link {
  font-size: 85%;
}

div.pager {
  text-align: center;
  font-size: 120%;
  line-height: 2em;
}

#indicator {
  
  top: 0; 
  left: 0;
  height: 20px;
  width: 100px;
  text-align: center;
  padding: 5px;
  background: #fff;
  border: 1px solid #000;
  font-weight: bold;
  position: absolute;
  color: #35749E;
}
a.email {
	font-size: .8em;
}