body {background-color:#ffffff;margin:0; padding-top: 40px; font-size: 10pt;font-family:"Trebuchet MS",Verdana,sans-serif;min-width:280px;}
img {border: 0 none;}

h1 {font-size: 12pt;}
h2 {font-size: 10pt;}
h3 {font-size: 8pt;}

#content{margin:20px 8px 20px 8px;}

#login_logo{max-width:400px;}

#footer{text-align: center;border-top:solid 1px #eee;padding:3px;line-height:15pt}
#footer img {height:14px;margin-top:8px;}

.notification {vertical-align:middle;font-size:12pt;padding:10px 10px 10px 50px; margin: 10px; text-align:left;border-radius:5px; -webkit-border-radius:5px;font-weight:normal}
.notification.error {color:#cf0a27;border:solid 1px #cd0a0a;background:url('../images/error.png') no-repeat 10px center #fef8f6;}
.notification.message {color:#00ba4a;border:solid 1px green;background:url('../images/ok.png') no-repeat 10px center #e9f8b7;}
.notification.general {color:#363636;border:solid 1px #fcefa1;background:url('../images/notification.png') no-repeat 10px center #fbfaf3;}

.static_notification {vertical-align:middle;font-size:12pt;padding:10px 10px 10px 50px; margin: 10px; text-align:left;border-radius:5px; -webkit-border-radius:5px;font-weight:normal}
.static_notification.general {color:#363636;border:solid 1px #fcefa1;background:url('../images/notification.png') no-repeat 10px center #fbfaf3;}

/*.ui-slider .ui-slider-handle {height:3.5em; width:2em; }
.ui-slider-horizontal .ui-slider-handle {top:-1.5em;}*/

input,select {font-size:14pt; border:1px solid #777; padding: 3px; border-radius:5px; -webkit-border-radius:5px; background-image: -moz-linear-gradient(#DDDDDD, #FFFFFF, #FFFFFF);background-image: -webkit-linear-gradient(#DDDDDD, #FFFFFF, #FFFFFF);}
textarea {font-size:14pt; border:1px solid #777; border-radius:5px; vertical-align: top; min-height:100px; -webkit-border-radius:5px; background-image: -moz-linear-gradient(#DDDDDD, #FFFFFF, #FFFFFF);background-image: -webkit-linear-gradient(#DDDDDD, #FFFFFF, #FFFFFF);}
select {font-size:12pt;}
#wrapper {width:100%; /*max-width:500px;*/}

#menu {background-color:#666; color:#eee; padding:8px 0; text-align:center; position:absolute; top: 0; width: 100%; z-index:20;}
#menu ul {list-style:none; width:100%; margin:0; padding:0;white-space:nowrap;}
#menu ul li {display:inline-block;/*width:25%;*/margin:0px 8px 0px 0px;}
#menu ul li a { color:#111; background: #eee url('../images/btn_bg.gif'); font-size:13pt; padding: 3px 10px; text-decoration:none; display:inline-block; border-radius: 6px; box-shadow: 0 0 0.4em #555; -webkit-box-shadow: 0 0 0.4em #555;}
#menu ul li a:hover {background: #fff; box-shadow:0 0 .4em #fff;}
#menu ul li a img {vertical-align:middle;}
#menu ul li a.logo{background:none;padding: 0px 0px;border-radius: 0px; box-shadow: 0 0 0 #555; -webkit-box-shadow: 0 0 0 #555;}

/*default.asp - login form*/
#login {}/*padding: 3%*/
#loginGTemplate #content{text-align:center;margin:0 auto}
.generel-form {font-size:18pt;}
.generel-form label {display:inline-block; width:120px;text-align:left}
.generel-form button {display:block;width:100%; max-width: 400px;}
.generel-form a {display:block;width:100%; max-width: 400px;}
.generel-form input {width:50%;max-width: 400px;}
.generel-form button {width:50%;display:inline-block;margin:0;}
.generel-form button.ui-state-default .ui-button-text {background:url('../images/enter.gif') no-repeat left 50%;}
.generel-form #guestbtn {display:inline-block;margin:0;width:50%;max-width: 400px;}
#guestbtn.ui-state-default .ui-button-text {background: url("../images/guest.png") no-repeat scroll 9px 50%; }

input.error{border:dotted 2px red}
label.error{color:Red;font-size:12pt;white-space:nowrap;padding:5px;display:block;text-align:center;margin:0 auto}

/* ui */
.ui-widget {font-family:"Trebuchet MS",Verdana,sans-serif;}
.ui-widget h2 {font-size: 10pt;font-weight:bold}

/*Search.asp - search form*/
#search_form {padding:0 10px;}
#search_form button {display:block;width:100%; max-width: 400px;}

#search_form button.ui-state-default .ui-button-text {background: url("../images/submit.png") no-repeat scroll 9px 50%; line-height:51px; height:51px;font-size: 18pt;}
#search_form .ui-button-text-only .ui-button-text {padding: 0.2em 0.2em;}
.list_inline h3,list_inline select{display:inline;}
#shapes {text-align:center;margin: 0 auto}

#advance_search{cursor:pointer;margin-top:15px;}
#advance_search_div{display:none;}

#tabs {min-height:100px;}
#tabs h2{margin:2px 0;}
#search_form #tabs > .ui-widget-content,#search_form #tabs.ui-widget-content{background-image:none;background-color:#ffffff;border:solid 0px #ffffff}
.ui-tabs{padding:0;}
.ui-tabs .ui-tabs-panel{padding: 1em 0}
#tabs .ui-widget-header {background:#ffffff;border:none; }
#tabs .ui-button-text-only .ui-button-text {padding: 0.4em 0.4em;}
#tabs #fancycolor {padding:35px 0 0 0}
.slide-out-div {padding: 15px;width: 200px;background:url('../images/aaaaaa_pixel.gif') repeat-x top #e2e1dd ;border-right: #aaaaaa 1px solid;border-bottom: #aaaaaa 1px solid;border-left: #aaaaaa 1px solid;z-index:100;}
.layout-slider{margin:0 auto;width:90%;max-width:1000px;text-align:center;}

#weight{height:110px;}
#weight input {width:50px;text-align:center;padding: 1px;font-size:10pt;}
.colors{height:140px;}
#color select,#clarity select {padding: 1px;font-size:10pt;}
#clarity {height:110px;}

#weight .leftdiv,#color .leftdiv,#clarity .leftdiv,#intensity .leftdiv{width:50px;float:left;white-space:nowrap;}
#weight .rightdiv,#color .rightdiv,#clarity .rightdiv,#intensity .rightdiv{width:50px;float:right;white-space:nowrap;}
#weight .cleardiv,#color .cleardiv,#clarity .cleardiv,#intensity .cleardiv{clear:both;height:20px;}

/* Lotid */
#lotid_div .ui-widget{font-weight:bold;font-size:10pt;}
#lotid_div label{display:block;margin-bottom:8px;}
#lotid.ui-autocomplete-loading {background-image: -moz-linear-gradient(white,white,white);background-image: -webkit-linear-gradient(white,white,white);background:url('../images/loading_lotidlist.gif') no-repeat right white; }


/*results.asp - search results*/
#results {list-style:none; margin:0; padding:0;}
#results ul {list-style:none; margin:0; padding:0;}
#results > li {border-bottom:1px solid #ccc; padding:10px;}
#results li.selected {background-color:#E0EEE0;}
#results li h2 {margin:0 0 0 0;font-size:13pt}
#results li .add-btn button{background:url("../images/add.png") no-repeat center center;width:35px;height:35px;margin:0;border:0px;background-color:transparent;float: right;}
#results li.selected .add-btn button{background:url("../images/remove.png") no-repeat center center;width:35px;height:35px;margin:0;border:0px;background-color:transparent;}
#results .add-btn {float:right;display:table-cell;}
#results .ui-button-text-only .ui-button-text {padding: 0.4em 0.3em;}

#results div.details {display:none;}
#results .details ul li {margin-top:5px;}
#results div.close {clear:both; text-align:center;}

#more_results {text-align:center; margin:5px 0 10px;}
#results_loading {margin: 5px 0; line-height:32px;}
#results_loading img {margin-right:15px; vertical-align:top;}

#results #info a{margin-top:8px;/*min-height:30px;*/}
#results h2{text-align:left;display:table-cell;white-space:normal}

#results .ItemDescPrice,#cart span.ItemDescPrice{color:#A00000; }

#paging ul{}
#paging li{display: inline-block;height:40px;list-style-type: none;margin:0;}
#paging ul li a {color:#111; background: #eee url('../images/btn_bg.gif'); font-size:12pt; padding: 5px 10px; text-decoration:none; border-radius: 6px; box-shadow: 0 0 0.4em #555; -webkit-box-shadow: 0 0 0.4em #555;}
#paging ul li a.emphasise {border:solid 1px orange}

/*cart.asp - cart items*/
#cart {list-style:none; margin:0; padding:0;}
#cart ul {list-style:none; margin:0; padding:0;}
#cart > li {border-bottom:1px solid #ccc; padding:10px; background-color:#ccc; opacity:0.5; min-height:50px;}
#cart li.selected {background-color:#ECF1EF; opacity:1;}
#cart li h2 {margin-top:0; text-decoration:line-through;}
#cart li.selected h2 {margin-top:0; text-decoration:none;}

#cart li .add-btn button{background:url("../images/add.png") no-repeat center center;width:35px;height:35px;margin:5px 0 0 0;border:0px;background-color:transparent;}
#cart li.selected .add-btn button{background:url("../images/remove.png") no-repeat center center;width:35px;height:35px;margin:5px 0 0 0;border:0px;background-color:transparent;}
#cart .add-btn {float:right;display:block;}
/*#cart .add-btn {float:right;}*/

#cart div.details {display:none;}
#cart .details ul li {margin-top:5px;}
#cart div.close {clear:both; text-align:center;}

#tabs form label {display:inline-block; width:120px;}
#tabs form button {display:block;width:95%; max-width: 400px;margin:15px 5px;}

#EmptyCartBtn{margin:10px 0 0 10px;}

button.active{border:2px solid red;}

#tabs button {display:block;width:100%; max-width: 400px;}
#tabs button.ui-state-default {font-size:18pt;}

#tabs #order button.ui-state-default .ui-button-text {background: url("../images/order.png") no-repeat scroll 9px 50%; line-height:51px; height:51px;}
 
#tabs #email button.ui-state-default .ui-button-text {background: url("../images/send.png") no-repeat scroll 9px 50%; line-height:51px; height:51px;}

/*Email.asp*/
.emailimage{max-width: 400px;}

/*general*/
.inline *{white-space:nowrap;display:inline}
.block {display:block}
.seperate{background-color:#e7e7e7;height:1px;margin:10px 0}