@charset "UTF-8";
/* CSS Document */


* { padding: 0; margin: 0; outline: none;}

@font-face {
	font-family: 'tpro';
	src: url('trajanpro-webfont.eot');
	src: local('☺'), url('trajanpro-webfont.woff') format('woff'), url('trajanpro-webfont.ttf') format('truetype'), url('trajanpro-webfont.svg#webfontRO1NFKxY') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { height : 100%; }

body {
 background: #E0D9BC /*e7e7e7 */ ;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#666;
 height:100%;
}


#page { width:100%; position:relative; background: url(../img/header.gif) 0 0 repeat-x;}
#wrapper { width:1000px; margin:0 auto; position:relative;}
#footer {display:block; width:1000px; padding:10px 0; background:#fff; border-top:1px solid #e7e7e7;}

.clear { clear:both; display:block; margin:1px;}


#header { width:1000px; height:100px; position:relative;}
#header .logo { margin:35px 0 0;}
#header .headertitle { position:absolute; top:66px; right:20px;}
#header .headertitle h1 { font-family:'tpro', arial; color:#d69795; font-size:16px;}

#header .loginpanel { position:absolute; right:20px; top:5px; line-height:24px;}
#header .loginpanel-drop {}
#header .loginpanel a {color:#d69795; font-size:11px}
#header .loginpanel a:hover { text-decoration:underline;}


.starsbg { width:350px; height:100px; float:left; background: url(../img/starbg.jpg) 0 0 no-repeat; position:absolute; }

.feature { width:1000px; height:420px; position:relative; background: #dedeff; margin:0px;}
.feat-right { position:absolute; right:0px; width:210px; padding:20px;}
.feat-right .fcel { float:left; margin-bottom:20px;}

.feature h1 { font-size:18px; color:#17172c; font-family:Arial, Helvetica, sans-serif;}
.feature p {  color:#17172c; }

#footer p {text-align:center;}

.search { position:absolute; right:20px; top:12px;}



/* type ==========================================*/

h1 { font-family:"tpro", Arial; font-size:24px; color:#3a70b7; margin:0 0 10px; font-weight:normal; }
h2 {padding-top:10px; font-family:Arial, Helvetica, sans-serif;font-size: 18px; margin:0 0 20px; 	font-weight:normal;	color: #4f4842; }
h3 { color: #4f4842; font-size:14px; font-family:Arial, Helvetica, sans-serif; }

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:16px; margin:10px 0;  }
.padding p { font-size:14px; line-height:20px; color:#666;}

a {color:#cd3e27; text-decoration:none; }
a:hover {text-decoration:underline; }

:focus {-moz-outline-style: none; }
a:active, a:focus { outline: 0; -moz-outline-style: none; }
a img {border : 0;}



/* content  ==========================================*/


.padding {padding:20px 30px; float:left; display:block; background:#fff; clear:both;}
.starbg-big {background: #fff url(../img/starbg-big.jpg) right 0 no-repeat;}

.column-left { float:left; width:600px; }
.column { width:450px; float:left;}

.col-left { float:left; width:300px;}
.col-left h1 { font-size: 18px; }

.col-right { float:left; width:580px; margin-left:60px;}
.col-right .cel01 { width:240px; padding-right:30px; padding-bottom:20px; float:left; }
.col-right .cel01 p { font-size:12px; line-height:14px;}

.details-col-left {float:left; width:250px;}
.details-col-right { float:left; width:660px; margin-left:30px;}
.details-col-left .details-photo {border:5px solid #ccc; width:240px; overflow:hidden; margin-bottom:20px;}
details-col-left h1 { font-size:18px;}

.summ-header { clear:both; min-height:320px; display:block; margin-bottom:40px;}
.summ-header .details-header { width:460px}
.summ-header .details-photo {width:450px; margin-right:20px; float:left;}
.summ-header .details-header .sell { float:none; width:100%; margin:10px 0; line-height:22px; position:relative; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0;}


.details-right { margin-left:30px; float:left; width:610px;}
.details-header { width:660px; float:left; margin-bottom:20px;}
.details-right h1 {font-size:18px }


.details-photo {border:5px solid #ccc; width:290px; overflow:hidden; margin-bottom:20px;}

.details-header .details-info { float:left; width:390px; padding-right:20px; margin-right:20px; border-right:1px solid #ccc;}
.details-header h1 { font-size:18px; margin:10px 0 5px; font-family:Arial, Helvetica, sans-serif;}


.details-header span {}
.details-header .sell { float:left; width:229px; line-height:22px; position:relative;}
.details-header .sell .btn { position:absolute; top:0px; right:0;}


.cel02 { width:300px; padding-bottom:30px; float:left; }
.cel03 { width:240px; float:left; }
.padding .col-left .cel02 p { font-size:12px; line-height:14px;}

.cel03 p { font-size:12px; line-height:15px; margin:5px 0;}
.cel03 img { float:left; margin:0 15px 15px 0;}

.thumb-row { float:left; margin:0 15px 15px 0;}


.details-row-wrap {  padding:10px; margin-bottom:20px;}
.details-row-wrap h2 { margin:0px; padding-top:0px; padding-bottom:0px;}
.details-row-wrap .brder { border-left: 1px solid #ccc; padding-left:15px;}
.details-row-wrap img { float:left; margin-right:20px;}

.details-row-wrap .tbpadding { padding-bottom:20px;}


.share-warp { margin-bottom:15px; display:block; float:right;}

.share-warp .addthis_toolbox { display:inline-block; margin-left:5px;}

.interest { min-height:60px; display:block; margin:10px 0 ; padding:5px; background:#F2F3F4; width:57%; }
.interest h3{ padding-top:20px; }
.interest .rthumb { border:3px solid #DCDCDC; float:left; margin-right:20px;}


.column-left-msgbox {width:520px; float:left; margin-right:80px; background: #e7eef7 url(../img/msg-success.png) no-repeat scroll 15px 15px; padding:20px; }
.column-left-msgbox  h1 {padding-left:35px;}

/* store page ==========================================*/

.product-col { width:163px; border:10px solid #e4e4e9; background: #eaebeb; min-height:360px; padding:20px; position:relative; float:left; text-align:center; margin-right:15px; }
.product-col .ptitle { display:block; height:60px;} 
.product-col h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
.product-col h1 span { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:-2px; color:#666; font-weight:normal;}

.product-col .pimg { margin:0px -10px 10px;}
.product-col span { font-size:14px; font-weight:bold; color:#1e58a3; display:block;}
.product-col .btnimg { display:block; margin:10px auto;}


/* collection page ==========================================*/

.starbox { width:350px; margin-bottom:30px; padding:0px 0px 10px;  display:block; float:left;}
.starbox h2 { }
.starbox span { display:block; float:left;}

.arrowbox { position:relative; width:180px; height:85px; float:left; padding:0px 20px 10px 10px; border-top:1px solid #c3c3c7; display:block; margin-bottom:30px;}
.arrowbox .icon {display:block; position:absolute; top:10px; left:5px;}
.arrowbox h2 { margin:0px 0px 3px 30px; padding-top:18px; font-size:16px; color:#434357; }
.arrowbox .btn-go {position:absolute; bottom:7px; left:40px;}
.arrowbox span {line-height:7px; padding-left:30px;}

.arrowbox:hover {background: #dfebf9; cursor:pointer;}

/* search results page / tables styles ==========================================*/

.addnav-panel {background:#dbe4f0; margin:10px -30px 20px; width:940px; padding:30px; }

.search-panel {background:#dbe4f0; margin:-50px -30px 20px; width:940px; padding:30px; }
.search-panel .txt1 { font-size:18px; color:#131313; width:160px; }
.search-panel .txt2 { font-size:14px; }

.resultstable { font-size:14px; margin:0 -30px;}
.resultstable .titles { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px;  font-weight:bold; color:#666679; text-decoration:underline; line-height:20px; padding-bottom:20px}
.resultstable .titles .arrow { margin-left:0px;}
.resultstable .rthumb {border:3px solid #dcdcdc;}
.resultstable .restext { height:75px; padding:2px 0;}

.resultstable tr.result {border-bottom:3px solid #ccc;}
.resultstable tr.result:hover {background:#eaebeb; cursor:pointer;}

#zebra { font-family:Arial, Helvetica, sans-serif; border-collapse: collapse;}
#zebra th {	font-size: 14px; border-bottom:5px solid #fff;	font-weight: normal; text-align:left;	padding: 5px 8px; background: #DBE4F0;	color: #4F4842;}
#zebra td {	padding: 8px 15px;	}
#zebra .odd {background: #f2f3f4; }

.thumb-admin {float:left; margin-right:5px!important ;}
h3#cluetip-title {position:absolute; right:10px; top:5px;}
.cluetip-jtip { border:1px solid #ccc; background:#fff; }
.cluetip-jtip { -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	 -moz-border-radius: 10px;
	 
	  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;

}
#cluetip-close { float:right; font-size:12px; padding-top:4px; }
/* forms fields / btns ==========================================*/

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

.field-search { background: #10101f url(../img/field-search.jpg) 0 0 no-repeat; border:none; padding:4px 13px 4px 10px; width:115px; height:16px; float:left; color:#aaa;}
.field-save { background:  url(../img/field-save.png) 0 0 no-repeat; border:none; padding:6px 10px 2px; width:140px; height:16px; float:left; color:#fff;}

/* contact page */
form.fcontact { text-align:left; }
form.fcontact .required {color:#FF0000;float:right;}

form.fcontact p.fieldwrap {margin:1px; padding:1px; clear:both;}
form.fcontact p.fieldwrap span { display:block; clear:both; }

form.fcontact label {clear:left;
display:block;
float:left;
margin:0 10px 0 0;
padding-bottom:15px;
text-align:left;
width:22%;}

input.fmtext {background: url(../img/field-input.jpg) 0 0 no-repeat;
border:1px solid #b7b7b7;
display:block;
float:left;
font-size:14px;
margin-bottom:12px;
padding: 5px 4px;
width:350px;}

form.fcontact textarea {
background-color:#ededed;
border:1px solid #b7b7b7;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin-bottom:12px;
padding:4px;
position:relative;
width:350px;
}

form.fadditem textarea {
background-color:#ededed;
border:1px solid #b7b7b7;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin-bottom:12px;
padding:4px;
position:relative;
width:350px;
}

form.fadditem textarea:focus {background: #fff;}


input.fmtext:focus, form.fcontact textarea:focus {background: #fff;}

.fmselect { width:150px; padding-top:0px; height:28px; font-size:12px; background: #DBE4F0; color:#666; border:none;}
 select option.fmsel { padding: 2px; }

.fmcheck { margin:0 4px;}

.qtywrap { position:relative;}
.qty {background:#fff url(../img/login-field.gif) 0 0 repeat-x; width:30px; padding:7px 7px; border:1px solid #c8c8c8; margin:0; color:#666666; position:relative;}
.btnup { position:absolute; width:15px; height:17px; border:none; background:#ccc; right:5px; z-index:100;}
.btndown {position:absolute; width:15px; height:17px; border:none; background:#ccc; top:15px; right:5px; z-index:100;}

.btn-txt {color:#666; font-size:18px;}

.btn-add {  font-size:18px; padding-right:20px; color:#666;   line-height:50px;}
.btn-add span {clear:none!important; display:inline!important; color:#111b5a; font-weight:bold;}
.btn-add span:hover{ color:#009900;}


.field-login {background-color:#d69795;border:1px solid #af5e5b;display:block;float:left;font-size:12px;margin: 0 5px 12px; padding:4px;width:150px;}
.field-login:focus { border:1px solid #eecac9;}


.btn-search { background: url(../img/btn-search.png) 0 0 no-repeat; width:52px; height:24px; text-indent:-9999px; border:none; display:block;  cursor:pointer;float:left; margin-left:-3px; right:0px;}
.btn-red { background: url(../img/btn-red.png) 0 0 no-repeat; width:70px; height:24px; border:none; display:block; float:left; margin: 0 5px 0; cursor:pointer; color:#f4f2df; }

.btn-blue { background: url(../img/btn-blue.png) 0 0 no-repeat; width:71px; height:28px; border:none; display:block; float:left; margin-left:5px; cursor:pointer; color:#f4f2df; }
.btn-blue:hover {background-position: 0 -29px;color:#fff;}

.availfieldaddbutton { background: url(../img/btn-blue.png) 0 0 no-repeat; width:71px; height:28px; border:none; display:block; float:left; margin-left:5px; cursor:pointer; color:#f4f2df; }
.availfieldaddbutton:hover {background-position: 0 -29px;color:#fff;}

.btn-blue-long { background: url(../img/btn-blue-long.png) 0 0 no-repeat; width:160px; text-align:center; line-height:24px; height:24px; border:none; display:block;  margin-left:5px; cursor:pointer; color:#f4f2df; font-size:12px; }


.btn-advsearch { background: url(../img/btn-asearch.png) 0 0 no-repeat; width:160px; text-align:center; line-height:28px; height:28px; border:none; display:block;  margin-left:5px; cursor:pointer; color:#f4f2df; font-size:12px;   }

.btn-advsearch:hover {background-position: 0 -29px; color:#fff;text-decoration:none;}

.btn-random { background: url(../img/btn-random.png) 0 0 no-repeat; width:185px; height:46px; text-indent:10px;  border:none; display:block; float:left; margin-left:5px; cursor:pointer; color:#fff; font-size:14px; line-height:33px; text-align:left; margin-bottom:15px; }
.btn-random span {font-size:10px; color:#ccc; line-height:0px; display:block;}

.btn-random:hover { background-position:0 -46px; text-decoration:none;color:#fff;}

.btn-big { background: url(../img/btn-big.png) 0 0 no-repeat; width:185px; text-align:center; height:46px;  border:none; display:block; margin-left:5px; cursor:pointer; color:#fff; font-size:14px; }
.btn-big:hover { background-position:0 -46px;color:#fff;}

.btn-asearch { background: url(../img/icon-asearch.png) 0 0 no-repeat; padding:5px 0 5px 35px; font-size:16px; color:#666;}

.btn-save { background: url(../img/btn-save.png) 0 0 no-repeat; width:70px; height:24px; text-indent:-9999px; border:none; display:block; float:left; margin-left:5px; cursor:pointer; color:#f4f2df; }

.btn-order { background: url(../img/btn-order.png) 0 0 no-repeat; width:135px; height:34px; text-indent:-9999px; border:none; display:block; text-indent:-99999px; margin:10px auto; cursor:pointer; }

.btn-order-sml { background: url(../img/btn-order-sml.png) 0 0 no-repeat; width:90px; height:24px; text-indent:-9999px; border:none; display:block; text-indent:-99999px; cursor:pointer; }

.btn-ok { background: url(../img/btn-go.png) 0 0 no-repeat; width:61px; height:28px; text-decoration:none; line-height:28px; text-indent:-5px; border:none; display:block;  color:#f4f2df;  cursor:pointer;}
.btn-ok:hover {background-position: 0 -29px; color:#fff;text-decoration:none; } 

.btn-view { background: url(../img/btn-go.png) 0 0 no-repeat; width:61px; height:28px; text-decoration:none; line-height:28px; text-indent:10px; border:none; display:block;  color:#f4f2df;  cursor:pointer;}
.btn-view:hover {background-position: 0 -29px; color:#fff;text-decoration:none; } 

.btn-remove { background: url(../img/btn-remove.png) 0 0 no-repeat; width:15px; height:15px; text-indent:-9999px; border:none; display:block; float:left; cursor:pointer;}
.btn-remove:hover {background-position: 0 -15px;}

.btn-moveup { background: url(../img/btn-moveup.png) 0 0 no-repeat; width:15px; height:15px; text-indent:-9999px; border:none; display:block; float:left; cursor:pointer;}
.btn-moveup:hover {background-position: 0 -15px;}

.btn-movedown { background: url(../img/btn-movedown.png) 0 0 no-repeat; width:15px; height:15px; text-indent:-9999px; border:none; display:block; float:left; cursor:pointer;}
.btn-movedown:hover {background-position: 0 -15px;}

.selectedextendedfieldremovebutton { background: url(../img/btn-remove.png) 0 0 no-repeat; width:15px; height:15px; text-indent:-9999px; border:none; display:block; float:left; cursor:pointer;}
.selectedextendedfieldremovebutton:hover {background-position: 0 -15px;}

.selectedgenericfieldremovebutton { background: url(../img/btn-remove.png) 0 0 no-repeat; width:15px; height:15px; text-indent:-9999px; border:none; display:block; float:left; cursor:pointer;}
.selectedgenericfieldremovebutton:hover {background-position: 0 -15px;}

.btn-remove2 { background: url(../img/btn-remove.png) 0 0 no-repeat; width:15px; height:15px; padding-left:20px; border:none; display:block; float:left; cursor:pointer;}
.btn-remove2:hover {background-position: 0 -15px;}


.btn-search:hover, .btn-red:hover, .btn-save:hover, .btn-order-sml:hover { background-position: 0 -24px;color:#fff;}
.btn-order:hover {background-position: 0 -34px;}


.btn-addfav { background: url(../img/icon-fav.png) 0 0 no-repeat; line-height:17px; float:left; padding-left:23px;  cursor:pointer;}
.btn-addfav-del { background: url(../img/icon-fav-remove.png) 0 0 no-repeat; line-height:17px; float:left; padding-left:23px;  cursor:pointer;}
.btn-addfav:hover { background-position: 0 -28px;}
.btn-addfav-del:hover { background-position: 0 -17px;}


.btn-print { background: url(../img/icon-print.png) 0 0 no-repeat; line-height:17px; float:left; margin:0 10px; width:16px; text-indent:-99999px;  cursor:pointer;}
.btn-print:hover { background-position: 0 -19px;}



.fmcal { background: url(../img/icon-cal.png) right 4px no-repeat; width:90px!important; cursor: pointer; }
.fmcal:focus { background: url(../img/icon-cal.png) right 4px no-repeat!important; }

.msg-success, .msg-error {padding:15px 15px 15px 60px; margin:10px 0; display:block; width:80%; color:#666666; }
.msg-success { background: #bafe8e url(../img/msg-success.png) 15px 5px no-repeat; }
.msg-error {background: #ffd9ee url(../img/msg-error.png) 15px 5px no-repeat; }

.validate { color:#FF0000; font-size:11px; display:block; line-height:0px; padding-bottom:15px; padding-left:140px;}


.contact-win {height:150px; width:570px; overflow:auto; margin:0px 0 15px; border:1px solid #ccc; }
.item-win {height:180px; width:510px; overflow:auto; margin:0px 0 15px; border:1px solid #ccc; }
.item-winupl {height:180px; width:380px; overflow:auto; margin:0px 0 15px; border:1px solid #ccc; }
.item-winlrg {height:400px; width:450px; overflow:auto; margin:0px 0 15px; border:1px solid #ccc; }

.coll-field {padding:10px 0 ; width:438px; float:left; }

.coll-field label {display:block; font-size:18px; margin-bottom:5px;}
.coll-field label span { font-size:12px; color:#888; font-style:italic;}
.coll-field select { width:320px; float:left; margin:3px 0 10px; }


/* Main menu ==========================================*/
#mainmenu {margin:0px; width:100%; height:50px; display:block; text-align:left; z-index:80;  position:relative;}

ul#topnav {
	margin: 15px 0 0;
	float:left;
	list-style: none;
}
ul#topnav li {
	font-family:"tpro";
	font-size: 13px;
	font-weight:normal;
	float: left;
	margin: 0; padding: 0 20px 0 0;
	position: relative; /*--Important--*/
	list-style-type:none;
}
ul#topnav li a {
	float: left;
	text-align:center;
	color:#9090aa;
	text-decoration:none;
	white-space:nowrap;
	text-transform:uppercase;	
}
ul#topnav li:hover a, ul#topnav li a:hover { border-bottom:1px #b69155 solid; color:#b69155; } /*--Hover State--*/

ul#topnav li.current a { border-bottom:1px #b69155 solid; color:#b69155; }
ul#topnav li.current a:hover {  }

ul#topnav li.current { z-index:100;  }


/* Ajax tabs details pages  ==========================================*/



/* Tabs  query builder==========================================*/


.tabsnav{padding: 0; }

ul.tabs, .tabsnav ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: 100%;
}
ul.tabs li, .tabsnav li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #DBE4F0;
}
ul.tabs li a, .tabsnav a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover, .tabsnav a:hover {
	background: #F2F3F4;
}
html ul.tabs li.active, html ul.tabs li.active a:hover, .tabsnav a.selected  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #ccc; /*--Makes the active tab look like it's connected with its content--*/
}

.tabcontainer { min-height:400px; width:100%; margin:20px 0;}/* div on collection page. */
.tabcontainerprint { width:100%; margin:20px 0;}/* div on collection page. */

.tab_container {
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
}


/* feature slider ==========================================*/

#slide-holder {
z-index : 40;
width : 750px;
height : 420px;
position : absolute;
}
#slide-runner {
top : 0px;
left : 0px;
width : 750px;
height : 420px;
overflow : hidden;
position : absolute;
}
#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
#slide-holder #slide-controls {
left : 0;
bottom : 0px;
width : 750px;
height : 150px;
display : none;
position : absolute;
background : url(../img/slider-bg.png) 0 0 no-repeat;
}
#slide-holder #slide-controls p.text1 {
color : #fff;
display : block;
font-size : 24px;
line-height : 16px;
margin : 50px 0 15px 30px;
}
#slide-holder #slide-controls p.text2 {
color : #fff;
display : block;
font-size : 16px;
line-height : 16px;
margin : 5px 0 0 30px;
}
#slide-holder #slide-controls p#slide-nav {
position:absolute;
bottom:0px;
right:20px;
height : 24px;
margin-left:10px;
}
#slide-holder #slide-controls p#slide-nav a {
float : left;
width : 15px;
height : 17px;
display : inline;
font-size : 11px;
margin : 0 10px 0 0;
line-height : 15px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#aaa;
}
#slide-holder #slide-controls p#slide-nav a.on {
background-position : 0 -15px; color:#fff;
}
#slide-holder #slide-controls p#slide-nav a {
background-image : url(../img/feature-dot.png);
}
#nav ul li a {
background : url(images/nav.png) no-repeat;
}

.librarycell {	
	padding: 8px 5px;
}


.hpitemdiv {	
	float:left;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
}

.hp2itemdiv {	
	float:left;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	width:446px;
}

.hpitemrow {	
	float:left;
	text-align:center;
	margin-top:7px;
	margin-bottom:7px;
}