/****** FILE: colourways/css/site/layout.css *****/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
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,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,
optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

#Splash{
    margin: 50px auto 50px;
    width:960px;
    height: 600px;
    display:block;	
    overflow:hidden;
}

#Splash span{
	position:relative;
	padding: 20px 30px;
	top: 60px;
	left: 740px;
	visibility:hidden;
}


.button{
    padding: 5px 10px;
}

#Body{
    margin: 0px auto;
    width:1000px;
}

#Frame {
    padding: 22px;
}

#Header{

}

#Header h1{
    width:270px;
    height:49px;
}

#Navigation{
    height: 24px;
}

#Navigation ul{
    float:left;
    width:100%;	
}

#Navigation ul li {
	margin-bottom: -1px;
    padding: 3px 9px 3px;
    float:left;

}

#RSS{
    display:block;
    float:right;
    padding: 2px 16px 2px 0px;	
    color: #111;
}

#Layout{
    float:left;
    width:956px;	
    
}

.typography{
	padding: 30px 10px;
}

.west{
    width:513px;
    float:left;	
}

.east{
    float:left;
    width:442px;
    margin-left:-1px;	
}

.east .image{
    padding: 10px 10px 7px 10px;
    width:422px;
    float:left;
    border-bottom: 1px solid #DDD;
    margin: 0px 0px 20px 0px;	
    overflow-x:hidden;
}

.east .image img {
	padding: 1px;
	border: 1px solid #DDD;
	
}

#Archives{
    float:left;
    padding:10px;
    width:200px;
    margin: 0px 0px 20px 0px;
}

#Share{
    float:left;	
    padding:10px;
    width:201px;
    margin: 0px 0px 20px -1px;
}

.archiveHeader{
    padding: 10px 10px 0px;	
}

.archiveHeader p{
    margin: 0px 0px 8px;	
}

.archiveHeader h2{
	margin: 0px 0px 8px;   
}

.article{
	padding: 0px 0px 22px;
	margin: 0px 0px 22px;
}

.typography .article h2{
    margin:0px 0px 10px;	
}

.articleLink{
    padding: 0px 0px 10px;	
}

#Footer{
	
	float:left;
	clear:both;
	width:100%;
	
}

#Sponsors{
    float:left;
    width:100%;
    clear:both;
    height: 74px;
    padding: 10px;	
}

#Sponsors .sponsor {
    width: 20%;
    height: 50px;
    vertical-align:middle;
    float:left;
    display:block;
}


.right{
    float:right;    
}

.left{
    float:left; 
}

img.right, img.left{
    margin: 10px;
    _margin: 5px;	
}

#Paypal {
    height:300px;
    
}

/****** FILE: colourways/css/site/typography.css *****/
body{
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size:14px;
    line-height:18px;
}

a{
    color: #2c51b1;
    text-decoration: none;	
}

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

#Splash{
	color: #111;
    text-decoration: none;
}

#Splash:hover{
    text-decoration:none;	
}



#Header{
    height:52px;
    padding: 20px 10px;	
     border-bottom: 1px solid #DDD;
    margin: 0px 0px 1px 0px;
}

#Header h1{
    text-indent:-9999px;
    font-size:0px;
    background: url(../../images/header/logo.gif);
    
}

#Navigation {
    

}

#Navigation ul {
	border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;	
}

#Navigation ul li {
   border-bottom: 1px solid #DDD;
   border-top: 1px solid #DDD;
   border-right: 1px solid #DDD;
   
}

#Navigation ul li{
    
    
    background: #EFEFEF;
     
}

#Navigation ul li.current  {
    background:white;	
    border-bottom: 1px solid #FFF;
}

#Navigation ul li a{
	color: #111;
	text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
     line-height: 11px;
     letter-spacing: 2px;
}

#Navigation ul li a:hover{
    text-decoration:underline;  
}

