/*
Template Name: AquaBusiness
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#FFFFFF;

	}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

#answers_table_paginate a{color:#FFF; background-color:var(--primary); padding:7px; cursor:pointer;}
#answers_table_paginate a:hover{color:#FFF; background-color:var(--secondary); padding:7px; cursor:pointer; margin:0}

#existing_questions_table_paginate a{color:#FFF; background-color:var(--primary); padding:7px; cursor:pointer;}
#existing_questions_table_paginate a:hover{color:#FFF; background-color:var(--secondary); padding:7px; cursor:pointer; margin:0}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/
#popup-form input[type=text].error
{
	border: 1px solid red;
}

#popup-form input[type=password].error
{
	border: 1px solid red;
}

.error-container
{
	padding-top: 10px;
	color: red;
}

.error-container ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.wrapper{
	display:block;
	width:100%;
	margin:0;
	text-align:left;

	}

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4 {
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:18px;
	font-weight:normal;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	border-bottom:1px solid #ccc;
	color:var(--primary);
	width:99%;
	}

div.wrapper h5
{
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size: 22px;
	font-weight:normal;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	border-bottom:none;
	color:#fff;
}

.col1{color:#FFFFFF; background-color:var(--primary);}
.col2{color:#FFFFFF; background-image: url(../images/header_background.jpg);}
.col3{color:#666666; /*background-image: url(../images/content_background.jpg);*/ background-repeat:repeat-x; border-bottom:none; }
.col3 a{color:#FFF; background-color:var(--primary); padding:7px; cursor:pointer;}
.col3 a:hover{color:#FFF; background-color:var(--secondary); padding:7px; cursor:pointer; margin:0}
.col4{/*color:#333333; background: #FFF;*/ background-repeat:repeat-x;}
.col4 a{/*color:#FF9900; background-color:#FFFFFF;*/}
.col5{color:#CCCCCC; background-color:#37639A;}
.col5 a{color:#FFFFFF; background-color:#37639A;}
.col6{color:#FFFFFF; background-color:var(--primary); position:fixed; bottom:0; z-index:1000; left:0; height:40px;}
.col6 a{color:#FFFFFF; background-color:var(--primary);}

/* ----------------------------------------------Generalise-------------------------------------*/

#topbar, #header, #intro, #breadcrumb, #container, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	/*width:960px;*/
	}

/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{
	height:40px;
	/*padding:10px 0;*/
	min-width:1150px;
	}

#topbar ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#topbar #social{
	display:block;
	float:left;
	}

#topbar #social li{
	display:inline;
	margin-right:20px;
	cursor:pointer;
	}

/* ----------------------------------------------Header-------------------------------------*/

#user {
	background-image: url(../images/user_icon.png);
	background-repeat:no-repeat;
}

#header{
	/*padding:20px 0;*/
	z-index:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image: url(../images/header.jpg);
	background-repeat:no-repeat;
	height:94px;
	}

#header .fl_left{
	display:block;
	float:left;
	width:223px;
	height:74px;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	margin-top:10px;
	}

#header h1, #header p{
	margin:0;
	padding:0;
	}

#header h1{
	margin:0 0 10px 0;
	font-size:36px;
	border:none;
	}

#header h1 a{
	color:#FFFFFF;
	background-color:#1F7EB6;
	}

#windows{
	/*padding:20px 0;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*background-image: url(../images/grid.png);*/
	/*background-position: top left;*/
	margin:-15px 0 0 0;
	position:absolute;
	width:100%;
	min-height:820px;
	border-top:1px solid #cccccc;

	}

#box_left{
	/*padding:20px 0;*/
	padding: 21px 0 0 21px;
	float:left;
	width:200px;
	}

#box_rights{
	/*padding:20px 0;*/
	/*padding: 21px 0 0 21px;*/
	/*float:left;*/
	}

#box_right{
	/*padding:20px 0;*/
	padding: 21px 0 0 21px;
	float:left;
	width:700px;
	height:500px;
	background:#000;
	margin:21px 0 0 20px;
	}

#right_pos{
	/*padding:20px 0;*/
	padding: 21px 0 0 21px;
	float:right;
	width:200px;
	height:500px;
	margin:0 20px 0 0;
	}

#material{
	/*padding:20px 0;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	height:90px;
	width:220px;
	background:#fff;
	border: 1px solid #ccc;
	}

#material h3{
	/*padding:20px 0;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	background:	var(--tertiary);
	color:#fff;
	border:none;
	padding:5px;
	}

#position{
	/*padding:20px 0;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*height:90px;*/
	width:220px;
	background:#fff;
	border: 1px solid #ccc;
	float:left;
	margin-left:-20px;
	}

#position h3{
	/*padding:20px 0;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:12px;
	font-weight:bold;
	background:	var(--secondary);
	color:#fff;
	border:none;
	padding:5px;
	margin-bottom:0;
	width:210px;
	}

#position input{
	/*padding:20px 0;*/
	margin:4px 10px 20px 0;
	float:right;
	border:1px solid #cccccc;
	width:128px;
	}

#position select{
	/*padding:20px 0;*/
	margin:0 10px 10px 0;
	float:right;
	border:1px solid #cccccc;

	}

#total_price{
	/*padding:20px 0;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*height:90px;*/
	width:220px;
	background:#fff;
	/**border: 1px solid #ccc;
	height:100px;
	margin-top:20px;*/
	height:340px;
	border:1px solid #cccccc;
	}

