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


/* Special Fonts ------------------------------------------------------ */
@font-face {
    font-family: 'Kabel';
    src: url('fonts/kabel-webfont.eot');
    src: url('fonts/kabel-webfont.eot?iefix') format('eot'),
         url('fonts/kabel-webfont.woff') format('woff'),
         url('fonts/kabel-webfont.ttf') format('truetype'),
         url('fonts/kabel-webfont.svg#webfontnwlgdXtu') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
/* Structure ------------------------------------------------------ */

body {
	background-color: #ccc;
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/page-bg.png);
	color:#666;
}

h1 {
	color: #003366;
	margin-top:0px;
	font-size:20px;
	font-family:"Kabel", Arial, Helvetica, sans-serif;
}
h2 {
	color: #003366;
	font-size:15px;
	font-weight:normal;
}
h3 {
	color: #003366;
	font-weight:normal;
	font-family: "Kabel", Arial, Helvetica, sans-serif;
}
a {
	color:#000;
}
a:hover {
	color: #003366;
}

#pagewrapper {
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px;
	overflow:hidden;
}
#pagewrapper .page-container {
	width: 960px;
	margin: 0px auto;
}
#nav-wrapper {
	width: 960px;
	margin: 0px auto;
	height: 30px;
	background-image: url(images/nav-bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 20px;
	z-index: 1000;
}

#header {
	background-image:url(images/algon-header-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:460px;
	width: 960px;
	margin: 0px auto;
}
#productheader {
	background-image:url(images/algon-page-header-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:207px;
	overflow:hidden;
	width: 960px;
	margin: 0px auto;
}

.header-wrapper {
	width: 960px;
	margin:0px auto;
}

#logo {
	padding-top:0px;
	text-align:center;
}
#productlogo {
	padding-top:10px;
	text-align:right;
}
#productlogo .pagehead {
	display: block;
	float: left;
	text-align: left;
	width: 360px;
	height: 90px;
	font-family: Kabel, Arial, Helvetica, sans-serif;
	font-size: 45px;
	color: #FFF;
	margin: 40px 0px 0px 40px;
}
#productlogo .productname {
	font-size: 20px;
}


#content-wrapper {

}

.breadcrumbs {
	display: block;
	width: 940px;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:10px;
	color:#003366;
	background-color: white;
}
.headingtext {
	height:auto;
	font-family: "Kabel", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.breadcrumbs a {
	color:#003366;
	text-decoration:none;
}
.breadcrumbs a:hover {
	color:#000;
}
#content {
	width:960px;
	margin: 0px auto;
	display: block;
	height: auto;
	clear: both;
	background-color: #ffffff;
}

.clear {
	clear:both;
	height:0px;
}

#maincontent {
	width: 450px;
	line-height: 1.25;
	float:left;
	display: block;
	font-size: 13px;
}

#maincontent p {
	line-height: 1.8;
	font-size:14px;
}

#thecontent {
	width: 720px;
	display: block;
	float: left;
}

#products {
	text-align: center;
	height:250px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	}
#products ul {
	margin:0px;
	padding:0px;
	display: block;
}
#products li {
	float:left;
	list-style:none;	}
#products a img {
	border: none;
	margin: 10px 3px;
	}
	.hover {
		margin-top:0px;
	}
/* Footer  ------------------------------------------------------ */

#footer {
	height:30px;
	clear: both;
	width: 960px;
	margin:0px auto;
	text-align: center;
	font-size: 11px;
	color:#666;
	background-color: #FFF;
	padding-bottom: 10px;
}
#footer a {
	text-decoration:none;
	color:#666;
}
#footer a:hover {
	color:#000;
}
/* Quicklinks Column  ------------------------------------------------------ */

.quicklinks-column {
	width:226px;
	float:right;
	padding:0px 12px;
	height: auto;
	color: #FFF;
}

.quicklinks-column a img {
	border:0;
}
.quicklinks a {
	text-decoration:none;
	color: #424242;
}
.quicklinks a:hover {
color:#c41230;
}

.quicklinks-column ul {
	margin: 0px;
	padding: 0px;
}
.quicklinks-column li {
	display: block;
	list-style-type: none;
	background-image: url(images/quicklinks-bottom-bg.png);
	background-position: -1px bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.quicklinks-column h3 {
	margin: 0px;
	color: #FFF;
	color:#fff;
	font-family:"Kabel", Arial, Helvetica, sans-serif;
	background-image: url(images/quicklinks-top-bg.png);
	background-repeat:no-repeat;
	padding:10px;
	margin-bottom:-5px;
	font-weight:normal;
}
.quicklinks-column p {
	padding:10px 20px 10px 10px;
	margin: 0px;
	height:50px;
	font-size:13px;
	font-weight:normal;
	display: block;
	line-height: 1.25;
	}
.quicklinks-column a {
	text-decoration: none;
	color: #FFF;
}		
.quicklinks-column a:hover {
	color: #ffcc00;
}

.quicklinks-column .more {
	width:70px;
	margin-left:140px;
	display:block;
	overflow:hidden;
	padding-right:10px;
	padding-bottom:10px;
	font-family: "Kabel", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:right;;
	font-size:10px;
}
.quicklinks-column .more:hover {
	background-position:-81px;
}


/* Navigation  ------------------------------------------------------ */


#navigation {
	height: 54px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-weight:normal;
	font-size:14px;
	padding-top:5px;
	overflow:hidden;
}

