/* FORM LAYOUT ELEMENTS | HEADER
----------------------------------------------------------*/
.form-header                        { width:620px; margin-top:20px; padding-bottom:5px; position:relative; display:block; }
.form-header .form-header-title     { float:left; width:400px; display:block; }
.form-header .form-header-title h2  { color:#222; font-size:1.6em; margin:5px 0 0 0; padding:0; } 
.form-header .form-header-actions   { float:right; display:block; margin-right:-7px; position:absolute; bottom:5px; right:0; }

.form-header-lg                     { width:100%; }

/* FORM LAYOUT ELEMENTS | FORM FIELDS 
----------------------------------------------------------*/
.form-fields 
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; font-size:11px; color:#222;
    border-top:solid 1px #ddd;
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
    padding-top:10px;    
}
.form-fields-clear
{
    border:0px; padding:0px;
}

.form-fields div.fields, .form-fields p
{
    margin-bottom:5px; padding:0; clear:both;
}
.form-fields fieldset
{
    width:600px; padding-bottom:20px; border:0;  
}
.form-fields fieldset label
{
    display:block;
    float:left;
    width:150px;
    padding:5px 10px 5px 10px; font-size:11px; cursor:default;
}
.form-fields fieldset input, .form-fields fieldset textarea, .form-fields fieldset select
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; font-size:1.0em;   
}

.form-fields fieldset input[type="text"], 
.form-fields fieldset input[type="password"] 
{
    width:300px; border:1px solid #ccc;
}
.form-fields fieldset textarea 
{
    width:300px; height:100px; border:1px solid #ccc; 
}
.form-fields fieldset textarea.tinymce 
{
    width:300px; height:200px; color:#eee; background-color:#eee;
}

.form-fields div.fields.multiple input.first, .form-fields div.fields.multiple select
{
    margin-left:0px;
}
.form-fields div.fields.multiple input
{
    margin-left:170px;
    *margin-left:173px;
}

.form-fields fieldset input.checkbox  
{
    border:none; width:20px;
}