#total_price h3{
	/*padding:20px 0;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:12px;
	font-weight:bold;
	background:	var(--primary);
	color:#fff;
	border:none;
	padding:5px;
	width:210px;
	}

	#price_table
	{
		width:200px;
		padding:0px;
		border: 0px;
	}

	


	#price_table tr td
	{		
		padding:0px 5px 2px 0px;
		vertical-align: middle;
		border: 0px;
	}

	#price_table input
	{
		height:12px;
	}
#total_price input{
	/*padding:20px 0;*/
	
	width:128px;
	}
	
#total_price select{
	/*padding:20px 0;*/
	margin:10px 10px 0 0;
	float:right;
	border:1px solid #cccccc;
	width:130px;
	}


#system{
	/*padding:20px 0;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	height:210px;
	width:220px;
	background:#fff;
	border: 1px solid #ccc;
	/*margin-top:20px;*/
	}

#system h3{
	/*padding:20px 0;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	background:	var(--tertiary);
	color:#fff;
	border:none;
	padding:5px;
	}

#color{
	/*padding:20px 0;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	height:180px;
	width:220px;
	background:#fff;
	border: 1px solid #ccc;
	/*margin-top:20px;*/
	}

#color h3{
	/*padding:20px 0;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	background:	var(--tertiary);
	color:#fff;
	border:none;
	padding:5px;
	}

.styled-select select {
   background: transparent;
   width: 200px;
   padding: 1px;
   font-size: 12px;
   line-height: 1;
   border: 1px solid #ccc;
   border-radius: 0;
   height: 22px;
   margin-left:10px;
   margin-top:5px;
   }

.styled-select label {

   padding: 1px;
   font-size: 14px;
   -webkit-appearance: none;
   margin-left:10px;
   margin-top:5px;
   float:left;
   color:var(--tertiary);
   }

.styled-select textarea {

   padding: 3px;
   font-size: 14px;
   -webkit-appearance: none;
   margin-left:10px;
   margin-top:4px;
   float:left;
   color:var(--tertiary);
   }

#pop select {
   background: #FFF;
   width: 45px;
   padding: 3px;
   font-size: 14px;
   line-height: 1;
   border: 1px solid var(--tertiary);
   border-radius: 0;
   height: 25px;
   -webkit-appearance: none;
   margin-top:5px;
   }


/* ----------------------------------------------Homepage Intro-------------------------------------*/

#intro{
	padding:15px 0;
	margin-left:20px;
	min-height:820px;
	margin-right:20px;
	}

#intro h2{
	margin:0 0 10px 0;
	padding:2px 2px 8px 2px;
	color:#333333;
	background-color:#dff6fc;
	border-bottom:1px dotted #333333;
	text-transform:none;
	font-size:18px;
	}


#intro h5{
	margin:0;
	padding:5px;
	text-transform:none;
	font-size:12px;
	}



#intro ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-right:10px
	}

#intro ul h1{
	font-size:15px;
	color:#000;
	background:transparent;
	}

#intro ul h2{
	font-size:14px;
	color:#000;
	background:transparent;
	}

#intro ul h3{
	font-size:13px;
	color:#000;
	background:transparent;
	}

#intro ul h4{
	font-size:12px;
	color:#000;
	background:transparent;
	}

#intro ul h5{
	font-size:11px;
	color:#000;
	background:transparent;
	}

#intro li{
	display:block;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	/*border-radius: 5px 5px 0 0;*/
	}

#intro li.last{margin-right:0;}

#intro li p.imgholder{
	display:block;
	width:215px;
	height:125px;
	margin:0 0 15px 0;
	padding:4px;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #999;
	}

#intro p.readmore{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:right;

	}

#intro p.readmore a{
	font-weight:normal;

	}

#newdoc p.readmore{
	display:block;
	width:100px;
	margin:0 0 0 100px;
	padding:0;
	text-align:left;
	}

#newdoc p.readmore a{
	font-weight:normal;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	padding:15px 0;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Container-------------------------------------*/

#container{
	padding:30px 0;
	}

#container h2{padding-bottom:8px; border-bottom:1px dotted #666666;}

/* ----Homepage Services----*/

#container #services{
	display:block;
	width:100%;
	margin:0 0 25px 0;
	padding:0 0 30px 0;
	border-bottom:1px dashed #333333;
	}

/* Homepage Block */

#services a{
	color:#003377;
	background-color:#F6F6F6;
	border:none;
	}

#services ul, #services h2, #services p{
	margin:0;
	padding:0;
	list-style:none;
	}

#services li{
	display:block;
	float:left;
	width:250px;
	margin:0 30px 0 0;
	padding:20px 25px;
	color:#000000;
	background-color:#F6F6F6;
	}

#services li.last{
	margin-right:0;
	}

#services li p{
	line-height:1.6em;
	}

#services li div.imgholder{
	display:block;
	width:240px;
	margin:15px 0;
	padding:4px;
	color:#315A8A;
	background-color:#FFFFFF;
	border:1px solid #315A8A;
	}

#services li div.imgholder img{
	width:240px;
	border:none;
	margin:0;
	padding:0;
	}

#services li h2{
	padding-bottom:8px;
	border-bottom:1px dotted #6BA3A3;
	color:#000000;
	background-color:#F6F6F6;
	}

#services p.more{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

/* Content */

#content{
	display:block;
	float:left;
	width:600px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#3E7060; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:300px;
	}

#column .flickrbox, #column .holder{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

.flickrbox ul{
	margin:0;
	padding:0;
	list-style:none;
	}

.flickrbox li{
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin:0 15px 15px 0;
	padding:4px;
	color:#402720;
	background-color:#FFFFFF;
	border:1px solid #402720;
	}

.flickrbox li.last{margin-right:0;}