.nav {
    list-style: none;
    padding-top:4px;

}
ul.nav {
	margin:15px 0px 0px 30px;
	padding:0;
}
.nav li {
    float:left;
    padding-left:7px;
 
}
.nav li a {
    float:left;
    display:block;
    height:40px;
    text-decoration:none;
    padding-left:10px;
    color:#FFF;
	cursor:pointer;
}
.nav li a span {
	height:25px;
	float: left;
	display: block;
	padding: 4px 15px 0 10px; /*Padding of menu items*/
}
.nav li.current a {
	color: #fff; /*left tab image path*/
	background-position: left top;
	background-image: url(images/active-menu-item-l.png);
	background-repeat: no-repeat;
}
.nav li a:hover, .nav li.current a:hover span {
	color:#FFCC00;
}
.nav li.current a span {
	color: #fff; /*right tab image path*/
	background-image: url(images/active-menu-item-r.png);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Secondary Nav   ------------------------------------------------------ */
.subnavhead {
margin-left:15px;
margin-top:15px;
}

#secondary-nav {
	background-color: #F1F1F1;
	margin-left:10px;
	width:210px;
	float:left;
	margin-right:11px;
	background-image: url(images/subnav-bg.png);
}
#secondary-nav  li {
	list-style:none;
	margin-left:-30px;
	margin-right:10px;
	border-bottom:solid 1px #666;
}
#secondary-nav  li a {
	text-decoration:none;
	color:#003366;
	padding:8px;
	display:block;
}
#secondary-nav  li a:hover {
	color:#000;
background-color: #F9F9F9;
}
#secondary-nav  li.first {
	border-top:solid 1px #666;
}
#secondary-nav  li a.current {
background-color: #003366;
color:#fff;
}


/* Align styles  ------------------------------------------------------ */


.aligncenter,
 div.aligncenter {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }  

 .alignleft {
     float: left;
 }  

 .alignright {
     float: right;
 }  
 
 
 /*  Admin Styles ---------------------------------------------------- */

 #admincontent {
	width: 940px;
	line-height: 1.25;
	float:left;
	display: block;
	font-size: 13px;
	padding: 10px;
	background-color: #FFF;
}
#theadmincontent {
	width: 920px;
	display: block;
	float: left;
	padding: 10px;
}

.admincolumn {
	width: 440px;
	float: left;
	margin-right: 20px;
	display: block;
}
.admincolumn h2 {
	margin-top: 0px;
}
form label {
	float: left;
	display: block;
	width: 150px;
}
.forminfo {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	color: #036;
	display: block;
}
#updatebutton {
	float: right;
	margin-right: 35px;
}
.updated {
	background-color:#090;
	color:#fff;
	padding:10px;
	display:block;
	width:940px;
	margin:0px auto;
}
#draft {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(images/draft.png);
	z-index: 5000;
	background-repeat: no-repeat;
	bottom: 0px;
}
#status {
	width:200px;
	display:inline;
float:right;
margin-right:20px;
padding:10px;
	}
.pagetoggle {
	display:inline;
	width:200px;
	margin-right:20px; 
}
#adminrow {
	float: left;
	width: 440px;
	margin-right: 10px;
}
#adminrow2 {
	width: 920px;
	margin-right: 20px;
	height: 155px;
}
#adminrow1 {
	width: 920px;
	margin-right: 20px;
	height: 55px;
}
#adminrow1 label, #adminrow label, #contentrow label {
	font-weight: bold;
	margin-left:5px;
}


 /*  Stockist Page Styles ---------------------------------------------------- */


#stockistcontent {
	width: 705px;
	line-height: 1.25;
	float:left;
	display: block;
	font-size: 13px;
}

#stockistcontent .row {
	display: block;
	margin-bottom: 5px;
}
#stockistcontent .row div {
	float: left;
	padding:8px;
}
.name {
	width:250px;
}
.toggle {
	border:solid 1px #003366;
}
	
.address {
	width:250px;
}
#stockistcontent #region {
	padding:8px;
	background-color:#003366;
	color:#fff;
}
#stockistcontent #region a {
	color:#FFF;
}


#stockist label, #admincontent label {
	float: none;
	display: block;
	width: auto;
}
#stockist .forminfo {
	margin-top:10px;
}
#stockistcontent .toggleLink {
	font-size:11px;
}


 /*  Account Page Styles ---------------------------------------------------- */


#accountcontent {
	width: 450px;
	line-height: 1.25;
	float:left;
	display: block;
	font-size: 13px;
}

 /*  Message Styles ---------------------------------------------------- */
 
 .updated {
 width:980px;
 margin:0px auto;
 background-color: green;
 }
 .removed {
 width:980px;
 margin:0px auto;
 background-color: red;
 }