#RSS{
	font-size: 12px;
	letter-spacing: 2px;
	
   background: url(../../images/navigation/rss.gif) no-repeat right center; 	
}

.typography h2{
	font-size: 24px;
	margin-bottom:24px;
}

.typography h3{
    font-size: 20px;
    margin-bottom: 20px;	
}

.typography h4{
    font-size: 18px;
    margin-bottom: 18px;	
}

.typography h5{
    font-size: 16px;
    margin-bottom: 16px;    
}

.typography p {
	line-height: 22px;
	margin: 0px 0px 22px;
}

.typography ul {
    padding: 0px 0px 10px 20px; 
}

.typography ul li{
    list-style-type: disc;
    padding: 0px 0px 5px;
}

#Layout .west{
    border-right: 1px solid #DDD;	
}

#Layout .east{
	border-left: 1px solid #DDD;
}

#Layout .east h3{
	text-transform:uppercase;
	color: #555;
	letter-spacing:2px;
	font-size:14px;
	margin-bottom:5px;
	vertical-align: top;
}

#Layout .typography .framed {
    border: 1px solid #DDD;
    padding: 1px;	
}

#Archives{
    border-right: 1px dotted #DDD;	
}

#Share{
	border-left: 1px dotted #DDD; 
}

.archiveHeader{
    border-bottom: 2px solid #DDD;	
}

.archiveHeader p{
    text-transform: uppercase;
    color:#111;
    font-size:11px;
    letter-spacing:2px;
}

.archiveHeader h2{
    text-transform: none;	
    font-size: 18px;
}

.article{
    border-bottom: 1px dotted #DDD;	
}


.articleCreated{
    color: #888;
    font-size: 11px;
    letter-spacing: 2px;	
}

#Footer{
    border-top: 3px double #DDD;
    font-size: 10px;
}

#Sponsors .sponsor{
    text-align:center;
    line-height:76px;
}

#Sponsors .sponsor img{
    vertical-align:middle;
    
}

.button{
    background: #F9F9F9 url(../../images/buttons/background.gif) repeat-x center bottom;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ADADAD;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ADADAD;
    vertical-align: middle;
    color: #444;
    line-height:26px;
}

#Paypal {
    background: url(../../images/loading.gif) no-repeat center center;
}

/****** FILE: colourways/css/site/form.css *****/
.typography form p {
    margin:0px;	
}

.typography form p.message{
	padding: 10px;
	margin: -5px 0px 10px;
	border: 1px solid #ECECEC;
	background: #F7F7F7;
}

.typography form p.message.bad{
    border: 1px solid #996666;
    background: #CC9999;
}

.typography form p.hint{
    background: white;	
    border: 1px solid #ECECEC;
    padding: 10px;
    margin: 0px 0px 10px;

}

.typography form ul {
    padding: 0px;
}

.typography form ul li{
    list-style-type: none;
}

label.left {
    display:block;
    float:left;
    width: 170px;
    text-align:right;
    padding: 0px 5px 0px 0px;
    vertical-align:middle;	
    height: 24px;
    line-height: 24px;
}

label.right{
    display:block;
    float:left;
    width: 400px;	
    vertical-align:middle;  
    height: 24px;
    line-height: 24px;
}

.quantity label {
    float:left;
    display:inline;
    text-align:left;
    width:auto;	
    height:auto;

}


.disabled {
    color: #666;	
}

input.text, input.statetext {
    background-color: #FCFCFC;
    border: 1px solid #888;	
    padding: 3px 2px 1px;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    width:400px;
}

/**
 * Validation and requirements
 */
.required input,
.required textarea {
    background:	#FCFCFC url(../../images/forms/required.gif) no-repeat 396px 2px;
}

.validationMessage{
    font-size: 12px;
    color:#730000;
    width:400px;	
    clear:both;
}

.validation-failed {
}

textarea.validation-passed,
input.validation-passed{
	background: #FCFCFC url(../../images/forms/validated.gif) no-repeat 396px 2px;
}