#column .holder p{
	line-height:1.6em;
	}

#column h2{
	font-size:20px;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dashed #666666;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	color:#402720;
	background-color:#FFFFFF;
	border:1px solid #402720;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#402720;
	background-color:#FFFFFF;
	border:1px solid #402720;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:20px 0;
	}

#footer h2{
	font-size:18px;
	font-weight:normal;
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
	}

#footer p, #footer ul, #footer a{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	}

#footer li{
	margin-bottom:10px;
	}

#footer li.last{
	margin:0;
	}

#footer address{
	font-style:normal;
	line-height:1.5em;
	margin-bottom:3px;
	}

#footer .footbox{
	display:block;
	float:left;
	width:300px;
	margin:0 30px 0 0;
	padding:0;
	}

#footer .last{
	margin-right:0;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:10px 0;
	}

#copyright p{
	margin:0 0 0 10px;
	padding:0;
	}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

div#users-contain { width: 350px; margin: 20px 0;  }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%;
-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.75);}
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0; }

#popup-form {
    background-color: #fff;
    color: #575757;
    font-weight:none;
    margin: 0;
    border-radius:none;
    width: 330px;
    }

#popup-form label {
    padding-left:0;
    width:125px;
    text-transform: none;
    display:inline-block;
	padding-top:2px;
}

#popup-form input[type=text],
#popup-form input[type=file],
#popup-form input[type=number],
#popup-form input[type=password],
#popup-form select,
#popup-form textarea {
    width: 190px;
	border: 1px solid var(--tertiary);
}

#popup-form input[type=number]:disabled {
	background-color: #ddd;
}

#popup-form-image {
    background-color: #fff;
    color: #575757;
    font-weight:none;
    margin: 0;
    border-radius:none;
    /*width: 330px;*/
    }

#popup-form-image label {
    padding-left:0;
    width:125px;
    text-transform: none;
    display:inline-block;
	padding-top:2px;
}

#popup-form-image input[type=text],
#popup-form-image input[type=file],
#popup-form-image input[type=password],
#popup-form-image textarea {
    width: 190px;
	border: 1px solid var(--tertiary);
}

#dialog label, #dialog input { display:block; float:left;clear:both}
#dialog label { margin-top: 0.5em; }
#dialog input, #dialog textarea { width: 60%; }
#tabs { margin-top: 1em; }
#tabs li .ui-icon-close { float: right; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#tabs2 { margin-top: 1em; }
#tabs2 li .ui-icon-close { float: right; margin: 0.4em 0.2em 0 0; cursor: pointer; }
#add_tab { cursor: pointer; }

#toolbox_glass {
	background:#f1f7fd;
	/*left:1000px;*/
	/*top:50px;*/
	width:220px;

	color:white;

	border:1px solid #CCCCCC;
	/*box-shadow:0 0 7px rgba(50, 50, 50, 0.75);*/
	z-index:1000000;
	
}


#glassInfoParent{

	width:210px;
	background:#fff;

	
	
	}

#glassInfoParent h3{

	font-size:12px;
	font-weight:bold;
	background:	var(--primary);
	color:#fff;
	border:none;
	padding:5px;
	width:210px;
	}
#toolbox{
	position:absolute;
	background:#f1f7fd;
	/*left:1000px;*/
	/*top:50px;*/
	width:300px;

	color:white;

	border:1px solid #CCCCCC;
	/*box-shadow:0 0 7px rgba(50, 50, 50, 0.75);*/
	z-index:1000000;
	right:0;
}

#toolbox span{
	width:100%;
}

#toolbox h3{
	color:#fff;
	background:var(--primary);
	border:none;
	/*font-family:Georgia,"Times New Roman",Times,serif;*/
	font-size:12px;
	/*font-weight:bold;*/
	padding:2px;
	width:294px;
	border:1px solid var(--primary);
	margin:0;
}

#toolbox h4{
	color:#000;
	border:none;
	padding:5px;
	margin:0;
	font-size:12px;
	padding:0 10px;
}

#toolbox select{
	margin:5px 10px;
	width:138px;

	padding: 1px;
   font-size: 12px;
   line-height: 1;
   border: 1px solid #ccc;
   border-radius: 0;
   height: 22px;
   float:right
}

#toolbox label{
	color:var(--tertiary);




}

#toolbox input{


}

.button{
	width:40px;
	background:#15a5cf url(../images/zoom-in-out.png) no-repeat center left;
	border-radius:5px;
	border:none;
	height:24px;
	color:#fff;
	padding-left:25px;
	background-position:5px;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	padding-top:0;
	padding-bottom:10px;
	font-family:tahoma;
}

.button:hover{
	background:var(--tertiary) url(../images/zoom-in-out.png) no-repeat center left;
	background-position:5px;
	}

/*.btn.active{
	background:var(--tertiary) url(../images/zoom-in-out.png) no-repeat center left;
	background-position:5px;
	}*/
.buttonactive{
	background:var(--tertiary) url(../images/zoom-in-out.png) no-repeat center left;
	background-position:5px;
}

#zoom{
	margin:10px 0 0 106px;
}

#toolbox_header input{
	background:var(--tertiary);
	border-radius:3px;
	border:none;
	margin-right:5px;
}

#toolbox_header .btn{
	float:right;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	width:15px;
}

#toolbox_header .btn:hover{
	float:right;
	color:#000;
	font-weight:bold;
}

#notify {
	width:26px;
	background: url(../images/notify_empty_icon.png) no-repeat center left;
	height:28px;
}

