/*	CSS for specific HTML tags.
	This section defines how certain HTML elements should look like. It applies to all such tags in a document.
*/
BODY {
/*	border:solid 1px #FF0000;*/
	MARGIN: -5px 0px 0px 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	z-index:0;
}

FIELDSET {				/* rounded corners fix for non IE browsers */
	-moz-border-radius:6px;		/* FF */
	-webkit-border-radius:6px;	/* Crome */
	-o-border-radius:6px;		/* Opera */
	-khtml-border-radius: 6px;
	-ms-border-radius:6px;
}

/*	CSS for tags with specific ID's (overrides default and previously declared styles and propagate to children) */

/* ========== HEADER AREA ========== */
#header	{
	border: 1px solid #909090;	/* dont use "thin" */
	background-color:#CCCCCC;
	z-index:1;
}

#header .rental	{
	border: 1px solid #909090;	/* dont use "thin" */
	background-color:#FFFFFF;
	z-index:1;
}

#header .upperBar {
	background-image:url(/images/design2012/logo_bg.png);
	background-repeat:repeat-x;
}

#header .lowerBar {
	background-image:url(/images/design2012/lowerBar_bg.png);
	background-repeat:repeat-x;
	z-index:0;
}

/* ----- Country selector link container ----- */
#country_select	{
/*	border:1px solid #FFFF00;*/
	font-size: 10px;
	color:#333;
	text-align: right;
	line-height:30px;
	padding: 5px;
}
#country_select A        {color:#333;text-decoration:none;}
#country_select A:link	 {}
#country_select A:visited{}
#country_select A:active {}
#country_select A:hover	 {color:#933;text-decoration:underline;}

/* ----- E-Comm links ----- */
.shoppingcart	{
	font-weight: bold;
	font-size:11px;
	color:#606060;
	font-weight:bold;
	text-align:right;
}
a.shoppingcart:link	{color:#606060; text-decoration:none}
a.shoppingcart:visited	{color:#606060}	/* IE9 SEC7115: :visited and :link styles can only differ by color. Some styles were not applied to :visited. */
a.shoppingcart:active	{color:#FFFFFF; text-decoration:none}
a.shoppingcart:hover	{color:#FFFFFF; text-decoration:underline;}

.storelogin		{
	font-weight: bold; 
	font-size:11px; 
	color:#808080; 
	font-weight:bold; 
}
a.storelogin:link	{color:#606060; text-decoration:none}
a.storelogin:visited	{color:#606060}	/* IE9 SEC7115: :visited and :link styles can only differ by color. Some styles were not applied to :visited. */
a.storelogin:active	{color:#FFFFFF; text-decoration:none}
a.storelogin:hover	{color:#FFFFFF; text-decoration:underline;}

/* Google Custom Search (overrides default styles. CSS is downloaded from google by gsc plugin) */
#___gcse_0	{
	padding-left: 3px;
}
#gsc-i-id1	{
	background-image:none !important;
}
#gsc-iw-id1	{
	border-radius: 5px;
}
.gsc-input-box	{
	/*height: 23px;*/
}
.gsc-control-cse {
	padding: 0 !important;
	background: none !important;
	border: none !important;
}
input.gsc-input {
	font-size:14px !important;
}
input.gsc-search-button	{
	padding: 6px 8px !important;
}
form.gsc-search-box {
	margin: 0px 0px 0px 0px !important;
}
.gsib_a {
	padding: 4px 4px 4px 4px !important;
}


/* ========== CONTENT AREA ========== */

#content {
	margin-top: 5px;
	border: 1px solid #909090;
	background-color:#FFFFFF;
/*	BACKGROUND-REPEAT: no-repeat;*/
	color:#333333;
	padding-bottom:20px;
	z-index:0;
}
#content td,P	{
/*	border: 1px dashed #FF3399;*/
/*	font-size: 11px;*/
/*	line-height: 20px;*/
/*	color: #333;*/
	z-index:0;
}

.title	{	/* Page Titles */
	font-size: 18px;
	font-weight: bold;
	color:#66667F;
	margin-top:10px;
}

/* ----- LEFT-SIDE MENU ----- */
#leftMenu	{
/*	border: 1px dashed #FF0000;*/
}
#leftMenu UL	{
/*	border: 1px dashed  #FF6600;*/
	font-size:11px;
	color: #5F5F5F;
	font-weight:bold;
	background-color:#F0F0F0;
	padding-bottom:10px;
}
#leftMenu UL LI	{
/*	border: 1px dashed #FF9900;*/
	padding-left:10px;
	list-style:none;
	line-height:24px;
}
#leftMenu A:link	{color:#5F5F5F; text-decoration:none}
#leftMenu A:visited	{color:#5F5F5F}	/* IE9 SEC7115: :visited and :link styles can only differ by color. Some styles were not applied to :visited. */
#leftMenu A:active	{color:#5F5F5F; text-decoration:none}
#leftMenu A:hover	{color:#5F5F5F; text-decoration:underline}

