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

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/background-slice.jpg) repeat-x;
	text-align: center;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
}
	
.mainholder {
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	
/* Site Header */
	
#logobox {
	width: 248px;
	height: 165px;
	background: url(../images/top-left-logo.jpg) no-repeat;
	float: left;
	text-indent: -9999px;
}
	
#bannerbox {
	width: 582px;
	height: 165px;
	background: url(../images/top-banner-right.jpg) no-repeat;
	float: right;
}

	#header-right {
		width: 582px;
		font-size: 0.7em;
		float: right;
		text-align: right;
	}
	
		#header-right ul {
			width: 800px;
			margin: 0;
			padding: 0;
			float: right;
			clear: none;
			list-style-type: none;
		}
		
			#header-right li, #header-right a {
				width: auto;
				float: right;
				display: inline;
				color: #e3e4e6;
			}
			
			#header-right a {
				margin: 7px 16px 0 4px;
				text-decoration: none;
				font-size: 1.2em;
			}
			
			#header-right .view-basket {
				width: 108px;
			}
			
				#header-right .view-basket a {
					padding: 0 25px 0 0;
					background: url(../shop/templates/default/images/basket.gif) right no-repeat;
				}
	
			#header-right .my-account {
				width: 136px;
			}
			
				#header-right .my-account a {
					padding: 0 22px 0 0;
					background: url(../shop/templates/default/images/my-account.gif) right no-repeat;
				}
	
#stoppress {
	position:absolute;
	left: 675px;
	top: 315px;
	border: 0px;
}

/* Text Styles */

p {
	font-size: 1.1em;
	color: #444857;
	line-height: 1.3em;
	}

h3 {
	font-size: 1.8em;
	font:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#9994a3;
	margin-top: 15px;
	margin-bottom: 5px;

	}
	
.templatetext p {
	margin-top: 5px;
	line-height:1.1em;
	font-size: 1em;
	}
	
a {
		color: #1c5576;
		text-decoration:none;
		font-weight: bold;
		outline: none;

		}
a:hover {
		color: #59bde9;
		text-decoration:none;
		font-weight: bold;
		}


/* Main Menu */

ul#menubar {
	width: 830px;
	height:123px;
	background: url(../images/menu-bar.jpg) no-repeat;
	clear: both;
	position: relative;
	margin: 0px 0px 3px 0px;
	list-style:none;
	}
	
a#whatwedo, a#whatwedo:hover, a#contactus, a#contactus:hover, a#programming, a#programming:hover, a#guidesign, a#guidesign:hover, a#store, a#store:hover {
	position:absolute;
	display: block;
	text-indent: -9999px;
	padding: 0px;
	margin: 0px;
	

	}
	
a#whatwedo, a#whatwedo:hover, a#contactus, a#contactus:hover {
	width: 166px;
	height: 40px;
	left: 26px;
	outline:none;  
	}
	
a#whatwedo {
	top: 18px;
	background: url(../images/what-we-do.jpg) top left no-repeat;
	}
	
a#whatwedo:hover {
	top: 18px;
	background: url(../images/what-we-do.jpg) -166px 0px no-repeat;
	}
		
a#contactus {
	top: 63px;
	background: url(../images/contactc3/contact-us.jpg) top left no-repeat;
	}
	
a#contactus:hover {
	top: 63px;
	background: url(../images/contactc3/contact-us.jpg) -166px 0px no-repeat;
	}
	
a#programming {
	width: 176px;
	height: 84px;
	left: 200px;
	top: 18px;
	background: url(../images/programming/programming.jpg) top left no-repeat;
	}
	
a#programming:hover {
	width: 176px;
	height: 84px;
	left: 200px;
	top: 18px;
	background: url(../images/programming/programming.jpg) -176px top no-repeat;
	outline:none; 
	}
	
a#guidesign {
	width: 176px;
	height: 84px;
	left: 386px;
	top: 18px;
	background: url(../images/gui-design/gui-design.jpg) top left no-repeat;
	}
	
a#guidesign:hover {
	width: 176px;
	height: 84px;
	left: 386px;
	top: 18px;
	background: url(../images/gui-design/gui-design.jpg) -176px top no-repeat;
	outline:none; 
	}
	
a#store {
	width: 231px;
	height: 84px;
	left: 571px;
	top: 18px;
	background: url(../images/store/store.jpg) 0px 0px no-repeat;
	}
	
a#store:hover {
	width: 231px;
	height: 84px;
	left: 571px;
	top: 18px;
	background: url(../images/store/store.jpg) -231px 0px   no-repeat;
	outline:none; 
	}	
	
	
