/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; width:99%;}
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

.even th{
	background-color: #F4F4F4;
	color: #000000;
	border: none;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 100px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


* {
    padding: 0;
    margin: 0;
    border: 0;
}


/* General Style Info */
#head_serach_bar{
    display:table;
}
#head_serach_bar form{
    width:100%;
    padding-left:25px;
}

#head_serach_bar input{
    width:150px;
    float:left;
    margin-top:9px;
    padding-top:2px;
    margin-bottom:0;
}

#head_serach_bar form .submit,
#head_search_bar form input{
    clear:none;
    float:left;
    margin:0;
    width:100px;
}

/* General Style Info */

.clr{
    clear:both;
}

body {
	color: #000000;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	font-size:90%;
	height:100%;
}

a, a:active {
	background:transparent;
	color:#EB8715;
    outline-style:none;
    outline-width:0;
    text-decoration:none;
}

a:hover {
	background:transparent;
	color:#222222;
    text-decoration:none;
}

a img {
	border:none;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

.catedory div{
    padding-left:10px;
    clear:both;
}



h1 {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#000000;
	font-size:230%;
	margin:0.1em 0;
	border-bottom: 2px solid #CBCBCB;
}


h3 {
	color: #993;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 165%;
}

h4 {
	color: #993;
	font-weight: normal;
	padding-top: 0.5em;
}

ul, li {
	margin: 0 12px;
}



/* Layout */

#container {
	text-align: left;
}



#header{
    background-color: #ffffff;
}

    /** #white_space{
        width: 100%;
        height:160px;
        background-color: #ffffff;
    } **/
    
    /** modified by Ezekiel Motlana (2011-03-31) **/
    #white_space{
        width: 100%;
        height:47px;
        background-color: #ffffff;
    }

        #header_search{
            width:970px;
            margin:auto;
            position:relative;
            top:137px;
            background-color:#ffffff;
            height:43px;
        }
            #head_serach_bar{
                height:43px;
                width:353px;
                float:right;
            	background: #ffffff url('../img/search.jpg') no-repeat left;
            }

    #flash_head{
        width:100%;
        background-color:#E0E0E0;
    }

        #flash_rotater{
            height:125px;
            width:490px;
            float:right;
            margin:20px 10px 0 0;
        }

    .red-bar{
        width:100%;
        height:4px;
        background-color:#4F4F4F;
    }

    #menu{
        background-color:red;
        width:100%;
        height:45px;
        margin:auto;
    	background:#FFFFFF url(../img/menu.jpg) repeat-x scroll left center;
    }

    #content{
    	background: red;
    	width:98%;
    	margin:auto;
        heigth:100%;
    }

        #left_nav{
            width:220px;
            float:left;
            heigth:100%;
        }

            #flash_rotater_sub{
                width:700px;
                height:155px;
                margin:auto;
                background-color:red;
            }

    #footer {
    	clear: both;
    	padding: 6px 10px;
    	text-align: right;
    	color:#E0E0E0;
    }




th {
	font-weight: bold;
	background:#C7C7C7 none repeat scroll 0 0;
	border:1px solid #C7C7C7;
	color:#FFFFFF;
	text-align:left;
}


body, html {
    color: #000;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    background-color: #fff;
}
body {
    font-size: 70%;
    min-width: 760px;
}
.clear { clear: both; }
#mainContainer {
    min-height: 300px;
}
* html #mainContainer {
    height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
    border-left: 220px solid white; /*** This is the width and the color for our left column ***/
    border-right: 220px solid white; /*** This is the width and the color for our right column ***/
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 100%;
}
* html .inner {
/*** No need for hacking IE on this layout ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
    float: left;
    width: 100%;
    margin-left: -220px; /*** Same length as .outer border-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
    float: right;
    background: #fff;
    margin-right: -220px;  /*** Same length as .outer border-left but with negative value ***/
    width: 100%;
	margin-top: 10px;
}
* html #content {
    position: relative;
}
.contentWrap{
    padding: 5px 15px;
}
.contentWrap ol, .contentWrap ul {
    margin: 3px 0 5px 35px;
}
.contentWrap li {
    padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#left {
    float: left;
    width: 210px;
    min-height: 250px;
    padding: 5px;
}
* html #left {
    position: relative;  /*** IE needs this  ***/
    height: 250px;
}
#left ul {
    list-style: none;
    padding-bottom: 4px;
}
#left li {
    padding-bottom: 2px;
}