#leftMenu UL UL	{
/*	border: 1px dashed #FFCC00;*/
}
#leftMenu UL UL	LI {
/*	border: 1px dashed #FFFF00;*/
	padding-left:10px;
	list-style:none;
	line-height:16px;
	list-style-image:url(/common/images/arrows/arrow.gif);
	padding-left:0px;
}

/* ----- SPAN id="price" ----- */
/* Example:
	<span id=price>
		some plain text
		<a>
		  the price || <span class=rp>regular price (strike-though)</span> &nbsp; <span class=sp>sale price (red)</span>
		</a>
	</span>
*/
#price		{color:#666666; font-weight:normal}			/* <span id=price> plain text </span> */
#price	*	{color:#666666; font-weight:normal}			/* <span id=price> plain text in all child tags </span> */
#price .rp	{color:#666666; font-size:inherit; text-decoration:line-through;}	/* reg. price (strike-though)  */
#price .sp	{color:#C53333;	font-size:inherit;}			/* sale price (red) */

#price A	{color:#0A2F87; font-size:16px; text-decoration:none;}
#price A:link	{}
#price A:visited{}
#price A:active	{}
#price A:hover	{text-decoration:underline;}

#addToCartButton{
	color:#FFFFFF;
	background-color:#FFCC66;
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
	width:80px;
	font-weight:bold;
	text-align:center;
}
#addToCartButton A	 {color:#FFFFFF}
#addToCartButton A:hover {text-decoration:none}

/* --- PRODUCT SPECIFICATIONS (describes how things look inside tag with id="#Specs") --- */
#Specs {	/* plain text with no tags */
/*	border:solid 1px #FF00FF;*/
	font-size: 10px;
	line-height: 16px;
	color:#666;
}

#Specs * {	/* default appearance of all tags (unless specific definition for that tag exists and overrides this one) */
/*	border:solid 1px #FFAA00;*/
/*	font-size: 10px;*/
/*	line-height: 16px;*/
/*	color:#666;*/
}

#Specs ul	{	/* <ul> tags */
/*	border:solid 1px #FFCC00;*/
/*	margin: 5px 5px 5px 5px;*/
}

#Specs li	{	/* <li> tags */
/*	border:solid 1px #FFEE99;*/
	margin: 2px 0px 2px -20px;
	list-style:square;
/*	font-size: 10px;*/
/*	line-height: 16px;*/
/*	color:#666;*/
}

#Specs p	{	/* <p> tags */
/*	border:solid 1px #FFC999;*/
	margin-bottom: 0px;
/*	font-size: 10px;*/
/*	line-height: 16px;*/
/*	color:#666;*/
}

/* --- QUICK FACTS (describes how thing look inside tag with with id="QuickFacts") --- */
#QuickFacts UL	{	/* this is <ul> */
/*	border:1px dashed #F0CC00;*/
	margin-top:     5px;
	margin-bottom:  5px;
	margin-left:    5px;
	margin-right:   5px;
	PADDING-top:    0px;
	PADDING-bottom: 0px;
	PADDING-left:  10px;
	PADDING-right:  0px;
}
#QuickFacts UL LI	{	/* this is <li>'s inside <ul> */
/*	border:1px dotted #F0CC33;*/
	margin: 0px 0px 0px 0px;
	font-size: 10px;
/*	line-height: 16px;*/
/*	color:#666;*/
}

/* ========== PAGE FOOTER AREA ========== */
#footer .footerTD {
	background-image: url(/images/design2012/footerBar_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
}
#footer A	{color:#808080; text-decoration:none}
#footer A:hover	{color:#808080; text-decoration:underline}

/* ========== FULL SIZE SEMITRANSPARENT OVERLAYS (Used to cover content area while preloader/hourglas GIF is displayed) ========== */
.full_overlay1 {
    position: fixed;
    z-index: 10000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('/global/img/overlay1.png') repeat scroll 0% 0% transparent;
    display: none;
}
.full_overlay2 {
    position: fixed;
    z-index: 10000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('/global/img/overlay2.png') repeat scroll 0% 0% transparent;
    display: none;
}