/* Info Area */
	
#infoareabox {
	width: 100%;
	padding: 3px;

	}	
#infoarea{
	width: 799px;
	background: url(../images/infoarea-background.jpg) no-repeat #bdc2c7;
	margin-left: 13px;
	position:relative;
	border-bottom: 8px solid #bfc3c9;
	}
	
#textarea {

	margin: 20px 120px 0px 120px;
	font-size:13px;
	}
	
#textareaindex {

	margin: 0px 120px 0px 120px;
	padding: 20px 0px 20px 0px;
	font-size:13px;
	}
	
#textarea.buytemplate {
	margin: 20px 80px 0px 80px;
	font-size:13px;
	}
	
	#textarea.contact{
	margin: 0px 80px 0px 80px;
	font-size:13px;
	}
	
/* Contextual Menu Bar */

ul#contextualmenubar {
	width: 789px;
	height: 29px;
	padding: 6px;
	margin:0px;
	color: #fff;
	list-style:none;
	text-align: left;
	font-size: 14px;
	font-weight:normal;
	position: relative;

	
	}
#contextualmenubar a {
	display:block;
	width: 182px;
	height: 26px;
	padding-top: 7px;
	padding-left: 15px;
	text-decoration:none;
	font-weight:normal;
	float: left;
	color: #fff;
	
		}
		
#contextualmenubar a.rightitem {
	width: 181px;
	}
		
#contextualmenubar li.menublank {
	display:block;
	width: 184px;
	height: 26px;
	padding-top: 7px;
	padding-left: 15px;
	text-decoration:none;
	float: left;
	color: #fff;
	background:url(../images/gui-design/gui-menu-back-slice.jpg) repeat-x;
		position: absolute;
	left: 594px;
	top:6px;
	
		}
		
		
#contextualmenubar li.menublank#store {
	width: 380px;
	position: absolute;
	left: 398px;
	top:6px;
	}





/* GUI Design Menu */
		
a#bespoke {
	background: url(../images/gui-design/gui-menu-item-1.jpg) top left no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#bespoke:hover {
	background: url(../images/gui-design/gui-menu-item-1.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
a#templates {
	background: url(../images/gui-design/gui-menu-item-2.jpg) top left no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}

a#templates:hover {
	background: url(../images/gui-design/gui-menu-item-2.jpg)  -196px 0px no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
a#skins {
	background: url(../images/gui-design/gui-menu-item-3.jpg) top left no-repeat;
	position: absolute;
	left: 398px;
	top:6px;
	}
	
a#skins:hover {
	background: url(../images/gui-design/gui-menu-item-3.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 398px;
	top:6px;
	}
	
#tpcorner {
	position:absolute;
	left: -24px;
	top: 121px;


}
	
/* Programming Menu */

a#systemprog {
	background: url(../images/programming/programming-menu-item-1.jpg) top left no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
}

a#systemprog:hover {
	background: url(../images/programming/programming-menu-item-1.jpg) -197px 0px no-repeat;
}


a#manufacturer {
	background: url(../images/programming/programming-menu-item-2.jpg) top left no-repeat;
	position: absolute;
	left: 203px;
	top:6px;
}
	
a#manufacturer:hover {
	background: url(../images/programming/programming-menu-item-2.jpg) -197px 0px no-repeat;
}
	
a#system {
	background: url(../images/programming/programming-menu-item-3.jpg) top left no-repeat;
	position: absolute;
	left: 400px;
	top:6px;
}
	
a#system:hover {
	background: url(../images/programming/programming-menu-item-3.jpg) -197px 0px no-repeat;
}
	
a#modulerequest {
	background: url(../images/programming/programming-menu-item-4.jpg) top left no-repeat;
	position: absolute;
	left: 597px;
	top:6px;
}
	
a#modulerequest:hover {
	background: url(../images/programming/programming-menu-item-4.jpg) -196px 0px no-repeat;
}
	
a#ipodapps {
	background:  top left no-repeat;
}
	
a#ipodapps:hover {
	background: url(../images/programming/programming-menu-item-3.jpg) -196px 0px no-repeat;
}
	
	
/* Store Menu */