#notify input {
	background: transparent;
	font-size:10px;
	color:#ff0000;
	border:none;
	width:20px;
	margin-top:2px;
	margin-left:-2px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

#dashboard_menu li{
	width:96px;
	height:96px;
	background:#fff;
	/*border-radius:5px;*/
	border:1px solid #ccc;
	margin:0 0 0 10px;
	text-align:center;
	}

#dashboard_menu li:hover{
	width:96px;
	height:96px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	/*border-radius:5px;*/
	border:1px solid #ccc;
	margin:0 0 0 10px;
}

#dashboard_menu img{
	margin:10px 0 0 0;
}
#dashboard_menu a{
	background:transparent;
	text-align:center;
	color:var(--tertiary);
}

#dashboard_menu2{
	width:1100px;
	}

#dashboard_menu2 li{
	width:180px;
	height:180px;
	background:#fff;
	/*border-radius:5px;*/
	border:1px solid #ccc;
	margin:10px 0 0 10px;
	text-align:center;
	cursor:default;
	}

#dashboard_menu2 li:hover{

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	/*border-radius:5px;*/
	border:1px solid #ccc;
	/*margin:0 0 0 10px;*/
}

#dashboard_menu2 img{
	margin:20px 0 0 0;
}
#dashboard_menu2 a{
	background:transparent;
	text-align:center;
	color:var(--tertiary);
}

#left_column{
	float:left;
	width:100%;
	min-width:850px;
	margin-bottom:30px;
}

#right_column{
	float:left;
	/*margin-right:30px;*/
	width:100%;
	margin-left:10px;
	padding-bottom:50px;
	}

#bestelingen{
	/*float:left;
	margin-top:80px;
	width:100%;*/
}
#korisnici{
	width:650px;
}

#korisnici h3{
	width:100%;
}

#accordion h3{
	font-size:15px;
	margin:0;
	border-bottom:1px solid #fff;
	margin-bottom:2px;
	width:770px;
}

#accordion #user_table
{
	margin: 0;
}

#accordion #user_table th
{
	background:#f1f1f1;
	color:#666;
}

#accordion #user_table_processing{
	height:0;
}
#accordion #user_table_wrapper
{
	margin: 0;
}

#accordion #uslovi_table
{
	margin: 0;
}

#accordion #uslovi_table th
{
	background:#f1f1f1;
	color:#666;
}

#accordion #uslovi_table_processing{
	height:0;
}
#accordion #uslovi_table_wrapper
{
	margin: 0;
}

.stok-tag{
	background-color: #F0F0F0;
	padding: 0 3px;
	color: #666;
	margin-right: 3px;
	border: 1px solid #CCC;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 3px;
}
.stok-tag:hover{
	background-color: #F0F0F0;
	padding: 0 3px;
	color: #ff0000;
	margin-right: 3px;
	border: 1px solid #ff0000;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 3px;
}
.relate-buttons a{
	color:#FFF;
	background-color:var(--primary) ;
	padding:5px;
	cursor:pointer;
	/*-moz-border-radius: 5px;*/
	/*border-radius: 5px;*/
	float:left;
	margin-top:5px;
	}

.relate-buttons a:hover{
	color:#FFF;
	background-color:var(--secondary);
	padding:5px;
	cursor:pointer;
	margin:0;
	float:left;
	margin-top:5px;
}
.relate-buttons{
	width: 20px;
	height: 200px;
	margin-top: 100px;
	padding: 5px;
	float:left;
	margin-left:4px;
}
.select-systems{
	width: 185px;
	border: 1px solid #CCC;
	height: 300px;
	color:#666;
	margin-top:7px;
}


#top-stuff {
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:12;
}

#top-bar-out {
	display:block;
	position:relative;
	width:100%;

}

.active-links {
	position:absolute;
	/*right:8px;*/
	top:0;
}
#container_menu {
    width:780px;
	margin-left:300px;
    /*margin:0 auto;*/
    position: relative;
}

#topnavigate {
    text-align:right;
}

#system_session {
	cursor:pointer;
	display:inline-block;
	height:20px;
	padding-right:10px;
	vertical-align: top;
	white-space: nowrap;
}

#system_session.active, #session_session:hover {
	background:rgba(255,255,255,0.1);
	color:fff;
}

#material_session {
	cursor:pointer;
	display:inline-block;
	height:20px;
	padding-right:10px;
	vertical-align: top;
	white-space: nowrap;
}

#material_session.active, #material_session:hover {
	background:rgba(255,255,255,0.1);
	color:fff;
}

a#system-link {
	color:#fff;
	position:relative;
}

a#system-link em {
	font-size:10px;
	font-style:normal;
	margin-right:4px;
}

a#system-link strong {
	color:#fff;
}

#system-dropdown {
	background-color:#FFFFFF;
	box-shadow:0 1px 2px #666666;
	-webkit-box-shadow: 0 1px 2px #666666;
	/*min-height:200px;*/
	min-width:160px;
	position:absolute;
	/*right:0;*/
	display:none;
	z-index:9999;
	text-align:left;
	margin-left:72px;
	margin-top:7px;
}

#system-dropdown form{
	cursor:pointer;
	padding:10px;
	text-align:left;
}

#system-dropdown .textbox span { color:#fff;}
#system-dropdown .textbox input { width:200px; }

a#material-link {
	color:#fff;
	position:relative;
}

a#material-link em {
	font-size:10px;
	font-style:normal;
	margin-right:4px;
}

a#material-link strong {
	color:#fff;
}

