/* IE & FF Fix */
* {margin:0; padding:0;}
html, body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
img { border:none;}

/* Classes */
a {color:#666;}
a:hover {color:#dc5251;}
p {margin:0px; padding:1.0em 0 0; line-height:145%;}
.clearBoth {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}

/* Header */
#header {width:906px; height:190px; margin:auto; padding:23px 47px 0 47px; background:url(images/general/headerBg.gif) no-repeat 50% 50%;}
#page-container {width:906px; margin:auto; padding:0 47px; background:url(images/general/mainBg.gif) repeat-y;}

/* Top Nav */
#topNav {width:360px; float:right; margin-top:20px;}
#topNav ul {clear: both; margin: 0px; padding: 0px; list-style: none; width:100%; font-size:14px; font-weight:800;} 
#topNav ul li {position: relative; float:left; width:120px; font-size:16px; text-align:center;}
#topNav li ul {position: absolute; left: 0px; top: 23px; display: none;}
#topNav li ul li ul {position: absolute; left: 97px; top: -1px; display: none;}
#topNav li ul li {clear:both; width:135px; font-size:12px; text-align:left; padding-left:10px;}
#topNav ul li a {display:block; text-decoration: none; color: #dc5251; padding:5px;}
#topNav ul li a:hover {color:#CCC;}
#topNav li:hover ul, #topNav li.over ul {display: block;} 

/* works in ff/safari */
#topNav #nav li:hover ul li ul li, #topNav #nav li.over ul li ul li {display: none; width:85px;} 
#topNav #nav li:hover ul li:hover ul li, #topNav #nav li.over ul li.over ul li {display: block; width:85px;} 


/* Page Titles */
.topStrap { font-size:16px; color:#dc4d4c;}
.mainTitle {font-size:16px; color:#666; border:1px dotted #FFF; border-left:none; border-right:none; padding:10px 0; margin-top:20px; margin-bottom:10px;}
.subTitle {font-size:13px; color:#dc4d4c;}
.product_divider {border-bottom:1px dotted #FFF; height:10px; margin-bottom:20px}

/* Main Content */
.column1 {float:left; width:254px; padding-left:11px;}
.column2 {float:left; width:606px; background:url(images/general/contentBg.gif) repeat-x; padding:14px;}
.column2 img {margin:0 14px 14px 0; border:none;}
.column3 {float:left; width:260px; margin-right:70px}
.column3 img {padding-top:20px;}
.column3 ul {padding:8px 0;}
.column3 ul li {list-style:none; padding:5px 0; font-size:14px; font-weight:700;}
.column3 ul li span {color:#dc5251;}
.column3 a {color:#dc5251; text-decoration:none;}
.column3 a:hover {color:#FFF; text-decoration:none;}
.column4 {float:left; width:260px;}
.column4 a {color:#dc5251; text-decoration:none;}
.column4 a:hover {color:#FFF; text-decoration:none;}

.quickLinksList {padding:10px 0;}
.quickLinksList dt {background:url(images/general/bullet.gif) no-repeat 0% 50%; padding-left:15px; font-size:14px; color:#da4945; font-weight:bold;}
.quickLinksList dd {padding-top:5px;}

.contactAddy {padding:10px 0;}
.contactAddy li {padding:2px 0; list-style:none;}

/* Footer */
#footer {width:900px; height:25px; margin:auto; padding:40px 30px 0 30px; clear:both; background:url(images/general/footerBg.gif) no-repeat 50% 50%;}
#footer a {color:#666; text-decoration:none; font-size:11px;}
#footer a:hover {color:#dc5251; text-decoration:none; font-size:11px;}
#ourLink {float:left; margin:0px; padding:0px;}
#lowerNav {float:right; list-style:none;}
#lowerNav li {display:inline;}
#flash-box { padding-top:0; margin-top:0; float:left; padding-left:11px; width:254px;}

div#basescript { width:900px; margin:0 auto; padding-top:50px; clear:both;}
div#basescript h1 {color:#999; font-size:1em; font-weight:bold;}
div#basescript p {color:#999; font-size:1em;}
div#basescript strong, em {font-style:normal; font-weight:normal; color:#999;}

div#basewords { width:900px; margin:auto; padding-bottom:10px}
div#basewords p { text-align:center; color:#999; font-size:0.8em }