a#modules {
	background: url(../images/store/store-menu-item-1.jpg) top left no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#modules:hover {
	background: url(../images/store/store-menu-item-1.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#tptemplates {
	background: url(../images/store/store-menu-item-2.jpg) top left no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
	
a#tptemplates:hover {
	background: url(../images/store/store-menu-item-2.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
	
.crestronaward {
	position: absolute;
	left: -25px;
	top: 140px;
	}
	
/* My Account Menu */

a#mydetails {
	background: url(../images/my-account/my-account-menu-item-1.jpg) top left no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#mydetails:hover {
	background: url(../images/my-account/my-account-menu-item-1.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#myorders {
	background: url(../images/my-account/my-account-menu-item-2.jpg) top left no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
	
a#myorders:hover {
	background: url(../images/my-account/my-account-menu-item-2.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
	
a#myquotes{
	background: url(../images/my-account/my-account-menu-item-3.jpg) top left no-repeat;
	position: absolute;
	left: 398px;
	top:6px;
	}
	
a#myquotes:hover {
	background: url(../images/my-account/my-account-menu-item-3.jpg) -196px 0px no-repeat;
	position: absolute;
	left: 398px;
	top:6px;
	}
	
	
a#modulerequests {
	background: url(../images/my-account/my-account-menu-item-4.jpg) top left no-repeat;
	position: absolute;
	left: 594px;
	top:6px;
	}	
	
a#modulerequests:hover {
	background: url(../images/my-account/my-account-menu-item-4.jpg) -198px 0px no-repeat;
	position: absolute;
	left: 594px;
	top:6px;
	}
	
	
/* About C3 Menu */

a#latestnews {
	background: url(../images/about-c3/about-menu-item-1.jpg) top left no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#latestnews:hover {
	background: url(../images/about-c3/about-menu-item-1.jpg) -197px 0px no-repeat;
	position: absolute;
	left: 6px;
	top:6px;
	}
	
a#theteam {
	background: url(../images/about-c3/about-menu-item-2.jpg) top left no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
	
a#theteam:hover {
	background: url(../images/about-c3/about-menu-item-2.jpg) -197px 0px no-repeat;
	position: absolute;
	left: 202px;
	top:6px;
	}
	
a#spare {
	background: url(../images/about-c3/about-menu-item-3.jpg) top left no-repeat;
	position: absolute;
	left: 398px;
	top:6px;
	}
	
a#spare:hover {
	background: url(../images/about-c3/about-menu-item-3.jpg) -197px 0px no-repeat;
	position: absolute;
	left: 398px;
	top:6px;
	}
	
/*STORE*/
	
/* Templates */

.templatebox  {
	background: #cccece url(../images/store/store-templates-slice.jpg) 0 0 repeat-x;
	padding: 5px 10px 10px 10px;
	margin-bottom: 30px;
	border: 5px solid #ffffff;
	position:relative;
	}	
	
.templatethumb {
	float: left;
	}
	
.templatetext {
	float: left;
	width: 250px;
	margin-left: 10px;
	margin-right: 10px;
	}
#resolutions {
	color:#64984f;
	background-image: none;
	}
a.vieworbuy, a.vieworbuy:hover {	
	width: 105px;
	height: 29px;
	color: #abd4e4;
	text-decoration:none;
	padding-left: 23px;
	padding-top: 13px;
	margin-top: 8px;
	font-size: 1.1em;
	font-weight: bold;
	display:block;
	outline: none;
	}
a.vieworbuy {

	background: url(../images/store/black%20button.png) top left no-repeat;

	}
	
a.vieworbuy:hover {

	background: url(../images/store/black%20button.png) -128px 0px  no-repeat;
	}
	
	
	
	
a.buy, a.buy:hover {	
	width: 86px;
	height: 33px;
	color: #abd4e4;
	text-decoration:none;
	margin: 0px 10px 10px 0px;
	padding: 12px 0px 0px 14px;
	font-size: 1em;
	font-weight: bold;
	display:block;
	outline: none;
	float: right;
	}
a.buy {

	background: url(../images/store/buy%20button.png) top left no-repeat;
	}
	
a.buy:hover {

	background: url(../images/store/buy%20button.png) -103px 0px  no-repeat;
	color: #000;
	}
	
a.viewcart, a.viewcart:hover {	
	width: 111px;
	height: 28px;
	color: #abd4e4;
	text-decoration:none;
	font-size: 1em;
	font-weight: bold;
	display:block;
	outline: none;
	padding: 12px 0px 0px 17px;
	margin-top: 20px;
	float: right;
	}
	
a.storebutton, a.storebutton:hover, a.storebutton2, a.storebutton2:hover {	
	width: 184px;
	height: 46px;
	color: #fff;
	text-decoration:none;
	font-size: 1.1em;
	font-weight: bold;
	display:block;
	outline: none;
	padding: 18px 0px 0px 25px;
	float: left;

	}
	
