/*GENERIC STUFF*/
body {font: 12px/24px "Lucida Grande", helvetica, verdana, sans-serif; color:#6e6e6e;background-image:url('/media/img/menubarbg.png');margin:0;padding:0;background-repeat:repeat-x;}
h4 {font-size:14px; font-weight:bold; color:#2c2b2b; text-shadow:white 0 0 1px;margin-bottom:0px;margin-top:35px;}
a {text-decoration:none; color:#0983d1;}
b {color:black;}
p {margin-top:5px;}
h4 small {color:#6e6e6e;}
.clear {clear:both;}

/*MAINLAYOUT*/
#wrapper {width:1000px;padding:0 20px;margin:0 auto;}
#left {width:600px;float:left;margin-right:60px;}
#right {width:340px;float:left;position:relative;}

/*NAVIGATION*/
#navigation {width:1000px;height:40px;}
#navigation #logo {float:left;margin-top:12px;}
#navigation a {float:right;margin-right:15px; margin-top:9px; font-size:1.1em; font-weight:bold; text-shadow:#fff 0 1px;list-style:none;color:#343434;text-decoration:none;}
#navigation a:hover {color:black;}
#navigation #buybutton {width:47px; height:22px; background:url('/media/img/buy.gif'); float:right; margin-top:10px; margin-left:10px;margin-right:0;}
#navigation #buybutton:hover {background-position:bottom;}
#navigation #trybutton {width:45px; height:22px; background:url('/media/img/try.gif'); float:right; margin-top:10px; margin-left:13px;margin-right:0;}
#navigation #trybutton:hover {background-position:bottom;}

/*LOGO*/
#checkout_logo {display:block;margin:34px 0 15px 0;}

/*FORM LAYOUT*/

#formcolumn_left {width:280px;float:left;margin-right:40px;position:relative;}
#formcolumn_right {width:280px;float:left;}
form {float:left;}
form h4 {margin-top:10px;}

/*FORM TABLE*/
table {width:598px;background:#fcfcfc;border:1px solid #e7e7e7;margin-bottom:29px;}
table strong {display:block;color:black;font-size:15px;}
table td {padding:10px 15px;}
table td.price {color:black;font-size:25px;width:120px;text-align:right;left-margin:0;height:50px;line-height:16px;}

/*QUANTITY & STEPPER*/
#amount {position:relative;background:url('/media/img/stepperinput.gif')no-repeat;height:27px;width:38px;}
#amount input {width:30px;text-align:center;color:#747474;font-size:14px;font-weight:bold;background:transparent;border:none;line-height:18px;}
#amount input:focus {outline:none;}
.stepper {width:15px;height:27px;position:absolute;top:0px;right:-12px;}
.stepper_up {height:14px;width:15px;background:url('/media/img/stepper.gif')no-repeat top left;}
.stepper_up:hover {background-position:top center;}
.stepper_up:active {background-position:top right;}
.stepper_down {height:13px;width:15px;background:url('/media/img/stepper.gif')no-repeat bottom left;}
.stepper_down:hover {background-position:bottom center;}
.stepper_down:active {background-position:bottom right;}

/*FORM ELEMENTS*/
.floating_field {float:left;margin-right:5px;position:relative;}
#formcolumn_left div, #formcolumn_right div {position:relative;margin-bottom:12px;}
#formcolumn_left label, #formcolumn_right label {position:absolute;margin-top:8px;margin-left:8px;color:#BBB;}
#formcolumn_left input, #formcolumn_right input {font-size:12px;color:#6e6e6e;margin:5px 0;padding:5px;width:260px;}


table input {font-size:12px;line-height:24px;color:#6e6e6e;margin:5px 0;}
select {margin:5px 0;width:200px;}

.floating_field #id_zipcode {width:120px;}
.floating_field #id_state {width:120px;}

.error 	
	{position:absolute;top:32px;left:0px;font-size:11px;color:#ff9d22;z-index:999;
	background-image:url('/media/img/alert.gif');background-repeat:no-repeat;background-position:0 6px;padding-left:14px;}


/*SUBMIT BUTTON*/
#process {width:195px;height:30px;background:transparent;background-image:url('/media/img/process_button.gif');background-repeat:no-repeat;background-position:0 -30px;border:none;cursor:pointer;}
#process:hover {background-position:bottom;}
#process:disabled {background-position:top;cursor:default;}
.center {width:600px;text-align:center;margin-top:30px;float:left;}


/*COLUMN WITH ALL THE INFO. SOME H4 HAVE INLINE MARGINS!!!!!!*/

#bundleimg {position:absolute;z-index:2;right:-60px;top:-30px;}
#bundles {z-index:3;position:relative;}

#phone_US {width:177px;height:24px;background:url('/media/img/phonenumbers.gif') 0 0px;float:left;margin-top:6px;}
#phone_UK {width:177px;height:24px;background:url('/media/img/phonenumbers.gif') 0 48px;float:left;margin-top:6px;}
#phone_NL {width:177px;height:24px;background:url('/media/img/phonenumbers.gif') 0 72px;float:left;margin-top:6px;}
#phone_ROW {width:177px;height:24px;background:url('/media/img/phonenumbers.gif') 0 24px;float:left;margin-top:6px;}

#moreinfo {width:143px;height:24px;float:right;display:block;background:url('/media/img/moreinfo.gif');margin-top:6px;}
#moreinfo:hover {background-position:bottom;}

/*FOOTER*/
#footer {width:1000px;text-align:center;font-size:10px;margin:60px 0 20px 0;float:left;color:#adadad;}
#footer a {color:#686868;}
.sosumi {color:#cdcdcd;font-size:9px;line-height:1.5em;margin-top:00px;}


/*BUTTONS*/
.blue_button {display:block;height:24px;position:relative;color:#fff;background:url('/media/img/button/blue_button.png');float:left;line-height:23px;text-shadow: #0f2e56 0px 1px 0px;margin-left:6px;padding:0 3px;margin-top:6px;font-size:13px;}
.blue_button .left {display:block;position:absolute;height:24px;background:url('/media/img/button/blue_button_left.png');width:6px;left:-6px;}
.blue_button .right {display:block;position:absolute;height:24px;background:url('/media/img/button/blue_button_right.png');width:6px;right:-6px;}
.blue_button:hover,
.blue_button:hover .left,
.blue_button:hover .right {cursor:default;}
a.blue_button:hover,
a.blue_button:hover .left,
a.blue_button:hover .right {background-position:bottom;cursor:pointer;}

.green_button {display:block;height:24px;position:relative;color:#fff;background:url('/media/img/button/green_button.png');float:left;line-height:22px;text-shadow: #192d0e 0px 1px 0px;margin-left:6px;padding:0 3px;margin-top:6px;font-size:13px;}
.green_button .left {display:block;position:absolute;height:24px;background:url('/media/img/button/green_button_left.png');width:6px;left:-6px;}
.green_button .right {display:block;position:absolute;height:24px;background:url('/media/img/button/green_button_right.png');width:6px;right:-6px;}
.green_button:hover,
.green_button:hover .left,
.green_button:hover .right {cursor:default;}
a.green_button:hover,
a.green_button:hover .left,
a.green_button:hover .right {background-position:bottom;cursor:pointer;}