#material-dropdown {
	background-color:#FFFFFF;
	box-shadow:0 1px 2px #666666;
	-webkit-box-shadow: 0 1px 2px #666666;
	/*min-height:200px;*/
	min-width:160px;
	position:absolute;
	/*right:0;*/
	display:none;
	z-index:9999;
	text-align:left;
	margin-left:0px;
	margin-top:7px;
}

#material-dropdown form{
	cursor:pointer;
	padding:10px;
	text-align:left;
}

#material-dropdown .textbox span { color:#BABABA;}
#material-dropdown .textbox input { width:200px; }

#color_session {
	cursor:pointer;
	display:inline-block;
	height:20px;
	padding-right:10px;
	vertical-align: top;
	white-space: nowrap;
}

#color_session.active, #color_session:hover {
	background:rgba(255,255,255,0.1);
	color:fff;
}

a#color-link {
	color:#fff;
	position:relative;
}

a#color-link em {
	font-size:10px;
	font-style:normal;
	margin-right:4px;
}

a#color-link strong {
	color:#fff;
}

#color-dropdown {
	background-color:#FFFFFF;
	box-shadow:0 1px 2px #666666;
	-webkit-box-shadow: 0 1px 2px #666666;
	/*min-height:200px;*/
	min-width:160px;
	position:absolute;
	/*right:0;*/
	display:none;
	z-index:9999;
	text-align:left;
	margin-left:140px;
	margin-top:7px;
}

#color-dropdown form{
	cursor:pointer;
	padding:10px;
	text-align:left;
}

#color-dropdown .textbox span { color:#fff;}
#color-dropdown .textbox input { width:200px; }

#window-tools{
	/*background:#000;*/
	/*width:200px;*/
	/*height:40px;*/
	float:left;
	/*margin-top:-14px;*/
	margin-left:10px;
	margin-top:-5px;
	color:#000;
}

#offertes-tools{
	/*background:#000;*/
	/*width:200px;*/
	/*height:40px;*/
	float:left;
	/*margin-top:-14px;*/
	/*margin-left:10px;
	margin-top:-5px;*/
	color:#000;
	margin-bottom:10px;
	width:320px;
	height:100px;
	border-bottom:1px solid var(--primary);
}

#offerte-name{
	float:left;
	/*height:30px;*/
	width:170px;
	text-overflow:ellipsis;
}

#offerte-name h3 {
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	font-size:18px;
	font-weight:normal;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	border-bottom:1px solid #ccc;
	color:var(--primary);
	width:170px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	}


#content-menu{
	width:100%;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	min-width:1210px;
	/*height:85px;*/
}
#content-menu2{
	/*width:100%;*/
	/*display:inline-block;*/
	height:40px;
	background:#f1f7fd;
	border-top:1px solid #cccccc;
	margin-top:30px;
	margin-bottom:14px;
	/*margin-right:20px;*/
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#select-boja{
	/*background:#f1f7fd;*/
	float:right;
	/*height:32px;*/
	/*padding-right:10px;*/
	margin-top:-1px;
}

#print-menu{
	float:right;
}

#material-tool{
	float:left;
}

.material-styled-select select {
   background: transparent;
   /*width: 200px;*/
   padding: 1px;
   font-size: 12px;
   line-height: 1;
   border: 1px solid #ccc;
   border-radius: 0;
   height: 22px;
   margin-left:10px;
   margin-top:5px;
   }

/*.material-styled-select label {

   padding: 1px;*/
   /*font-size: 14px;*/

   /*margin-left:10px;*/
   /*margin-top:5px;*/
   /*float:left;*/
   /*color:var(--tertiary);
   } */

.material-styled-select textarea {

   padding: 3px;
   font-size: 14px;
   -webkit-appearance: none;
   margin-left:10px;
   margin-top:4px;
   float:left;
   color:var(--tertiary);
   }

.material-styled-select input[type=radio] + label{
	display:inline-block;
    /*margin:-2px;*/
    padding: 2px 12px;
    background-color: #FFF;
    border: 1px solid var(--secondary);
	color:var(--secondary);
}

.material-styled-select input[type=radio] {
    display:none;
    margin:10px;
}

.material-styled-select input[type=radio]:checked + label {
    background-image: url(../images/checkin-icon2.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:25px;
    background-color:var(--secondary);
	color:#FFF;
}
.material-styled-select input[type=radio]:disabled + label {
    background-repeat:no-repeat;
    background-position:right;
    background-color:#F1F1F1;
    border-color:#999;
	color:#999;
}
.material-styled-select form {
   display:inline;
}

.offertes-styled-select textarea {

   padding: 3px;
   font-size: 14px;
   -webkit-appearance: none;
   margin-left:10px;
   margin-top:4px;
   float:left;
   color:var(--tertiary);
   }

.offertes-styled-select input[type=radio] + label{
	display:inline-block;
    /*margin:-2px;*/
    padding: 2px 12px;
    background-color: #FFF;
    border: 1px solid var(--secondary);
	color:var(--secondary);
}

.offertes-styled-select input[type=radio] {
    display:none;
    margin:10px;
}

.offertes-styled-select input[type=radio]:checked + label {
    /*background-image: url(../images/checkin-icon2.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right:25px;*/
    background-color:var(--secondary);
	color:#FFF;
}
.offertes-styled-select input[type=radio]:disabled + label {
    background-repeat:no-repeat;
    background-position:right;
    background-color:#F1F1F1;
    border-color:#999;
	color:#999;
}
.offertes-styled-select form {
   display:inline;
}


.slideThree {
	width: 80px;
	height: 26px;
	background: var(--primary);
	/*margin: 20px auto;*/
	float:right;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #FFFFFF;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #FFF;

	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}

.slideThree input[type=checkbox] {
	visibility: hidden;
}

#view{
	float:right;
	margin:0 0 0 20px;
	/*width:190px;*/
}


