* {margin:0; padding:0;}

body {background:url(images/fadebg.png) repeat-x #494949; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#494949; height:100%; }
p {margin:0; padding:0 0 1.2em 0; line-height:18px;}

label { cursor:pointer; }

img {border:0;}

.big_button { color: #333; width:250px; height:40px; font-size:20px; font-family: "Times New Roman", Times, serif; cursor:pointer; }
.input { padding: 6px; }

/*a {text-decoration:none; color:#494949; outline:none; cursor:pointer;}
a:hover {color:#777;}*/

a {text-decoration:none; color:black; outline:none; cursor:pointer;}
a:hover {color:blue;}

a.blue { text-decoration:none; color:blue; cursor:pointer; }
a.blue:hover { text-decoration:underline; }

.s4 { font-size:4px !important; line-height:4px !important; }
.s6 { font-size:6px !important; line-height:6px !important; }
.s8 { font-size:8px !important; line-height:8px !important; }
.s10 { font-size:10px !important; line-height:10px !important; }
.s12 { font-size:12px !important; line-height:12px !important; }
.s14 { font-size:14px !important; line-height:14px !important; }
.s16 { font-size:16px !important; line-height:16px !important; }
.s18 { font-size:18px !important; line-height:18px !important; }
.s20 { font-size:20px !important; line-height:20px !important; }
.s22 { font-size:22px !important; line-height:22px !important; }
.s24 { font-size:24px !important; line-height:24px !important; }
.s26 { font-size:26px !important; line-height:26px !important; }
.s28 { font-size:28px !important; line-height:28px !important; }
.s30 { font-size:30px !important; line-height:30px !important; }

.grey {color:#494949;}
.gray {color:#494949;}
.blue {color:#1B75BB;}
.purple {color:purple;}
.red {color:red;}
.green {color:green;}
.white {color:white;}
.black {color:black;}

.ybg { background-color:yellow; }
.pbg { background-color:pink; }
.gbg { background-color:lightgreen; }
.bbg { background-color:lightblue; }

.clk { cursor:pointer; }
.bot { vertical-align:bottom; }

.bluelink {color:#1B75BB !important;}
.bluelink:hover {color:#777 !important;}
/*.bluelink {color:purple !important;}*/
/*.bluelink:hover {color:blue !important;}*/

.pagecontainer {width:100%; background: url(images/bottomfade.png) repeat-x bottom left #ffffff; padding:50px 0; min-height:350px;  position:relative;}

.topbar {height:26px; margin:auto; width:960px; color:#ccc; text-align:right; font-size:12px; line-height:26px;}
.topbar a {color:#fff; display:block; float:right; padding:0 15px; line-height:26px; height:26px;}
.topbar a:hover {background:#777;}
.topbar .a_normal { display:run-in; padding:0px; }
.topbar .a_normal:hover { text-decoration:underline; background:none; }
.topbar img {display:block; float:right; width:3px; height:26px;}

.tab {position:absolute; right:0; bottom:0; width:160px; height:50px; line-height:50px; background:url(images/tab.png) no-repeat 0 0; text-align:center; }
.tab:hover {background:url(images/tab.png) no-repeat 0 -50px; color:#222; }

h1 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:26px; padding:0; margin:0; line-height:30px; color:#494949;}
h1 { border:2px solid black;padding:10px;background:#ffffcc; }
h2 { font-family: Arial, Helvetica, sans-serif;  font-size:16px; font-weight:bold; padding:0 0 10px 0; margin:0; line-height:24px; color:#000;}
h3 { font-family: Arial, Helvetica, sans-serif;  font-size:15px; font-weight:bold; padding:0 0 10px 0; margin:0; line-height:19px; color:#494949;}

.heightfix {width:100%; clear:both; height:0px;}

.swatch {float:left; display:block; margin-right:22px; height:140px; text-align:center; width:84px; cursor:pointer;}
.swatchwide {float:left; display:block; margin-right:22px; height:140px; text-align:center; width:160px; cursor:pointer;}


.swatchimg {border:solid 1px #ccc; padding:4px; background:#FFF; margin-bottom:2px;}
.swatch:hover {color:#000;}
.swatch:hover img{border:solid 1px #3eb9ed !important;} /*#000*/

.swatch-td {text-align:center; width:102px; cursor:pointer;}
.swatch-td:hover {color:#000;}
.swatch-td:hover img{border:solid 1px #3eb9ed !important;} /*#000*/

.prestrip {width:100%; height:20px; display:block;}

.swatchcopy {float:left; display:block; margin-right:20px; height:130px; text-align:left; width:84px;}
.swatchcopy span {line-height:28px; padding-bottom:5px; display:block; cursor:pointer;}
.swatchcopy span:hover {color:#000;}
.swatchcopy span:hover img{border:solid 1px #000;}
.smallswatchimg {border:solid 1px #ccc; padding:4px; background:#FFF; margin-right:8px; vertical-align:middle;} /*top*/

.strip {background:#494949;}
.strip {width:640px; height:26px; line-height:26px; color:#FFF; background: url(images/hidebg.png) no-repeat #494949; cursor:pointer; padding-left:40px;}
.strip:hover {color:#ccc;}

.accnav a{width:180px; height:26px; line-height:26px; color:#FFF; background: #494949; cursor:pointer; padding-left:10px; margin-bottom:5px; display:block;}
.accnav a:hover {background: #666;}

.hintboxsmall {width:30px; height:26px; display:block; background:url(images/hintbox-small.png) no-repeat 0 0;}
.hintboxsmall:hover {background:url(images/hintbox-small.png) no-repeat 0 -26px;}

.strip-nolink {width:640px; height:26px; line-height:26px; color:#FFF; background: url(images/hidebg.png) no-repeat #494949; cursor:pointer; padding-left:40px;   }

.container {padding:20px; width:640px;  display:none; background:url(images/shadow.png) repeat-x; overflow:hidden; position:relative;}

.nextlink {height:24px; width:48px; display:block; margin-left: 592px; background:#999; color:#FFF; line-height:24px; cursor:pointer; text-align:center; font-size:11px; overflow:visible; border:0; font-family:Arial, Helvetica, sans-serif; }
.nextlink:hover {background:#BBBDBF; color:#FFF;}

.nextlink2 {height:24px; width:48px; display:block; margin-left: 592px; background:#999; color:#FFF; line-height:24px; cursor:pointer; text-align:center; font-size:11px; overflow:visible; border:0; font-family:Arial, Helvetica, sans-serif; }
.nextlink2:hover {background:#BBBDBF; color:#FFF;}

.custom_nextlink {height:24px; width:48px; display:block; margin-left: 592px; background:#999; color:#FFF; line-height:24px; cursor:pointer; text-align:center; font-size:11px; overflow:visible; border:0; font-family:Arial, Helvetica, sans-serif; }
.custom_nextlink:hover {background:#BBBDBF; color:#FFF;}

.hori-sep { display:block; height:1px; width:100%; border-top:dashed 1px #999; margin: 10px 0 25px 0;}
.vert-sep { display:block; float:left; height:130px; width:1px; border-right:dashed 1px #999; margin: 0 20px 0 0;}

#formend {width:100%; position:relative; padding:20px 0; border-top:dashed 1px #777; margin-top:20px; display:none; }

.note {font-size:10px; line-height:14px;}

.hint {font-size:10px; color:#1B75BB; line-height:15px;}
.hint a {color:#1B75BB;}
.hint a:hover {color:#777;}

.hintbox { width:97px; padding-left: 33px; text-align:center; height:26px; background:url(images/hintbox.png) no-repeat; display:block; color:#FFF; font-size:12px; line-height:26px;}
.hintbox:hover  {color:#bdebff;}

.hintbox-shut { position:relative; top:-25px; left:240px; width:31px; height:26px; background:url(images/hintbox_short.png) no-repeat; line-height:26px; }

.priceblock {position:absolute; top:-41px; right:0; background:url(images/priceblock.png) no-repeat; width:115px; height:41px; line-height:41px; color:#FFF; text-shadow: 0px -1px #1B75BB; font-size:15px; text-align:center; font-weight:bold;}

.priceblock-green {position:absolute; top:-41px; right:0; background:url(images/priceblock-green.png) no-repeat; width:115px; height:41px; line-height:41px; color:#FFF; text-shadow: 0px -1px #e66731; font-size:15px; text-align:center; font-weight:bold;}

.tablelink td{border-bottom:solid 1px #ccc;}
.tablelink:hover{cursor:pointer; background:#fbfbfb;}

.tablenolink td{border-bottom:solid 1px #ccc;}
.tablenolink:hover{background:#fbfbfb;}

.carttable p {padding:0 0 0.5em 0;}

.summarytable td{ padding:8px 0 8px 8px;}

.formbtn { font-family: Arial, Helvetica, sans-serif; font-size:13px;  background: url(images/buttonbg.png) no-repeat; height:32px; color:#FFF; width:141px; display:block; overflow:visible; border:none; cursor:pointer; font-weight:bold;}
.formbtn:hover { background: url(images/buttonbg.png) no-repeat 0 -32px;}

.blankbtn { font-family: Arial, Helvetica, sans-serif; font-size:11px; background: none; height:18px; line-height:18px;color:#666; font-weight:normal; width:50px; display:block; overflow:visible; border:none; cursor:pointer;}
.blankbtn:hover { color:#333;}

.tabletop {background:#494949; color:#fff;}

.formfield {padding:4px; font-family:Arial, Helvetica, sans-serif; color:#494949; border: solid 1px #ccc; overflow:visible; font-family:Arial, Helvetica, sans-serif; font-size:12px;width:70px;}

.btn-blue-small {background: url(images/btn-blue-small.png) no-repeat 0 0; width:115px; height:41px; border: none; overflow:visible; cursor:pointer; line-height:41px; display:block; text-align:center; font-size:13px;  color:#fff; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px -1px #1B75BB; font-weight:normal;}
.btn-blue-small:hover {background: url(images/btn-blue-small.png) no-repeat 0 -41px;}

.btn-blue-large {background: url(images/btn-blue-large.png) no-repeat 0 0; width:230px; height:41px; border: none; overflow:visible; cursor:pointer; line-height:41px; display:block; text-align:center; font-size:13px;  color:#fff; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px -1px #777; font-weight:normal;}
.btn-blue-large:hover {background: url(images/btn-blue-large.png) no-repeat 0 -41px;}

.btn-grey-small {background: url(images/btn-grey-small.png) no-repeat 0 0; width:115px; height:41px; border: none; overflow:visible; cursor:pointer; line-height:41px; display:block; text-align:center; font-size:13px;  color:#fff; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px -1px #777; font-weight:normal;}
.btn-grey-small:hover {background: url(images/btn-grey-small.png) no-repeat 0 -41px;}

.btn-grey-medium {background: url(images/btn-grey-med.png) no-repeat 0 0; width:170px; height:41px; border: none; overflow:visible; cursor:pointer; line-height:41px; display:block; text-align:center; font-size:13px;  color:#fff; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px -1px #777; font-weight:normal;}
.btn-grey-medium:hover {background: url(images/btn-grey-med.png) no-repeat 0 -41px;}

.btn-grey-mid {background: url(images/btn-grey-mid.png) no-repeat 0 0; width:200px; height:41px; border: none; overflow:visible; cursor:pointer; line-height:41px; display:block; text-align:center; font-size:13px;  color:#fff; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px -1px #777; font-weight:normal;}
.btn-grey-mid:hover {background: url(images/btn-grey-mid.png) no-repeat 0 -41px;}

.btn-grey-large {background: url(images/btn-grey-large.png) no-repeat 0 0; width:230px; height:41px; border: none; overflow:visible; cursor:pointer; line-height:41px; display:block; text-align:center; font-size:13px;  color:#fff; font-family: Arial, Helvetica, sans-serif; text-shadow: 0px -1px #777; font-weight:normal;}
.btn-grey-large:hover {background: url(images/btn-grey-large.png) no-repeat 0 -41px;}




.footer {margin:auto; background:#494949; width:960px; padding:30px; font-size:12px; color:#FFF;}
.footer a {color:#fff;}
.footer a:hover {color:#ccc;}