/*************************
RIGHT COLUMN
**************************/
#right {
    float: right;
    width: 210px;
    padding: 5px;
    min-height: 250px;
    margin-right: -220px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right {
    height: 250px;
    position: relative;  /*** IE needs this  ***/
}
#right ul {
    list-style: none;
    padding-bottom: 4px;
}
#right li {
    padding-bottom: 2px;
}



/* Forms */
div td form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: auto;
	float:left;
}
fieldset {
	border: none;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 130%;
	font-weight: bold;
}

fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0;
}

form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 45px;
}
label {
	float:left;
	margin:5px 0px;
	padding:0px;
}
input, textarea {
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	width: 200px;
	float:right;
	margin-bottom:5px;
	font-family:"frutiger linotype","lucida grande","verdana",sans-serif;
	margin-bottom:5px;
	width:200px;
}

select {
	font-size: 100%;
	vertical-align: text-bottom;
	float:right;
	width: 204px;
	margin-bottom:5px;
	border:1px solid #cccccc;
}
select[multiple=multiple] {
	width: 204px;
	margin-bottom:5px;
}
option {
	font-size: 80%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 3px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	clear:left;
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	background:none repeat scroll 0 0 transparent;
	cursor:pointer;
	display:inline;
	font-weight:bold;
	padding:2px 5px;
	vertical-align:bottom;
	width:auto;
}

.content-head{
    background: transparent url( ../img/content_head.png ) repeat-x;
    width:100%;
    height:31px;
    clear:both;
    margin:auto;
    color: #fff;
}
.content-head a, .content-head a:active{
    color: #fff;
}
.content-head .left{
    background: transparent url( ../img/content_head_left.png ) no-repeat;
    width:18px;
    height:31px;
    float: left;
}
.content-head .right{
    background: transparent url( ../img/content_head_right.png ) no-repeat;
    width:18px;
    height:31px;
    float: right;
}
.content-body{
    width:100%;
    clear:both;
    margin:auto;
	padding-top: 5px;
}
.content-body .left{
    background: none;
    height:100%;
    width:100%;
    clear:none;
}
.content-body .right{
    background: none;
    height:100%;
    width:100%;
    clear:none;
    background-position: right;
}
.content-head.alternate{
    background: transparent url( ../img/content_head_alternate.png ) repeat-x;
}
.content-head.alternate .left{
    background: transparent url( ../img/content_head_left_alternate.png ) no-repeat;
}
.content-head.alternate .right{
    background: transparent url( ../img/content_head_right_alternate.png ) no-repeat;
}

.treeview li{
	cursor:pointer;
}

input[type="submit"].login_button {
	background: transparent url( ../img/login.png ) no-repeat;
	width: 80px;
	height: 24px;
	clear: both;
	border: none;
	float: left;
	margin-right:5px;
}

.image_button {
	border: none;
	width: auto;
	float: none;
}

#search-top{
    background: transparent url( ../img/search-top.jpg ) repeat-x;
    height:41px;
    width: 350px;
    float: right;
}
#search-top .left{
    background: transparent url( ../img/search-top-left.jpg ) no-repeat;
    width:38px;
    height:41px;
    float: left;
}
#search-top .right{
    background: transparent url( ../img/search-top-right.jpg ) no-repeat;
    width:38px;
    height:41px;
    float: right;
}
#search-top form{
    clear: none;
    width: auto;
    padding-top:6px;
    color:#FFFFFF;
    font-size:12px;
    margin-right: 0;
}
#search-top form input{
    float: none;
    width:180px;
}
#search-top form div.submit {
    display: inline;
    margin: 0;
    clear: none;
    width: 25px;
    float: right;
}
/* IE6 layout fixes */
* html #search-top form div.submit {
	margin-top: -20px;
}
/* IE7 */
*:first-child+html #search-top form div.submit {
	margin-top: -20px;
}
#search-top form div.submit .image_button {
    border: none;
    width: 25px;
    height: 19px;
    float: right;
}