a.storebutton2 {

	background: url(../images/store/black%20button%203.png) top left no-repeat;
	}
a.storebutton2:hover{

	background: url(../images/store/black%20button%203.png) -209px 0px no-repeat;
	color: #000;
	}	
.storebuttontext {
	padding: 17px 0px 0px 0px;
	}
	
.storeselect {
	margin-top: 50px;
	}
	
a.storebutton {

	background: url(../images/store/black%20button%202.png) top left no-repeat;
	}
a.storebutton:hover{

	background: url(../images/store/black%20button%202.png) -209px 0px no-repeat;
	color: #000;
	}	
	
a.viewcart {

	background: url(../images/store/add%20to%20cart.png) top left no-repeat;
	}
	
a.viewcart:hover {

	background: url(../images/store/add%20to%20cart.png) -128px 0px  no-repeat;
	color: #000;
	}
	
.spacer {
	clear: both;
	}
	
.spacer2{
	height: 10px;
	clear: both;
	}
	
.png {
	font-size: 10px;
	color: #000;
	}
	
.templatesleft, .contactleft{
	float: left;
	width: 305px;
	background-color: #d7dadc;
	margin-bottom: 10px;
	height: 290px;
	border: 1px solid #9e9ba2;
	}
	
.templatesright, .contactright{
	float: right;
	width: 305px;
	background-color: #d7dadc;
	margin-bottom: 10px;
	height: 290px;
	border: 1px solid #9e9ba2;
	
	}
	
	.templatesright h3, .templatesleft h3{
	margin-left: 17px;
	margin-top: 4px;
	}
	
	.contactright h3, .contactleft h3{
	margin-left: 17px;
	margin-top: 10px;
	font-weight: normal;
	}
	
	h3.topres {
	color: #73957b;
	}

.templatesright p, .templatesleft p {
	font-size: 1em;
	color: #000;
	padding: 0px;
	margin: 0px;
	margin-top: -5px;
	margin-left: 17px;
	clear: left;
	}
.templatesright a p, .templatesleft a p  {
	color:#1c5576;
	font-size: 10px; 
	}
	
.templatebox#resolutions {
	padding: 8px;
	background-color: #fff;
	border: none;
	}

/* Contact Us Styles */

	
.contactright p, .contactleft p {
	font-size: 1em;
	color: #6a637d;
	padding: 0px;
	margin: 0px;
	margin-left: 17px;
	clear: left;
	line-height: 1.4em;
	}
	
.contactright a, .contactleft a {
	font-size: 1em;
	color: #1c5576;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	clear: left;
	line-height: 1.4em;
	}
	
	.contactright a:hover, .contactleft a:hover {
	font-size: 1em;
	color: #59bde9;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	clear: left;
	line-height: 1.4em;
	}
	

	




/* HEADERS */

h1.bsheader, h1.sereneheader, h1.starshipheader, h1.kidzheader, h1.luminateheader, h1.contactheader, h1.aboutheader {
	width: 226px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	outline: none;
	}

h1.bsheader {
	background: url(../images/store/brushed-steel.jpg) no-repeat;
	}
	
h1.sereneheader {
	background: url(../images/store/serene.jpg) no-repeat;
	}
	
h1.starshipheader {
	background: url(../images/store/starship.jpg) no-repeat;
	}
	
h1.kidzheader {
	background: url(../images/store/kidz.jpg) no-repeat;
	}

h1.luminateheader {
	background: url(../images/store/luminate.jpg) no-repeat;
	}
	
h1.contactheader {
	background: url(../images/contactc3/contact-us-header.jpg) no-repeat;
	}	
	
h1.aboutheader {
	background: url(../images/about-c3/about-c3.jpg) no-repeat;

	}
	
h1.guitempheader, h1.guitempheader, h1.bespguiheader, h1.manmodsheader, h1.sysbuildheader, h1.termsheader, h1.privacyheader, h1.manmodheader, h1.modulerequestheader  {	
	width: 398px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	outline: none;
	}
	
h1.guitempheader {
	background: url(../images/gui-design/gui-templates.jpg) no-repeat;

	}
	
	
h1.bespguiheader {
	background: url(../images/gui-design/bespoke-gui-design.jpg) no-repeat;
	}
	
h1.manmodsheader {
	background: url(../images/programming/manufacturer-modules.jpg) no-repeat;
	}
	
h1.sysbuildheader {
	background: url(../images/programming/system-builder.jpg) no-repeat;
	}
	
h1.termsheader {
	background: url(../images/legal/terms-and-conditions.jpg) no-repeat;
	}
	
