/* text -----------------------------------------------------------------------*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70.01%;
	color: #343232;
}

table, tr, td, pre, code, li, ul,  input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1{
  font-size: 2em;
  line-height: 1.3em;
  font-weight: normal;
  margin-bottom: 15px;
  color: #454545;
}

h2{
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 8px;
}

h3{
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 8px;
  list-style:none;
}

p{
	margin-bottom: 10px;
	font-size: 1.1em;
}

a:link {color: #f0372a; text-decoration: underline; font-weight: bold;}
a:visited {color: #f0372a;	text-decoration: underline; font-weight: bold;}
a:hover {color: #f2a002;text-decoration: none; font-weight: bold;}
a:active {color: #f0372a; text-decoration: underline; font-weight: bold;}

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


/* layout ---------------------------------------------------------------------*/

body{
	background-color: #ffffff;
	background:url(../images/bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	
	}


#content-main ol{
	list-style:decimal;
	font-size: 0.8em;
	margin: 20px 0px;
}

#content-main ul{
	list-style:square;
	font-size: 0.8em;
	margin: 20px 0px;
}

#content-main ol li, #content-main ul li{
	margin-left: 23px;
	padding-left: 0px;
	padding-bottom: 10px;
}

/*Start of css*/

.search{
	
	margin-left:1px;
	float:right;
	height:20px;
	margin-top:8px;
	width:150px;
	border:2px solid #659bb1;
	padding-left:5px;
	font-style:italic;
	color:#9f9f9f;
}

#wrapper{
width:931px;
margin: 0 auto;
padding-left:5px;
padding-right:5px;
background-color:#fff;

}

#header{
	
	float:left;
	width:931px;
	height:141px;
	background:url(../images/header.jpg) no-repeat;
}

#top-nav{
	
	float:left;
	width:931px;
	height:40px;
	background:url(../images/top-nav.jpg) no-repeat;
	margin-bottom:5px;
	margin-top:1px;
	position:relative;
}


/*Top nav elements*/

#top-nav ul li{
	
	float:left;
	display:inline;
	
}


#top-nav ul li a{
	
	float:left;
	display:inline;
	padding-top:14px;
	height:25px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-right:15px;
	background:url(../images/border.gif) no-repeat;
	background-position:right;
	
}


#top-nav ul li a:hover{
	
	display:block;
	background-color:#417e97;
}

#top-nav-active{
	background-color:#386f86;
}

/*End top nav elements*/


#banner{
	
	float:left;
	width:931px;
	height:230px;
}

#middle{
	
	width:931px;
	float:left;
	
}

#left-nav{
	
	float:left;
	width:216px;
}

#quick-search{
	
	float:left;
	width:216px;
	background:url(../images/holiday-search.jpg) no-repeat;
	background-color:#6cafca;
	height:auto;
	margin-bottom:3px;
	padding-top:60px;
	padding-bottom:20px;
	
	
}

.holidaysearch{
	
	width:150px;
	margin-left:30px;
	margin-bottom:15px;
}

#left-nav ul li{
	
	float:left;
	width:216px;
	height:40px;
	margin:0 auto
}

/*All blog styles*/

#blog{
	float:left;
	width:215px;
	background:url(../images/blog.jpg) no-repeat;
	padding-top:50px;
	margin-top:5px;
	background-color:#6CAFCA;
	
}


#blog a{
	
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
	float:right;
}

.post{
	
	float:left;
	padding:5px;
	width:200px;
	color:#fff;
	line-height:15px;
	padding-left:8px;
	border-bottom:1px solid #fff;
}

.date{
	
	font-style:italic;
}

/*End blog styles*/

#footer{
	float:left;
	width:931px;
	height:26px;
	background-color:#396f86;
	color:#fff;
	font-size:1em;
	padding-top:14px;
}

#footer a{
	
	color:#fff;
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
	
	
}

#wsifooter {
           clear: both;
           text-align: center;
           padding: 5px;
           width: 961px;
           }
           
#wsifooter a{
           color: #6cafca
           }

#right-content{
	float:left;
	margin-left:20px;
	width:675px;
	margin-top:2px;
	text-align:left;
	padding-top:20px;
	font-size:1.4em;
	line-height:21px;	
}

#right-content li{
	
	list-style:disc;
	margin-left:15px;
}

#right-content ul li{
	padding-bottom:5px;
	}

#right-content ol li{
	
	list-style:decimal;
	margin-left:15px;
}

#right-content td p{
               font-size: 0.8em;
               }

.intro{
	
	font-weight:bold;

	margin-top:30px;
	margin-bottom:30px;
	
}

#middle-buttons{
	
	float:left;
}

/*Category styles*/

.results{
	
	width:680px;
	float:left;
	line-height:1.2em;
	background-color:#d5dee7;
	margin-bottom:15px;	
}

.results p{
 
 color:#2c2c2c;
 padding-left:0px;
 width:330px;
 font-size:0.90em;

 margin-bottom:-2px;
}

/*styles for product page*/

#product-image{
	margin-top: 10px;
	float:left;
	width:330px;
	height:176px;
	margin-right:20px;
}

#discription{
	
	float:right;
	width:450px;
	padding-left:10px;
}

#lightbox{
	
	/*float:left;*/
	/*height:134px;*/
	/*width:60px;*/
	padding-top:3px;
}

