@charset "utf-8";
/* COPYRIGHT(C)CARTRIDGE WORKS */
/* AUTHOR: SPRING CLOUD */

body {
	margin: 0;
	font-family: Verdana, "Lucida Grande", Geneva, sans-serif;
	font-size: 11px;
	background-color: #E2E2E2;
	background-image: url(../images/background.gif);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

p {
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}

a {
	text-decoration: none;
	color: #00AEEF;
}

a:hover {
	color: #EC008C;
}

a img {
	border: none;
}

#clear {
	clear: both;

}

img#float {
	float: left;
	margin: 5px 20px 10px 0;
}

/* WRAPPER */
#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}

/* HEADER */
#header {
	width: 850px;
	height: 95px;
	margin: 0 auto;
	padding: 75px 0 0 50px;
	background-color: #FFFFFF;
}

/* NAVIGATION */
#navigation {
	width: 805px;
	height: 40px;
	margin: 0;
	padding: 0 50px 0 45px;
}

#navigation ul {
	margin: 0;
	padding: 12px 0 0 0;
	display: block;
	float: left;
}

#navigation ul li {
	color: #989A99;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	text-transform: uppercase;
	display: inline;
}

#navigation ul li a {
	color: #FFFFFF;
}

#navigation ul li a:hover {
	color: #EC008C;
}

#navigation ul li a.active {
	font-weight: bold;
}

#navigation.cyan ul li a.active {
	color: #00AEE8;
}

#navigation.magenta ul li a.active {
	color: #EC008C;
}

#navigation.yellow ul li a.active {
	color: #FFF200;
}

#navigation.black ul li a.active {
	color: #AAA;
}

#navigation select {
	margin: 11px 0 0 0;
	font-size: 11px;
	color: #666666;
}

.cyan {
	background-image: url(../images/nav_c.gif);
	background-repeat: no-repeat;
	border-bottom: 10px solid #00AEE8;
}

.magenta {
	background-image: url(../images/nav_m.gif);
	background-repeat: no-repeat;
	border-bottom: 10px solid #EC008C;
}

.yellow {
	background-image: url(../images/nav_y.gif);
	background-repeat: no-repeat;
	border-bottom: 10px solid #FFF200;
}

.black {
	background-image: url(../images/nav_k.gif);
	background-repeat: no-repeat;
	border-bottom: 10px solid #AAA;
}
	

form {
	margin: 0;
	padding: 0;
	float: right;
}


/* FLASH */
#flash {
	width: 900px;
	height: 200px;
	margin: 0;
	padding: 0;
}

/* CONTENT */
#contentWrapper {
	width: 850px;
	margin: 0;
	padding: 0 0 50px 50px;
	background-color: #FFFFFF;
}

#left {
	width: 510px;
	margin: 0 40px 0 0;
	padding: 40px 0 30px 0;
	float: left;
}

#left p {
	margin: 5px 0 0 0;
}

#left p#first {
	margin: 20px 0 0 0;
}

#customerFeedback {
	width: 470px;
	margin: 20px 0 0 0;
	padding: 20px;
	background-color: #F3F3F3;
}

p#feedback {
	font-style: italic;
}

p#pullQuote {
	width: 485px;
	padding: 15px 0 15px 15px;
	margin: 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	background-image: url(../images/pullquote.jpg);
	background-repeat: repeat-y;
	display: block;
}

#map {
	width: 490px;
	padding: 10px;
	margin: 15px 0 0 0;
	background-color: #6CF;
}

#map img#float {
	margin: 0;
}

#map ul {
	margin: 0;
	padding: 5px 20px;
	float: left;
	font-size: 14px;
	color: #FFFFFF;
}

#map ul li {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	line-height: 16px;
}

#map ul li a {
	color: #FFFFFF;
}

#map ul li a:hover {
	color: #EC008C;
}

#right {
	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
}

#right #grey, #right #beige, #right #yellow {
	margin: 0;
	padding: 40px 50px 40px 30px;
}

#right #grey {
	background-image: url(../images/side-gradient-grey.gif);
	background-repeat: repeat-x;
}

#right #beige {
	background-image: url(../images/side-gradient-beige.gif);
	background-repeat: repeat-x;
}

#right #yellow{
	background-image: url(../images/side-gradient-yellow.gif);
	background-repeat: repeat-x;
}

