/* CSS Document */

* 		{ margin: 0; padding: 0; }
html    { height: 100%; }

body 	{ height: 100%; background: url(../images/shared/roamtalk_bg.gif) repeat-x top center #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #555; }
a		{ color: #0e72a6; font-weight: bold; text-decoration: none; }
a:hover	{ color: #555; }
h6		{ margin: 7px 0 15px 0; }
h6	a	{ color: #777; font-size: 1.4em; }
h6 a:hover	{ color: #0e72a6; }

table			{ margin: 10px 0 20px 0; }
td				{ padding: 3px; border: 1px solid #FFF; vertical-align: top; }

.clear		{ clear: both; }
.bold		{ font-weight: bold; }
.white		{ color: #FFF; }
.orange		{ background: #FF9900; }
.orangetxt	{ color: #FF9900; }
.blue		{ color: #0e72a6; }
.red		{ color: red;  }
.large		{ font-size: 1.3em; }
.medium		{ font-size: 1.2em; }
.uppercase	{ text-transform: uppercase; }
.lowercase	{ text-transform: lowercase; }
.underline	{ text-decoration: underline; }


/*WRAPPER*/
#wrapper			{ position: relative; min-height: 100%; margin: 0 auto; }
* html #wrapper     { height: 100%; }
#container_all      { width: 926px; margin: 0 auto; }

#logoLogin	{ float: left; width: 225px; height: 271px; #height: 268px; _height: 265px; }
#navImage	{ float: right; width: 696px; height: 271px; #height: 268px; _height: 265px; }

#logo		{ background: url(../images/shared/roamtalk_logo.gif) no-repeat top left; width: 225px; height: 112px; }
#tollfree	{ font-size: 1.2em; font-weight: bold; text-align: center; padding: 3px 0; #padding: 3px 0 4px 0; }
#login		{ background: url(../images/shared/roamtalk_login.gif) no-repeat center; width: 166px; height: 105px; margin: 0 auto; color: #FFF; }
#login a 	{ display: block; width: 100%; height: 100%; outline: none; overflow: hidden; position: relative; z-index: 5; }
#loginSpanish		{ background: url(/languages/spanish/images/shared/roamtalk_login.gif) no-repeat center; width: 166px; height: 105px; margin: 0 auto; color: #FFF; }
#loginSpanish a 	{ display: block; width: 100%; height: 100%; outline: none; overflow: hidden; position: relative; z-index: 5; }


/* FOOTER */
#footerWrapper          { background:url(../images/shared/roamtalk_footer.gif) repeat-x bottom center #FFF; position: relative; margin-top: -66px; height: 66px; }
* html #footerWrapper   { margin-top: -66px; }
#footer                 { width: 926px; margin: 0 auto; text-align: center; font-size: 0.9em; color: #FFF; padding-top: 15px; }
#footer	p				{ padding: 1px 0; }
#footer a				{ color: #003366; text-decoration: none; }
#footer a:hover			{ color: #0e72a6; }

/*TOP NAVIGATIONS*/
#navcontainer 			{ margin: 0; padding: 5px 0 0 0; width: 693px; }
#navcontainer ul    	{ border: none; padding: 0; list-style-type: none; text-align: center; }
#navlist li				{ display: block; float: left; text-align: center; padding: 0; margin: 0; }
#navlist li a			{ background: #CCC;  width: 114px; height: 32px; color: #555;  font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; 		                          padding-top: 16px; text-decoration: none; display: block; text-align: center; border-left: 1px solid #f0f3f0; }
#navlist li a:hover		{ background: #ffb530; color: #FFF; }
#navlist li a#activate	{ background: #FF9900; color: #FFF; }
#navlist li a#current	{ background: #999; color: #FFF; }

#shoppingcartContainer	{ margin: 0; padding: 17px 5px 0 0; width: 687px;  color:#FFFFFF; }


/*MAIN IMAGE*/
#mainImage      { clear: both; }
#mainImage img	{ margin-top: 1px; border: none; display: block; }

/* HEADER */
#header         { border: none; }

#container		{ padding-bottom: 70px; width: 926px; background: url(../images/shared/roamtalk_container.gif) repeat-y top left #FFF; }

#leftNav		{ float: left; width: 150px; }
#rightContent	{ float: right; width: 696px; margin-bottom: 30px; }


/*LEFT NAVIGATIONS*/
#leftNav 		{ margin-left: 29px; _margin-left: 14px; }
#leftNav ul		{ margin-left: 0; padding-left: 0; list-style-type: none;  }
#leftNav li a	{ display: block; padding: 10px 20px; width: 124px; background: #f5f5f5; border-bottom: 1px dashed #c7c7c7; color: #0e72a6; font-size: 1.1em; }
#leftNav a:hover { background: #4aa3d1; color: #fff; }
#leftNav li a#leftCurrent	{ background: #4aa3d1; color: #fff; }

/*RIGHT CONTENTS*/
#welcome 		{ float: left; width: 338px; height: 358px; margin-top: 20px; background: url(../images/main/roamtalk_welcome.gif) no-repeat top left; }
#welcome ul		{ margin: 88px 28px 0 28px; }
#welcome li		{ list-style: none; background: url(../images/shared/roamtalk_bullet.gif) no-repeat top left; list-style-position: outside; padding: 2px 10px 7px 20px; }

#featuredBoxes	{ float: right; width: 338px; margin-top: 14px; }

#featuredBlue		{ background: url(../images/main/roamtalk_bluebox.jpg) no-repeat top left; width: 338px; height:338px; height: 177px; } 
#featuredBlueSpanish	{ background: url(/languages/spanish/images/main/roamtalk_bluebox.jpg) no-repeat top left; width:338px; height: 177px; } 
#blueNav 			{ padding-top: 33px; margin-left: 45px; }
#blueNav  ul		{ margin-left: 0; padding-left: 0; list-style-type: none;  }
#blueNav  li a		{ display: block; padding-bottom: 14px; width: 130px; color: #444; font-size: 1.2em; }
#blueNav  a:hover	{ color: #fff; }

#featuredYellow		{ background: url(../images/main/roamtalk_yellowbox.jpg) no-repeat top left; width: 338px; height: 177px; margin-top: 13px; }
#yellowNav 			{ padding-top: 33px; margin-left: 45px; }
#yellowNav  ul		{ margin-left: 0; padding-left: 0; list-style-type: none;  }
#yellowNav  li a	{ display: block; padding-bottom: 14px; width: 130px; color: #444; font-size: 1.2em; }
#yellowNav  a:hover	{ color: #fff; }

/*RIGHT CONTENTS: Traveler's Packages*/

#mainContent		{ float: left; width: 465px; margin: 20px 0 0 12px; }
#mainContent p		{ padding: 3px 0 7px 0; line-height: 1.4em; text-align: justify; }
#mainContent ul		{ margin-bottom: 15px; }
#mainContent li		{ list-style-position: outside; }
#mainContent ul.arrow		{ margin-left: 0; }
#mainContent ul.arrow li	{ list-style: none; list-style-position: outside; background: url(../images/package/rt_arrow.gif) no-repeat top left;  padding-left: 20px; padding-top: 5px; }

#mainContent h4		{ padding: 12px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #FF9900;}
#mainContent h5		{ padding: 12px 0 0 0; font-size: 1em; }

#mainContent h3		{ padding-bottom: 15px; font-size: 1.4em; }
#mainContent h3 span	{ border-bottom: 3px solid #FF9900; }


#mainContent .float p { text-align: center; }



#featuredProds		{ float: right; width: 185px; margin-top: 20px; }
#featuredTop		{ background: url(../images/package/roamtalk_rightTopCol.gif) no-repeat top left; width: 175px; height: 19px; padding: 5px 5px 0 15px; color: #FFF; font-weight: bold; }
#featuredBottom		{ background: url(../images/package/roamtalk_rightBottomCol.gif) no-repeat bottom left; width: 175px; height: 22px; }
#featuredMiddle		{ background: #eaeaea; width: 175px; }

.featProd	{ padding: 10px 22px; }
input.addCart { background: url(../images/products/rt_btn_addCart.gif) no-repeat top left; width: 94px; height: 32px; border: none; }
input.addCart2 { background: url(../images/products/rt_btn_addCart2.gif) no-repeat top left; width: 100px; height: 27px; border: none; }
input.viewProd { background: url(../images/products/rt_btn_viewProd.gif) no-repeat top left; width: 120px; height: 30px; border: none; }
input.agentForm{ background: url(../images/shared/rt_btn_enroll.gif) no-repeat top left; width: 130px; height: 29px; border: none; }

/*ANOTHER FLOATING RIGHT SECTION*/
#mainRightContent		{ float: right; width: 175px; margin-top: 60px; padding: 0 10px; }

#subRightImage img	{ margin-bottom: 20px; border: 1px solid #999; }

/*FAQs: Right Content */
#faqsList li   { list-style: none; }
#faqsList li a { display: block; padding: 10px; background: #D5E9FF; border-bottom: 1px Solid #FFF; color: #0e72a6; font-size: 1.1em; }
#faqsList li a:hover { background: #DEDEDE; color: #555; }
#faqsList li a#faqCurrent	{ background: #DEDEDE; color: #555; }

/*ANOTHER FLOATING LEFT SECTION*/
#mainWideContent		{ float: right; width: 485px; margin-top: 20px; }
#mainWideContent h3		{ padding-bottom: 7px; font-size: 1.3em; }
#mainWideContent h3 span	{ border-bottom: 3px solid #FF9900; }
#mainWideContent p		{ padding: 3px 0 7px 0; line-height: 1.4em; text-align: justify; }
#mainLeftContent		{ float: left; width: 175px; margin: 20px 0 0 12px;}

#note			{  width: 400px; }
#note p		{ text-align: left; font-weight: bold; }


/*WIDE CONTENT*/
#wideContent 		{ margin: 20px 0 0 12px; }
#wideContent p		{ padding: 3px 0 7px 0; line-height: 1.4em; text-align: justify; }

#wideContent ul		{ margin-left: 15px; }
#wideContent li		{ padding: 3px 0; }

#wideContent ul.arrow		{ margin-left: 0; }
#wideContent ul.arrow li	{ list-style: none; list-style-position: outside; background: url(../images/package/rt_arrow.gif) no-repeat top left;  padding-left: 23px; padding-top: 5px; }

#wideContent h4			{ padding: 12px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #FF9900; }
#wideContent h4.blue, #mainContent h4.blue	{ color: #0e72a6; }
#wideContent h5			{ padding: 12px 0 0 0; font-size: 1em; }

#wideContent h3		{ padding-bottom: 7px; font-size: 1.3em; }
#wideContent h3 span	{ border-bottom: 3px solid #FF9900; }


#wideContent h1		{ padding-bottom: 15px; font-size: 1.4em;color:#0e72a6; }
#wideContent h1 span	{ border-bottom: 3px solid #FF9900; }


#mainContent ul.alpha, #wideContent ul.alpha	 { list-style-type: lower-alpha; list-style-position: outside; }
#mainContent ul.alpha li, #wideContent ul.alpha li { margin-left: 30px; padding: 3px 0; line-height: 1.4em; text-align: justify; }

#mainContent ul.roman, #wideContent ul.roman	{ list-style-type: lower-roman; list-style-position: outside; }
#mainContent ul.roman li, #wideContent ul.roman li	{ margin-left: 30px; padding: 3px 0; line-height: 1.4em; text-align: justify; }

#mainContent ul.decimal, #wideContent ul.decimal	{ list-style-type: decimal; list-style-position: outside; }
#mainContent ul.decimal li, #wideContent ul.decimal li	{ margin-left: 0; padding: 3px 0; line-height: 1.4em; text-align: justify; }


#wideContent ul.contact		{ list-style: none; font-weight: bold; margin-left: 0; margin-top: 10px; }
#wideContent ul.contact	li	{ list-style: none; font-weight: normal; }


#wideContent td				{ padding: 3px; border: 1px solid #FFF; vertical-align: top; }
#wideContent tr.blueBg		{ background: #C2EBFE; }
#wideContent tr.lightGrayBg	{ background: #EEE; }


/*LOGIN FORM*/
#loginForm p label {
	float: left;
	width: 27%;
	text-align: left;
	font-weight: bold; 
}

#loginForm p label.lefty {
	float: left;
	width: 22.5%;
	text-align: left;
	font-weight: bold; 
}
#loginForm input, #loginForm select, #loginForm textarea {
	border: 1px solid #0e72a6;
	background: #EEE;
	width: 150px;
}
#loginForm input.long {
	width: 220px;
}
#wideContent form select.small {
	width: 74px;
}
#loginForm input.leftCheckBox {
	width: 20px;
}
#loginForm input.loginButton {
  	cursor: pointer;
	background: #FF9900;
	color: #FFF;
	font-weight: bold;
	font-size: 1em; 
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #D1AB6F;
	width: 75px;
}
/*USER GUIDE*/
#userLeft	{ float: left; width: 400px; }
#userRight	{ float: right; width: 180px; }

/*PRODUCT*/
#wideContent #productCategory table		{ border-spacing: 2px; }
#wideContent #productCategory td		{ padding: 10px; border: 1px solid #CCC; vertical-align: top; }
#wideContent #productCategory td img	{ display: block; margin: 0 auto;   }
#wideContent #productCategory tr		{ background: #FFF; padding: 1px; }
.lightGrayBg							{ background: #EEE; }

div.float 		{ float: left; margin: 10px 30px; _margin: 10px 22px; #padding-bottom: 25px; text-align: center; }
div.float img	{ border: none; }
div.float p 	{ width: 150px; text-align: center; font-weight: bold; }

#productCategory .float p { text-align: center; }
#mainContent input.cartBtn, #wideContent input.cartBtn {
  	cursor: pointer;
	background: #FF9900;
	color: #FFF;
	font-weight: bold;
	font-size: 1em; 
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #D1AB6F;
	margin-top: 5px; 
	padding-bottom: 3px; 
	width: 105px;
	height: 22px; 
}

#productView			{ margin: 20px 30px; }
#productView h3 		{ margin-bottom: 30px; font-size: 1.3em; color: #0e72a6; text-transform: uppercase; border-bottom: 1px solid #999;}
#productView h3 span 	{ border-bottom: 3px solid #999; }

#productImage	{ float: left; width: 250px; }
#productDetails	{ float: right; width: 370px; }
#productDetails h4	{ text-transform: uppercase; color: #0e72a6; text-decoration: underline; }

#container-1 	{ margin-top: 35px; }

/*UL FLOATING LEFT & RIGHT*/

.left	{ float: left; width: 30%; }
.right	{ float: right; width: 50%; }

/*AGENT ACCOUNT PAGE*/
#agentProd	{ background: url(../images/agent/rt_agent_newProdBox.gif) no-repeat top left; width: 305px; height: 115px; padding: 0 20px 0 35px; }


/*Custom */
.button1
{
	cursor: pointer;
	background: #FF9900;
	color: #FFF;
	font-weight: bold;
	font-size: 1em; 
	font-family: Arial, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #D1AB6F;
	width: 75px;
}
.messagetext
{
	color:Red;
	font-size:12px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
.messagediv_normal
{
	
}

.messagediv_error
{
	border: 1px;
	border-style:solid;
	border-color:Red;
	padding: 10px;	
}
.cart_qty_textbox_error
{
	
	
	 Width:40px;
	 border:1px;
	 border-style:solid;
	 border-color:Red;
	 text-align:center;
}
.cart_qty_textbox
{
	 Width:40px;	
	 text-align:center;
}
	.InputStyle1
     {
          /* For text box*/
        border: 1px solid #0e72a6;
		background: #EEE;
		width: 150px;
     }    
     
     .shipping_box_main
     {
		 border:1px;
		 border-style:solid;
		 border-color:#CCC;
		 width:280px;
		
     }
     .shipping_box_title
     {
		padding:10px;
		height:20px;
	
		background-color:#DADFFD;
     }
     
     .shipping_form1 .label
     {
		float:left;
		width: 110px;
		padding:10px;
	
     }
     .shipping_form1 .item
     {
		clear:both;
		height:10px;
     }
     .heading1
     {
		font-weight:bold;
		color: #0e72a6;
		text-decoration: underline;
     }
     
     .phonetypeselect label
     {
		padding:0px 15px 0px 3px;
		font-weight:bold;
     }
    /* fix roam talk css allready defined padding for 
		widecontent li 
NOT WORKING!!!
  */
	.formul li
	{	
		padding:0px;
	}
	.formul2 li
	{	
		padding:0px;
	}
	/* Rating */
		.ratingStar {
			font-size: 0pt;
			width: 20px;
			height: 20px;
			margin: 0px;
			padding: 0px;
			cursor: pointer;
			display: block;
			background-repeat: no-repeat;
		}

		.filledRatingStar {
			background-image: url(../Images/Rating/RatingActive.JPG);

		}

		.emptyRatingStar {
			background-image: url(../Images/Rating/RatingDeActive.JPG);
		}

		.savedRatingStar {
			background-image: url(../Images/Rating/RatingActive.JPG);
		}

		.gridheader{ background: #C2EBFE; }
		.gridrow{ background: #EEE; }


/***************************************** paging ***************************************************/
.paging_01 {
	padding-top:15px;
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:bold;
	color:#648902;
	text-decoration:none;
	text-align:right;
}
.paginglink_01{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#7E7E7E;
	text-decoration:none;
	background-color:#FFFFFF;
	border:#E0ECCD 1px solid;
	padding:0px 2px 0px 2px;
}
.paginglink_01:hover{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	color:#7E7E7E;
	text-decoration:none;
	background-color:#DAFF9F;
	border:#E0ECCD 1px solid;
	padding:0px 2px 0px 2px;
}
.shoppingtoplinks a
{
	color:White;
}
.shoppingtoplinks a:hover
{
	color:White;
}