/* reset */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, legend, span, table, th, td {margin:0; padding:0;}

/* columns */
.container_12{background-color:#ffffff; margin-left:auto;margin-right:auto;width:960px; overflow:hidden;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin-left:8px;margin-right:8px;}
.container_12 .grid_3{width:220px;}
.container_12 .grid_6{width:460px;}
.container_12 .grid_9{width:700px;}
.container_12 .grid_12{width:940px;}
.alpha{margin-left:0;}
.omega{margin-right:0;}
.container_12 .grid_1{width:60px;}
.container_12 .grid_2{width:140px;}
.container_12 .grid_4{width:300px;}
.container_12 .grid_5{width:380px;}
.container_12 .grid_7{width:540px;}
.container_12 .grid_8{width:620px;}
.container_12 .grid_10{width:780px;}
.container_12 .grid_11{width:860px;}
.container_12 .prefix_3{padding-left:240px;}
.container_12 .prefix_6{padding-left:480px;}
.container_12 .prefix_9{padding-left:720px;}
.container_12 .prefix_1{padding-left:80px;}
.container_12 .prefix_2{padding-left:160px;}
.container_12 .prefix_4{padding-left:320px;}
.container_12 .prefix_5{padding-left:400px;}
.container_12 .prefix_7{padding-left:560px;}
.container_12 .prefix_8{padding-left:640px;}
.container_12 .prefix_10{padding-left:800px;}
.container_12 .prefix_11{padding-left:880px;}
.container_12 .suffix_3{padding-right:240px;}
.container_12 .suffix_6{padding-right:480px;}
.container_12 .suffix_9{padding-right:720px;}
.container_12 .suffix_1{padding-right:80px;}
.container_12 .suffix_2{padding-right:160px;}
.container_12 .suffix_4{padding-right:320px;}
.container_12 .suffix_5{padding-right:400px;}
.container_12 .suffix_7{padding-right:560px;}
.container_12 .suffix_8{padding-right:640px;}
.container_12 .suffix_10{padding-right:800px;}
.container_12 .suffix_11{padding-right:880px;}
.container_12 .push_3{left:240px;}
.container_12 .push_6{left:480px;}
.container_12 .push_9{left:720px;}
.container_12 .push_1{left:80px;}
.container_12 .push_2{left:160px;}
.container_12 .push_4{left:320px;}
.container_12 .push_5{left:400px;}
.container_12 .push_7{left:560px;}
.container_12 .push_8{left:640px;}
.container_12 .push_10{left:800px;}
.container_12 .push_11{left:880px;}
.container_12 .pull_3{left:-240px;}
.container_12 .pull_6{left:-480px;}
.container_12 .pull_9{left:-720px;}
.container_12 .pull_1{left:-80px;}
.container_12 .pull_2{left:-160px;}
.container_12 .pull_4{left:-320px;}
.container_12 .pull_5{left:-400px;}
.container_12 .pull_7{left:-560px;}
.container_12 .pull_8{left:-640px;}
.container_12 .pull_10{left:-800px;}
.container_12 .pull_11{left:-880px;}

/* Design Elements */
.dottedLeft {border-left:1px dotted #cccccc;}
.dottedRight {border-right:1px dotted #cccccc;}
.dottedSides {border-left:1px dotted #cccccc; border-right:1px dotted #cccccc;}
.dottedLine {border-bottom:1px dotted #cccccc; height:1px; margin:5px 0; width:100%;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}

/* Navigation */
#navContainer {background:#c475a5; height:37px; border-top:#ffffff 1px solid; margin:0 auto; width:960px;}
#nav ul {list-style:none;}
#nav li {float:left; margin:11px 1px 0 0; padding:0;line-height:1em;}
#nav a {text-decoration:none; text-align:center; font-weight:600; display:block; width:135px;}

/* Standard Elements */
h1 {color:#323232; font-weight:600; font-size:6em; margin:6px 0 20px 0;}
h2 {color:#555555; font-weight:600; font-size:1.1em; margin:10px 0 10px 0;}
h3 {color:#555555; font-weight:600; font-size:3em; margin:0 0 10px 0;}
h4 {font-weight:600; font-style:italic; margin:0;}
h5 {font-size:1.3em; margin:0 0 0 5px;}
p {margin:0 0 10px 0;}
ul {list-style:none;}
img {border:none;}
hr {margin: 0 0 15px 0;}

#nav a:link {text-decoration: none; color: #323232;}
#nav a:visited {text-decoration: none; color: #323232;}
#nav a:hover {text-decoration: none; color: #ffffff;}
#nav a:active {text-decoration: none; color: #ffffff;}

#footer a:link {text-decoration: none; color: #323232;}
#footer a:visited {text-decoration: none; color: #323232;}
#footer a:hover {text-decoration: underline; color: #ffffff;}
#footer a:active {text-decoration: none; color: #323232;}

.content a:link {text-decoration: none; color: #555555;}
.content a:visited {text-decoration: none; color: #555555;}
.content a:hover {text-decoration: underline; color: #323232;}
.content a:active {text-decoration: none; color: #555555;}

a:link {text-decoration: none; color: #323232;}
a:visited {text-decoration: none; color: #323232;}
a:hover {text-decoration: underline; color: #555555;}
a:active {text-decoration: none; color: #323232;}

img a:hover {text-decoration: none; color: #555555;}

/* layout */
body {background:#e3e3e3 url(/library/images/background.jpg) repeat; color:#323232; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:0.7em; line-height:1.6em; padding:0; margin:0;}
#header {background: url(/library/images/i-do-header.gif) no-repeat 0 100%; height:143px; margin:0 auto; width:960px;}
.strapline {color:#ffffff; font-size:2.3em; padding:82px 0 0 325px;}
.content {color:#939393; text-align:justify;}
.contentSmall {color:#939393; text-align:justify; font-size:0.8em;}
.contentImg {border:1px solid #000; float:left; margin:3px 10px 0 0;}
.contentFooter {height:23px; margin-left:auto;margin-right:auto;width:960px;}

.subtleLeft {color:#939393; font-size:1.75em;}
.subtleRight {color:#939393; font-size:1.75em;}
.subtleCenter {color:#939393; font-size:1.75em;}
.cName {color:#555555; font-size:1.6em;}
.collectionsNav {text-align:right;}
.collectionsNav img {vertical-align:top;}
.collTitle {color:#555555; font-size:2.3em;}
.collContent {color:#323232;}
.collFooter {color:#323232; font-size:0.9em; font-style:italic; text-align:center;}

.tableplanNav img {vertical-align:top;}
.orderForm {color:#323232; font-size:0.9em; font-style:italic;}

.frameHeading {color:#555555; font-size:2em;}

#footer {color:#323232; font-size:0.9em; font-weight:600; margin:0 auto; padding:10px 0; text-align:center; width:960px;}
.designThumbs ul {text-align:center;}
.designThumbs li {display:inline; list-style-type: none; vertical-align:middle; width:144px; text-align:center;}
.designThumbs img {padding-right:30px; text-align:center;}

/* Form */
li.field input {background:#dde3e3; border:1px solid #89a6a6; color:#555555; font-size:0.85em; height:14px; width:100%;}
li.submit input {background:#c0c0c0 url(/library/images/button.gif) 0 0 repeat-x; border:1px solid; border-color:#ddd #89a6a6 #89a6a6 #ddd; color:#555555; float:right; font-size:0.85em; height:22px; margin:10px 0; padding:0 3px 3px 3px;} 
label.error {color: red; font-size:0.75em;}
label {display:block; float:left; margin-right:10px; text-align:right; width:150px;}
input, select {float:left; width:200px;}
input.radio, input.checkbox {text-align:left; width:20px;}
input.btnSubmit {width:127px;}
fieldset {border:1px solid #939393; padding:8px 0;}
legend {color:#939393; font-size:1.2em; margin-left:12px;}
form .grid_5 div {clear:both; padding-bottom:5px; overflow:hidden;}
form .grid_5 div p {margin:0 0 2px 0;}
.tip {padding: 0.7em 0 0 0; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#DDDDDD url(/library/images/ui-bg_diagonals-thick_100_dddddd_40x40.png) repeat scroll 50% 50%; border:1px solid #C475A5; color:#640048; overflow: hidden;}
.tip p {margin: 0 25px 5px 25px;}
.corners {-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;}
.warning-icon {background-image:url(/library/images/ui-icons.png); background-position:0 -144px; width:16px; height:16px; float:left; margin:0.2em 0.3em 0 0.3em;}

/* Misc */
.threeColLeft div {float:left;}
.textRight {text-align:right;}
.textLeft {text-align:left;}
.textCenter {text-align:center;}
.pTop45 {padding-top:45px;}
.pTop33 {padding-top:33px;}
.pTop25 {padding-top:25px;}
.pTop10 {padding-top:10px;}
.pLeft35 {padding-left:35px;}
.pLeft25 {padding-left:25px;}
.pRight35 {padding-right:35px;}
.mTop20 {margin-top:20px;}
.mBottom20 {margin-bottom:20px;}
.white {background-color:white; height:23px; width:908px;}
.noWhite {background:none;}
.hidden {display:none;}
.alert {color:red;text-align:center;}

/* Quirks */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