.textarea textarea {
	padding: 3px 2px 1px;
	margin: -1px 0px 1px;
	background-color: #FCFCFC;
    border: 1px solid #888; 
    width:404px;
    max-width:406px;
    min-width:406px;
    float:left;
    clear:both;
    *width:400px;
    *max-width:400px;
    *min-width:400px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .textarea textarea {
       max-width:400px;
       min-width:400px;
    }
}

.quantity input{
    background-color: #FCFCFC;
    border: 1px solid #888;
    width: 30px;
    text-align:right;
}

.quantity input:hover,
.textarea textarea:hover,
input.text:hover,
input.statetext:hover {
    background-color: #CEDDDF;	
}

.quantity input:focus,
.textarea textarea:focus,
input.text:focus,
input.statetext:focus {
	background-color: white;
}

.disabled input,
.disabled textarea {
    background: #DEDEDE;
    color: #333;	
}


.field{
    padding: 2px 0px; 
    clear:both;  
}

.quantity{
    float:left;	
    margin: 0px 0px 10px;  
}

.quantity .option{
    width:300px;	
}

.quantity .name{
    display:block;

}

.quantity .price{
    display:block;

}

.quantity input {
    float:left;	
    clear:both;
    background-color: #FCFCFC;
    border: 1px solid #888; 
    padding: 3px 2px 1px;
    height:20px;
    line-height:20px;
    vertical-align:middle;
}
.quantity .controls {
    float:left;
    width: 26px;
    padding: 0px 0px 0px 2px;
    overflow-y:hidden;
    height: 26px;
}
.quantity .increase{
    display:block;

    width:26px;
    height:12px;
    line-height:12px;
    background: url(../../images/forms/increase.gif) no-repeat center bottom;
    text-indent: -9999px;
    font-size:0px;	
    cursor:pointer;
    margin:0px 0px 1px 0px;
}

.quantity .decrease{
    display:block;
    width:26px;
    height:12px;
    line-height:12px;
    background: url(../../images/forms/decrease.gif) no-repeat center bottom;
    text-indent: -9999px;
    font-size:0px;  
    cursor:pointer;
    margin:2px 0px 0px 0px;
}

.quantity .increaseHover,
.quantity .decreaseHover {
	background-position: center top; 
}

.disabled .increase,
.disabled .decrease {
    background-position: center -12px;	

}


	

.middleColumn{
    float:left;
    line-height:22px;	
}

.quantity .middleColumn{
    padding: 0px 0px 0px 50px;	
    width: 64px;
}

.statedropdown select{
    float:left;	
}

input.statetext {
    width: 400px;
    clear:both;
    float:left; 
    margin: 2px 0px 0px;
}


.typography form .optionset{
	padding: 0px 0px 0px 50px;
    float:left;
    clear:both;	
}

.typography form .optionset li{
    float:left;
    padding: 0px 0px 10px;	
}


.optionset .radio {
    float:left;	
    margin-top: 5px;
}


.option{
	float:left;
	width:750px;
	padding: 0px 0px 0px 5px;
}

.option .name{
}

.option .description{
    font-size:12px;	
}

.checkbox{
    line-height:22px;
    float:left;
    height:22px;
    vertical-align:middle;	
    padding:0px 0px 0px 50px;
    width:864px;
    
}

.checkbox input{
    float:left;
    vertical-align:middle;
    margin: 4px 5px 0px 0px;
}

a.action{
	background: #F9F9F9 url(../../images/buttons/background.gif) repeat-x center bottom;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ADADAD;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ADADAD;
    vertical-align: middle; 
    padding: 5px;
    font-size: 12px;
    color:black;
}

a.action:hover{
    text-decoration:none;	
}

input.action {
    background: #F9F9F9 url(../../images/buttons/background.gif) repeat-x center bottom;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ADADAD;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ADADAD;
    vertical-align: middle;	
    padding: 5px;
    font-size: 12px;
    float:right;
}

