/*::::: PIROBOX WHITE RULES::::::::*/
.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:black; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:url(/css/white/bg_load.png) center no-repeat!important;background:url(/css/white/bg_load.gif) center no-repeat }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(/css/white/ajax-loader_w.gif) center center no-repeat!important;background: url(/css/white/ajax-loader_b.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:white;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:black;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

.piro_close{position:absolute;top:-10px;right:-10px;height:35px;width:35px;background:url(/css/white/close_btn3.png) no-repeat;cursor:pointer;z-index:100006;}
a.piro_next{position:absolute;bottom:-33px;width:34px; height:35px;right:-37px;text-indent:-999em;outline:none; display:block;background:url(next.png) no-repeat; border:none;cursor:pointer;}
a:hover.piro_next{position:absolute;height:35px;width:34px;display:block; background:url(/css/white/next_h.png) no-repeat; border:none;}

a.piro_prev{position:absolute;bottom:-33px;width:34px; height:35px;left:-35px; text-indent:-999em; outline:none;display:block;background: url(/css/white/prev.png) no-repeat;border:none; cursor:pointer;}
a:hover.piro_prev{position:absolute;height:35px;width:34px;display:block; background:url(/css/white/prev_h.png) no-repeat;border:none;}

a.piro_next_out{position:absolute; z-index:2000000;top:50%; width:100px; height:250px; right:0;text-indent:-999em;outline:none; display:block; background: url(/css/white/nextoutside.png) no-repeat; border:none;cursor:pointer;}
a:hover.piro_next_out{position:absolute;display:block; width:100px; height:250px;  background: url(nextoutside_h.png) no-repeat; border:none;}

a.piro_prev_out{position:absolute;z-index:2000001; width:100px; top:50%; height:250px; left:0; text-indent:-999em; outline:none;display:block; background: url(/css/white/prevoutside.png) no-repeat;border:none; cursor:pointer;}
a:hover.piro_prev_out{position:absolute; width:100px; height:250px;  display:block; background: url(/css/white/prevoutside_h.png) no-repeat; border:none;}

.pirobox_content {position:absolute; top: 50%; left: 50%; padding:0; width: 400px; height: 200px; margin: -100px 0 0 -200px; display: block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.t_l{background:url(/css/white/t_l.png) no-repeat; width:10px; height:10px;}
.t_r{background: url(/css/white/t_r.png) no-repeat; width:10px; height:10px;}
.t_c{height:10px; background:url(/css/white/t_c.png) repeat-x;}

.c_l{width:10px; background: url(/css/white/c_l.png) repeat-y;}
.c_c{background:url(/css/white/img_bg.png) repeat; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: url(/css/white/c_r.png) repeat-y;}

.b_c{height:10px; background:url(/css/white/b_c.png) repeat-x;}
.b_l{background:url(/css/white/b_l.png) no-repeat; width:10px; height:10px;}
.b_r{background:url(/css/white/b_r.png) no-repeat; width:10px; height:10px;}

.box_img{ position:absolute; z-index:99995; background: url(/css/white/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:black; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;top:2px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:21px;width:21px;right:0;color:#999;top:4px; background:url(/css/white/link_out.png) no-repeat!important;background:url(/css/white/link_out.gif) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(/css/white/link_out_h.png) no-repeat!important;background:url(/css/white/link_out_h.gif) no-repeat; border:none;}
a.play{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(/css/white/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(/css/white/play_h.png) no-repeat;}
a.stop{position:absolute;bottom:10px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(/css/white/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(/css/white/pause_h.png) no-repeat;}

/* 

Quanix - CSS File

*/

/*** HEADER ***/
#header_inner{background-image:url(../images/bg_header_inner.png); background-repeat:no-repeat; height:95px;}
#header_inner h1{color:#fff; font-size:35px; font-weight:bold;}
#headertext{padding:35px 0px 0px 40px;}
/*** END OF HEADER ***/


/*** BLOG ***/
.post{border-bottom:solid 1px #dadada; margin-bottom:20px; padding-bottom:20px;}
.post h1 a{text-decoration:none;}
.smalltext{padding:0px 0px 20px 0px; display:block;}
#newsletter fieldset{margin:0px; padding:0px; border:0px;}
/*** END OF BLOG ***/

/*** CONTACT US ***/
form{margin:0; padding:0;}
#main_form{padding-left:15px;}
#contact_form {float:left;}
.contactform {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	width:300px;
	text-align: left;
}
.contactform textarea, #cForm textarea {
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;

}
.input{background-image:url(../images/inputbox.gif); width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px; border:0px;}
.input-submit{ background-image:url(../images/but_send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:88px; height:32px;}
.textarea{background-image:url(../images/bg_textarea.gif); background-repeat:no-repeat; border:0px; width:442px; height:127px; padding:8px;background-attachment:scroll;}
/*** END OF CONTACT US ***/

/* 

Quanix - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#474747;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:0px 0px 6px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Tahoma, Arial, Verdana;	font-weight:normal; color:#068ecb}
h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:16px;font-weight:bold;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#068ecb;text-decoration:underline;}
a:hover{color:#ee9b52;}
a img{border:none}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#474747;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#333;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.gif);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{ background-image:url(../images/bg_container.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#fff; min-height:98%;}
#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; height:112px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:990px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{ height:120px; width:990px;}
#logo{ width:320px; float:left;}
#pad_logo{ padding:0px 0px 0px 20px;}
#topmenu{width:670px; float:left; height:100px;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:36px 0px 0px 0px; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 12px Arial;
	line-height:26px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px;
	color:#cac9c9;
	text-decoration:none;
}
#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#5fc1e4;
}
#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#5fc1e4;
}
#nav .lavaLamp li.back {
	background: url(../images/lava.png) no-repeat right -29px;
	width: 9px; height: 29px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(../images/lava.png) no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
/*** END OF TOP ***/

/*** CONTENT ***/
#content{background-image:url(../images/bg_content.png); background-repeat:no-repeat; width:990px;}
#padding_content{ padding:30px 25px 30px 25px; float:left}
#topcontent{padding:0px 0px 20px 0px;}
.boxtop{ width:280px; float:left; padding:0px 0px 0px 0px;}
.linetop{background-image:url(../images/linebox.gif); background-position:center; background-repeat:no-repeat; height:112px; width:40px; float:left;}
#maincontent{ padding:0px 0px 0px 0px;}
/* main */
#main{width:630px; float:left;}
#maintext{padding:0px 40px 0px 0px}
#maintext_portfolio{padding:0px 0px 0px 0px}
/* side */
#side{width:300px; float:left; padding-left:0px;}
.sidebox{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:top; background-color:#ededed}
.c_bottomsidebox{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:bottom;}
.contentbox{padding:10px 10px 20px 10px; position:relative;}
.contentbox h2{color:#8b8b8b;}
.contentbox .strip{position:absolute !important; right:0; top:0; background-image:url(../images/strip.png); background-repeat:no-repeat; width:82px; height:82px;}
.sidetext{padding:0px 0px 25px 0px;}
ul.l1{margin:0px; padding:0px; list-style-type:none; font-size:14px;}
ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 20px}
ul.l1 li a, ul.l1 li a:visited{color:#474747; text-decoration:none;}
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{ float:left; padding:0px 10px 10px 0px;}
.but{vertical-align:middle;}
.inputbox01{width:190px; border:0px; vertical-align:top; padding:4px 4px 6px 3px; color:#999; background-image:url(../images/input01.gif); background-repeat:no-repeat;}
/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{ width:990px; margin:0px auto; color:#cac9c9 !important}
#footer p, #footer ul{color:#cac9c9 !important}
#foot{padding:25px 0px 0px 0px;}
#foot h3{color:#cac9c9;}
#foot a, #foot a:visited{color:#cac9c9; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#footleft{float:left; width:540px; padding:10px 0px 0px 30px;}
#footleft ul{list-style-type:none; margin:0px; padding:10px 0px 0px 0px;}
#footleft ul li{list-style-type:none; display:inline; padding:0px 0px;}
#footleft ul li a{padding:0px 5px;}
#footright{float:left; width:420px;}
#footright #bookmark{float:right; padding:0px 20px 0px 0px ;}
#footright ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#footright ul li{list-style-type:none; float:left; margin-right:8px;}
/*** END OF FOOTER ***/

/* 

Quanix - CSS File

*/

/*** FRONT PAGE SLIDER ***/
#slides_container{height:281px; width: 990px; background-image:url(../images/bg_slides_container.png); background-repeat:no-repeat; background-position: center;}
#slider {
    width: 896px;
    margin: 0 auto;
    position: relative;
}
.scroll {
	overflow: hidden;
	width: 886px;
    margin: 0 auto;
    position: relative;
}
.scrollContainer {
	position: relative;
}
.scrollContainer div.panel {
    padding: 10px 10px 10px 10px;
    width: 250px;
	height: 240px;
}
.inside {
	padding: 10px 0;
}
.inside img {
	display: block;
	margin: 0 0 10px 0;
	width: 250px;
}
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.inside p {
	font-size: 11px;
	color: #ccc;
}
.scrollButtons {
    position: absolute;
    top: 100px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -45px;
}
.scrollButtons.right {
    right: -45px;
}
.hide {
    display: none;
}
/*** END OF FRONT PAGE SLIDER ***/

#shopping_cart {
  padding:20px;
}


div.cart {

  clear:both;
  border:1px solid #B3D4EF;
  background-color:#B3D4EF;
  padding:8px;
  width:300px;
  height:300px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}

div#wastebin {

  width:300px;
  padding:0px;
  border:1px solid #eee;
  z-index:1;
}

div.cart img {
  float:left;
  width:32px;
  height:32px;
  margin-right:10px;
  cursor:move;
}

div.cart div {
  font-size:12px/14px;
  font-weight:normal;
  color:##444;
  clear:left;
}

div.cart-active {
  background-color:#eee;
}

div.wastebin-active {
  width:135px;
  padding:5px;
  background-color:#ccc;
}

#product_list {
  height:120px;
}
.cart-items {
  width: 30px;

}
.cart-list {
position:absolute;
list-style:none;
z-index:5;
}
.cart-list li {
  padding: 5px;
}