@charset "utf-8";
/*** WEBSITE: Digicon 4.9.2 Skin
	 AUTHOR: David Pollitt
	 CREATED: 28/02/2009
	 COMMENTS: For use with Digicon DNN 4.9.2 */

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html{height:auto;background:#000 url(images/bg_black.gif) repeat-x top left;font-size:100.01%;margin:0;padding:0;word-wrap:break-word}
body{height:100%;font-size:62.5%; width:100%}
body,ul li,ol li,p,.normal,.NormalDisabled,.blogCalendar td,.SkinObject,input,textarea{font-family:arial,verdana,helvetica;color:#a7a9ac;font-weight:400;line-height:1.5em;margin:0;padding:0}
.Normal,label,.Head,.SubHead,.SubSubHead,.NormalBold,.NormalRed{font-size:1.1em}
.NormalDisabled{color:#D3D3D3}
.SubHead{color:#777;font-weight:700;text-align:left}
.SubSubHead{font-weight:700;color:#000}
.NormalBold{font-weight:700}
.NormalRed{font-weight:700;color:#880000!important}
/* heading styles */
h1,h2,h3,h4,h5,dt,h6,.head,h2 span.head,.container h2 span.head,h3 span.SubHead,.newstitle,tfoot,thead,th{font-family:arial,verdana,helvetica;color:#fff;margin:0;padding:0;margin-bottom:10px;font-weight:normal;line-height:normal}
h1{font-size:20px;color:#fff;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;text-transform:uppercase}
h2,.head,h2 span.Head,.container h2 span.Head{font-size:14px;text-transform:uppercase}
h2{margin-top:18px}
h3,h3 span.SubHead{font-size:12px;font-weight:normal;text-transform:uppercase}
h4{font-size:12px;font-weight:700}
h5,DT{font-size:12px;font-weight:700}
h6{font-style:italic;font-size:12px}
p{margin:5px 0 15px;font-size:12px}
ul,ol{font-size:1.1em;margin:15px 0; padding:0px 0px 0px 6px}
ul li{margin:0 0 0 8px;padding:0;font-size:11px;list-style: url(/Portals/0/TempusTwoFiles/GeneralImages/list.gif)}
ul li li{list-style-type:disc}
ul li li li{list-style-type:circle}
ol li{margin:0 0 0 25px;padding:0}
ol li{list-style-type:decimal}
ol ol li{list-style-type:lower-alpha}
ol ol ol li{list-style-type:lower-roman}
hr{color:#999;height:1px;text-align:left}
img{border:0;-ms-interpolation-mode:bicubic}
strong,b{font-weight:700}
em,i{font-style:italic}
table{border-collapse:separate;border-spacing:0}
td{vertical-align:top}
/* link styles */
a, a:link,a:active,a:visited{color:#c9c9c9;text-decoration:none;padding:0;margin:0}
a:hover{text-decoration:none;color:#999}
blockquote{font-size:0.9em;font-family:"Lucida Sans Unicode";float:right}
pre{font-family:"Lucida Console",monospace;color:#434343;font-size:0.9em}
address{color:#434343;font-size:0.9em;font-style:italic}
input,textarea{color:#777}
input:focus,textarea:focus{color:#333}
textarea{font-size:1.2em}
blockquote,q{quotes:"" ""}

/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv{width:100%;height:100%;text-align:center;padding:0;margin:0;background:#000 url(images/bg_black.gif) repeat-x top left}
html>body #bodyDiv{height:auto;min-height:100%}
#frame{width:962px;margin:0 auto;text-align:left;border-top:1px solid #000} *
html>body #frame{width:960px}
#branding{height:100px;float:left; margin-top:10px;}
/**#branding img{margin:-28px 0px -60px 50px;padding:0 0 4px 0}
 #menu{background:#a7a9ac;margin-left:263px;border:1px solid transparent;width:100%;margin-top:20px;width:710px} **/
#menu{float:right;border:1px solid transparent;margin-top:20px;width:750px}
#contentArea{width:100%;float:left;min-height:350px;margin-top:33px}
.enclose{width:638px;float:right}
.leftPanel{width:298px;padding:0px;float:left; min-height:30px}
.titlePanel, .titlePanelTall, .contentPanel{width:632px;float:right;padding:0px}
.titlePanel{height:23px}
.contentPanelFull, .contentPanelHome{width:960px;float:left;padding:0px}
.contentPanelInv{width:746px;float:left;padding:0px}
.contentPanelInner{width:400px;float:left;padding:0px;margin-left:32px}
.flashPanelHome{width:960px;float:left;padding:0px}
/*.ContentPanelFull{width:734px;float:left;padding:10px}*/
.admin .contentPanel{width:940px;float:left;padding:10px}
.rightPanel{width:190px;padding:0px;float:right; margin-top:16px}
#footerwrapper{width:100%;border-top:1px solid #a7a9ac}
#footer{clear:both;width:948px;text-align:right;color:#1a1a1a;padding:5px 7px;font-size:10px;text-transform:uppercase;margin:0 auto}
html>body #footer{width:946px}

#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a.footerMenuItem{color:#a7a9ac;text-decoration:none;margin:0px 0 0 70px}
#footer a:hover{text-decoration:none;color:#fff}
.rightPanel ul li{	margin:0 0 0 15px;padding:0;font-size:11px;list-style: url(/Portals/0/TempusTwoFiles/GeneralImages/list.gif)}

/******************************************************
    WHITE SKIN STYLES              
******************************************************/
#whitebodyDiv #contentArea{width:100%;float:left;min-height:512px}
#whitebodyDiv{width:100%;text-align:center;padding:0;margin:0;background:#fff url(images/bg_white_black.gif) repeat-x top left;height:710px} 
.whitebodyinner{width:100%;text-align:center;padding:0;margin:0;background:#fff url(images/bg_white_inner_black.gif) repeat-x top left!important;height:710px}
#whitebodyDiv #footerwrapper{width:100%;border-top:0px}
#whitebodyDiv #contentArea #footer{clear:both;width:632px;text-align:right;color:#fff;padding:5px 7px;font-size:10px;text-transform:uppercase;margin:0 auto}
#whitebodyDiv #footer{clear:both;width:950px;text-align:right;color:#fff;padding:5px 7px;font-size:10px;text-transform:uppercase;margin:0 auto}
#whitebodyDiv footer a, #whitebodyDiv #footer a:link, #whitebodyDiv #footer a:active,#whitebodyDiv #footer a:visited,#whitebodyDiv #footer a.footerMenuItem{color:#a7a9ac;text-decoration:none;margin:0px 20px}
#whitebodyDiv #footer a:hover{text-decoration:none;color:#888}
#whitebodyDiv .contentPanel{height:157px;position:relative;z-index:1000}
#whitebodyDiv .lowerContentPanel{height:376px;width:632px;float:right;padding:0px}
html>body #whitebodyDiv .contentPanelFull{height:25px; }

#whitebodyDiv .titlePanel,#whitebodyDiv .titlePanelTall,#whitebodyDiv .contentPanel{width:490px;float:left;padding-left:10px}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu,.menu ul,.menu li{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0}
.menu li{float:left;position:relative;z-index:5;white-space:normal}
.menu li:hover,.menu li.menuHover{z-index:10000;white-space:normal}
.menu .menuHoverUL{visibility:visible;top:100%;left:0}
.menu .menuHoverUL .menuHoverUL{top:0;left:100%}
.menu li li{float:none}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.menu li:hover>ul{visibility:visible;top:100%}
.menu li li:hover>ul{top:0;left:100%}
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:link:hover,.menu li.active{display:block}
.menu li li{float:left;width:100%;margin-top:0}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu{font-size:11px;text-transform:uppercase}
.menu,.menu ul li{color:#fff}
.menu ul li{text-align:left;width:160px;font-size:0.9em}
.menu ul{}


/* Top Level Menu Items */
.menu li{}
.menu a,.menu a:link,.menu a:active,.menu a:visited{text-decoration:none;color:#000;padding:2px 0px 0 57px}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA{padding:2px 0px 0  57px} 
/*.menu li.active,.menu li.active a{background:#97989b}*/
.menu li.active,.menu li.active a{}
.menu li.active:hover>a{}

/* Drop Down Menu Items */
.menu ul li{font-size:10px;margin-left:22px}
.menu ul li a, .menu ul li a:link, .menu ul li a:active, .menu ul li a:visited {text-decoration:none;color:#fff;padding:4px 10px;background: url(images/submenu_new.png);line-height:16px;}

.menu ul li a:hover,.menu ul li a:link:hover,.menu li.active li a:hover {background: url(images/submenu_hover_new.png);padding:4px 10px;color:#000;line-height:16px;}
.menu>li li:first-child>a{border-top:4px solid #787675}
.menu>li li:last-child>a{border-bottom:4px solid #787675}
.menu>li li{border-right:1px solid #787675}
.menu>li li{border-left:1px solid #787675}



/***  CLEAN MENU FIXES - DON'T TOUCH THESE STYLES  ***/
.menu:after,.menu ul:after{content: ".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
.menu ul{background:url(images/empty.gif);padding:7px 55px 55px;margin:-1px 0 0 -10px} 
.menu ul ul{padding:10px 30px 30px 0px;margin:-11px 0 0 -22pxl; display:none}


/******************************************************
    CONTAINER STYLES
******************************************************/
.container{width:100%}
.containerContent{padding:0}
.moduleTitle{display:none}
.tasting td{padding:0px 7px}
.tasting a{font-size:11px}
.distributor table {width:420px; color:#d5d6d8; padding:3px}
.distributor a{color:#d5d6d8}
.distributor {width:430px; background:#5a5b5d; border:1px solid #a7a8aa; margin-top:10px}
.distributor h2 {font-weight:bold; margin:0px}
.distributor h3 {font-weight:bold; text-transform:capitalize; font-size:12px; margin:0px}

/******************************************************
    FORM STYLES              
******************************************************/
.formInput{width:150px;height:18px;border:1px solid #ccc}
.formItem{clear:both}
.label{clear:both;float:left;width:120px;text-align:right;padding-right:10px;font-weight:700}
.labelDetails{width:390px}
.labelDetails p{margin:0 0 7px}
/* button style for standard buttons */
.StandardButton,input.StandardButton,a.StandardButton,a:link.StandardButton,a:active.StandardButton,a:visited.StandardButton,input.StandardButton,a.CommandButton,a:link.CommandButton,a:active.CommandButton,a:visited.CommandButton, #dnn_ctr409_DynamicRegistration_lnkRegister{font-family:arial,verdana,helvetica;font-size:1.1em;padding:5px 10px;width:0;overflow:visible;background:#a7a9ac ;color:#000;text-transform:uppercase;margin:0;cursor:pointer;clear:both;border:1px solid #666;white-space:nowrap}
input#dnn_ctr_Login_Login_DNN_cmdLogin{font-size:1em}
input.StandardButton[class],a.CommandButton[class],a:link.CommandButton[class],a:active.CommandButton[class],a:visited.CommandButton[class]{width:auto}
a:hover.CommandButton, input:hover.StandardButton{color:#e0e0e0}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox,input.longTextBox,input.longmedTextBox,input.medTextBox,input.medshortTextBox,input.shortTextBox{font-family:arial,verdana,helvetica}
input.longTextBox{width:250px}
input.longmedTextBox{width:200px}
input.medTextBox{width:150px}
input.medshortTextBox{width:100px}
input.shortTextBox{width:60px}
span.mandatory{color:#334692;font-weight:700}
.LoginPanel img{display:none}
.contact td{padding:5px}
.contact {text-align:left}
html>body .contact span, .contact a.CommandButton{}
.contact td .SubHead {text-align:right!important; color: #A7A9AC; font-size:12px; margin-left:-3px}
.contact input.NormalTextBox, .contact textarea  {background:#666; border:1px solid #A7A9AC;  font-size:14px; color:#FFFFFF}


/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{float:left}
.floatRight{float:right}
/* styles to mimic auto height of div elements as per IE6 */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
.clear{clear:both}
/* End hide from IE-mac */

/******************************************************
    DNN STYLES - Data Grids
******************************************************/
.DataGrid_AlternatingItem{background:#fff;color:#f00}
.DataGrid_Container{background:transparent;font-size:1.1em}
.DataGrid_Footer{background:#fff}
.DataGrid_Header{background:transparent;color:#000;font-weight:700;text-align:center}
.DataGrid_Item{background:transparent;color:#000}
.DataGrid_SelectedItem{background:#d3d3d3;color:#218ac1}
SMALL{font-size:0.8em}
BIG{font-size:1.4em}

/******************************************************
    SEARCH
******************************************************/
.search{float:right}
.search .NormalTextBox{float:left;height:15px}
.search a{float:left;margin-top:-15px}
.searchResult{margin:5px 0;padding:5px;overflow:hidden;background:#eee;display:block;width:100%}
.SearchResultPaging a{padding:2px;background:#eee;border:1px solid #ccc;margin:0 1px}

/******************************************************
    BREADCRUMB TRAIL
******************************************************/
#breadCrumbs{padding-bottom:5px}

/******************************************************
    FCK EDITOR FIX
******************************************************/
.FCKLinkGalleryContainer .Normal,.FCKLinkGalleryContainer label,.FCKLinkGalleryContainer .Head,.FCKLinkGalleryContainer .SubHead,.FCKLinkGalleryContainer .SubSubHead,.FCKLinkGalleryContainer .NormalBold,.FCKLinkGalleryContainer .NormalRed{font-size:1em!important}
.FCKLinkGalleryContainer .StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.StandardButton,.FCKLinkGalleryContainer a:link.StandardButton,.FCKLinkGalleryContainer a:active.StandardButton,.FCKLinkGalleryContainer a:visited.StandardButton,.FCKLinkGalleryContainer input.StandardButton,.FCKLinkGalleryContainer a.CommandButton,.FCKLinkGalleryContainer a:link.CommandButton,.FCKLinkGalleryContainer a:active.CommandButton,.FCKLinkGalleryContainer a:visited.CommandButton{font-size:1em!important}

#dnn_ctr_Login_pnlLogin table, #dnn_ctr410_DynamicLogin_tableLogin, #dnn_ctr409_DynamicRegistration_tblHeader{background:#111;border:1px solid #222}
#dnn_ctr_Login_pnlLogin td, #dnn_ctr410_DynamicLogin_tableLogin td{padding:5px 10px}
.DynamicRegistration_Label span{color:#444;font-weight:bold;text-align:left;font-family:arial;font-size:12px}

/******************************************************
 Table styles for wine range details 
******************************************************/
.pewterRange td, .copperRange td, .varietalRange td {padding:0 4px 0 0;}
table.RangeDetails {padding:0;margin:0;margin-left:-58px;font-size:12px; border:0px;font-weight:100;  }
table.RangeDetails tr td h3 {font-weight:bold; padding:0;margin:0;}
table.RangeDetails tr td {vertical-align:bottom;line-height:18px;padding:0 8px 24px 0;}
table.RangeDetails tr td span.bottleContainer {display:inline-block; width:50px;text-align:right;}
table.RangeDetails tr td p {padding-top:8px;margin:0;}


/******************************************************
 Table styles for Image Library
******************************************************/

table.imageLibraryTable { }
table.imageLibraryTable td { padding-bottom:24px;}
td.imageLibraryImageCell { padding-right:8px; text-align:right;}

/******************************************************
Awards Styles
******************************************************/
.gold {font-weight:bold; color:#FFCC66}
.silver {font-weight:bold; color:#CCCCCC}
.bronze {font-weight:bold; color:#996600}


