* {margin:0; padding:0;}
td {vertical-align:top;}
img {border:none;}

body {
	background:#fff;
	color:#666;
	font:100% Arial, Helvetica, sans-serif;
	text-align:center;
}

.waterproof {}
.design {}
.brilliant {}

.mainPage {}
.innerPage {}
.modelPage {}

/* Links */
a {
	color:#666;
	text-decoration:underline;
}
a:hover {
	color:#666;
	text-decoration:none;
}

/* Layout */
#layout {
	background:#dad0e9 url(../images/bg.jpg) no-repeat 50% 0%;
}

.waterproof #layout {
	background-color:#b8e0fc; /* e7f5ff */
	background-image:url(../images/bg-waterproof.jpg);
}
.design #layout {
	background:#e5d4a9 url(../images/bg-design.jpg) repeat-x;
}
.brilliant #layout {
	background-color:#101010;
	background-image:url(../images/bg-brilliant.jpg);
}

/* Navigation */
#nav {
	padding:19px 0 17px;
	background:#fefefe url(../images/top-bg.jpg) repeat-x bottom;
	font-size:90%;
	text-align:center;
}
#nav a {
	padding:17px 20px;
	background:url(../images/nav-sep.gif) no-repeat left;
	text-decoration:none;
}
#nav #first {
	background:none;
}
#nav a:hover {
	text-decoration:underline;
}

/* Wrap */
.wrap {
	width:790px;
	margin:0 auto;
}
.innerPage .wrap {
	width:830px;
}

/* Header */
#header {
	background:url(../images/main-border.gif) repeat-x bottom;
	text-align:center;
}
#hIn {
	padding-bottom:20px;
	background:url(../images/top-line.gif) repeat-x top;
}

.waterproof #hIn {
	background-image:url(../images/top-line-waterproof.gif);
}
.design  #hIn {
	background-image:url(../images/top-line-design.gif);
}
.brilliant #hIn {
	background-image:url(../images/top-line-brilliant.gif);
}

#header table {
	width:100%;
}
#header td table {
	width:auto;
}

#hTop td {
	vertical-align:middle;
}
#logo a {
	float:left;
	display:block;
	padding:20px 0;
}
#phone {
	text-align:right;
}

#hButtons {}
#hButtons a {
	display:block;
	margin:6px 0 16px;
	text-align:center;
}

#hButtons .l a {
	text-align:left;
}
#hButtons .r a {
	text-align:right;
}


/* Footer */
#footer {
	background:#dad0e9 url(../images/main-border.gif) repeat-x top;
	color:#454545;
}

.waterproof #footer {
	background-color:#b8e0fc;
}
.design #footer {
	background:#e5d4a9 url(../images/bg-design.jpg) repeat-x;
}
.brilliant #footer {
	background-color:#101010;
	background-image:url(../images/bg-brilliant.jpg);
}


#footer table {
	width:100%;
	font:11px/19px Tahoma, Arial, Helvetica, sans-serif;
}
#footer td {
	padding:54px 0 60px;
}
#footer div {

}
#copyright div {
	
}
.brilliant #copyright {
	color:#fff;
}

#fNav {
	text-align:right;
}
#fNav div {
	background:#fff url(../images/f-nav-l.gif) no-repeat left;
	text-align:center;
}
.waterproof #fNav div {
	background-image:url(../images/f-nav-l-waterproof.gif);
}
.design #fNav div {
	background-image:url(../images/f-nav-l-design.gif);
}
.brilliant #fNav div {
	background-image:url(../images/f-nav-l-brilliant.gif);
}

#fNav div div {
	background:url(../images/f-nav-r.gif) no-repeat right;
}
.waterproof #fNav div div {
	background-image:url(../images/f-nav-r-waterproof.gif);
}
.design  #fNav div div {
	background-image:url(../images/f-nav-r-design.gif);
}
.brilliant #fNav div div {
	background-image:url(../images/f-nav-r-brilliant.gif);
}
#fNav a {
	padding:4px 3px;
	color:#7055dd;
}
.waterproof #fNav a {
	color:#329fff;
}
.design #fNav a {
	color:#be9640;
}
.brilliant #fNav a {
	color:#000;
}
#fNav span {
	color:#666;
}




/* Content Layout */

#main {
	padding-bottom:30px;
	background:#fff;
}

.box,
.l div,
.r div {
	padding:20px 0;
	text-align:left;
}

.l,
.r {
	width:50%;
}

.l div {
	padding-right:30px;
}
.r div {
	padding-left:30px;
}

#main .r div {
	background:url(../images/border.gif) no-repeat 0% 30px;
}
#main .r div div {
	background:none;
}
#main .noBorder div {
	background:none;
}

/* Models Navigation */
#modelsNav ul {
	margin:0 20px 20px 0;
}
#hContent #modelsNav ul {
	margin:0 20px 0 0;
}
#modelsNav li {
	list-style:none;
	margin:6px 0;
	font-size:90%;
	font-weight:bold;
}
#modelsNav a {
	color:#666;
}



.waterproof #hContent,
.waterproof #hContent #modelsNav a {
	color:#535353;
}
.design #hContent,
.design #hContent #modelsNav a {
	color:#333;
}
.brilliant #hContent,
.brilliant #hContent #modelsNav a {
	color:#fff;
}



/* Content */

h1, h2 {
	margin:8px 0 15px;
	padding:3px 32px;
	background:url(../images/bullet.gif) no-repeat 0% 4px;
	font-size:140%;
	font-weight:normal;
}
h2 {
	margin:20px 0 10px;
	background:url(../images/bullet.gif) no-repeat 0% 3px;
	font-size:120%;
	font-weight:normal;
}

.waterproof h1,
.waterproof h2 {
	background-image:url(../images/bullet-waterproof.gif);
}
.design h1,
.design h2 {
	background-image:url(../images/bullet-design.gif);
}
.brilliant h1,
.brilliant h2 {
	background-image:url(../images/bullet-brilliant.gif);
}

.mainPage h1 {
	margin-top:16px;
}

.l h2 {
	padding-left:0;
	background:none;
}

.l div img, .r div img {
	float:right;
	padding-left:10px;
}

#hContent h2 {
	margin-top:8px;
	font-size:160%;
}

h3 {
	margin:12px 0 10px;
	font-size:90%;
}

p,
li {
	margin:8px 0;
	font:80%/140% Tahoma, Arial, Helvetica, sans-serif;
}
ul {
	margin:10px 30px;
}

.spec {
	color:#535353;
}

table.sum {
	background:#fff;
	margin:10px 6px;
}
.sum th,
.sum td {
	padding:5px 12px;
	border-bottom:1px solid #fff;
	background:#f5f5f5;
	font-size:90%;
	font-weight:normal;
	text-align:left;
}

.sum thead th,
.sum thead td {
	background:#efefef;
	font-size:80%;
	color:#333;
}
.sum tbody th b {
	display:block;
	margin-top:12px;
	font-size:80%;
}
.sum .price {
	text-align:right;
}



#finishes a {
	text-decoration:none;
}

.features th {
	vertical-align:top;
}
.features td {
	padding:0 4px;
}


/* Other */

#mainPage h1 {
	font-size:120%;
}
#modelPage h1 {
	background-position:0% 7px;
	color:#6e6e6e;
	font-size:160%;
}
#modelPage h2 {
	color:#6f6f6f;
}

#modelPage .col2 h2,
h2.bullet {
	padding:3px 30px;
	background:url(../images/bullet.gif) no-repeat 0% 50%;
	font-size:130%;
}
#modelPage.waterproof .col2  h2 {
	background-image:url(../images/bullet-waterproof.gif);
}