legend{
    color:#666666;	
    font-size:20px;
}

fieldset{
    padding:10px 10px 0px;
    border-top: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    background: #F7F7F7;
    width:914px;
    float:left;
}

fieldset{
    *position: relative;
    *margin-top:1em;
    *padding-top:.75em;
}

legend{
    *position:absolute;
    *top: -.5em;
    *left: .5em;
}



.Actions{
    padding:10px 10px 10px;
    background: #F7F7F7;
    border-bottom: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
     width:914px;
    float:left;
    margin: 0px 0px 10px;
}

.typography .Actions p{
    margin: 10px 0px 0px;	
}

#action_previous{
    float:left;	
}

.progress {
    float:left;
    clear:both;
    width:934px;
    padding: 0px 0px;
    font-size:12px;	
    background: #F7F7F7;
    border: 1px solid #ECECEC;
    *position:relative;
}

.marker {
	height: 30px;
	line-height:30px;
	vertical-align: middle;
    float:left;
    text-align:center;	
}

.present{
    background: #fff url(../../images/forms/marker-present.gif) no-repeat center bottom;	
}

.past{
    color:#999;	
}

.future{
    color:#999;	
}

.last {
    *position:absolute;	
    *border-right: 1px solid #ECECEC;
    *margin-left:-2px;
}

div#Business_Details{
    margin: 5px 0px 5px;
    float:left;
    padding: 0px 0px 0px 50px;
    width:814px;
}

div#Business_Details label {
	text-align:left;
	clear:both;
}

div#Business_Details .middleColumn{
    width: 100%;	
    clear:both;
}

div#Business_Details textarea {
    width: 100%;
}

#Remember{
    width:741px;
    padding:0 0 0 173px;	
}

#confirmation {
	float:left;
	width:892px;
    background: white;  
    border: 1px solid #ECECEC;
    padding: 10px;
    margin: 0px 0px 10px;	
    font-size: 12px;
}

#confirmation h4{
    color: #666666;
    font-size:16px;
    margin: 0px 0px 10px;	
}

#confirmation h5{
    color: #666666;
    font-size:14px;
    margin: 0px 0px 10px;  
    float:left;
    clear:both; 
}

#confirmation .section {
    padding: 0px 0px 20px;
    float:left;
    clear:both;	
}

#confirmation .confirmation {
    float:left;
    clear:both;	
}

#confirmation .cost {
    font-size: 15px;
}

#confirmation .label {
    float:left;
    width: 70px;
}

#confirmation .value{
    float:left;	
}

#Required{
    float:right;
    padding: 0px 0px 0px 10px;
    background: url(../../images/forms/required.gif) no-repeat left center;	
    margin:0px 0px -22px;
}

.break{
    height:10px;
    width:300px;
    float:left;
    clear:both;	
}

#ExtraRepresentatives{
    float:left;
    clear:both;
    margin: 10px 0px;	
}

#AddExtraRepresentative{
    display:none;	
    -position:relative;
}

#ExtraRepresentatives .action{
    float:left;
    margin: 0px 0px 15px 174px;	
}

#ExtraRepresentatives h5{
    padding: 0px 0px 0px 174px;
}

.extraRepresentative {
    float:left;
    margin: 0px 0px 20px;
    display:none;
}


#Background {
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    height:100%;
    width:100%;
    background:black;	
    position:absolute;
    z-index:1000;
}

#Confirm {
	position:absolute;
	z-index:1001;
    width: 700px;
    height: 350px;
    border: 1px solid #ECECEC;
    background: #F7F7F7;
    padding: 20px;
}


#Confirm .dialog{
    border: 1px solid #ECECEC;
    background:white;
    height:300px;
    width:700px;
}

#Confirm .loading {
    background: white url(../../images/loading.gif) no-repeat center center;
}

#Confirm .action{
    margin: 20px 0px 0px;
}