#messages {
	float: left;
	width: 550px;
	padding-left: 20px;
}



.moreLink{
	clear:both;
	float:right;
}




.module{
	margin-bottom:10px;
}

.modules.left {
	float:left;
	min-height:250px;
	padding:5px;
	width:210px;
}

.modules.left .module,
.modules.right .module{
	margin-top:5px;
	width:100%;
	background-color:#EFEFEF;
	border:1px solid #C7C7C7;
	clear:both;
	margin-bottom:10px;
	padding:9px;
	width:190px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
.modules.right .module{
	margin-top: 10px;
}
	.module.categories a.all{
		clear:both;
	}

	.module.categories ul{
		margin:0;
		list-style:none outside none;
		padding-bottom:4px;
		padding-top:25px;
	}
		.module.categories li{
			background:url("../img/side_category_icon.gif") no-repeat scroll left center transparent;
			font-size:12px;
			padding-left:22px;
			padding-bottom:2px;
			margin: 0 12px;
			font-weight: bold;
		}
		
/* Old logo settings -- Ezekiel 2011-03-29) **/		
/*#logo{
					 background: url("../img/logo.png") no-repeat scroll left center #FFFFFF;
					 height:147px;
					 left:40px;
					 position:absolute;
					 top:10px;
					 width:420px;
}*/

/** updated by Ezekiel Motlana (2011-03-29) **/
#logo{
	background: url("../img/logo.png") no-repeat scroll left center #FFFFFF;
	height:47px;
	left:12px;
	position:absolute;
	top:10px;
	width:420px;
}

#menu{
	background:url("../img/menu.jpg") repeat-x scroll left center #FFFFFF;
	height:45px;
	margin:auto;
	width:100%;
	border:0 none;
	clear:left;
	font-weight:400;
	position:relative;
	z-index:10;
	cursor:default;
}

	#menu ul{
		list-style:none outside none;
	}

		#menu li{
			background: none repeat scroll 0 0 transparent;
			color:#FFFFFF;
			float:left;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			margin:0;
			padding:14px 27px;
			position:relative;
		}

		#menu a{
			background:none repeat scroll 0 0 transparent;
			color:#4F4F4F;
			cursor:pointer;
			font-family:Arial,Helvetica,sans-serif;
			font-size:15px;
			font-weight:700;
			text-decoration:none;
		}

#search-top{
	background:url("../img/search-top.jpg") repeat-x scroll 0 0 transparent;
	float:right;
	height:41px;
	width:350px;
	margin-top:-1px;
	z-index: -500;
}
	#search-top .left {
		background:url("../img/search-top-left.jpg") no-repeat scroll 0 0 transparent;
		float:left;
		height:41px;
		width:38px;
	}
	#search-top .right {
		background:url("../img/search-top-right.jpg") no-repeat scroll 0 0 transparent;
		float:right;
		height:41px;
		width:38px;
	}
.products.view{
	padding-top:10px;
}


h2{
	background: url("../img/nice-box-end.jpg") no-repeat scroll 100% 0 transparent;
	background-color: #CBCBCB;
	clear:both;
	margin-bottom:10px;
	margin-left:2px;
	padding-left:15px;
	width:98%;
	color:#6F6F6F;
	font-weight: bold;
	font-size: 1.4em;
	height: 30px;
}
h2:before{
	content: "::: ";
}

.tabData{
	overflow:auto;
}


/*.module.cart div{
	overflow:auto;
	padding-top: 5px;
}*/

.module h2{
	clear:both;
	float:left;
	font-weight:700;
	height:27px;
	margin-bottom:5px;
	margin-left:-10px;
	margin-top:-10px;
	padding-left:10px;
	padding-top:3px;
	width:200px;
}