#right #grey p, #right #beige p, #right #yellow p {
	margin: 5px 0 0 0;
	padding: 0;
}

#right #beige p {
	color: #0E810C;
}

#right ul {
	width: 210px;
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
	color: #666;
}

#right ul li {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	line-height: 16px;
}

#right #yellow ul {
	margin: 5px 0 0 0;
}

#right #yellow ul li {
	margin: 0;
}

#right #yellow ul li a {
	color: #000000;
}

#right #yellow ul li a:hover {
	color: #00AEEF;
}

/* PRODUCTS BRAND */
#leftThumbnails {
	width: 520px;
	margin: 0 30px 0 0;
	padding: 40px 0 20px 0;
	float: left;
}

#leftThumbnails p {
	margin: 0;
	padding: 0 0 20px 0;
}

#thumbnails {
	width: 120px;
	padding: 0 10px 10px 0;
	float: left;
}

#thumbnails img {
	margin: 0;
	border: 2px solid #DDD;
}

#brandLink {
	width: 100px;
	background-color: #DDD;
	color: #666666;
	margin: 1px 0 0 0;
	padding: 7px 10px;
	display: block;
}

#thumbnails a img {
	border: 2px solid #DDD;
	margin: 0;
	padding: 0;
	display: block;
}

#brandLink a {
	color: #666666;
}

#thumbnails a:hover {
	color: #000000;
}

/* MAIN PAGE BRAND LIST */
#brandLogo {
	width: 800px;
	margin: 0;
	padding: 30px 0 30px 0;
	/*background-image: url(../images/brand-logo-background.gif);
	background-repeat: repeat-y;*/
}

#brandLogo img {
	float: left;
}

#brandHeader {	
	margin: 0;
	padding: 0 0 0 200px;
}

#brandHeader p {
	margin: 0;
	padding: 0;
}

#brandHeader ul {
	margin: 0;
	padding: 0;
	float: left;
}

#brandHeader ul li {
	margin: 5px 0 0 0;
	padding: 0 10px;
	list-style: none;
	border-left: 1px solid #BBB;
	float: left;
}

#brandListWrapper p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

#brandThumbnails {
	width: 760px;
	height: 100px;
	margin: 10px 0 0 0;
	background-color: #FF3;
}

/* BRND LIST BOX */
#brandListWrapper {
	width: 760px;
	margin: 0 50px 0 0;
	padding: 20px 20px 15px 20px;
	background-image: url(../images/side-gradient-grey.gif) ;
	background-repeat: repeat-x;
}

#brandListWrapper ul {
	margin:0;
	padding: 5px 0 0 0;
}

#brandListWrapper ul li {
	margin:0;
	padding: 5px 5px 0 0;
	list-style: none;
	float: left;
	color: #BBBBBB;
}

#brandListWrapper ul li a {
	line-height: 9px;
	margin: 0;
	padding: 0;
	color: #666666;
}

#brandListWrapper ul li a:hover {
	color: #EC008C;
}

/* SUBURBS */
#suburbsWrapper {
	width: 760px;
	padding: 10px 20px;
	background-image: url(../images/side-gradient-grey.gif) ;
	background-repeat: repeat-x;
}

#suburbsWrapper p {
	margin: 0 0 5px 0;
	padding: 0;
}

#suburbsWrapper select {
	font-size: 10px;
	color: #444444;
	width: 90px;
	margin: 0 4px 0 0px;
	padding: 0;
	float: left;
}

/* FOOTER */

#footerWrapper {
	width: 800px;
	margin: 0 50px 0 0;
	padding: 0;
	background-color: #000000;
}

#footerWrapper ul {
	color: #666;
	margin: 0;
	padding: 20px 20px 0 20px;
	text-transform: uppercase;
	float: left;
}

#footerWrapper ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 9px;
}

#footerWrapper ul li a {
	color: #BBB;
	margin: 0;
	padding: 0;
}

#footerWrapper ul li a:hover {
	color: #EC008C;
}

#footerWrapper ul#copyright {
	float: right;
}

#footerWrapper ul#copyright li {
	text-transform: none;
	margin: 0;
	padding: 0;
}

#footerWrapper ul#contactInfo  {
	width: 760px;
	margin: 10px 20px 0 20px;
	padding: 10px 0 20px 0;
	text-transform: none;
	border-top: 1px solid #222222;
	float: none;
}