h1.privacyheader {
	background: url(../images/legal/privacy-policy.jpg) no-repeat;
	}
	
h1.manmodheader {
	background: url(../images/store/manufacturer-modules-header.jpg) no-repeat;
	}
	
h1.manmodheader {
	background: url(../images/store/manufacturer-modules-header.jpg) no-repeat;
	}
	
h1.modulerequestheader {
	background: url(../images/programming/module-request-header.jpg) no-repeat;
	}
	
h1.tptemplatesheader, h1.mailheader, h1.thanksheader, h1.sysprogheader, h1.licenseheader, h1.indexheader, h1.newsheader, h1.teamheader, h1.myquotesheader, h1.myordersheader, h1.mydetailsheader, h1.modulerequestsheader {
	width: 550px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	outline: none;
}
h1.tptemplatesheader {
	background: url(../images/store/store-templates-header.jpg) no-repeat;
	}
	
h1.mailheader {
	background: url(../images/contactc3/mailingi-list.jpg) no-repeat;
	}
	
h1.thanksheader {
	background: url(../images/contactc3/thank-you.jpg) no-repeat;
	}
	
h1.sysprogheader {
	background: url(../images/programming/system-programming.jpg) no-repeat;
	}
	
h1.licenseheader {
	background: url(../images/store/license-header.jpg) no-repeat;
	}
	
h1.indexheader {
	background: url(../images/index-header.jpg) no-repeat;
	}
	
h1.newsheader {
	background: url(../images/c3-news-header.jpg) no-repeat;
	}
	
h1.teamheader {
	background: url(../images/about-c3/c3-team.jpg) no-repeat;
	}
	
h1.myquotesheader {
	background: url(../images/my-account/my-quotes-header.jpg) no-repeat;
	}
	
h1.myordersheader {
	background: url(../images/my-account/my-orders-header.jpg) no-repeat;
	}
	
h1.mydetailsheader {
	background: url(../images/my-account/my-details-header.jpg) no-repeat;
	}
	
h1.modulerequestsheader {
	background: url(../images/my-account/module-requests-header.jpg) no-repeat;
	}

	
/* Image Styles */
	
a.imagelink img {
	border: 0px;
	}
	
	
img.rightimage {
	float: right;
	margin: -10px -10px 5px 10px;
	}
	
img.leftimage {
	float: left;
	margin: 10px 15px 0px -10px;

	}
	
a img {
	border: 0px;
	}	
	

		
/* Styles for the Download Document form (downloadsform.html) */

#formtable, #formtable input {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}
#formtable input {
	width: 150px;
	}
#formtable {
	margin-left: 100px;
	}
#formtable td {
	padding-bottom: 10px;
	}
td.label {
	width: 120px;
	text-align:right;
	padding-right: 20px;
	}
#button {
	margin-left: 240px;
	margin-top: 20px;
	background-color:#eee;
	border: 1px solid #777;
	}
#agree {
	margin-left: 195px
	}
.asterisk {
	font-size: 16px;
	color: #777;
	}
	
p#required {
	font-size: 0.9em;
	}
	
a#register {
	position:absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
	background:url(../contactus/corener-register-button.png) no-repeat 0px 0px;
	width: 129px;
	height: 127px;
	outline: none;
	text-indent: -9999px;
	}
	
/* News Page */

.newshead {
	float: left;
	}	
	
.date {

	float: right;
	}
	
/* Team Page */
	
.teammember {
	margin-bottom: 30px;
	}

.teammember img {
	float:left;
	border: 5px solid #ccc;
	}
	
.teammember p{
	font-size: 1em;
	padding-left: 20px;
	margin-top: 0px;
	}
.teamtext {
	float:left;
	width: 400px;
	}
	
	
td {
	padding-left: 10px;
	}
	
/* Footer */

#footer {
	height: 60px;
	margin: 5px 15px 0px 16px;
	background-color: #bfc3c9;
	padding: 25px 15px 10px 15px;
	position:relative;

	}
	
#footerlinks {
	margin-top: 5px;
	font-weight: bold;
	font-size: 0.7em;
	line-height: 1.5em;
	float: right;
	color: #fff;
	text-align:right;
	}
	
#footerlinks a{
	color: #fff;
	}
	
#footer a {
	width: 200px;
	outline:none;
	border:none;
	}
p.terms {
	font-size: 11px;
	padding-bottom: 10px;
	}
	
a#twit {
	width: 81px;
	height: 31px;
	position: absolute;
	left: 325px;
	top: 55px;

	}	
	
#footerlinks a:hover {
		color: #E6E6E6;
		}