.centerModule h2.fade,
#content h2, h2{
	margin-bottom:10px;
	margin-left:2px;
	padding-left:15px;
	width:98%;
	padding-top:3px;
}
.module .special a,
.module .special a{
	font-style: italic;
}
/**
	star rating
*/

#right ul.star-rating{
	padding-bottom: 0;
	margin: 0;
}
#right li.star,
#right li.current-rating{
	margin: 0;
}
#right .star-rating,
#right .star-rating a:hover,
#right .star-rating a:active,
#right .star-rating a:focus,
#right .star-rating .current-rating{
	background: url(../img/core/star.gif) left -1000px repeat-x;
}
#right .star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
#right .star-rating li{
	display: inline;
}
#right .star-rating a,
#right .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}

#right .star-rating a:hover,
#right .star-rating a:active,
#right .star-rating a:focus{
	background-position: left bottom;
}

#right .star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

#right .inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

#right .small-star{
	width:50px;
	height:10px;
}

#right .small-star,
#right .small-star a:hover,
#right .small-star a:active,
#right .small-star a:focus,
#right .small-star .current-rating{
	background-image: url(../img/core/star_small.gif);
	line-height: 10px;
	height: 10px;
}


#messages{
	float:left;
	padding-left:20px;
	width:550px;
	clear:both;
}
	div.message{
		clear:both;
		color:#4F4F4F;
		font-size:140%;
		font-weight:700;
		margin:1em 0;
		font-style: italic;
	}
.module.banners{
	overflow: hidden;
	height:122px;
}

/** roundabout */
.roundabout-holder h2.fade{
	background-color: transparent;

}
.roundabout-holder { padding: 0; height: 5em; }
.roundabout-moveable-item { height: 4em; width: 4em; cursor: pointer; background-color: #EFEFEF;}
.roundabout-in-focus { cursor: auto; }

div.slidesContainerHolder, div.slidesContainer{
	heght:210px;
}
div.slidesContainerHolder .padding,
div.slideNavigation{
	height:75px;
	width: 1px;
	float:left;
}

div.slidesContainerHolder{
	display:none;
}

div.slidesContainer .data{
	overflow: hidden;
	border: 1px solid #C7C7C7;
}

div.slidesContainer .data .image{
	width: 40%;
	float:left;
}
div.slidesContainer .data .data h3{
	border-bottom: 2px solid #EB8715;
}
div.slidesContainer .data .data{
	width: 55%;
	float:left;
	border: none;
}
.data{
	width: 400px;
	height: 160px;
	padding: 5px;
}
.data img{
	float: right;
}

.product_item .product_image img {
	-moz-box-shadow: none;
}

form div.input {
	color:#444444;
}
form div {
	clear:both;
	vertical-align:text-top;
}

form {
	clear:both;
	margin-right:20px;
	padding:0;
}

select {
	border:1px solid #CCCCCC;
	font-size:100%;
	margin-bottom:5px;
	vertical-align:text-bottom;
	width:204px;
	height: 20px;
}

.special{
	clear:both;
	height:50px;
	margin-bottom:10px;
}
.special .image {
	float:left;
	height:50px;
	overflow:hidden;
	width:45px;
}
.special .info {
	float:right;
	width:140px;
	margin-top:-2px;
}
.price{
	color: #185874;
	font-size: 120%;
	font-weight: bold;
}

div.media{
	clear:both;
	padding-top:10px;
	width:195px;
	background-color: transparent;
}

.paymentButtons{
	/*float:left;*/
  margin-bottom: 20px;
}

.paymentButtons button{
	cursor: pointer;
}

.paymentButtonsDiv{
  margin-left: 35%;
  margin-top: 5%;
}

.fbLink{
	position:absolute;
	right:4px;
	top:173px;
	z-index:10;
}

.category_name a{
	text-align: center;
	font-weight: bold;
}


.contentWrap.order.clients.index p a{
	font-weight: bold;
	text-transform: uppercase;
}

dt{
	font-weight:bold;
}

.contact .details,
.contact .image{
	width: 45%;
	float:left;
}

.contact .image img{
	width: 200px;
}

.module.wishlist td.actions,
.module.cart td.actions{
	border-bottom:1px dashed #CBCBCB;
	margin-bottom:10px;
	padding-bottom:3px;
	text-align:right;
	padding-top: 5px;
}

.module.wishlist td.actions a,
.module.cart td.actions a{
	text-align: left;
}


/** slider **/
.slider-wrap .panel .price {
	font-size:230%;
	clear:both;
}

.slider-wrap .wrapper p {
	color:#AFAFAF;
	font-weight:600;
}

/* UTILITY STYLES  545px */
.slider-wrap .floatLeft {
	float:left;
	margin-right:10px;
}

.slider-wrap .floatRight {
	float:right;
}

/* spotlight banner */
.bannerPanelContainer {
  float:left;
	height:100%;
	width:100%;
}

.spotlightBanner {
  max-height: 600px; 
  max-width: 660px;
  margin: 15px auto;
  display:block;
}

.clear {
	clear:both;
}

/* TYPOGRAPHY */
.slider-wrap ul {
	list-style:square inside;
}

.slider-wrap blockquote {
	padding:0 20px;
	margin-left:20px;
	border-left:20px solid #ccc;
	font-size:14px;
	font-family:Georgia, serif;
	font-style:italic;
	margin-top:10px;
}

/* SLIDER */.slider-wrap {
	width:545px;
}

.slider-wrap .stripViewer .panelContainer .panel ul {
	text-align:left;
	margin:0 15px 0 30px;
}

.slider-wrap .stripViewer {
	position:relative;
	overflow:hidden;
	width:545px;
	height:230px;
}

.slider-wrap .stripViewer .panelContainer {
	position:relative;
	left:0;
	top:0;
	height:230px;
}

.slider-wrap .stripViewer .panelContainer .panel {
	float:left;
	height:100%;
	position:relative;
	width:545px;
}

.slider-wrap .stripNavL, .stripNavR, .stripNav {
	display:none;
}

.slider-wrap .nav-thumb {
	margin-right:5px;
	width:40px;
}

.slider-wrap #movers-row {
	margin-top:10px;
}