#popune_select .dd-select{
	background:#000;
	border-radius:0;
	white-space:nowrap;
	margin-bottom:3px;
}

#popune_select .dd-option{
	/*width:205px;*/
}


#popune_select label{
	width:130px;
	/*float:right;*/
	color:#000;
	margin:0;
	/*padding-top:10px;*/
}

#popune_select .dd-selected{
	padding:0;
}

#popune_select .dd-selected-text{
	font-weight:normal;
	padding-top:4px
}

#popune_select a{
	background:transparent;
	color:#000;
	padding:3px;
}

#popune_select a:hover{
	background:#F1F7FD;
}

#popune_select .dd-selected-image{
	max-width:20px;
}

#popune_select .dd-pointer{
	background-image: url(../images/dd_arrow_up.png);
	height:18px;
	width:17px;
	border-style:none;
	margin-top:-9px;
	margin-right:-9px;
}

#popune_select .dd-pointer-up{
	background-image: url(../images/dd_arrow_down.png);
	height:18px;
	width:17px;
	border-style:none;
	margin-top:-9px;
	margin-right:-9px;
}

/*#popune_select .dd-pointer-down{
	background-image: url(../images/dd_arrow_down.png);
	height:18px;
	width:17px;
	border-style:none;
}*/

#popune_select2 .dd-select{
	background:#000;
	border-radius:0;
	white-space:nowrap;
	width:270px;
}

#popune_select2 .dd-option{
	/*width:205px;*/
}


#popune_select2 label{
	width:130px;
	/*float:right;*/
	color:#000;
	margin:0;
	/*padding-top:10px;*/
}

#popune_select2 .dd-selected{
	padding:0;
}

#popune_select2 .dd-selected-text{
	font-weight:normal;
	padding-top:4px
}

#popune_select2 a{
	background:transparent;
	color:#000;
	padding:3px;
}

#popune_select2 a:hover{
	background:#F1F7FD;
}

#popune_select2 .dd-selected-image{
	max-width:20px;
}

#popune_select2 .dd-pointer{
	background-image: url(../images/dd_arrow_up.png);
	height:18px;
	width:17px;
	border-style:none;
	margin-top:-9px;
	margin-right:-9px;
}

#popune_select2 .dd-pointer-up{
	background-image: url(../images/dd_arrow_down.png);
	height:18px;
	width:17px;
	border-style:none;
	margin-top:-9px;
	margin-right:-9px;
}

#toolbox1{
	border:1px solid #cccccc;
	width:290px;
	margin:4px 4px 4px;
	background:#FFF;
	padding-top:10px;
	display:inline-block;
	padding-bottom:10px;

}

#innerIspuna{
	border:1px solid #cccccc;
	width:290px;
	margin:4px;
	background:#FFF;
	padding-top:10px;
	padding-bottom:10px;
}

#toolbox-3{
	border:1px solid #cccccc;
	width:290px;
	margin:4px;
	background:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
}

#toolbox4{
	border:1px solid #cccccc;
	width:290px;
	margin:4px;
	background:#FFF;
	padding-top:10px;
	display:inline-block;
}
#toolbox-5{
	border:1px solid #cccccc;
	width:290px;
	margin:4px;
	background:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
}

#toolbox_articles{
	border:1px solid #cccccc;
	width:290px;
	margin:4px;
	background:#FFF;
	padding-top:10px;
	display:inline-block;
}

#toolbox_shopcart{
	border:1px solid #cccccc;
	width:290px;
	height:auto;
	margin:4px;
	background:#FFF;
	padding-top:10px;
	display:inline-block;
}

#position-header{
	width:210px;
	background:var(--primary);
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:none;
	margin-left:-20px;
	height:18px;
	color:#FFF;
	padding:5px
}

#checkout-button{
	height:26px;
	width:120px;
	/*background:#000;*/
	float:left;
	margin-left:-160px;
	margin-top:2px;
}
#checkout-button a{
	margin-top:2px;
	background:#86a71b;
}

#checkout-button a:hover{
	margin-top:2px;
	background:#678111;
}

#checkout-button img{
	margin-left:10px;
	margin-bottom:-2px;
}

#checked-out-button{
	height:26px;
	width:140px;
	/*background:#000;*/
	float:left;
	margin-left:-160px;
	margin-top:2px;
}
#checked-out-button a{
	margin-top:2px;
	background:#ea0000;
}
#checked-out-button img{
	margin-left:10px;
	margin-bottom:-2px;
}

#price-full{
	width:220px;
}


#box_left_price{
	float:left;
	margin-left:-20px;
}

#checkout-image{
	float:left;
	width:320px;
	height:320px;
	margin-left:20px;
}

#checkout-selection{
	float:left;
	margin-top:5px;
}

#checkin-cijena{
	margin-top:10px;
	font-weight:bold;
	text-decoration:uppercase;
}

#dashboard_menu{
	width:990px;
}

#sidebar{
	float:left;
	width: 200px;

}

#sidebar ul{
	width: 100%;
	display: table;
	table-layout: fixed; /* optional */

}
#sidebar ul li{
	display: block;
	width: 100%;
	/*text-align: center;*/

}
#sidebar li a{
	display: block;
	width: auto;
	/*text-align: center;*/

}

#shop-content{
	height:30px;
    /*position:absolute;
    border:0px;
    padding:0px;
    margin:0px;*/

}

#left_bar{
	/*height:500px;*/
    position:absolute;
    border:0px;
    padding:0px;
    margin:0px;
	width:220px;
	left:0;

}