.form-fields fieldset select 
{
    scrollbar-3dlight-color:#64A700 !important;
    scrollbar-arrow-color:#fff !important;
    scrollbar-base-color:#64A700 !important;
    scrollbar-darkshadow-color:#CCFF66 !important;
    scrollbar-face-color:#64A700 !important;
    scrollbar-highlight-color:#fff !important;
    scrollbar-shadow-color:#64A700 !important;
}
.form-fields fieldset select.multiselect { width:300px; border:1px solid #ccc; height:150px; }
.form-fields fieldset select.multiselect option { padding-left:5px; }
/*
.form-fields fieldset select.multiselect option.level1 { font-weight:bold; font-size:11px; padding-top:5px; padding-bottom:5px; }
.form-fields fieldset select.multiselect option.level2 { padding-left:5px; }
.form-fields fieldset select.multiselect option.level3 { padding-left:30px; }
*/

.form-fields fieldset select.multiselect option.disabled { color: #64A700; }

.form-fields h3 { margin-left: 170px; }
.form-fields p { margin:0 0 0 170px; }

.form-fields .form-footer
{
    /* background-color: #6c7384; */
    /*background: #6c7384 url(../images/footer_bg.png) repeat-x;  */
    background-color:#eee; 
    height: 35px;
    color: #333; 
    padding: 0px 5px;
	margin-top: 10px;
	border-bottom:solid 1px #ddd;
}

.form-fields .form-footer-actions 
{
    /*float:right;*/
    display:block; height: 35px; padding-top: 6px;
}

.form-fields .button
{
    padding:5px 20px 5px 20px; 
    *padding:5px; 
    *width:100px; 
    border:0; color:#fff; background-color:#64A700; cursor:pointer;
}
a.button, a.button:active, a.button:visited
{
    padding:5px 20px 5px 20px;     
    *padding:5px 20px 5px 20px; 
    border:0; color:#fff; background-color:#64A700; cursor:pointer; text-decoration:none; 
}
a.button:hover { color:#fff; text-decoration:none; }

.form-fields label.error 
{
    width:300px;
}

.box                    { border:1px solid #eee; padding:5px; margin-top:5px; display:block; }
.form-fields .box       { float:left; width:290px; margin-bottom:10px; }
.form-fields .box img   { padding-right:5px; padding-bottom:5px; }

/* FILEUPLOAD / CANCEL */
.fields .cancelfile         
{
    float: right; display:block;
    width:50px; height:16px; padding:4px; margin-top:5px;
    cursor:pointer; font-size:11px;
}
.fields .cancelfile .icon
{
    float: left; display:block;
    width:16px; height:16px; background-repeat:no-repeat; background-position:top bottom; 
    background-image:url(/content/images/icons/delete.png);
}

/* ADMIN CONTENT AREA */
.admincontent .form-fields      { width:620px; }
.admincontent .form-fields .box { width:380px; }

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:#993333;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    
}

#logindisplay a:link
{
    
    text-decoration: underline;
}

#logindisplay a:visited
{
    
    text-decoration: underline;
}

#logindisplay a:hover
{
    
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


/* GRID */
.grid-wrapper
{
    font-size:11px;
    font-family:Tahoma;    
    background-color:#fff;   
    border-left: 1px solid #d9d9d9; 
}
.grid-wrapper .grid
{
	width:100%;
	border-spacing:0; 
	border-top:solid 1px #ddd;
}

.grid-wrapper .grid TH
{
	cursor: pointer; 
	text-align:left;
	height:25px;
	line-height:25px;
	padding:0px 4px;
	vertical-align: middle;
	/*background: #cecece url(../images/gray_hd_bg.png) repeat-x;*/
	background-color:#eee; 
	/*border-top:solid 1px #ddd;*/
	border-right:solid 1px #ddd;
	border-bottom:2px solid #64A700;
	color:#333;
}
.grid-wrapper .grid TD
{    
	color:#222;
	text-align:left;	
	height:22px;
	line-height:22px;
	*height:20px;
	*line-height:20px;	
	padding:0px 4px;
	border-right:solid 1px #d9d9d9;
	cursor:default;
	border-bottom: none;
	border-top: none;
}
.grid-wrapper .grid TR.gridrow              { background-color:#fff; }
.grid-wrapper .grid TR.gridrow_alternate    { background-color:#edf7df; } 

.grid-wrapper .grid TR.gridrow:hover, .grid-wrapper .grid TR.gridrow_alternate:hover { background-color:#a2ca66; }

.grid-wrapper .grid TR.gridrow:hover td, .grid-wrapper .grid TR.gridrow_alternate:hover td { color:#fff; }

.grid-wrapper .grid TR.gridrow:hover td a, .grid-wrapper .grid TR.gridrow_alternate:hover td a, 
.grid-wrapper .grid TR.gridrow:hover td a:hover, .grid-wrapper .grid TR.gridrow_alternate:hover td a:hover
{ color:#fff; }

.grid-wrapper .grid TD a	    	        { color:#222; text-decoration:underline; } 
.grid-wrapper .grid TD a:hover	   	        { color:#ff9f34; text-decoration:underline; }

.grid-wrapper .grid TD a.edit	    	    { background: url(../images/view.png) no-repeat; padding-left:17px; } 

.grid-wrapper .grid TD img                  { vertical-align:middle; }

/* Sorting Styles */
.grid-wrapper .grid TR TH.asc,
.grid-wrapper .grid TR TH.desc
{
    background:url(../images/hd_bg_sort.png) repeat-x;
}
.grid-wrapper .grid TH .sort { padding-right:21px; }
.grid-wrapper .grid TH.asc .sort
{
    background:url(../images/asc.gif) no-repeat center right;
}
.grid-wrapper .grid TH.desc .sort
{
    background:url(../images/desc.gif) no-repeat center right;
}

.grid-wrapper .grid-footer
{
    /* background-color: #6c7384; */
    /*background: #6c7384 url(../images/footer_bg.png) repeat-x;  */
    background-color:#eee; 
    height: 35px;
    color: #333; 
    padding: 0px 5px;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}

.grid-footer-pager 
{
    float:left;
    display:block; /*padding:13px 15px 10px 15px;*/
    height: 35px; line-height: 35px;
}
.grid-footer-pager b { font-size:1.1em; }
.grid-footer-pager a { color: #333; text-decoration:none; }
.grid-footer-pager a:hover { color: #333; font-weight: bold; text-decoration:underline; }

.grid-footer-actions 
{
    float:right;
    display:block; height: 35px; padding-top: 6px;
}
/*.grid-footer-actions a { display:block; padding:5px 2px; background-color:#ff8700; color:#fff; text-decoration:none; }
.grid-footer-actions a:hover { text-decoration:none; }*/

/* container to hold grid-wrapper for fade transitions */
.grid-wrapper-container                 { display:none; }
.grid-wrapper-container .grid-wrapper   { margin-top:2px; }

.grid-wrapper .col-sm       { width:40px; }
.grid-wrapper .col-med      { width:80px; }

.grid-wrapper-container .grid-header    { float:left; display:block; padding-top:2px; }

.pageText       { font-size:1.0em; }
.pageText h2    { font-weight:bold; }

.gics h3    { color:#64A700; font-size:12px; line-height:20px; padding-bottom:5px; }
.gics p     { padding-left:20px; padding-bottom:5px; }

.grid-container-sm  { width:622px; }
.grid-container-lg  { margin-top:20px; }

/* CATALOGUE ITEMS */

.catalogue
{
    display:block; width:640px;
    margin-top:20px; margin-bottom:20px; 
    background: url(/content/images/catalogue_bg.png) repeat-x; 
    color:#333;    
    /*border:1px solid #f4f4f4;*/
}
.catalogue-header
{
    display:block; width:640px; height:10px;
    background: url(/content/images/catalogue_bg_top.png) no-repeat;
}

.catalogue .item        { float:left; margin-left:10px; padding:5px; }
.catalogue .left        { width:295px; }
.catalogue .right       { width:305px; margin-left:0px; }

.catalogue .info-img    { width:295px; height:295px; border:1px solid #f4f4f4; background-color:#fff; text-align:center; overflow:hidden; }
.catalogue .info-title  { font-size:14px; font-weight:bold; margin-bottom:10px;  }
.catalogue .info-text   { height:295px; overflow:auto; font-size:11px; margin-top:20px; padding:5px; }

.catalogue .thumbs      { width:295px; margin-top:10px; }
.catalogue .thumb-item  { float:left; width:70px; height:70px; margin-right:5px; margin-bottom:5px; text-align:center; cursor:pointer; background-repeat: no-repeat; background-position: center center; }
.catalogue .thumb-last  { margin-right:0; }

.catalogue .thumbs .thumb-title  
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
    font-size:11px; font-weight:bold; color:#aaa; cursor:default; text-transform:uppercase;
    margin-bottom:5px; padding-bottom:5px;    
    border-bottom:1px solid #eee;
}

.catalogue .info-links          { width:310px; margin-top:15px; }
.catalogue .info-links-thumbs   { margin-top:40px; }
.info-links .link
{
    float:left; 
    color:#fff; font-size:11px; font-family:Helvetica, Arial;
    text-transform:uppercase; font-weight:bold;    
    width:152px; height:29px; line-height:26px;
    text-align:center;
    margin-right:5px; margin-bottom:5px; 
    background:url(/content/images/catalogue_btn.png) no-repeat;
    cursor:pointer; 
}
.info-links .right           { margin-right:0px; }
.info-links .link a          { color:#fff; text-decoration:none; }
.info-links .link a:hover    { color:#fff; text-decoration:none; }

.info-text fieldset              { border:none; padding:0; margin:0; }
.info-text div.fields
{
    margin-bottom:5px; padding:0; clear:both; 
}
.info-text .fields label         { float:left; display:block; width:100px; font-weight:bold; }
.info-text .fields .field-text   { float:left; display:block; width:190px; }

/* CATALOGUE PRODUCT */
.catalogue .info-img .thumb                 { width:295px; height:295px; text-align:center; background-repeat: no-repeat; background-position: center center; }

/* CATALOGUE PAGER
----------------------------------------------------------*/
.catalogue-pager                        { border-top:1px solid #eee; margin-top:20px; margin-bottom:20px; margin-left:15px; padding-top:10px; padding-left:10px; width:620px; }
.catalogue-pager .pager-links           { float:left; height:22px; line-height:22px; font-size:12px; font-family:Helvetica, Arial; color: #333; padding-right:15px; }
.catalogue-pager .pager-links b         { font-size:13px; font-family:Helvetica, Arial; }
.catalogue-pager .pager-links a         { font-size:12px; font-family:Helvetica, Arial; color: #333; text-decoration:none; }
.catalogue-pager .pager-links a:hover   { font-size:12px; font-family:Helvetica, Arial; font-weight: bold; text-decoration:underline; }
.catalogue-pager .pager                 { 
    font-size:11px; font-family:Helvetica, Arial; text-transform:uppercase; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; 
    width:70px; height:24px; line-height:24px; text-align:center;
    margin-right:15px; margin-bottom:5px; 
    background:url(/content/images/catalogue_btn_bg.png) repeat-x;   
    float:left; display:block;
}
.catalogue-pager .right             { float:right; }
.catalogue-pager .pager a           { color:#fff; text-decoration:none; }
.catalogue-pager .pager a:hover     { text-decoration:none; }

/* CATALOGUE SMALL
----------------------------------------------------------*/

.catalogue-sm
{
    float:left; display:block; width:310px; 
    margin:20px 20px 10px 0px;
    background: url(/content/images/catalogue_bg.png) repeat-x; 
    color:#333; 
}
.catalogue-sm-right 
{
    margin-right:0px;
}
.catalogue-sm-content
{
    background: url(/content/images/catalogue_bg_top_sm.png) no-repeat;
    padding-left:10px; padding-right:10px;
}

.catalogue-sm h2
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
    font-weight:bold; font-size:14px; color:#333;  
}
.catalogue-content
{
    padding-left:10px; padding-right:10px;
}
.catalogue-content h2 
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
    font-weight:bold; font-size:14px; color:#333;  
    padding-top:10px;
}


/* CATALOGUE LOGOS
----------------------------------------------------------*/
.catalogue-logos 
{
    border:1px solid #eee; 
    -moz-border-radius:10px; -webkit-border-radius:10px; 
    padding:20px;    
    margin-top:30px; margin-bottom:10px;   
    width:598px; display:block;
}
.catalogue-logos .title
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
    font-size:13px; font-weight:bold; color:#333; 
    margin-bottom:20px; 
    padding-left:10px; padding-bottom:10px;
    border-bottom:1px solid #eee;
}     
.catalogue-logos .item 
{
    float:left; display:block; 
    width:70px; height:70px; text-align:center;
    margin-right:18px; margin-bottom:10px;        
}
.catalogue-logos .item-right { margin-right:0; }

/* SIDE BAR
----------------------------------------------------------*/
.catalogue-sidebar
{
    display:block; width:260px;
    margin-top:5px; margin-bottom:10px;    
}
.catalogue-sidebar .title
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
    font-size:12px; font-weight:bold; color:#333; text-align:center;
}
.catalogue-sidebar .info-links 
{
    width:180px; margin-left:50px; margin-top:15px;
}

.sidebar-promo      
{
    margin-top:36px;
    margin-bottom:20px;
}
.sidebar-promo_w7-logo 
{
    margin-top:70px; text-align:center;
}

/* BUTTONS
----------------------------------------------------------*/
.btn
{
    margin-right: 6px; float: left; font-size:11px; background-color:#eee; 
    -moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #ddd; 
}
.btn a              { height: 25px; line-height: 25px; float: left; padding:0 2px; color:#333; text-decoration:none; }
.btn .left          { width: 11px; height: 23px; float:left; }
.btn .right         { width: 11px; height: 23px; float:left; }
.btn .link          { height: 23px; line-height: 23px; float: left; padding:0 2px; color:#333; }
.btn .link .input   { padding:0 2px; margin:0px; border: none; cursor:pointer; color:#333;  background-color:#eee; 
                      vertical-align:top; line-height:23px; height:23px; }

/* UPDATE STATUS ICONS
----------------------------------------------------------*/
.btn a img              { vertical-align:middle; padding-right:2px; }

/* SEARCH */
.search-wrapper         { width:350px; margin-bottom:5px; }
.search-wrapper .searchbox       
{
    border:1px solid #ccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; 
    padding-left:24px; 
    background: transparent url(/content/images/searchmag.gif) no-repeat 4px 4px;
}
.search-wrapper .searchbox input { border:0; }
.search-wrapper input.qfield
{
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; font-size:14px; color:#808080; 
    border:none; margin:0; padding-top:4px; padding-bottom:3px; *padding-top:3px;  
    width:280px;
}
.search-wrapper input.arrow
{
    background: transparent url(/content/images/searcharrow.gif) no-repeat 4px 2px;
    width:30px; height:24px; border-left:1px solid #ccc;
    float:right; display:block; cursor:pointer; *margin-top:-25px;
}

.filterbox 
{
    width:617px; display:none; 
    margin-bottom:20px; padding:20px 10px 10px 10px;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; 
    background-color:#eee; border:1px solid #ddd;
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif; z-index:9999; 
}
.filterbox .filter-title
{
    font-size:12px; color:#333; 
    margin-bottom:5px;
}
.filterbox .filter          { float:left; display:block; margin-right:20px; }
.filterbox .filter select   { height:20px; margin-top:5px; }
.filterbox .filter-s, .filterbox .filter-s select         { width:120px; }
.filterbox .filter-m, .filterbox .filter-m select         { width:150px; }
.filterbox .filter-l, .filterbox .filter-l select         { width:170px; margin-right:10px; }

.filter-advanced 
{
    -moz-border-radius:4px; -webkit-border-radius:4px; 
    background:url(/content/images/catalogue_btn_bg.png) repeat-x;   
    margin-top:5px; margin-bottom:5px; text-align:center;    
    font-weight:bold; color:#fff;
    width:110px; height:24px; line-height:24px; cursor:pointer;
    float:left; display:block;
}

.filterbox .filter-clear
{
    font-size:11px; font-family:Helvetica, Arial; text-transform:uppercase; color:#fff; font-weight:bold;
    -moz-border-radius:7px; -webkit-border-radius:7px; 
    width:110px; height:24px; line-height:24px; text-align:center;
    background-color:#707070;
    float:right; display:block; cursor:pointer;
}
.filterbox .filter-search  
{
    font-size:11px; font-family:Helvetica, Arial; text-transform:uppercase; color:#222; font-weight:bold;
    -moz-border-radius: 7px; -webkit-border-radius: 7px; 
    border:1px solid #ddd;
    width:100px; height:24px; line-height:24px; 
    float:right; display:block; cursor:pointer;
    background: #fff url(/content/images/searcharrow.gif) no-repeat 85px 2px;
    margin-top:9px; padding-left:10px;     
}
.filterbox .filter-close 
{
    background:transparent url(/content/images/fancyzoom/closebox.png);
    width:30px; height:30px; 
    margin-top:-35px; margin-right:-30px;
    float:right; display:block; cursor:pointer; 
}
.search-results
{ 
    margin:10px;     
    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
    font-size:13px; color:#333;                 
}
.search-results span    { font-size:14px; font-weight:bold;  }
.search-noresults       { height:200px; }

/* HEADER MAINNAV CHANGES */
a.mainnav               { text-transform:uppercase; }

div.pagecontent_main       { width:640px; }
div.pagecontent_side       { width:260px; }

div.spacer              { height:300px; }
div.spacer-sm           { height:100px; }

/* ADMIN BUTTONS */

.admin-buttons          { margin-top:20px; }
.admin-buttons ul       { margin:0; padding:0; }
.admin-buttons ul li     
{   
    float:left; width:100px; font-size:12px; font-weight:bold;
    list-style:none; text-align:center; text-transform:uppercase;
    margin:10px; padding-top:30px; padding-bottom:30px; 
    border:1px solid #ddd;
    -moz-border-radius: 10px; -webkit-border-radius: 10px; 
    background:url(/content/images/catalogue_bg.png) repeat-x;    
}

.geekit-footer          { color:#333; font-size:10px; margin:0 auto; width:992px; }
.geekit-footer a        { color:#333; font-size:10px; }
.geekit-footer a:hover  { color:#333; }