/* ====================================================================
GLOBAL STYLESHEET
-------------------------------------------------------------------- */
body { margin:0; padding:0; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#363941 url(images2/bg_diag.gif) 0 0 repeat; color:#999; font-weight:normal; font-style:normal;}
body { background:#363941 url(images2/bg_grad.jpg) 0 0 repeat-x;}

a { color:#6db345; text-decoration:none; outline:none; -moz-outline-style:none;}
a:hover { color:#19ccd1; text-decoration:underline;}
img { margin:0; padding:0; border:0;}
blockquote { margin:0 0 0 3em; padding-left:0.5em; border-left:2px solid #26a1a8;}
.blockquote-author { display:block; margin:0.5em 0 0 3.7em;}

ul li { list-style-image:url(images2/arrow_01.gif); margin-bottom:0.3em;}
ol li { margin-bottom:0.3em;}

h1#logo { display:block; height:40px; margin:0; padding:40px 0 0 0; overflow:hidden; height:0px !important; height /**/:40px; background:url(images2/logo.png) 0 0 no-repeat;}
h1#logo a { display:block; width:171px; height:40px; position:absolute; top:2em; left:0; background:0;}
h1#logo span { display:none}

/*h3 { margin:0; color:#fff; font-size:3em; font-weight:normal;}
h3 span { font-weight:bold;}*/

h3, h4, h5, h6 { clear:both; margin:0 0 0.5em 0; font-size:1.2em;}
h3 { color:#fff; font-size:1.6em; font-weight:normal;}
h4 { color:#fff;}

/* ====================================================================
TEMPLATE
-------------------------------------------------------------------- */
#container { /*background:url(images2/bg_diag.gif) 0 0 repeat;*/ /*min-height:348px;*/}
#container #container-inner { position:relative; width:90em; margin:0 auto; /*padding-bottom:3em;*/} 
 
#sidebar-left { float:left; width:24em;}
#sidebar-right { float:right; width:24em;}
body.sidebar-left #content, body.sidebar-right #content, body.sidebars #content { float:right;}

/* if #center is the only column */
#center { float:left; position:relative; width:100%; margin-bottom:4em;}

/* if #center shares full width with one other column */
body.sidebar-left #center, body.sidebar-right #center { width:63em;}

/* if #center shares full width with one other column */
body.sidebar-left #content, body.sidebar-right #content { width:63em;}
body.sidebar-left #center, body.sidebar-right #center { width:63em;}
body.sidebar-left #center { margin-left:0em;}
body.sidebar-right #content { width:100%;}
body.sidebar-right #center { width:63em; margin-right:2em;}

/* if #center, #sidebar-left and #sidebar-right are all present */
body.sidebars #center { width:39em;}

/* if #center, #sidebar-left and #sidebar-right are all present */
body.sidebars #content { width:58em; margin-left:0;}
body.sidebars #center { width:39em; margin-right:0;}

/* V1
#footer { clear:both; margin-top:3em; padding:1em 0; background:#40434b url(images2/footer_bg.png); border-top:2px solid #5e6167; border-bottom:1px solid #5e6167;}
#footer .inner { width:90em; margin:0 auto; padding-bottom:1em;}
#footer #copyright { text-align:center;}
#footer #copyright a { color:#999;}*/

#footer { clear:both; min-height:103px; margin-top:3em; padding:1em 0; background:url(images2/footer_bg2.gif) 0 0 repeat-x; border-top:1px dotted #999;}
#footer .inner { width:90em; margin:0 auto; padding-bottom:1em;}
#footer #copyright { text-align:center;}
#footer #copyright a { color:#999;}

/* dummy for testing
body #sidebar-left, body #sidebar-right { background:#ddd;}
body #center { background:#eee;} */


/* ====================================================================
TEMPLATE ELEMENTS
-------------------------------------------------------------------- */
#header .left { height:6em; padding-top:2em;}
#header .right { position:absolute; top:0; right:0;}

/* Text Sizing */
#center .inner, #sidebar-left .inner { font-size:1.2em;}

/* Nav: top strip v1 */
/*#nav-top { margin:1em 0 1.5em 0; padding:0; text-align:right;}
#nav-top, #nav-top a { color:#fff;}
#nav-top li { display:inline; padding:0 0.5em;}
#nav-top li.first { padding-left:0;}
#nav-top li.last { padding-right:0;}*/

/* Nav: top strip v2 */
/*#nav-top2 { margin:0;}
#nav-top2 li { display:inline;}
#nav-top2 a { display:block; float:left; width:170px; height:25px; margin-right:10px; background:url(images2/tab_top.gif) 0 0 no-repeat;  color:#fff; text-align:center; line-height:23px;}
#nav-top2 li.last a { margin-right:0;}
#nav-top2 a:hover { background-position:0 -25px; text-decoration:none;}*/

/* Nav: login */
#nav-login { margin:0;}
#nav-login li { display:inline;}
#nav-login a { display:block; float:left; width:170px; height:25px; margin-right:10px; background:url(images2/tab_top.gif) 0 0 no-repeat;  color:#fff; text-align:center; line-height:23px;}
#nav-login li.last a { margin-right:0;}
#nav-login a:hover { background-position:0 -25px; text-decoration:none;}

/* Nav: top strip */
#nav-top { clear:both; position:absolute; top:45px; right:0; margin:0; /*margin:1em 0 1.5em 0;*/ padding:0; text-align:right;}
#nav-top, #nav-top a { color:#fff;}
#nav-top li { display:inline; padding:0 0.5em;}
#nav-top li.first { padding-left:0;}
#nav-top li.last { padding-right:0;}

/* Nav: main */
#nav { clear:both; position:relative; width:900px; height:38px; margin-bottom:4.5em; background:url(images2/navbar.png) 0 0 no-repeat;}
#nav ul { margin:0; padding:0;}
#nav li { list-style:none;}
#nav li a { position:absolute; top:0;}
#nav li a.products { left:122px;}
#nav li a.support, #nav li a.faq { left:244px;}
#nav li a.video { left:366px;}
#nav li a.buy { left:488px;}

#nav a { display:block; width:122px; height:38px; background:url(images2/nav.png) 0 0 no-repeat;}
#nav a span { display:none;}
#nav li a.products { background-position:-122px 0;}
#nav li a.support, #nav li a.faq { background-position:-244px 0;}
#nav li a.video { background-position:-366px 0;}
#nav li a.buy { background-position:-488px 0;}

#nav li a.home:hover, #nav li.active-trail a.home { background-position:0 -38px;}
#nav li a.products:hover, #nav li.active-trail a.products { background-position:-122px -38px;}
#nav li a.support:hover, #nav li.active-trail a.support { background-position:-244px -38px;}
#nav li a.video:hover, #nav li.active-trail a.video { background-position:-366px -38px;}
#nav li a.buy:hover, #nav li.active-trail a.buy { background-position:-488px -38px;}

/* fix for IE7 */
#nav li.leaf, #nav li.collapsed, #nav li.expanded { list-style-image:none;}

/* Nav: main */
/*#nav { clear:both; position:relative; width:900px; height:38px; margin-bottom:4.5em; background:url(images2/navbar.png) 0 0 no-repeat;}
#nav ul { margin:0; padding:0;}
#nav li { position:absolute; top:0; list-style:none;}
#nav li.products { left:75px;}
#nav li.buy { left:166px;}
#nav li.dealers { left:228px;}

#nav a { display:block; height:38px; background:url(images2/nav.jpg) 0 0 no-repeat;}
#nav a span { display:none;}
#nav li.home a { width:75px;}
#nav li.products a { width:91px; background-position:-75px 0;}
#nav li.buy a { width:62px; background-position:-166px 0;}
#nav li.dealers a { width:83px; background-position:-228px 0;}

#nav li.home a:hover, #nav li.home.on a { background-position:0 -38px;}
#nav li.products a:hover, #nav li.products.on a { background-position:-75px -38px;}
#nav li.buy a:hover, #nav li.buy.on a { background-position:-166px -38px;}
#nav li.dealers a:hover, #nav li.dealers.on a { background-position:-228px -38px;}*/

/* Login / Register */
form input.field-hint { color:#a5a5a5;}
#login { width:490px; height:34px; background:url(images2/login_bg.png) 0 0 no-repeat;}
#login form { float:left; height:34px; margin-right:15px; padding-right:15px; background:url(images2/login_div.gif) top right no-repeat;}
#login form input { float:left; width:140px; margin:6px 5px 0 0;}
#login form input#input-email { margin-left:6px;}
#login a.submit { display:block; float:left; margin-top:7px; width:70px; height:20px; background:url(images2/login_submit.png) 0 0 no-repeat; color:#fff; text-align:center; line-height:20px;}
#login a.submit:hover { background-position:0 -20px; text-decoration:none;}

/* ====================================================================
SUBNAV
-------------------------------------------------------------------- */
.nav ul { margin:0; padding:0;}
.nav li { list-style:none; list-style-image:none; background:url(images2/line_dotted_01.gif) 0 100% repeat-x;}

.nav h3 { display:block; width:240px; height:25px; margin:0 0 5px 0; padding:25px 0 0 0; overflow:hidden; height:0px !important; height /**/:25px; background-repeat:no-repeat;}
.nav.products h3 { background-image:url(images2/nav/head_products.jpg);}
.nav.video h3 { background-image:url(images2/nav/head_video.jpg);}

.nav li.on, .nav li:hover { /*background:url(images2/nav/highlight.png) 0 0 no-repeat;*/ background-color:#54575d;}
.nav li a { display:block; /*height:32px; line-height:32px;*/ padding:12px 0 12px 37px; background-repeat:no-repeat; color:#fff;}
.nav li a:hover { text-decoration:none;}
.nav li a span { font-weight:bold;}
.nav li.AV a { background-image:url(images2/icons/AV.png);}
.nav li.garage a { background-image:url(images2/icons/Garage.png);}

.nav ul ul { padding:6px 0; background:url(images2/line_dotted_01.gif) 0 100% repeat-x;}
.nav ul ul li { background:0;}
.nav ul ul li a { /*height:20px; line-height:20px;*/ color:#999;}
.nav ul ul li a:hover, .nav ul ul li.on a { color:#19ccd1;}
.nav ul li.subnav:hover, .nav ul ul li:hover { background-color:transparent;}

.nav.video li a { background-image:url(images2/icons/video.png);}

/* ====================================================================
PAGE TITLES / HEADER IMG REP
-------------------------------------------------------------------- */

h3#title-buy { display:block; width:80px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_buy.gif) 0 0 no-repeat;}
h3#title-video { display:block; width:139px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_video.gif) 0 0 no-repeat;}
h3#title-about { display:block; width:209px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_about-us.gif) 0 0 no-repeat;}
h3#title-contact { display:block; width:210px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_contact.gif) 0 0 no-repeat;}
h3#title-terms { display:block; width:297px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_terms-of-use.gif) 0 0 no-repeat;}
h3#title-terms-service { display:block; width:397px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_terms-of-service.gif) 0 0 no-repeat;}
h3#title-privacy { display:block; width:354px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_privacy-policy.gif) 0 0 no-repeat;}
h3#title-mediakit { display:block; width:212px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_media-kit.gif) 0 0 no-repeat;}
h3#title-dealers { display:block; width:180px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_dealers.gif) 0 0 no-repeat;}
h3#title-dealer-purchasing { display:block; width:457px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_dealer-purchasing.gif) 0 0 no-repeat;}
h3#title-promo-offer { display:block; width:471px; height:36px; margin:0 0 1em 0; padding:36px 0 0 0; overflow:hidden; height:0px !important; height /**/:36px; background:url(images2/title_promotional-offer.gif) 0 0 no-repeat;}


h3.t-sse { display:block; width:383px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_sse.gif) 0 0 no-repeat;}
h3.t-con { display:block; width:169px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_con.gif) 0 0 no-repeat;}

h4.features { display:block; width:99px; height:13px; margin:0; padding:13px 0 0 0; overflow:hidden; height:0px !important; height /**/:13px; background:url(images2/text/the_features.gif) 0 0 no-repeat;}
h4.supdevex { display:block; width:228px; height:13px; margin:0; padding:13px 0 0 0; overflow:hidden; height:0px !important; height /**/:13px; background:url(images2/text/supported_device_examples.gif) 0 0 no-repeat;}
h4.setup-simple { display:block; width:114px; height:13px; margin:0; padding:13px 0 0 0; overflow:hidden; height:0px !important; height /**/:13px; background:url(images2/text/setup_is_simple.gif) 0 0 no-repeat;}
h4.comp-req { display:block; width:240px; height:13px; margin:0; padding:13px 0 0 0; overflow:hidden; height:0px !important; height /**/:13px; background:url(images2/text/compatibility_requirements.gif) 0 0 no-repeat;}



/* ====================================================================
PRESS
-------------------------------------------------------------------- */
#press { margin-top:2em;}
#press h3{ display:block; width:630px; height:29px; margin:0 0 10px 0; padding:29px 0 0 0; overflow:hidden; height:0px !important; height /**/:29px; background:url(images2/press_title.gif) 0 0 no-repeat;}

.pr { clear:both; float:left; width:100%; margin-bottom:1em; padding-bottom:1em; background:url(images2/line_dotted_01.gif) 0 100% repeat-x;}
.pr .date { display:block; float:left; /*width:10em;*/ width:100px;}
.pr .content { float:left; width:530px;}
/*.pr a { display:block;}*/
.pr a.url { color:#999; font-size:0.8em;}

.pr .source { margin-bottom:0.5em; font-size:0.8em;}
.pr .teaser { clear:both;}

/* ====================================================================
CONTACT
-------------------------------------------------------------------- */
.address, .contact { display:block; float:left; width:49%; margin-bottom:2em; padding-bottom:1em; line-height:1.6em; background:url(images2/line_dotted_01.gif) bottom left repeat-x;}

/* Contact Form */
#form-div { clear:both;}
form#gbcf-form { margin:0; padding:0;}
form#gbcf-form fieldset { margin:0; padding:0;}
form#gbcf-form label { display:block; clear:both; float:left; width:10em; margin-right:2em; font-weight:bold;}
form#gbcf-form label .req { display:none;}
form#gbcf-form input, form#gbcf-form select, form#gbcf-form textarea { float:left; width:30em; margin-bottom:1em;}
form#gbcf-form select { width:auto;}
form#gbcf-form input.text-short { width:10em;}
form#gbcf-form .description { clear:both; float:left; margin:-1em 0 1em 14.4em; font-size:0.8em;}

form#gbcf-form input.button { display:block; width:125px; height:30px; margin:0 0 0 10.8em; padding:30px 0 0 0; overflow:hidden; background:url(images2/button_form_send.png) 0 0 no-repeat; border:0; text-indent:125px;}
form#gbcf-form input.button:hover { background-position:0 -30px; cursor:pointer;}

#results { margin-bottom:2em; padding:0.5em; background:#324f56; border:1px solid #19ccd1; color:#19ccd1;}
#results a { color:#19ccd1;}

/* ====================================================================
PRODUCTS
-------------------------------------------------------------------- */

a.buy-OLD { display:block; width:125px; height:30px; margin:0; padding:30px 0 0 0; overflow:hidden; height:0px !important; height /**/:30px; background:url(images2/button_buy.png) 0 0 no-repeat;}
a.buy-OLD:hover { background-position:0 -30px;}*/
#product a.buy { position:absolute; top:0; right:0;}

#product img.right { float:right;}
#product .short { width:405px;}
#product h4 { margin-top:2em;}

#product li { list-style-image:url(images2/arrow_02.gif); margin-bottom:0.5em;}

h3#title-avshadow { display:block; width:335px; height:37px; margin:0 0 25px 0; padding:37px 0 0 0; overflow:hidden; height:0px !important; height /**/:37px; background:url(images2/products/title_AVShadow.png) 0 0 no-repeat;}
h3#title-garageshadow { display:block; width:467px; height:37px; margin:0 0 25px 0; padding:37px 0 0 0; overflow:hidden; height:0px !important; height /**/:37px; background:url(images2/products/title_GarageShadow.png) 0 0 no-repeat;}

/* ====================================================================
BUY
-------------------------------------------------------------------- */
/*.price { font-weight:bold;}*/
.note { font-size:0.8em;}

.product img { float:left; padding:0 2em 2em 0;}
.product .content { float:left;}
.product .content a.buy { margin-top:1em;}
/* new */
#intro { margin-bottom:2em; border-bottom:1px dotted #5e6167;}
.msg { clear:both; padding:0.5em; background:#3e4149; border:1px solid #5e6167;}

.product h3.avshadow { display:block; width:166px; height:19px; margin:0 0 5px 0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/products/title_AVShadow-sml.gif) 0 0 no-repeat;}
.product .slogan { color:#c0c1c3; font-weight:bold; text-transform:uppercase;}

/* price */
.price { margin-left:2em;}
.price .amt { display:block; width:90px; height:25px; margin:0 10px 0 0; padding:25px 0 0 0; overflow:hidden; height:0px !important; height /**/:25px; background:url(images2/price/99.99.gif) 0 0 no-repeat;}
.price .amt.p69-99 { background-image:url(images2/price/69.99.gif);}
.price .amt.p79-99 { background-image:url(images2/price/79.99.gif);}
.price .extra { font-size:0.8em;}
.price .amt, .price .extra { float:left;}
.price .extra { padding-top:12px;}

/* order: by country */
.order { float:left; width:100%; margin:2em 0 0 2em; padding:0.5em; background:#3e4b42; border:1px solid #6db345;}
.order p { margin-top:0; margin-bottom:0.5em; color:#6db345; font-weight:bold;}

/* order buttons */
a.order2 { display:block; float:left; width:125px; height:30px; margin:0 40px 0 0; padding:30px 0 0 0; overflow:hidden; height:0px !important; height /**/:30px; background:url(images2/button_country-CA.png) 0 0 no-repeat;}
a.order2:hover { background-position:0 -30px;}
a.order2.us { margin-right:0; background-image:url(images2/button_country-US.png);}
a.order2.po { background-image:url(images2/button_form_purchase-order.gif);}
a.order2.cc { margin-right:0; background-image:url(images2/button_form_credit-card.gif);}
a.order2.purch { margin:2em 0 0 2em; background-image:url(images2/button_form_order.gif);}

/* ====================================================================
VIDEO
-------------------------------------------------------------------- */
.video .vid { margin:2em 0 2em 0;}

/* ====================================================================
HOME
-------------------------------------------------------------------- */
body.home #nav { margin-bottom:1em;}

#feature { position:relative; width:900px; height:350px; margin-bottom:10px; background:url(images2/home/feature.jpg) 0 0 no-repeat;}
#feature a.more { display:block; width:125px; height:30px; margin:0; padding:30px 0 0 0; overflow:hidden; height:0px !important; height /**/:30px; background:url(images2/button_learn-more.png) 0 0 no-repeat;}
#feature a.more:hover { background-position:0 -30px;}

#feature a.more { position:absolute; top:300px;}
#feature a.more.av { left:275px;}
#feature a.more.garage { left:595px;}

/*.mini-feature { float:left; width:215px; height:150px; margin-right:10px;}
.mini-feature a { display:block; width:215px; height:150px;}
.mini-feature a span { display:none;}

.mini-feature.CES { width:450px; background:url(images2/home/feature_CES2009.jpg) 0 0 no-repeat;}
.mini-feature.CES a { width:450px;}

.mini-feature.vid-trailer { background:url(images2/home/feature_vid_trailer.jpg) 0 0 no-repeat;}
.mini-feature.vid-avdemo { background:url(images2/home/feature_vid_av-demo.jpg) 0 0 no-repeat; margin-right:0;}*/

/* news */
/*#recent-news { float:left; width:450px; margin-right:10px;}*/
#recent-news h3{ display:block; width:630px; height:29px; margin:0 0 10px 0; padding:29px 0 0 0; overflow:hidden; height:0px !important; height /**/:29px; background:url(images2/press_title.gif) 0 0 no-repeat;}
/*#recent-news .pr .date { width:75px;}
#recent-news .pr a { display:inline;}
.pr .content { width:375px;}
.pr .source { margin-bottom:0.5em; font-size:0.8em;}
.pr .teaser { clear:both;}*/


.mini-feature { float:left; width:215px; height:150px; margin-bottom:10px;}
.mini-feature a { display:block; width:215px; height:150px;}
.mini-feature a span { display:none;}
.mini-feature.vid-trailer { background:url(images2/home/feature_vid_trailer.jpg) 0 0 no-repeat;}
.mini-feature.vid-avdemo { background:url(images2/home/feature_vid_av-demo.jpg) 0 0 no-repeat;}
.mini-feature.vid-garagedemo { background:url(images2/home/feature_vid_garage-demo.jpg) 0 0 no-repeat;}

#recent-news, #videos { float:left; /*height:550px;*/}
#recent-news { width:630px; margin-right:55px;}
#recent-news .pr .date { width:100px;}
#recent-news .pr .content { width:530px;}

/* ====================================================================
MEDIA KIT
-------------------------------------------------------------------- */
#media-kit .intro { margin-bottom:2em;}
#media-kit .inquiries { margin-bottom:2em; padding:0.5em 0.8em; background:#3d4441; border:1px solid #77a340; line-height:1.6em;}

#media-kit img { display:block; float:left; margin:0 15px 15px 0;}
#media-kit .download { clear:both; float:left; margin-top:0.5em;}
#media-kit .group { clear:both; float:left; width:100%; margin-bottom:2em;}

/*#media-kit h4 { margin-bottom:0.5em; color:#77a340; font-size:1.6em; font-weight:normal; text-transform:uppercase;}*/
#media-kit h4 { display:block; height:13px; margin:0 0 0.5em 0; padding:13px 0 0 0; overflow:hidden; height:0px !important; height /**/:13px; background-position:0 0; background-repeat:no-repeat;}
#media-kit h4.logo { width:46px; background-image:url(images2/text/t_logo.gif);}
#media-kit h4.products { width:80px; background-image:url(images2/text/t_products.gif);}
#media-kit h4.interface { width:76px; background-image:url(images2/text/t_interface.gif);}
#media-kit h4.media-inquiries { width:127px; background-image:url(images2/text/t_media-inquiries.gif);}


/* ====================================================================
BUY / PURCHASE
-------------------------------------------------------------------- */
.divline { clear:both; border-bottom:1px dotted #999;}

/*#step { position:absolute; top:0; right:0; font-weight:bold; text-transform:uppercase;}
#step .num1, #step .num2 { padding:0.3em; background:#8dc63f; color:#fff;}*/

#step { position:absolute; top:0; right:0; padding:0.3em; background:#8dc63f; color:#363941; font-size:1.2em; font-weight:normal; text-transform:uppercase;}
#step .num1, #step .num2 { font-weight:bold;}

/*.details { margin:0.5em 0; font-size:0.8em;}
.details ul { margin:0; padding:0 0 0 2em;}*/
.prod-title { color:#fff;}

/* Titles */
form#purchase h3 { clear:both;}
h3#order-info { display:block; width:245px; height:19px; margin:0 0 1em 0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_order-info.gif) 0 0 no-repeat;}
h3#ship-info { display:block; width:272px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_shipping-info.gif) 0 0 no-repeat;}
h3#ship-meth { display:block; width:408px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_shipping-method.gif) 0 0 no-repeat;}
h3#bill-info { display:block; width:251px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_billing-info.gif) 0 0 no-repeat;}
h3#pay-meth { display:block; width:205px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_payment-method.gif) 0 0 no-repeat;}
h3#place-order { display:block; width:155px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_place-order.gif) 0 0 no-repeat;}
h3#pst-exemption { display:block; width:170px; height:19px; margin:0; padding:19px 0 0 0; overflow:hidden; height:0px !important; height /**/:19px; background:url(images2/text/t_buy_pst-exemption.gif) 0 0 no-repeat;}

/* Tables */
table { width:100%; margin-bottom:1.5em;}
table, table th, table td { border:1px solid #4a4d54; border-collapse:collapse;}
table th, table td { align:left; vertical-align:top; text-align:left; padding:0.5em;}
table th.right, table td.right { text-align:right;}
table td.subtotal, table td.cost { text-align:right;}
table th { background:#4a4d54; color:#fff;}
table img { align:center; text-align:center;}

table tr.hlite { background:#334951;}

/* Form */
form#purchase { position:relative; margin:0; padding:0;}
form#purchase fieldset { margin:0; padding:0;}
form#purchase label { display:block; clear:both; float:left; width:11em; margin-right:2em; font-weight:bold;}
form#purchase input, form#purchase select, form#purchase textarea, form#purchase .placeholder { float:left; width:20em; margin-bottom:1em;}
form#purchase .placeholder { padding:0.5em 0;}
form#purchase select { width:15em;}
form#purchase select#qtySelect { width:auto;}
form#purchase input.text-short { width:15em;}
/*form#purchase .description { clear:both; float:left; margin:-1em 0 1em 15.6em; font-size:0.8em;}*/
form#purchase .description { clear:both; float:left; margin:-1em 0 1em 15.6em; font-size:0.8em;}

form#purchase input.button { clear:both; display:block; width:125px; height:30px; margin:0 0 0 11.6em; padding:30px 0 0 0; overflow:hidden; background:url(images2/button_form_continue.png) 0 0 no-repeat; border:0;}
form#purchase input.button:hover { background-position:0 -30px; cursor:pointer;}
form#purchase input.button.place-order { margin-left:0; margin-bottom:1em; background-image:url(images2/button_form_place-order.png);}
form#purchase input.button.change-order { margin-left:0; background-image:url(images2/button_form_change-order.png); position:absolute; top:1.5em; top:0; right:0;}
form#purchase input.button.buy { background-image:url(images2/button_form_buy.gif);}
form#purchase input.button.order { background-image:url(images2/button_form_order.gif);}

/*form#purchase .msg {float:left; width:100%; margin-top:1em;}*/
/*form#purchase .msg { width:100%; padding:0; position:absolute; top:55px; left:0;}*/
form#purchase .msg { padding:0;}
form#purchase .msg .inner { padding:0.5em; font-size:0.8em;}

form#purchase label.required {}
form#purchase label .req, span.req { color:#8dc63f;}

form#purchase p { clear:both;}

form#purchase input.sml { width:3em; margin-right:1em;}
form#purchase .shift { margin:0 0 1em 13em;}

form#purchase input.change { float:right; width:auto; margin:0; text-align:right;}

form#purchase .sep { float:left; padding-right:1em;}

/* errors */
.messages { margin-bottom:2em; padding:0.5em; background:#30565e; border:1px solid #19ccd1; color:#19ccd1;}
.messages li { list-style-image:url(../images2/arrow_03.gif); margin-bottom:0.5em;}
form input.error { border:2px solid #19ccd1;}