/* Eric Myers css reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0; outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------ Layout ------ */
body{font-family: Arial, Helvetica, sans-serif; font-size:75%; color:#000; line-height:1.4; }

#wrapper{width:990px; margin:0 auto;}
#header{background: #fff url('bg-header.gif') no-repeat top left; width:940px; display: block; height:40px; padding:34px 25px 0 25px;}
#intro{background: #fff url('bg-intro.gif') no-repeat top left; width:940px; display: block; height:380px; padding:20px 25px; position: relative;}
#main{width:410px; display: block; padding:20px 0px; margin-left:260px; clear: both;}
#footer{padding:20px 25px;width:410px; display: block; padding:20px 0px;margin-left:260px; }
#footer div{margin:0 auto; margin-left:50px; }
#footer img{display: block; margin:20px auto;}

a{color:#000; text-decoration: none;}
a:hover{color:#de030e;}
.backLink{position: absolute; top:20px; left:30px;}

h1{color:#fff; background: #fff url('bg-logo.gif') top right no-repeat; width:192px; height:23px; float: right; margin-top:7px;}
h1 span{position: absolute; left:-9999px; top:-9999px;}

p{margin-bottom: 1em;}
#home h2, h3{font-size: 14px; margin-bottom: .6em;}
h2{font-size: 24px; margin-bottom: 1em;}
h2 span{color:#dd1f26;}
#main p{line-height: 19px; font-size: 13px; margin-bottom: 2.2em;}

.smallLeft{float: left; margin: 70px 40px 0 30px}

/* ------ Price Tag ------ */
#priceTag{float: right; position: relative; right:-10px; margin-top: 189px; background: #DDD url('price-tag.gif') top left no-repeat;width:271px; height:184px; color:#fff; padding:10px;}
#priceTag p{font-size:54px; font-family: Helvetica, sans-serif; margin-bottom:0; height:75px;}
#priceTag p span{font-family: Arial, Helvetica, sans-serif; font-size: 13px; display: block; position:relative; top:-16px; left:32px; line-height: 1em;}
#priceTag a{font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: right; margin-right: 20px; color:#fff;}
#priceTag input{font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: right; margin-right: 20px;}
#priceTag a:hover{color:#fff;text-decoration: underline;}
#priceTag em{font-size: 25px; margin-right:5px;position:relative;top:-8px; font-style:normal;}

.smallCamera{margin-top:50px;}
#order #main, #faqs #main{position: relative; top:-180px; width:560px;}
#order #footer, #faqs #footer{position: relative; top:-180px; left:65px;}

/* ------ Form page styles ------ */
#main .formContainer {border:1px solid #b6b7b8; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-radius:5px; margin-bottom:10px;padding-bottom:20px;}
#main .formContainer h3{font-size: 14px; background:#b6b7b8; color:#fff; font-weight: normal; padding:2px 10px; text-shadow:1px 1px 1px #999;}
#main .formContainer fieldset {margin-top: 20px}
#main .formContainer fieldset input{width:80%; padding:1px 0;}
#main .formContainer fieldset select{width:82%;}
#main .formContainer fieldset p {padding-left:10px; margin: 10px 0 0 0; line-height: 1em;}
#main .formContainer fieldset p.rhs{position: absolute; right:0; top:64px; width:200px;}
#main .formContainer fieldset p em{clear: both; font-size: 11px; display: block; font-style: normal; width:80%; margin-top: 3px}

#main .formContainer legend{font-weight: bold; font-size:16px; padding-left:10px;}
#main .formContainer label{display: block}
#main .formContainer input, .formContainer select{margin-top: 5px}

#main .formContainer div {width:260px;}
#main .formContainer div.leftColumn{float: left;}
#main .formContainer div.rightColumn{float: right;}

#quantity legend, #payment_method legend, #submit_form legend{position: absolute;top:-9999px; left:-9999px;}
#quantity label, #quantity p{float: left; margin: 5px 0 15px 0; line-height: 1em;}
#quantity p.rhs{float: right; font-size: 11px}
#quantity p.rhs a{color:#7d7d7d; }
#quantity p.rhs a:hover{text-decoration: underline;}
#quantity p.rhs .calculatorIcon{position: relative; top:2px;}
#quantity label {margin-right: 10px; line-height: 1em;}
#quantity input{width:30px;}

#main #payment_method label{left:30px; position:relative; top:21px;}
#main #payment_method label span img{margin-right: 5px; position: relative; top:3px;}
#main #payment_method input{width:auto;}
#main #payment_method p{margin-top:0;}
#main fieldset#payment_method{margin-top: 0;}

#submit_form button{width:auto; float: right; background:#f5f5f5; color:#565656; border-bottom:1px solid rgba(0,0,0,0.25); border-right:1px solid rgba(0,0,0,0.25); border-top:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1); -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 5px; cursor:pointer;}
#submit_form button span{background: url('icon-arrow.gif') no-repeat right 4px; padding-right:17px; font-size: 12px; line-height: 1.1em;}
#submit_form button:hover, #submit_form button.over{background:#cdfbb4; color:#3a8a0f;}

/* ------ Slide-show style------ */
#slideshow {position:relative;height:400px;float: left;width:396px; margin-top: 30px}
#slideshow div {position:absolute;top:0; left:0;z-index:8;opacity:0.0; height: 400px;background-color: #FFF;}
#slideshow div.active { z-index:10;opacity:1.0;}
#slideshow div.last-active {z-index:9;}
#slideshow div img {height: 351px;display: block; border: 0;margin-bottom: 10px;}