#right_bar{
	/*height:500px;*/
    position:absolute;
    border:0px;
    padding:0px;
    margin:0px;
	right:0;
	left:0;
}

#container{
	margin:20px;
}

#company{
	background:#f3f3f3;
	/*height:200px;*/
	/*width:1120px;*/
	margin-bottom:15px;
}

#company-logo{
	height:180px;
	width:180px;
	background:#fff;
	border:3px solid var(--primary);
	margin:8px 0 0 8px;
	float:left;
}

#products{
	/*width:900px;*/
	/*height:152px;*/
	float:left;
	margin-left:25px;
	margin-top:22px;
}

#products a{
	padding:0;
}

#single-product{
	width:307px;
	height:225px;
	background:#000;
	/*border:1px solid var(--primary);*/
	margin-right:25px;
	position:relative;
	float:left;
}

#product-title{
	width:307px;
	height:40px;
	background-color: rgba(0, 0, 0, 0.5);
	bottom:0;
	position:absolute;
	text-align: left;
}

#product-title h3{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	margin:auto;
	width:307px;
	height:35px;
	display:inline-block;
	padding-top:10px;
	border:none;
	padding-left:20px
}

#product-image{
	width:307px;
	height:225px;
}

#bottom-content{
	border-bottom:1px solid var(--primary);
	border-top:1px solid var(--primary);
	width:1120px;
	height:120px;
}

.image-content {
	overflow: hidden;
}
.image-content,
.image-content img {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.image-content:hover img {
	transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.2) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-moz-transform: scale(1.2) rotate(3deg);
}

.image-content {
	position: relative;
	float:left;
	max-width: 100%;
}
.image-content span.border-img {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.image-content:hover span.border-img {
	border: 3px solid #000000;
}

.image-content span.border-img
{
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
	    -ms-transition: all 0.1s ease-in-out;
	     -o-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;
}

#product{
	width:200px;
	/*height:250px;*/
	border:1px solid #ddd;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#product h3{
	color:var(--primary);
	border:none;
	padding:7px;
	font-size:14px;
	margin:0;
}

#product a{
	color:var(--primary);
	border:none;
	padding:0px;
	font-size:14px;
	margin:0;
	background:none;
}

#product a:hover{
	color:var(--primary);
	border:none;
	padding:0px;
	font-size:14px;
	margin:0;
	background:none;
	text-decoration:underline;
}

#content-holder{
	/*width:100%;*/
	min-width:1200px;
	height:500px;
    position:absolute;
    border:0px;
    padding:0px;
    margin:0px;
	width:100%;
}

#shop_image_holder{
	width:187px;
	height:160px;
	margin-left:5px;
}

#shop_image_holder img{
	width:187px;
	height:160px;
	border:1px solid #ddd;
}

#price_holder{
	padding:7px;
}

#add_to_cart_button{
	padding:3px 7px;
}

#add_to_cart_button a{
	font-size:12px;
	background:var(--primary) !important;
	padding:5px 7px;
	color:#fff !important;
}
#add_to_cart_button a:hover{
	font-size:12px;
	background:var(--secondary) !important;
	padding:5px 7px;
	color:#fff !important;
	text-decoration:none !important;
}

#buy_button{
	padding:3px 7px;
	margin-left:10px;
}

#buy_button a{
	font-size:12px;
	background:var(--primary) !important;
	padding:5px 7px;
	color:#fff !important;
}
#buy_button a:hover{
	font-size:12px;
	background:var(--secondary) !important;
	padding:5px 7px;
	color:#fff !important;
	text-decoration:none !important;
}

#quantity_holder{
	margin-left:6px;
}

#quantity_holder input{
	border:1px solid #ddd;
	width:80px;
	height:20px;
}

#product-details-main{
	/*border:1px solid #ddd;
	width:80%;
	height:540px;
	float:right;
	position:absolute;*/
}

#product-details-main-left{
	float:left
}

#product-details-main-right{
	float:left
}

#product-details-main-gallery{
	/*border:1px solid #ddd;*/
	width:500px;
	/*height:500px;*/
	/*margin:20px;*/
}

#product-details-main-desc{
	/*border:1px solid #ddd;*/
	/*width:300px;*/
	/*height:500px;*/
	margin:0px 20px 20px 0px;
}

#product-details-main-desc-title h3{
	font-size:18px;
	font-weight:bold;
	border:none;
	margin:0;
}

#product-details-main-desc-quantity a{
	background:none;
	color:var(--primary);
	border:none;
	padding:0px;
	font-size:14px;
	margin:0;

}

#product-details-main-desc-quantity input{
	border:1px solid #ddd;
	width:80px;
	height:20px;
	margin:7px 20px 7px 0;
	}

#shop-cart{
	/*width:100%;*/
	/*height:400px;*/
	/*float:right;*/
	border:1px solid #ddd;
	/*margin-right:20px;*/
	margin:10px;
	text-align:left;
}

#shop-cart h3{
	/*height:20px;*/
	background:var(--primary);
	padding:4px;
	color:#fff;
	width:auto;
	margin:0;
	font-size:14px;
}

#product-details-main-gallery li{
	/*background:#000;*/
	margin:1px 3px 3px 1px;
	border:1px solid #ddd;
	padding: 5px 0 0;
}

#product-details-main-gallery li a{
	background:transparent;


}
#product-details-main-gallery img{
	padding:1px;


}

#product-details-main-gallery ul{
	/*margin-left:10px;*/
	margin-top:8px;
}

#add_to_cart_button_details{
	padding:10px 0;
}

