/* Custom CSS Document for SiteLINK7 Admin
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*--------------------------------------------------
   Reset styles
--------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/*-------------------------------------------------- 
	Globals
--------------------------------------------------*/
body {font-family: Arial, Helvetica, sans-serif;}
h1 {margin: 0 0 5px 0; padding: 0;}
h2 {font-weight: normal; font-size: 18px; color: #484848; margin: 0 0 15px 0; padding: 0;}
h3 {font-weight: normal; font-size: 14px; color: #003861; margin: 0 0 7px 0; padding: 0;}
h4 {font-weight: normal; font-size: 14px; color: #484848; margin: 0 0 10px 0; padding: 0;}
h5 {font-weight: bold; font-size: 12px; color: #003861; margin: 0; padding: 0;} 
h6 {font-weight: bold; font-size: 12px; color: #484848; margin: 0; padding: 0;}
p {margin: 0 0 15px 0; padding: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
input,select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 3px; margin-bottom: 2px;}
hr {height: 1px; color: #cfcfcf; background-color: #cfcfcf;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
a:link, a:active, a:hover {color :#000000; font-family: Arial, Helvetica, sans-serif; font-size :11px; text-decoration : underline; }
a:visited {color :#0000CC; font-family: Arial, Helvetica, sans-serif; font-size :11px; text-decoration : underline; }
a:hover {text-decoration: none;}

/*-------------------------------------------------- 
	Structure
--------------------------------------------------*/
#container {width: 980px; margin: 0 auto;}
	#header {width: 100%; background: #012540 url(../images/header-bg.gif) repeat-x; height: 161px; margin: 0 auto; }
	#topnav {width: 100%; height: 30px; margin: 0 auto;  }
	#secondarynav {width: 100%; height: 22px; margin: 0 auto; background: #fff;}
	#main {width: 100%; margin: 0 auto; padding: 0 0 20px 0; overflow: hidden; background: #fff;}
	#bottomlinks {width: 100%; margin: 0 auto; height: auto; float: left;}
	#footer {width: 100%; margin: 0 auto; height: auto; float: left;}
	
/*-------------------------------------------------- 
	Buttons
--------------------------------------------------*/
input[type="button"], input[type="submit"] {padding: 1px 6px;}
.button-group {width: 100%; text-align: center; margin-top: 24px;}
.button-group .button {float: none; display: inline;  }
.button-group .button a, .button-group .button input {margin: 0 5px;}

/*-------------------------------------------------- 
	Header
--------------------------------------------------*/
#header .divlogo {height: 161px; overflow: hidden; float: left; width: 686px;}
#header .divlogo .logo-wrap {width: 100%; }
#header .divlogo .logo-wrap .logo-img {max-height: 161px; max-width: 686px; }
#header .divlogo .logo-wrap .logo-img img {max-width: 686px; max-height: 161px;}

#header .divright {float: left; width: 294px; height: 161px;}
#header .divright .admin-title {text-align: right; margin: 16px 21px 0 0; font-family: "Arial Black", Gadget, sans-serif; font-size: 24px; text-transform:uppercase; font-style:italic; color: #fff;}

#header .divright ul.admin-nav {list-style: none; margin: 77px 20px 0 0; padding: 0; float: right;}
#header .divright ul.admin-nav li {float: left; font-size: 12px; }
#header .divright ul.admin-nav li.divide {margin: 0 15px; color: #6688A0; margin: 0 14px;}

A.topnav1:link, A.topnav1:active, A.topnav1:visited {color: #FFFFFF; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration : none;}
A.topnav1:hover  {color:#FFFFFF; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: underline; }
.TopNav1Text {color:#FFFFFF; font-size:11px; font-family: Arial; font-weight: normal; text-decoration: none; }

/*-------------------------------------------------- 
	Top Nav
--------------------------------------------------*/
ul.topnavmenu {list-style: none; margin: 0; padding: 0; }
ul.topnavmenu li {float: left; line-height: 30px; }
ul.topnavmenu li a {text-transform: uppercase; display: block; *display: inline-block; border-right: 1px solid #9f9f9f; padding: 0 20px; }
.topnav3bgcolor {background-color :#cfcfcf; background-image:url(../images/topnav3-bg.gif); background-repeat: repeat-x; }
A.topnav3:link, A.topnav3:active, A.topnav3:visited {color :#484848; font-size  :11px; font-family : Arial ; font-weight  :normal ; text-decoration  : none ; text-transform: uppercase; }
A.topnav3:hover  {color :#484848; font-size  :11px; font-family : Arial ; font-weight  :normal ; text-decoration  : none ; text-transform: uppercase; color: #003861; background: #e8edf1; }
.TopNav3Text {color :#9f9f9f; font-size  :11px; font-family : Arial ; font-weight  :normal ; text-decoration  : none ; text-transform: none; }

/*-------------------------------------------------- 
	Secondary Nav
--------------------------------------------------*/
#secondarynav ul.status-nav {float: right; list-style:none; margin: 5px 5px 0 0; padding: 0;}
#secondarynav ul.status-nav li {float: left; padding: 0 5px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

/*-------------------------------------------------- 
	Footer
--------------------------------------------------*/
#footer .powered-by {float: right; margin: 31px 38px 0 0; }
#footer .copyright {float: left; margin: 38px 0 30px 37px; }
.footerbgcolor {background-color: #ffffff; background-image: url(../images/footer-bg.gif); background-repeat: repeat-x; }
.footertext {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; color: #484848; text-transform: none; }
a.footerlink:link, a.footerlink:active, a.footerlink:visited {color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 11px; 	font-weight: normal; text-decoration:none; text-transform: none; }
a.footerlink:hover {color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:underline; 	text-transform: none; }

/*-------------------------------------------------- 
	Page Content Styles
--------------------------------------------------*/

/* All pages */
td {padding: 8px 0;}
td.plaintext, td.plaintextbold,td.plaintext12 {padding: 8px;}
td.nopadding {padding: 0;}

.borderlistrow {border-bottom: 1px solid #cfcfcf;}
.borderlistrow:hover {background: #e8edf1!important; }

.THHeader {padding: 9px 10px 8px 10px; color :#003861; font-size:11px; font-family : Arial ; font-weight  :normal ; text-decoration  : none ; background-color :#f5f5f5;}

.AdminTHHeader {padding: 9px 10px 8px 10px; color :#FFFFFF; font-size:11px; font-family : Arial ; font-weight  :normal ; text-decoration  : none ; background-color :#012540;}

.adminAlert {padding: 5px 10px; font: bold 15px sans-serif; color:#FF0000; border: 1px solid #FF0000;}

.smalltextblk { color :#000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
.smalltextred { color :#ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none;}
input.smalltextblk, select.smalltextblk {font-size: 11px;}
input.adminbutton { background: #6dafdf; border: 1px solid #003861; cursor:pointer; }
.adminbutton:hover { background: #c1dbed; }

.tblborder {border: 1px solid #cfcfcf;}
.tblborderred {border: 1px solid #cc0000;}

.plaintextbold {color :#000; font-family: Arial, Helvetica, sans-serif; font-size  :11px; text-decoration  : none ; font-weight  : bold ; }
.plaintext { color :#000000; font-family: Arial, Helvetica, sans-serif; font-size  :11px; text-decoration  : none ;}

.plaintext12 { color :#000000; font-family: Arial, Helvetica, sans-serif; font-size  :12px; text-decoration  : none ;}

.sectionheading {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #003861; font-weight: normal; text-transform:uppercase;} 
a.sectionheading:link, a.sectionheading:active, a.sectionheading:visited  {font: normal 18px Arial, Helvetica, sans-serif; color: #003861; text-decoration:none;}
a.sectionheading:hover {text-decoration:underline;}

.CompPrice {color: #CC0000; font-family: Arial, Helvetica, sans-serif; font-size :11px; font-weight: bold; }
a span.CompPrice {text-decoration: underline;}


.basketitem {color :#000000; font-family: Arial, Helvetica, sans-serif; font-size  :11px; text-decoration  : none ; }
.basketitemred {color :#CC0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; padding: 8px; }
.basketheader1 {color :#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration  : none ; font-weight  : bold ; 	 background-color :#515151 ; }



.buttonBack{ padding: 5px 5px 5px 5px; text-align: center; vertical-align: middle; background-color: #CFCFCF; border: 1px #CFCFCF solid;}
.buttonBackBack{ padding: 3px 3px 3px 3px; margin: 3px 3px 10px 3px; width: 50px; text-align: center; vertical-align: middle; background-color: #F5F5F5; border: 1px #CFCFCF solid; }
.buttonBackPending { padding: 3px 3px 3px 3px; margin: 3px 3px 10px 3px; width: 320px; text-align: center; vertical-align: middle; background-color: #F5F5F5; border: 1px #CFCFCF solid; }

.backButton { font:11px Arial, Helvetica, sans-serif; color:#003861; text-transform: uppercase;  text-decoration:none; display: block; } 
a.backButton:active, a.backButton:link, a.backButton:visited { font:11px Arial, Helvetica, sans-serif; color:#003861; text-transform: uppercase;  text-decoration:none; display: block; }
a.backButton:hover{ text-decoration:underline; display: block;}

img.display-color {border: 1px solid #CFCFCF; vertical-align: top;}


.moreinfo {padding-top:10px; cursor:pointer;}
.moreinfo, a.moreinfo:active, a.moreinfo:link, a.moreinfo:visited {color: #888888; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration:none;}
a.moreinfo:hover {color: #888888; text-decoration:underline;}

		.helpbody {
		width:200;
		background:#FFFFFF;
		border-left:2px solid #063085;
		border-right:2px solid #063085;
		border-bottom:2px solid #063085;
		font-size:11px;
		font-weight:normal;
		font-family:Verdana;
		padding:10px;
	}
		.helpheader {
		width:200;
		background:#C4D5E3;
		border-left:2px solid #063085;
		border-right:2px solid #063085;
		border-top:2px solid #063085;
		font-family:Verdana;
		font-size:12px;
		font-weight:bold;
		padding:10px;
		text-align:center;
	}

.mobilehighlight { color: #6dafdf }