#information{
	
	float:left;
	width:220px;
	background-color:#d5dee7;
	height:155px;
	margin-left:20px;
	color:#2c2c2c;
	line-height:10px;
	padding-left:20px;
	padding-top:20px;
}

#information a{
	color:#2c2c2c;
	font-weight:bold;
}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}



/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;

 font-weight:normal;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #0167B9;
 border-bottom: none;
 background: #386E86;
 text-decoration: none;
 color:#fff;
 font-weight:normal;
  font-size:1.4em;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #0167B9; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #224453;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 color:#224453;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #224453;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:0px solid #224453;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#contact-details{
	
	float:left;
	width: 512px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	background: url(../images/large-button-bg.gif) no-repeat #cb2122;
	text-align: left;
	color:#fff;
	font-size:1.1em;
	font-weight:normal;
}

#contact-details a{
	
	color:#fff;
	font-weight:normal;
}

/*Blog*/

#left-nav-blog{
	
	float:right;
	width:250px;
	background-color:#6CAFCA;
	padding-top:20px;
	padding-bottom:20px;
	border: 1px solid rgb(205, 205, 205);
	margin-bottom:10px;
}



#left-nav-blog ul li{
	
	float:left;
	width:230px;
	height:40px;
	margin:0 auto;
	margin-left:20px;
	font-weight:normal;
	
}




#archives-2 ul li{
	
	list-style:none;
	font-size:1.3em;
	color:#fff;
	font-weight:normal;
}


#categories-2 ul li{
	
	list-style:none;
	font-size:1.3em;
	color:#fff;
	font-weight:normal;
}




#right-content2{
	float:left;
	width:650px;
	margin-top:2px;
	text-align:left;
	padding-top:20px;
	font-size:1.1em;
	line-height:21px;	
}

#right-content2 a{
	
	font-size:1.1em;
	color:#417E97;
	
}



#right-content2 p{
	
	color:#000;
}









.intro2{
	
width:640px;
float:left;
background-color:#fff;
line-height:21px;
padding:10px;
border:1px solid #cdcdcd;
margin-bottom:10px;
font-size:1em;
padding-left:20px;
padding-right:20px;

}


#left-nav-blog p{
	
	font-size:1.4em;
	list-style:none;
}

#left-nav-blog a{
	
	list-style:none;
	font-size:1.2em;
	color:#fff;
	font-weight:normal;
	padding-left:10px;
}


#left-nav-blog a:hover{
	
	list-style:none;
	font-size:1.2em;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}


.widget-title{
	
	list-style:decimal;
	font-size:1.6em;
	color:#2d5667;
	font-weight:normal;
	padding-left:20px;
	margin-bottom:10px;
	
	
}

#right-content2 li{
	
	color:#000;
}


#tag_cloud-3 a{
	
	margin-left:15px;
}


.meta-prep{
	
	color:#000;
}


.meta-sep{
	color:#000;
	
}

.newsletter-table td
{
	padding: 5px 5px 5px 5px;
}

#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:none;
}


#url{
	
	margin-left:10px;
}



#email{
	
	margin-left:18px;
}


#author{
	
	margin-left:15px;
}

/* Home Page CSS Start */

#homePageRightCont{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#090909;
	}
.homePageTopCont{
	overflow:hidden;
	height:100%;
	}
.homePageTopContL{
	width:460px;
	float:left;
	}
.homePageTopContR{
	width:203px;
	float:right;
	}
#homePageRightCont a{
	color:#d9061b;
	text-decoration:underline;
	}
#homePageRightCont a:hover{
	text-decoration:none;
	}
#homePageRightCont h2{
	font:normal 30px/36px Georgia, "Times New Roman", Times, serif;
	color:#0f71a7;
	padding:0 0 4px 0;
	margin:0;
	}
#homePageRightCont h3{
	font:normal 19px/23px Georgia, "Times New Roman", Times, serif;
	padding:0 0 10px 0;
	margin:0;
	}
#homePageRightCont h4{
	font:normal 18px/24px Georgia, "Times New Roman", Times, serif;
	color:#0d4b66;
	padding:10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #6cafca;
	}
#homePageRightCont h4 a{
	font-weight:normal;
	color:#0d4b66;
	text-decoration:none;
	}
#homePageRightCont h4 a:hover{
	color:#090909;
	text-decoration:none;
	}
#homePageRightCont p{
	padding:0 0 10px 0;
	margin:0;
	}
.homePageTopContR a{
	padding-bottom:5px;
	display:block;
	}
.homeThumbSection{
	overflow:hidden;
	height:100%;
	padding:10px 0;
	}
.homeThumbSectionSngl{
	width:210px;
	float:left;
	padding:0 20px 0 0;
	}
#homePageRightCont .homeThumbSectionSngl p{
	padding:0 5px 0 0;
	}
.homeThumbSectionSnglNoPad{
	padding-right:0 !important;
	}
/* Home Page CSS End */
.socilaIconDiv{
	position:absolute;
	top:0;
	right:-38px;
	width:24px;
	text-align:center;
	background-color:#FFF;
	display:block;
	padding:3px 6px;
	}
.socilaIconDiv a{
	padding:3px 0;
	display:block;
	}