.slider-wrap #movers-row div {
	width:20%;
	float:left;
}

.slider-wrap #movers-row div a.cross-link {
	float:right;
}

.slider-wrap .photo-meta-data {
	background:url(..img/slider/transpBlack.png);
	padding:10px;
	height:30px;
	margin-top:-50px;
	position:relative;
	z-index:9999;
	color:white;
}

.slider-wrap .photo-meta-data span {
	font-size:13px;
}

.slider-wrap .cross-link {
	display:block;
	width:62px;
	margin-top:-14px;
	position:relative;
	padding-top:15px;
	z-index:9999;
}

.slider-wrap .active-thumb {
	background:transparent url(..img/slider/icon-uparrowsmallwhite.png) top center no-repeat;
}

/* tooltip  */
.tooltip {
border-bottom: 1px dotted #000000; color: #000000; outline: none;
cursor: help; text-decoration: none;
position: relative;
}
.tooltip span {
margin-left: -999em;
position: absolute;
}
.tooltip:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 450px;
}
.tooltip:hover img {
border: 0; margin: -10px 0 0 -55px;
float: left; position: absolute;
}
.tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent;}
/*.classic {background: #FFFFAA; border: 1px solid #FFAD33; }*/
.classic {background: #CBCBCB; border: 2px solid #6F6F6F; font-size: 1.4em;}
/*.critical { background: #FFCCAA; border: 1px solid #FF3334;    }
.help { background: #9FDAEE; border: 1px solid #2BB0D7;    }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }*/

.button {
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    }
.button:hover {
    background-position: 0 -48px;
    }
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }

.button.orange { background-color: #EB8715;}

 #monsterpay_logo{
            float:right;
            margin:10px 70px 0 0;
       }