#upload-container{
	margin:10px;
}

#shop-search{
	float:right;
	margin-right:20px;
	margin-top:-50px;

}

#shop-search input{
	width:300px;
	border:1px solid #ddd;
}

.one-line{
	height:30px;
	display:inline-block;
	width:290px;
}

.one-line label{
	left:35px;
	position:absolute;
	margin-top:6px;
	color:var(--tertiary);
}

.one-line input{
	left:10px;
	position:absolute;
	margin-top:9px;
}

.number-line{
	height:30px;
	display:inline-block;
	width:145px;
	margin-right:10px;
	float:right;
}

.number-line label{
	/*left:35px;*/
	/*position:absolute;*/
	margin-top:6px;
	color:var(--tertiary);
	margin:0 5px;
}

.number-line input{
	left:10px;
	/*position:absolute;*/
	margin-top:6px;
	/*float:right;*/
	width:40px;
	display:inline-block;

}

.dra-line{
	height:30px;
	display:inline-block;
	width:250px;
	margin-right:10px;
	float:right;
}

.dra-line label{
	/*left:35px;*/
	/*position:absolute;*/
	margin-top:6px;
	color:var(--tertiary);
	margin:0;
}

.dra-line input{
	left:10px;
	/*position:absolute;*/
	margin-top:6px;
	/*float:right;*/
	/*width:40px;*/
	display:inline-block;

}

.dd-options li{
	width:100%;
}

#download-table table{
	border:none;
	width:500px;
}
#download-table table thead th{
	background:var(--primary);
	text-align: left;
}
#download-table table td{
	border:none;
}
#download-table a{
	color: var(--primary);
  background-color: white;
  padding: 7px;
  cursor: pointer;
}
#download-table a:hover{
	color: var(--primary);
  background-color: white;
  padding: 7px;
	cursor: pointer;
	text-decoration:underline;
}
#table_shop_cart td:first-child + td{ width:50%; }
#quantity_holder .ui-spinner-button {right: 8px !important; height:2px;}
#quantity_holder .ui-icon-triangle-1-n{background-position: 0 -15px !important}
#quantity_holder .ui-icon-triangle-1-s{background-position: -66px -16px !important}
#shop_header{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: var(--primary);
    float: left;
    font-size: 16px;
    /*height: 25px;*/
    /*margin-left: 10px;*/
    padding: 3px 0 0;
	width:100%;
}
.select-category{
	float:left;
}
.checkout-button-shop{
	font-size:12px;
	margin-left:20px;
	padding-right:25px !important;
	background-image:url("../images/checkin-icon2.png");
	background-position:right center;
	background-repeat:no-repeat;
}
.checkout-button-shop:hover{
	margin-left:20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	width:20px !important;
}

.dropdown-wrapper{
	color:#666666 !important;
}
.bg-green {
	background: green !important;
}

#btnAllRahms{
	width: 22px;
	  height: 22px;
	  background-color:white;
	  border:2px solid #15a5cf;

  	margin-top: 5px;
	  margin-right: 12px;
	  position:relative;
}
#btnAllRahms:before {
	content: " ";
	position: absolute;
	/* z-index: -1; */
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 2px dotted #15a5cf;
  }
  #tech_docs_dialog .jqte{
	margin:30px 0 30px 0 !important;
}
.deleteDocumentIcon{
	margin-left:5px;
	color:red;
	cursor: pointer;
}
#existingDocuments{
	text-align:right;
	display:grid;
}
#existingDocuments > span{
	float:right;
}
#existingDocuments a {
	color:var(--primary);
}
#existingDocuments a:hover {
	text-decoration: underline;
}
.lightRed {
	background-color: #f0aaaa !important
  }

  .lightGreen {
	background-color: #90ee90 !important
  }
  .no_resize_textarea {
	resize: none;
	}

	#artikli_korpa_table
	{
		font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size: 12px;
		text-align: left;
		border-collapse: collapse;
		width:100%;
		border-left:none;
		border-right:none;
		/*margin-top:-26px;*/
		margin-bottom:-1px;
	}

	#artikli_korpa_table th
	{
		font-size: 13px;
		font-weight: normal;
		padding: 2px;
		background: var(--primary);
		border-top: none;
		border-bottom: 1px solid #fff;
		color: #FFF;
		text-align:left;
		border:1px solid var(--primary);
	}
	#artikli_korpa_table td
	{
		padding: 2px 2px 2px 4px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		color: #666;
		border-top: 1px solid #ccc;
		border-left:none;
		border-right:none;
	}

	.qtip{
		max-width: none !important;
		max-height: none !important;
	}

	#notification_message {
		width:26px;
		background: url(../images/notify_empty_icon.png) no-repeat center left;
		height:28px;
		margin-top:5px;
		margin-right:5px
	}

	#notification_message input {
		background: transparent;
		font-size:10px;
		color:#ff0000;
		border:none;
		width:20px;
		margin-top:2px;
		margin-left:-2px;
		text-align:center;
		font-weight:bold;
		cursor:pointer;
	}

	#popup-form2 {
		background-color: #fff;
		color: #575757;
		font-weight:none;
		margin: 0;
		border-radius:none;
		width: 330px;
		}
	
	#popup-form2 label {
		padding-left:0;
		width:125px;
		text-transform: none;
		display:inline-block;
		padding-top:2px;
	}
	
	#popup-form2 input[type=text],
	#popup-form2 input[type=file],
	#popup-form2 input[type=password],
	#popup-form2 select,
	#popup-form2 textarea {
		width: 190px;
		border: 1px solid var(--tertiary);
	}