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

body { background:#ffffff;	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#505050;
}

input, textarea, select { font-family: Arial, sans-serif; font-size:12px; }

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }

.white {color:#FFFFFF; margin-bottom:10px;}

#ask { height:120px; width:60px; background:url(images/ask.png) no-repeat; position:fixed; top:200px;}

#ask_services { height:120px; width:60px; background:url(images/ask.png) no-repeat; position:fixed; top:100px;}

.AskButtonOverlay {height:120px; width:60px; display:block}

a img { border:0; }

a { color:#0087d6; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: none; color:#65e300;}

#sur1 a:link {color:#0087D6}
#sur1 a:visited {color:#0087D6}
#sur1 a:hover {color:#0087D6}
#sur1 a:active {color:#0087D6}

#sur2 a:link {color:#0087D6}
#sur2 a:visited {color:#0087D6}
#sur2 a:hover {color:#0087D6}
#sur2 a:active {color:#0087D6}

#sur3 a:link {color:#0087D6}
#sur3 a:visited {color:#0087D6}
#sur3 a:hover {color:#0087D6}
#sur3 a:active {color:#0087D6}

.left, .alignleft { float:left; display:inline; }
.right, .alignright {
	float:left;
	display:inline;
}

.hplists { font-size:12px; line-height:22px;}

.moreinfo {
	background:url(images/read_more_button.png);
	width:247px;
	height:71px;
	margin-top:10px;
	float:right;
	}
	
.moreinfo:hover {background:url(images/read_more_button_over.png);}

.BlogMainBody {
width=400px;

}


.freetrial {
	background:url(images/free_trial.png);
	width:247px;
	height:71px;
	margin-top:20px;
	float:right;
	}
	
.GetInTouch  {
	background:url(images/free_trial.png);
	width:180px;
	height:71px;
	margin-top:20px;
	float:left;
	}
	
.contactButtonformresponse  {
	background:url(images/button_download.png);
	width:247px;
	height:71px;
	margin-top:20px;
	float:left;
	}

.contactButtonformresponse:hover {background:url(images/button_downloadover.png);}
	
.ReadOurBlog   {
	background:url(images/free_trial.png);
	width:180px;
	height:71px;
	margin-top:20px;
	float:right;
	}

.freetrial:hover {background:url(images/free_trial_over.png);}
.GetInTouch:hover {background:url(images/free_trial_over.png);}
.ReadOurBlog:hover {background:url(images/free_trial_over.png);}

.MediumBodyText {font-weight:bold; font-size:17px; line-height:24px; }

.pricemyButton {
	background:url(images/price-my-button.png);
	width:247px;
	height:71px;
	margin-top:20px;
	float:right;
	}
	
.pricemyButton:hover {background:url(images/price-my-button-over.png);}


/* strategy page at the bottom buid marketing plan button*/
.buttonStart {
	background:url(images/button-start.png);
	width:270px;
	height:71px;

	}
	
.buttonStart:hover {background:url(images/button-start_over.png);}
/* strategy page at the bottom buid marketing plan button end*/



.downloadButton {
	background:url(images/downlaod_button.png);
	width:270px;
	height:71px;

	}
	
.downloadButton:hover {background:url(images/downlaod_button_over.png);}


/* services page at the bottom */
.buildnowButton {
	background:url(images/build_now_button.png);
	width:239px;
	height:53px;

	}
	
.buildnowButton:hover {background:url(images/build_now_button_over.png);}

/* services page at the bottom end */

/* online page CTA button at the bottom */
.effectiveButton {
	background:url(images/button-findout.png);
	width:270px;
	height:71px;

	}
	
.effectiveButton:hover {background:url(images/button-findout_over.png);}

/* online page CTA button at the bottom end */

/* beyond the web page Video Presentation button at the bottom */
.videoForm {
	background:url(images/button-start.png);
	width:270px;
	height:71px;

	}
	
.videoForm:hover {background:url(images/button-start_over.png);}

/* online page CTA button at the bottom end */

/* homepage build marketing plan button */
.buildMarketing {
	background:url(images/button-start.png);
	width:270px;
	height:71px;

	}
	
.buildMarketing:hover {background:url(images/button-start_over.png);}

/* homepage build marketing plan button end */



.cl {
	font-size:0;
	line-height:0;
	clear:both;
	display:block;
	height:0px;

}

.cl2 {
	font-size:0;
	line-height:0;
	clear:both;
	display:block;
	height:0;
	background-color:#333333;
}

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:56px; line-height:56px; text-transform: uppercase; color:#fff; }
h2 span{ color:#f4d359; }
h3 { font-size:20px; line-height:24px; color:#0099FF; text-transform: uppercase;}
h7 { font-size:20px; line-height:25px; color:#0099FF; text-transform: uppercase;}
h6 { font-size:20px; line-height:24px; color:#0099FF; text-transform: uppercase;}
h8 { font-size:16px; line-height:24px; color:#0099FF; text-transform: uppercase;}


h2, h3,
#navigation,
#slider-navigation,
#footer { font-family: "Trebuchet MS", Arial, sans-serif;}



#blogfeed {	background:url(images/blog-bubble.png) no-repeat;height:68px;width:500px;}

.blogtext { font-size:14px; line-height:16px; padding-left:20px; padding-top:8px;  list-style:none; font-weight:bold;}
.blogtext ol {list-style:none;}



h1#logo { font-size:0; line-height:0; width:216px; height:90px; float:left; }

h1#logo a{ display:block; height:90px; text-indent: -4000px; background:url(images/logo.gif); }

#start-button { background:url(images/button-start.png) no-repeat; width:247px; height:75px;}

.shell {
	width:980px;
	margin:0 auto;
}

.bold{color:#FFFFFF; font-size:28px; line-height:33px;}

.bold2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.benefits {font-weight:bold; font-size:18px; }
.benefitsFramework {font-weight:bold; font-size:22px; line-height:28px; }
.benefitsbeyond {font-weight:bold; font-size:15px; }

.frameworkText {
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
.frameworkText2 {
	font-weight:bold;
	font-size:12px;
	line-height:22px;
	text-indent:25px;
}

#nutshelltop{
	background:url(images/nutshell_bg_top.png) no-repeat;
	width:370px;
	height:7px;
	float:right;
	margin-top: 30px;
}

#nutshellbot{
	background:url(images/nutshell_bg_bot.png) no-repeat;
	width:370px;
	height:7px;
	float:right;
}

.frameworkText3 {
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	padding-left:20px;
	padding-right:20px;
}

.buildcta{font-weight:bold; font-size:26px; background:url(images/build-bg-ctas.png); margin-top: 30px; }
.indent {font-weight:bold; margin-left:20px;}
.indent2 { padding-left:7px;}
.indent3 { padding-left:8px;}


#header { width:980px; height:90px; background:url(images/header.gif); margin:auto; }




#navigation { float:right; }
#navigation ul{ float:right; list-style-type: none; padding-top:37px; font-size:18px; font-weight:bold;}
#navigation ul li{ float:left; display:inline; height:21px; background:url(images/nav-border.gif) repeat-y right 0; padding:0 20px 0 0; margin-right:20px; position:relative; }
#navigation ul li.last{background:transparent; padding-right:0; margin-right:0; }
#navigation ul li a{ float:left; color:#434343; text-decoration: none;}

.active2 {color:#f6cb44; background:url(images/nav-hover.gif) no-repeat 0 -200px;}

#navigation ul li a em { width:90px; height:20px; background:url(images/nav-hover.gif) no-repeat 0 -200px; position:absolute; top:33px; left:-55px;}
#navigation ul li.last a em { left:-45px;}
#navigation ul li a span { font-size:0; line-height:0; width:0; height:0; position:absolute; left:50%;}
#navigation ul li a.hover{color:#FF9900;}
#navigation ul li a.hover em{ background-position:0 0;}




#topmenu  { position:relative; float:right; height:auto; left:552px;}
#.topmenu a { font-size:12px; font-weight:bold; color:#9e9e9e;  text-decoration: none; }
#topmenu a:hover {color:#ffffff;}
#sur1 { float:right; padding: 0px 10px 0px 10px; background-color:#e5e3e3; }
#sur2 { float:right; padding: 0px 10px 0px 10px; background-color:#e5e3e3; margin-right:10px; }
#sur3 { float:right; padding: 0px 10px 0px 10px; background-color:#e5e3e3; margin-right:10px; }



#slider { height:340px; background:url(images/slider.gif) repeat-x; }

#slider2 { height:100px; background:url(images/slider2.gif) repeat-x; }


.slides { width:980px; height:298px; position:relative; overflow:hidden; color:#b6b6b6; }
.slides .jcarousel-clip { width:980px; height:298px; position:relative; overflow:hidden; }
.slides ul { width:980px; height:298px; position:relative; overflow:hidden; list-style-type: none;}
.slides ul li{ float:left; display:inline; width:980px; height:260px; position:relative; overflow:hidden; padding-top:38px;}

.slide-info { float:left; width:550px; padding-top:20px;}
.slide-info h2{ padding-bottom:20px;}
.slide-info p{ padding-bottom:15px;}
.slide-image { float:left; width:397px; height:240px; }
.image1 { background:url(images/slide-image.png); }
.image2 { background:url(images/framework-slider.png); }
.image3 { background:url(images/team-slider.png); }
.image4 { background:url(images/build-slider.png); }
.image5 { background:url(images/fix-slider.png); }


.slide-info2 { float:left; width:980px; padding-top:20px;}
.slide-info2 h2{ padding-bottom:20px;}
.slide-info2 p{ padding-bottom:15px;}


#slider-navigation { height:45px; background:url(images/slider-nav.gif); }


#slider-navigation ul{ list-style-type: none; position:relative; width:990px; margin-right:0px; height:15px;}

#slider-navigation ul li{ float:left; display:block; position:relative; margin: -330px 0px 0px 0;}

#slider-navigation ul li.last{ margin-right:0;}

#slider-navigation ul li a{ float:right; width:0px; height:340px; background:url(images/slide-button.png) no-repeat 0 0; position:relative; left:0px; color:#686767; font-size:14px; text-decoration: none; font-weight: bold; padding:0 0 0 30px;}

#slider-navigation ul li a strong { display:block; font-size:23px; line-height:52px; color:#fff;}

#slider-navigation ul li a em{ position:absolute; top:43px; left:20px; }





#slider-navigation2 { height:45px; background:url(images/slider-nav2.gif); }


#slider-navigation2 ul{ list-style-type: none; position:relative; width:990px; margin-right:0px; height:15px;}

#slider-navigation2 ul li{ float:left; display:block; position:relative; margin: -330px 0px 0px 0;}

#slider-navigation2 ul li.last{ margin-right:0;}

#slider-navigation2 ul li a{ float:right; width:0px; height:340px; background:url(images/slide-button.png) no-repeat 0 0; position:relative; left:0px; color:#686767; font-size:14px; text-decoration: none; font-weight: bold; padding:0 0 0 30px;}

#slider-navigation2 ul li a strong { display:block; font-size:23px; line-height:52px; color:#fff;}

#slider-navigation2 ul li a em{ position:absolute; top:43px; left:20px; }





#slider-navigation ul li a em.ico1 {
	width:58px;
	height:59px;
	background:url(images/ico1.png);
	left:44px;
}
#slider-navigation ul li a em.ico2 {
	width:85px;
	height:61px;
	background:url(images/ico2.png);
	left:30px;
}
#slider-navigation ul li a em.ico3 {
	width:71px;
	height:64px;
	background:url(images/ico3.png);
	left: 38px;
}

#slider-navigation ul li a em.ico4 {
	width:85px;
	height:64px;
	background:url(images/ico4.png);
	left: 30px;
}

#slider-navigation ul li a em.ico5 {
	width:85px;
	height:64px;
	background:url(images/ico5.png);
	left: 30px;
}

#slider-navigation ul li a.active,
#slider-navigation ul li a:hover { background:url(images/slide-button-active.png) no-repeat; color:#a6a6a6; }

#slider-navigation ul li a.active strong,
#slider-navigation ul li a:hover strong{ color:#000; }


#main { width:100%; background:#fff; padding:20px 0;}
#main h3{ padding-bottom:10px; }
#main p{ padding-bottom:15px; }

#social { width:509px; height:30px; z-index:100; }

#fb {
	float:left;
	width:30px;
	height:30px;
	margin-left:20px;
	margin-right: 20px;
}
#tw {
	float:left;
	width:30px;
	height:30px;
	margin-right: 20px;
}
#li {
	float:left;
	width:30px;
	height:30px;
	margin-right: 20px;
}
#rss {
	float:left;
	width:30px;
	height:30px;
}


a.more { font-size:10px; background:url(images/more.gif) no-repeat 0 center; padding-left:10px; }


.services_four { 	
	float:left;
	width:980px;
}

#services_cta{ 	
	float:left;
	width:980px;
}

.serv {
	margin-right:0;
	margin-top: 20px;
	border-bottom-color: #CCCCCC;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #666666;
} 

.servline {
	margin-right:0;
	margin-top: 30px;
	border-bottom-color: #CCCCCC;
	border-bottom: 1px;
	border-bottom-style: solid;
} 

.servline2 {
	margin-right:0;
	margin-top: 30px;
	width: 600px;
	float: right;
	background:url(images/benefits_bg.png) no-repeat 0 center;
	height: 310px;
	margin-bottom: 55px;

} 




.benefitsbox {
	margin-right:0;
	margin-top: 0px;
	width: 600px;
	float: right;
	background:url(images/benefits_bg_line.png) repeat-y;
} 

#benefitstop {
	width: 600px;
	height:13px;
	float: right;
	margin-top:30px;
	background:url(images/benefits_top.png) left bottom no-repeat;
	}
#benefitsbottom {
	width: 600px;
	height:33px;
	float: right;
	background:url(images/benefits_bottom.png) left bottom no-repeat;

	}


.servline3 {
	margin-right:0;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom-color: #666666;
	border-bottom: 1px;
	border-bottom-style: solid;
} 


.servlinebeyond {
	margin-right:0;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom-color: #CCCCCC;
	border-bottom: 1px;
	border-bottom-style: solid;
} 

.lineFramework {
	margin-right:0;
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom-color: #CCCCCC;
	border-bottom: 1px;
	border-bottom-style: solid;
} 


.servline4 {
	margin-right:0;
	margin-top: -15px;
	border-bottom-color: #CCCCCC;
	border-bottom: 1px;
	border-bottom-style: solid;
} 



.servline5 {
	margin-right:0;
	margin-top:30px;
	border-bottom-color: #CCCCCC;
	border-bottom: 1px;
	border-bottom-style: solid;
} 

.serv2 {
	margin-right:0;
	margin-top: 40px;
	float:right;
	margin-bottom:40px;
	background:url(images/build_cta_serv.png) no-repeat 0 center;
	height:179px;
} 

#price-cta-bot {
	width:980px;
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:40px;
	background:url(images/price_cta.png) no-repeat 0 center;
	height:74px;
} 



.price-my {
	width:239px;
	height:53px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	background:url(images/price-my-plan.png) no-repeat 0 center;
}

	.price-my:hover
  { 
    background: url(images/price-my-plan-over.png) no-repeat 0 0;
	cursor:pointer;
  }


.servonline {
	margin-right:0px;
	margin-top: 10px;
	float:right;
	margin-bottom:30px;
	width:600px;
} 

.servonlineour {
	margin-right:0px;
	margin-top: 30px;
	float:left;
	margin-bottom:40px;
	width:300px;
} 

.servicon {
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:0px;
	background:url(images/online_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
} 

.serviconCreative {
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:0px;
	background:url(images/creative_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
} 

.serviconStrategy{
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:0px;
	background:url(images/strategy_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
}

.serviconBeyond{
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:0px;
	background:url(images/beyond_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
}

#serv3 {
	position:relative;
	float:left;
	left:5px;
	background:url(images/build_serv.png) no-repeat 0 center;
	width:262px;
	height:156px;
	top: 10px;
	margin-left: 20px;
} 




#serv4 {
	position:relative;
	float:left;
	left:5px;
	background:url(images/build_serv.png) no-repeat 0 center;
	width:262px;
	height:156px;
	top: 10px;
	margin-left: 20px;
} 

.build_text {
	position:relative;
	font-size:22px;
	line-height:28px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width: 620px;
	float: right;
	margin-left: 20px;
	margin-top:20px;
} 


#framework_text {
	position:relative;
	font-size:22px;
	line-height:28px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width: 650px;
	float: right;
	margin-left: 25px;
	margin-top:-15px;
	margin-right: 22px;
} 

.nutshellbox {
	margin-right:0;
	margin-top: 0px;
	width: 372px;
	float: right;
	background:url(images/nutshell_bg_line.png) repeat-y;
} 


#onlineNav {
width:340px;
height:65px;
margin-left:5px;
top:280px;
left:4px;


}

.onlinemain {
background:url(images/online_icons_small.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

.onlinemainActive {
background:url(images/online_icons_small_active.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

	.onlinemainActive:hover
  { 
    background: url(images/online_icons_small_active_over.png) no-repeat 0 0;
  }

.onlinecreate {
background:url(images/creative_icons_small.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

.onlinecreateInactive {
background:url(images/creative_icons_small_inactive.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}
	.onlinecreate:hover
  { 
    background: url(images/creative_icons_small_over.png) no-repeat 0 0;
  }

.onlinestrategy {
background:url(images/strategy_icons_small.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

.onlinestrategyInactive {
background:url(images/strategy_icons_small_inactive.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

	.onlinestrategy:hover
  { 
    background: url(images/strategy_icons_small_over.png) no-repeat 0 0; 
  }

.onlinebeyond {
background:url(images/beyond_icons_small.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

.onlinebeyondInactive {
background:url(images/beyond_icons_small_inactive.png) no-repeat 0 0;
width:79px;
height:65px;
float:left;
}

	.onlinebeyond:hover
  { 
    background: url(images/beyond_icons_small_over.png) no-repeat 0 0;
  }
  
  
.enquireButton{
	width:247px;
	height:71px;
	background: url(images/read_more_button.png) no-repeat 0 0;
	position:relative;
	left:750px;
	top:-60px;
}

	.enquireButton:hover
  { 
    background: url(images/read_more_button_over.png) no-repeat 0 0;
  }

.boldbuild {
	font-weight:bold;
	}

#buildnow {
	width:239px;
	height:53px;
	background:url(images/build_now_button.png) no-repeat 0 0;
	
	}


.online {
	float:left;
	width:470px;
	height:123px;
	background:url(images/services_online.png) no-repeat 0 center;
	display:block;
	margin-top: 30px;

	}

  .online:hover
  { 
    background: url(images/services_online_over.png) no-repeat 0 center;
  }


	
.onlinelist {
	font-size:18px;
	line-height:30px;
	list-style:none;
	text-indent:35px;
	}	
	
	
.tick {
    background: url(images/tick.png) no-repeat 0 center;
}


#benefitslist{
float:right;
}

.strategylist {

	font-size:13px;
	line-height:27px;
	font-weight:bold;
	list-style:none;
	text-indent:35px;
	}	
	
	
.strategySecondline {
	font-size:13px;
	line-height:27px;
	font-weight:bold;
	padding-left:35px;
}	
	
.strategytick {
    background: url(images/tick.png) no-repeat 0 center;
}

.creative {
	float:right;
	width:470px;
	height:123px;
	background:url(images/services_creative.png) no-repeat 0 center;
	margin-top: 30px;

	}
	
	.creative:hover
  { 
    background: url(images/services_creative_over.png) no-repeat 0 center;
  }
	
.strategy {
	float:left;
	width:470px;
	height:123px;
	background:url(images/services_strategy.png) no-repeat 0 center;
	

	}
	
	.strategy:hover
  { 
    background: url(images/services_strategy_over.png) no-repeat 0 center;
  }
	
.beyond {
	float:right;
	width:470px;
	height:123px;
	background:url(images/services_beyond.png) no-repeat 0 center;

	}
	
	.beyond:hover
  { 
    background: url(images/services_beyond_over.png) no-repeat 0 center;
  }

#services_headers {
	position:relative;
	top:23px;
	left:120px;
	font-size:14px;
	color:#0099FF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width: 320px;
}

#service_body {
	width:470px;
	position:relative;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 40px;
}

#service_body2 {

	width:470px;
	position:relative;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 20px;
	margin-bottom: 40px;

}

#service_body3{
	width:470px;
	position:relative;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 40px;

}

#service_body4{
	width:470px;
	position:relative;
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 20px;
	margin-bottom: 40px;

}




.video {
	width:570px;
	height:auto;
	float:left;
	border:5px;
	margin-top:30px;
	border-style:solid;
	border-color:#CCCCCC;
}

.video:hover {
	border:5px;
	border-style:solid;
	border-color:#666666;
}


#videoHead {
	width:370px;
	margin-top:30px;
	position:relative;
	float: right;
	margin-left: 30px;
}


#videoleft {
width:170px;
height:490px;
position:relative;
float:left;
background:url(images/videoleft.png) no-repeat;
}

#videoright {
width:170px;
height:490px;
position:relative;
float:right;
background:url(images/videoright.png) no-repeat;
}

.col {
	float:left;
	width:413px;
	margin-right:30px;
}
.col2 {
	float:left;
	width:940px;
	margin-right:20px;
}

.col3  {
	float:left;
	width:509px;
	margin-right:20px;
	height: 147px;

}

.colBlogfeed  {
	float:left;
	width:309px;
	margin-right:20px;
	height: auto;

}


.col4  {
	float:left;
	width:509px;
	height:113px;
	margin-right:20px;
	padding-top:0px;
	background:url(images/social-bg.png) no-repeat;
}

.col5  {
	float: left;
	width:470px;
	height: 147px;

}

.col6  {
	float: right;
	width:470px;
	height: 147px;

}

.col-bot5 {
	margin-right:0;
	margin-top: 30px;
	margin-bottom: 30px;
	background:url(images/online_bg_ctas.png) no-repeat 0 center; 
}

.buildcta-services { font-weight:bold; font-size:26px; }



.vidcta {
	margin-right:0;
	margin-top: 30px;
	margin-bottom: 30px;
	background:url(images/video_bg_ctas.png) no-repeat 0 center; 
}


.whitepaperbg{
	margin-right:0;
	margin-top: 30px;
	margin-bottom: 30px;
	background:url(images/whitep_bg_ctas.png) no-repeat 0 center; 
}


.col-bot6 {
	margin-right:0;
	margin-top: 30px;
	margin-bottom: 30px;
	background:url(images/contact_bg_ctas.png) no-repeat 0 center; 
}


.col-last4 {
	margin-right:0;
	margin-top: 5px;
	margin-bottom: 20px;
}


.col-last {
	margin-right:0;
	margin-top: -88px;
}

.col-last-blog {
	margin-right:0;
	margin-top: 20px;
}

.col-bot {
	margin-right:0;
	margin-top: 110px;
	background:url(images/build-bg.png) no-repeat 0 center;
}



.pad{ font-size:16px; margin-top:27px; margin-left:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;   }

.table { font-size:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px;}


.whatismarketing { font-size:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px;}
#whatismarketing-shell {width:500px; position:relative; float:right;}

.tableServices { font-size:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px;}



.frameworkpadding { font-size:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:2px; padding-left:20px;}

#benefitsbox {
	padding-top:20px;
	padding-left:20px;
	width: 570px;
}

.subheads { font-size:12px; font-weight:bold; color:#0099FF; line-height:22px; }

.lower {
	float:left;
	width:440px;
	margin-right:30px;
	margin-top: 30px;
	line-height: 21px;
}

/* centre shell on homepage*/

#lower2 {
	float:right;
	width:980px;
	margin-right:0px;
	margin-top: 50px;
	margin-bottom:10px;
}

/* centre shell on homepage end*/

#frameworkMiddle {
	float:left;
	width:582px;
	margin-right:0px;
	margin-top: 30px;
	margin-bottom:10px;
}

.frameworkIcons {
	width:286px;
	height:120px;
	float:left;
}

.frameworkIconsMiddle {
	width:286px;
	height:200px;
	float:right;
	margin-left:10px;
	height: 120px;
}

#frameworkColright {
	width:370px;
	height:auto;
	float:right;
	margin-left:20px;

	padding-top:15px;
	background:url(images/nutshell_bg_line.png) repeat-y;
}


.icon-trolley {
float:left;
margin: 0 9px 0 0;
}


#pricingMain {
	width:980px;
	margin-right:0px;
	margin-top: 10px;
	margin-bottom:10px;
}

#top-right-cta {
	width:308px;
	height:137px;
	position:relative;
	float:right;
	background:url(images/top-right-cta-bgv.png);
	margin-bottom:20px;
	
}

.top-right-button{
	width:137px;
	height:53px;
	margin-top:45px;
	margin-right:30px;
	float:right;
	background:url(images/price-plan-button.png) no-repeat 0 center;
}

	.top-right-button:hover
  { 
    background: url(images/price-plan-button-over.png) no-repeat 0 0;
	cursor:pointer;
  }




.price-head{
	width:645px;

	position:relative;
	margin-top:20px;
	margin-bottom:20px;

}

.pricing-icon-large {
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:20px;
	background:url(images/price_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
}



.pricing-head-text {
	margin-right:0px;
	margin-top: 10px;
	float:right;
	margin-bottom:20px;
	height:269px;
	width:600px;
}  

.priceBox1, .priceBox2, .priceBox3 {
		display: block;
		float: left;
		margin-top: 18px;
		margin-bottom: 36px;
		width: 306px;
	}
	
	.priceBox3 {
		margin-right: 0;
	}
	
	.priceBox2, .priceBox1 {
		margin-right: 30px;
	}


	.pricing-head {
		background-color: #e7e7e7;
		border: 1px solid #d7d7d7;
		margin: 0;
		padding: 0;
	}
	
	.corners {

	        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
		
			-moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
}

	.corners2 {

	        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
		
			-moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;

}


.hidden {
color:#f4f4f4;
}
	
	.pricing-head h3, .pricing-head h4, .pricing-head h5 .pricing-head h6 {
		width: 268px;
	}
	
	.pricing-head h4, .pricing-head h5 {
		margin-left: 18px;
		line-height: 1.3em;
	}
	
	.pricing-head h3 {
		padding: 18px 0 0 18px;
		margin: 0 0 -6px 0;
		font-size: 24px;
	}
	
	.pricing-head h4 {
		font-weight: lighter;
		color:#666666;
		font-size: 48px;
		letter-spacing: -1px;
	}
	
	.pricing-head h4 span {
		color: #888;
		display: inline;
		font-size: 28px;

		letter-spacing: 0;
		line-height: 1em;
	}
	
	.pricing-head h5 {
		letter-spacing: 1px;
		font-weight: lighter;
		padding: 0 18px 18px 0;
		font-size: 10px;
		text-transform: uppercase;
	}
	
.pricing-thumb {
		background-color: #f4f4f4;
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		height: 230px;

	}
	
	#top-link	{ display:none; position:fixed; right:5px; bottom:5px; color:#666666; font-weight:bold; text-decoration:none; border:1px solid ; background:#CCCCCC; padding:10px; }
	
		.corners-page-top {

	        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
		
			-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}


.contactHeadhead { font-size:28px; color:#666; line-height:36px;}
.contactHead { font-size:20px; color:#666; line-height:28px;}





#left-contact-column{
	width:323px;
	height:auto;
	position:relative;
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;

}

#contact-left {
	width:540px;
	height:auto;
	position:relative;
	margin-top:32px;
	float:right;
	padding: 20px;
	background-color: #eaeaea;
	margin-bottom: 20px;

}


#frametest{
	width:540px;
	height:auto;
	position:relative;
	padding: 20px;
	background-color: #eaeaea;
	margin-top: 130px;
}

#frameworkdemo{
	width:600px;
	height:360px;
	margin-left: auto;
	margin-right:auto;
	margin-top:20px;

}



.frameworkdemowidth {
	width:881px;
	margin:0 auto;
}

#askus{
	width:540px;
	height:auto;
	position:relative;
	padding: 20px;
	background-color: #eaeaea;
	margin-top: 30px;
}

.askuswidth {
	width:580px;
	margin:0 auto;
}

#responsesubmissionbox{
	width:540px;
	height:auto;
	position:relative;
	border: 1px solid #dddddd;
	padding: 20px;
	background-color: #fff;
	margin-top: 30px;
}
	
.contact-icon-large {
	margin-right:0;
	margin-top: 10px;
	float:left;
	margin-bottom:20px;
	background:url(images/phone_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
}


.corners-contact {

	        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
		
			-moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
	
#social-contact {
	width:323px;
	height:113px;
	float:right;
	background:url(images/social-contact-icon.png) no-repeat 0 center;
	margin-top: 12px;
}
	
	
#contact-follow{ font-size:20px; margin-top:33px; margin-left:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;   }

.fb2 {background:url(images/fb-logo2.png) no-repeat; float:left; width:25px; height:25px; margin-left:20px; margin-right:10px; margin-top:5px;}
.tw2 {background:url(images/t-logo2.png) no-repeat; float:left; width:25px; height:25px; margin-right:10px;margin-top:5px;}
.li2 {background:url(images/li-logo2.png) no-repeat; float:left; width:25px; height:25px;  margin-right:10px;margin-top:5px;}
.rss2 {background:url(images/rss-logo2.png) no-repeat; float:left; width:25px; height:25px; margin-top:5px;}



  .fb2:hover
  { 
    background: url(images/fb-logo2-over.png) no-repeat 0 center;
  }

  .tw2:hover
  { 
    background: url(images/t-logo2-over.png) no-repeat 0 center;
  }

  .li2:hover
  { 
    background: url(images/li-logo2-over.png) no-repeat 0 center;
  }

  .rss2:hover
  { 
    background: url(images/rss-logo2-over.png) no-repeat 0 center;
  }


#phone-contact {
	width:323px;
	height:113px;
	float:left;
	display:block;
	background:url(images/phone-contact-icon.png) no-repeat 0 center;
}	
	
	
#blog-contact {
	width:323px;
	height:113px;
	float:left;
	background:url(images/blog-contact-icon.png) no-repeat 0 center;
	margin-top: 12px;
}
	
#blogtext-contact {
	font-size:14px;
	line-height:26px;
	margin-top:32px;
	margin-left:25px;
	margin-right:20px;
}

.feedtext-contact {
	font-size:14px;
	line-height:21px;
	margin-top:15px;
	margin-left:25px;
	margin-right:20px;
	width: 190px;
}
	
#phonetext-contact {
	font-size:20px;
	line-height:26px;
	margin-top:32px;
	margin-left:25px;
	margin-right:20px;
}	

#blogfeedtext-contact {
	font-size:12px;
	line-height:26px;
	margin-top:32px;
	margin-left:25px;
	margin-right:20px;
}	
	
#blog-feed-new {
	width:323px;
	height:134px;
	float:left;
	background:url(images/contact-blog-bubble.png) no-repeat 0 center;
	margin-top: 18px;
	list-style:none;
}

.blogfeedmodule {width:180px; font-weight:bold; }
.blogfeedmodule ol {list-style:none;}
.blogfeedmodule li {list-style:none;}
	
#twitter-feed-new {
	width:323px;
	height:134px;
	float:left;
	background:url(images/contact-twitter-bubble.png) no-repeat 0 center;
	margin-top: 22px;
}	

#tweets {
	float:left;
	width:190px;
	height:65px;
	margin-left:-6px;
	overflow:hidden;
	font-size:14px;
	line-height:15px;
	background:none;
}

#blogTweets {
	float:right;
	width:240px;
	height:auto;
	margin-top:20px;
	margin-left:12px;
	overflow:hidden;
	font-size:14px;
	line-height:15px;
	background-color:#e3e3e3;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:12px;
	padding-right:8px;
}

.twtr-tweet-wrap {
}

.twtr-hd {
overflow:hidden;
position:absolute !important;
right:0;
left:-30px;
top:-100px;
width:128px;
z-index:100;
}

.twtr-ft img {
	display:none;
}

.twtr-ft div {
	padding:25px 0 0 0 !important;
}
.twtr-ft span a {
	background-color:#333;
	color:#ddd !important;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.twtr-ft span a:hover {
	background-color:#FF0;
	color:#333 !important;
	text-decoration:none!important;
}
.twtr-hyperlink{float:left;}

	
	
	
	
.contact-blog-head { font-size:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }

#contact-blog-feed{ font-size:20px; color:#0099FF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; margin-top:30px; margin-left:20px; }
	
#blog-feed-contact {
	width:480px;
	height:113px;
	float:left;
	background:url(images/contact-blog-bubble.png) no-repeat 0 center;
	margin-top: 20px;
	margin-bottom: 30px;
}
	
#twitter-feed-contact {
	width:480px;
	height:113px;
	float:right;
	background:url(images/contact-twitter-bubble.png) no-repeat 0 center;
	margin-top: 20px;
	margin-bottom: 30px;
}
	
	
	
	.pricing-features {
		padding: 0;
		margin: 0;
	}
	
	.pricing-features li {
		list-style: none;
		list-style-image: none;
		width: 295px;
		line-height: 36px;
		padding-left: 9px;
		margin: 0;
		background-color: #eeeeee;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #d7d7d7;
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		cursor: pointer;
	}
	
	.pricing-features li:hover {
		background-color: #f4f4f4;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		font-weight: bold;
		color: #434343;
		cursor:default;
	}
	
	.pricing-features li a {
		display: block;
		color: #0077bc;
		width: 295px;
		background-color: #f4f4f4;
		font-weight: bold;
		line-height: 36px;
		margin-left: -9px;
		padding-left: 9px;
	}
	
	.pricing-features li a:hover{color: #ff9900;}
	
	.pricing-thumb {
		position: relative;
	}
	
	.pricing-thumb div {
	position: absolute;
	top: 9px;
	left: 9px;
	display: none;
	height: 208px;
	}
		
	.pricing-thumb div.default {
		z-index: 0;
		display: block;
	}
	
	.pricing-thumb div.show {
		z-index: 10000;
		display: block;
	}
	
	.pricing-thumb div img {
		border: 1px solid #d7d7d7;
	}
	
	.pricing-thumb div p {
		font-size: 12px;
		font-weight:bold;
		color: #000000;
		width: 285px;
		margin: 9px 0 9px 0;
		background-color: #f4f4f4;
	}
	
	.take-the-tour, .or {
		position: absolute;
		top: 23px;
		font-size: 18px;
	}
	
	.take-the-tour {
		right: 185px;
	}
	
	.or {
		right: 160px;
	}

#pricing-cta-icon {
	position:relative;
	float:left;
	left:5px;
	background:url(images/pricing-icon.png) no-repeat 0 center;
	width:262px;
	height:156px;
	top: 10px;
	margin-left: 20px;
} 


#webinars-cta {
	width:535px;
	height:auto;
	position:relative;
	margin-top:10px;
	float:right;
	padding: 5px 5px 5px 10px;
	background-color: #eaeaea;
	margin-bottom: 10px;
	font-weight:bold;

}

.webinars-cta, .bot { margin-bottom:30px;

}

.rightwebinar {
	float:right;
	margin-right:10px;
	background-color:#006699;
	padding-left:10px;
	padding-right:10px;
}


.webinars-icon-large {
	margin-right:0;

	float:right;
	margin-bottom:20px;
	background:url(images/webinars_large_icon.png) no-repeat 0 center;
	height:269px;
	width:347px;
}



.webinars-image-1 {
	margin-right:0;
	float:left;
	margin-bottom:20px;
	border:solid;
	border-color:#CCCCCC;
	height:269px;
	width:347px;
}

.image-1 {	background:url(images/webinars-image-1.png) no-repeat 0 center; margin-top:20px}
.image-2 {	background:url(images/webinars-image-2.png) no-repeat 0 center; margin-top: 20px;}
.image-3 {	background:url(images/webinars-image-3.png) no-repeat 0 center;	margin-top: 20px; margin-bottom:40px;}


.webinars-head-text {
	margin-right:0px;
	margin-top: 10px;
	float:right;
	margin-bottom:40px;
	height:269px;
	width:600px;
}  

.register {
	background:url(images/register-now.png) no-repeat 0 center;
	position:relative;
	width:131px;
	height:41px;
	float:right;
}


.webinars-header {
	margin-right:0px;
	margin-top: 10px;
	float:left;
	margin-bottom:5px;
	width:630px;
}  

.webinars-page-break {
	margin-right:0;
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom-color: #666666;
	border-bottom: 1px;
	border-bottom-style: solid;
} 











.box-white {
	background: #fff;
	border: 1px solid #d7d7d7;
	margin: 0 0 18px;
	padding: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
}

.table-pricing a.free {
	background: #077100 url(/cssimg/sprites-bg.png) repeat-x 0 -451px;
	border: 1px solid #0ba800;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	line-height: 20px;
	padding: 0 6px;
}

.table-pricing {
	margin: 24px 0;
	table-layout: fixed;
	width: 100%;
}

.table-pricing th,
.table-pricing td {
	border: 1px solid #fff;
	color: #999;
	padding: 9px 12px;
	text-align: center;
	vertical-align: middle;
}

.table-pricing th.features {
	background: transparent;
}

.table-pricing .features {
	background: #ddd;
	color: #666;
	text-align: left;
	width: 245px;
}

.table-pricing .table-heads {
	background: #00aeef;
	color: #ffffff;
	font-size:16px;
	text-align: left;
	width: 245px;
}

#lead-in-pricing td {
	background: #e9e9e9;
	color: #aaa;
}

#lead-in-pricing .features {
	background: #ff9f7c;
	color: #666;
	width: 245px;
}

#lead-in-pricing th {
	background: #828282;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	vertical-align: bottom;
}

#lead-in-pricing th strong {
	margin: 0;
}

#lead-in-pricing th.features {
	background: transparent;
}

#lead-in-pricing td span {
	color: #000;
}

.table-pricing th {
	font-size: 12px;
}

.table-pricing th strong {
	display: block;
	line-height: 1.3em;
	margin: 0 0 3px;
}

.table-pricing td span {
	color: #0f9f09;
}

.table-pricing th a {
	color: #fff;
}

.table-pricing th a:hover {
	text-decoration: none;
}

.table-pricing th.free,
.table-pricing th.mini {
	background: #f26532;
	color: #fff;
}

.table-pricing th.standard,
.table-pricing th.regular {
	background: #f26532;
	color: #fff;
}

.table-pricing th.premium,
.table-pricing th.super {
	background: #f26532;
	color: #fff;
}

.table-pricing .free,
.table-pricing .mini {
	background: #e9e9e9;
}

.table-pricing .standard,
.table-pricing .regular {
	background: #d4f0d2;
}

.table-pricing .premium,
.table-pricing .super {
	background: #c2eebf;
}

.price-list-bold{
font-weight:bold;
color:#0099FF;
}


/* video screen on homepage*/
.lower3 {
	float:left;
	width:200px;
	height: 212px;
	margin-right:25px;
	border:5px;
	border-style:solid;
	border-color:#CCCCCC;
}
.lower3:hover {
	border:5px;
	border-style:solid;
	border-color:#666666;
}
/* video screen on homepage end*/

.lower4 {
	float:left;
	width:413px;
	height:212px;
	margin-right:25px;
	margin-top: 0px;
	margin-bottom: 0px;
	background:url(images/largetick.png) no-repeat;
}


.lower_services {
	float:right;
	width:980px;
	margin-right:0px;
	margin-top: 10px;
	margin-bottom:0px;
}

/* 1st line on homepage*/
#line {
	background-color:#999999;
	width:980px;
	height:1px;
	
	margin-bottom:50px;
}

/* 1st line on homepage end*/

/* 2nd line on homepage*/
#line2 {
	background-color:#999999;
	width:980px;
	height:1px;
	margin-top:40px;
	margin-bottom:50px;
}
/* 2nd line on homepage end*/

#footer { width:100%; height:230px; background:url(images/footer.gif) repeat-x; color:#ffffff; }
#footer .shell{ padding-top:28px;}
#footer .right { white-space:nowrap; font-size:14px; text-align: left; float:right; display:block;}
#footer .right span{ padding:0 1px;}
#footer .right a{ text-decoration: none; color:#ffffff;}
#footer .right a:hover{ color:#f6cb44;}

#footerBlog { width:100%; height:230px; background:url(images/footer.gif) repeat-x; color:#ffffff; margin-top:12500px;}
#footerBlog .shell{ padding-top:28px;}
#footerBlog .right { white-space:nowrap; font-size:14px; text-align: left; float:right; display:block;}
#footerBlog .right span{ padding:0 1px;}
#footerBlog .right a{ text-decoration: none; color:#ffffff;}
#footerBlog .right a:hover{ color:#f6cb44;}




#botmenu {float:left; z-index:100; }
#botmenu .right2 {
	white-space:nowrap;
	font-size:14px;
	text-align: left;
	float:left;
	display:block;
	padding: 0 30px 0 0;
	
}
#botmenu .right2 span{ padding:0 10px;}
#botmenu .right2 a{ text-decoration: none; color:#ffffff;}
#botmenu .right2 a:hover{ color:#f6cb44;}




.footer-logo { float:left; width:169px; height:34px; background:url(images/footer-logo.gif); }











.contimage{filter: alpha(opacity=80);-moz-opactiy:.80;opacity:.80;}

#contact {  
        position:fixed;  
        top:200px;  
        rightright:0;  
     } 
	 
	 #facebox .b {
  background:url(js/facebox/b.png);
}

#facebox .tl {
  background:url(js/facebox/tl.png);
}

#facebox .tr {
  background:url(js/facebox/tr.png);
}

#facebox .bl {
  background:url(js/facebox/bl.png);
}

#facebox .br {
  background:url(js/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999999;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 30px;
  background: #fff;
  width: 370px;
  border:solid;
  border-width:10px;
  border-color:#999;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.faceboxtitle{ font-size:28px; border-bottom:dotted;}


/* @override http://whitelabelpartnersite.businesscatalyst.com/StyleSheets/ModuleStyleSheets.css */

/*==============================================================

	Version : 2009.06.09

==============================================================*/


/* @group BASE */

/* @group FRIENDLY SETTINGS */

img, a img { border:0; } /* nobody likes default border around images */

.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */
/* based on YUI 2.3 base.css */

/* Idioms */

ul.mod {
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.mod li {
	list-style: none;
}

/* @end */

/* @group Web Form */

ul.form {
	margin: 0;
	padding: 0;
}

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #888;
	display: block;
}

div.form div.item, div.webform div.item {
	padding: 9px;
}

cat_button {}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 300px;
}

.cat_dropdown_small {
	width: 200px;
}

.cat_dropdown_smaller {
	width: 150px;
}

.cat_textbox_small, .cat_listbox_small {
	width: 200px; /* DON'T TOUCH THIS */
}

.cat_listbox {
	height: 120px;
	width: 300px;
}

table.webform,
table.reporting {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}

table.webform td {
	line-height: 24px;
	padding: 6px;
}

.form label, .webform label {
	font-size: 11px;
}

.form input, .webform input {
	margin-right: 3px;
}

/* @end */

/* @group System Message */

.system-message, .system-error-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 36px 36px 36px 180px;
}

.system-message h1, .system-error-message h1 {
	color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link {
	color: #1969bc;
}

.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}

/* @end */

/* @group Announcement */

.announcement-list {
	font-size: 11px;
}

.announcement-list h2 {
	font-size: 14px;
	margin: 0 0 3px 0;
}

.announcement-list span.date {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 0 6px;
}

.announcement-details span.date {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 18px;
}


/* @end */

/* @group Blog */

/* NOTE: div.post-list exists in FORUMS as well */


.blog-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #000;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-list h2 {
	font-size: 18px;
	margin: 0 0 3px 0;
}

.blog-list span {
	color: #888;
}

.blog-container h1 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 6px 0;
}

.blog-container p.description {
	margin: 0 0 36px;
}

.blog-post h2.post-title {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	margin: 0;
	padding: 0 0 3px 0;
}

.blog-post .post-details {
	color: #888;
	font-size: 11px;
	margin: 0 0 18px;
}

.blog-container .post-list {
	float: left;
	width: 69%;	
}

.blog-post .post-body {
	margin: 0 0 36px;
}

.comment-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: 36px;
	padding: 18px;
}

.comment-list h5 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-list input#Captcha {
	width: 300px;
}

.comment-list textarea.cat_listbox_small {
	height: 120px;
	width: 100%;
}

.blog-comment-container {
	border: 1px solid #e9e9e9;
	margin: 0 0 18px;
}

.blog-comment-container  .comment-details {
	background: #eee;
	font-size: 11px;
	padding: 6px;
}

.blog-comment-container .comment {
	background: #fff;
	padding: 9px;
}

span.flag {

	margin: 0 6px;
	vertical-align: middle;
}

input#fullname, input#website, input#emailaddress {
	width: 300px;
}

textarea.comment {
	height: 160px;
	width: 100%;
}

.forum-registration textarea.comment {
	height: 70px;
	width: 270px;
}

.post-body .links {
	font-size: 11px;
}

.blog-container .side-panel {
	float: right;
	width: 27%;
}

.side-panel h4 {
	font-size: 12px;
	margin: 0 0 9px;
}

.BlogTagCloud {
	margin: 0 0 18px;
}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {
	margin: 0;
	padding: 0;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {
	font-size: 11px;
	list-style: none;
	margin: 0 0 9px;
}

p.page-nav {
	text-align: center;
} 

p.page-nav a {
	margin: 0 9px;
}

.blog-post dl {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-post dt {
	color: #000;
}

.blog-post dd {
	margin: 0 0 9px;
}

/* @end */

/* @group Booking */

.booking-list {
	margin: 0 0 9px;
}

.booking-list span.date {
	margin: 0 9px 0 0;
}

.booking-container h1, .form-container h2 {
	margin: 0 0 18px;
}

.form-container {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.form-container input#FirstName, .form-container input#LastName, .form-container input#EmailAddress, .form-container input#Company, .form-container input#WorkPhone {
	width: 260px;
}

.go-back {
	margin: 18px 0;
}

/* @end */

/* @group Calendar */

div.select-month-year {
	padding: 9px 0;
}

table.module-calendar {
	border: 1px solid #888;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

table.module-calendar td {
	border: 1px solid #d7d7d7;
	font-size: 11px;
	height: 80px;
	overflow: hidden;
	padding: 0;
	vertical-align: top;
}

table.module-calendar td span {
	background: #f7f7f7;
	color: #333;
	display: block;
	font-size: 11px;
	padding: 0 2px;
	text-align: right;
}

tr.day-of-week td {
	background: #d7d7d7;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	text-align: center;
	vertical-align: middle;
}

table.module-calendar td.events span {
	background: #2BABFA;
	color: #fff;
	font-weight: bold;
}

table.module-calendar td.events {
	background: #EEF5FA;
}

table.module-calendar td ul {
	margin: 9px 0;
	padding-left: 24px;
}

table.module-calendar td.last-month {
	background: #eee;
}

table.module-calendar td.next-month {
	background: #eee;
}

/* @end */

/* @group Catalogue and Products */

.shop-catalogue {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 180px;
	margin: 0 6px 6px 0;
	overflow: hidden;
	width: 180px;
}

.shop-catalogue h4 {
	font-size: 12px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	text-indent: 9px;
}

.shop-catalogue h4 a {
	color: #1969bc;
	text-decoration: none;
}

.shop-catalogue .image {
	/* Image size should be 150px by 120px */
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px;
	text-align: center;
}

.shop-main {
	margin-top: 18px;
}

.shop-main .header {
	border-bottom: 1px solid #eee;
	height: 27px;
	line-height: 27px;
	margin: 0 0 18px;
}

.shop-main .breadcrumbs {
	float: left;
	width: 40%;
}

.shop-main .cart-summary {
	float: right;
	width: 40%;
}

.shop-main .description ul {
	margin: 0 0 0 18px;
	padding: 0;
}

.shop-main .description li {
	list-style: square;
}

table.cartSummaryTable {
	border-collapse:collapse;
	border-spacing:0;	
	font-size: 12px;
	float: right;
}

td.cartSummaryItem {
	padding: 0;
}

a.cartSummaryLink {
	margin: 0 0 0 18px;
}

.shop-main ul {
	margin: 0;
	padding: 0;
}

.shop-main li {
	list-style: none;
}

table.catalogueTable {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
	margin: 0 0 18px;
}

table.catalogueTable td {
	padding: 0;
}

table.productTable {
	border-collapse:collapse;
	border-spacing:0;	
	table-layout: fixed;
	width: 100%;
}

table.productTable td {
	padding: 3px;
}

.shop-product-small {
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
}

.shop-product-small h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	min-height: 36px;
	padding: 18px 18px 6px;
}

.shop-product-small h4 a {
	color: #1969bc ;
}

.shop-product-small h5 a {
	text-decoration: none;
}

.shop-product-small ul {
	background: #f9f9f9;
	padding: 18px;
}

.shop-product-small ul li {
	font-size: 11px;
	margin: 0 0 6px;
}

.shop-product-small li.price {
	font-size: 11px;
}

.shop-product-small li.price strong {
	font-size: 14px;
	margin-left: 6px;
}

.shop-product-small li.stock {
	font-size: 11px;
}

.shop-product-small li.stock strong {
	color: #666;
	margin-left: 3px;
}

.shop-product-small .image {
	height: 120px;
	margin: 0 auto 9px;
	overflow: hidden;
	width: 120px;
	text-align: center;
}

.image a, td.actions a {
	border: none !important;
}

.shop-product-small li.quantity {
	line-height: 30px;
}

li.quantity img {
	position: relative;
	top: 8px;
	/* or vertical-align: middle; */
}

.shop-product-small li.quantity input.productTextInput {
	width: 50px;
}

.shop-product-small li.quantity input.productSubmitInput {
}

.shop-product-large {
	background: #fff;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	min-width: 240px;
	overflow: hidden;
}

.shop-product-large h1 {
	color: #000;
	font-size: 14px;
}

.shop-product-large .image {
	margin-left: 36%;
	min-height: 360px;
	height: auto !important; /* for modern browsers */
	height: 360px; /* for IE5.x and IE6 */		
	padding: 18px;
	text-align: center;
}

.shop-product-large .shop-product-small .image {
 	margin: 0;
	min-height: 160px; 
	height: auto !important; /* for modern browsers */
	height: 160px; /* for IE5.x and IE6 */		
	padding: 18px;
	text-align: center;
	width: auto;
}

.shop-product-large .shop-product-small ul {
	padding: 9px;
}

.shop-product-large .shop-product-small ul, .shop-product-large .shop-product-small li  {
	margin: 0;
}

.shop-product-large li.price {
	font-size: 14px;
}

.shop-product-large li.instock {
	font-size: 10px;
}

.shop-product-large li.quantity input.productTextInput {
	width: 50px;
}

td.productItem .comment-form input#Captcha {
	width: 300px;
}

.poplets {
	border-top: 1px solid #eee;
	margin-top: 36px;
	padding: 9px 0;
}

.poplets img {
	border: 1px solid #ddd;
}

table.productPoplets {
	border-collapse:collapse;
	border-spacing:0;	
	margin: 0 auto;
}

.shop-product-large .details {
	background: #f9f9f9;
	float: left;
	min-height: 360px;
	height: auto !important; /* for modern browsers */
	height: 360px; /* for IE5.x and IE6 */	
	padding: 18px;
	width: 30%;
}

.shop-product-large ul {
	margin: 0 0 36px;
	padding: 0;
}

.shop-product-large li {
	margin: 9px 0;
}

.shop-cart .breadcrumbs {
	margin: 0 0 18px;
}

table.cart {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #ddd;
	font-size: 11px;
	width: 100%;
}

table.cart td {
	vertical-align: top; /*to make sure the div stack line up at the top */
}

table.cart a {
	color: #1969bc;
}

table.cart th, table.cart td {
	color: #666;
	padding: 9px;
}

tr.val td {
	border-bottom: 1px solid #eee;
}

tr.shipping td {
	border-bottom: 1px solid #ddd;
}

tr.discount td.quantity, tr.shipping td.quantity {
	text-align: right;
}

td.quantity input.update {
	margin: 0 0 0 3px;
}

table.cart th {
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

input.cartInputText {
	width: 70px;
}

input#DiscountCode, input#GiftVoucher {
	width: 70px;
}

select.shippingDropDown {
	width: 150px;
}

table.cart th.quantity {
	text-align: right;
}

table.cart td.quantity {
	text-align: right;
}

.productitemcell {
	height: 23px;
	line-height: 20px;
	margin: 0 0 3px 0;
	overflow: hidden;
}

table.cart td.actions {
	text-align: right;
}

table.cart td.actions a {
	font-size: 12px;
	font-weight: bold;
	margin: 0 18px 0 0;
	text-decoration: none;
}

a#catshopclear {
	font-size: 10px;
	font-weight: normal;
}

table.cart strong {
	font-size: 14px;
}

.shop-form {
	margin: 0 0 18px;
}

.shop-form ul.form {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.shop-form label {
	font-size: 11px;
}

.shop-form ul.form li {
	margin: 0;
	padding: 9px 0;
}

.shop-form li.last {
	border-top: 1px solid #eee;
}

/*.shop-form .checkboxes {
	line-height: 27px;
}*/

input.PaymentMethodType {
	margin: 0 6px 0 0;
}

.shop-form ul.form input.cat_textbox,
.shop-form ul.form select.cat_dropdown,
.shop-form ul.form textarea.cat_listbox {
	width: 260px;
}

.shop-form textarea.cat_listbox {
	height: 100px;
}

.shop-receipt, .shop-quote-receipt {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 18px;
	padding: 18px;
}

.shop-receipt h1, .shop-quote-receipt h1 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px;
}

.shop-receipt h2, .shop-quote-receipt h2 {
	font-size: 12px;
	font-weight: normal;
}

/* @end */

/* @group Customer Cases */

table.case-list {
	border-collapse:collapse;
	border-spacing:0;	
	margin: 0;
	width: 100%;
}

table.case-list td {
	padding: 6px;
}

table.case-list td.subject,
table.case-list td.category {
	width: 40%;
}

table.case-list td.status {
	width: 20%;
}

table.case-details {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.case-details td {
	padding: 6px;
}

table.case-details tr.odd td {
	background: #fff;
}

table.case-details td.var {
	color: #888;
	text-align: right;
	width: 130px;
}

table.case-details td.val {
	color: #000;
}

/* @end */

/* @group Customer Orders */

table.border {
	border-collapse:collapse;
	border-spacing:0;	
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.border td {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

table.border span { color: #888; }

table.order-list {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

table.order-list td {
	border: 1px solid #eee;
	padding: 6px;
}

table.order-list a {
	margin: 0 3px 0 0;
}

table.order-list span.number {
	font-size: 11px;
}

/* @end */

/* @group Comment */

.comment-container {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
}

.comment-container .header {
	background: #eee;
	font-size: 11px;
	padding: 6px 18px;
}

.comment-container span.name {
	color: #000;
}

.comment-container span.rating {
	margin: 0 9px;
	vertical-align: middle;
}

.comment-container .content {
	padding: 18px;
}

.comment-form {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	padding: 18px;
}

.comment-form h3 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-form h5 {
	color: #666;
	font-size: 14px;
	margin: 0 0 18px;
}

/*.comment-form li.rating div {
	font-size: 10px;
}*/

/*.comment-form li.rating div input {
	margin: 0 3px;
}*/

.comment-form input.cat_textbox_small,
.comment-form textarea {
	width: 300px;
}

.comment-form textarea {
	height: 120px;
}

/* @end */

/* @group FAQ */

table.faq-search {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0 0 18px 0;
	width: 100%;
}

table.faq-search label {
	color: #888;
}

table.faq-search td {
	border-collapse:collapse;
	border-spacing:0;	
	padding: 9px;
}

table.faqresultstable {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.faqresultstable td {
	color: #666;
	padding: 9px;
}

table.faqresultstable a {
	color: #1969bc;
}

table.faqresultstable td.faqresultstableinfo {
	background: #f9f9f9;
	color: #888;
	font-size: 10px;
	padding: 3px 18px;
	text-align: right;
}

table.faqresultstable td.faqresultstablecount {
	padding-left: 18px;
	width: 10px;
}

td.faqresultstablehead {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;	
	color: #000;
	font-weight: bold;
}

/* @end */

/* @group Forums */

/* NOTE: div.post-list exists in BLOG as well */

.forum-container h1 {
	font-size: 24px;
}

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {
	color: #666;
}

div.forum-posts-container div.post-list a, div.forum-registration a {
	color: #1969bc;
}

div.forum-registration h2 {
	color: #000;
}

table.forum {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {
	font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {
	border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {
	border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {
	float: left;
	width: 50px;
}

table.forum .forum {
	margin: 0 0 0 50px;
}

table.forum h3 {
	margin: 0;
}

table.forum h3 a {
	text-decoration: none;
}

ul.cap-top,
ul.cap-bottom {
	font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0;
}

ul.cap-bottom {
	margin: 18px 0 0;
}

ul.cap-top li,
ul.cap-bottom li {
	display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {
	float: left;
	width: 200px;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{
	float: right;
	margin: 0;
	padding: 0 9px;
}

table.topic-list {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {
	font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {
	float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 10px;
	text-align: center;
	width: 10%;
}

table.topic-list .date {
	font-size: 10px;
	text-align: right;
	width: 20%;
}

table.topic-list td {
	padding: 0;
}

table.topic-list a {
	color: #1969bc;
}

table.topic {
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td {
	padding: 9px;
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px;
}

.forum-registration input.cat_button {
	margin: 0 6px 0 0;
}

.forum-posts-container .breadcrumb {
	font-size: 11px;
	padding: 6px;
}

.forum-posts-container h1 {
	font-size: 18px;
	margin: 18px 0;
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {
	background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {
	font-size: 11px;
	width: 160px;
}

.forum-posts-container h3.name {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px;
}

/* @end */

/* @group Literature */

p.literature-container img {
	vertical-align: middle;
}

p.literature-container span.icon, p.literature-container span.name {
	margin: 0 3px 0 0;
}


/* @end */

/* @group Secure Zone Markup */

.case-search {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small {
	width: 210px;
}

.secure-update-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px;
}


/* @end */

/* @group Form Modules */

.product-form h3 {
	padding-left: 9px;
}

.secure-login, .newsletter-form {
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

/* @end */

/* @group Search */

.search-box {
	padding: 6px;
}

.search-box input.cat_textbox_small {
	margin: 0 3px 0 0;
}

/* @end */

/* @group Photo Gallery */

#imageContainer img {
	margin: 0;
}

table.photogalleryTable td {
	padding: 9px;
}

/* @end */

/* @group Affiliate Program */

table.affiliate-stats {
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
}

table.affiliate-stats td {
	border: 1px solid #d7d7d7;
	padding: 6px;
}

table.affiliate-stats td.var {
	color: #888;
}

/* @end */

/* @group Tell a Friend */

.tell-a-friend {
	border: 2px solid #333;
	background-color: #fff;
	color: #666;
	padding: 18px;
}

.tell-a-friend form {
	padding: 0 0 0 36px;
}

.tell-a-friend  h1 {
	border-bottom: 1px solid #ccc;
	color: #222;
	font-size: 18px;
	margin: 0;
	padding: 0 0 6px;
}

.tell-a-friend  h2 {
	border-bottom: 1px dotted #ccc;
	color: #222;
	font-size: 12px;
	margin: 18px 0 9px;
}

.tell-a-friend  td.var {
	text-align: right;
	width: 130px;
}

.tell-a-friend td {
	font-size: 11px;
	vertical-align: top;
}

.tell-a-friend  label {
	color: #888;
	font-size: 11px;
}

.tell-a-friend  input.cat_textbox_small {
	height: 21px;
}

.tell-a-friend  input.cat_textbox_small, .tell-a-friend textarea.cat_listbox {
	font-size: 11px;
	width: 300px;
}

/* @end */

/* @group Favourites */

.favourite-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {
	width: 260px;
}

.favrourite-registration input.cat_button {
	margin: 0 6px 0 0;
}


/* @end */

/* @group eCommerce Browse Panel */

.browse-panel {
	border: 1px solid #d7d7d7;
}

.browse-panel h5 {
	background: #eee url(/CatalystImages/shop_bg-browse-panel.png) repeat-x;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	margin: 0;
	padding: 9px;
}

.browse-panel h6 {
	background: #f7f7f7;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 3px 9px;
}

.browse-panel ol {
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding: 9px;
}

.browse-panel ol.browse-catalogue {
	border-bottom: none;
}

.browse-panel li {
	list-style: none;
	padding: 3px 9px;
}

.browse-panel li span {
	display: inline;
	font-weight: bold;
}

/* @end */

/* @group eCommerce Image Zoom Slider */

img.drag {
	position: relative;
	padding: 0.5em;
	/*margin: 0 0 0.5em 1.5em;*/
	margin: 0;
	cursor: move;
}
 
.slidertrack {
    background-color: #d7d7d7;
    color: #333;
    float: left;
    margin: 0;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    padding: 4px;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
}
 
.slidertrack .sliderslit {
    background-color: #333;
    color: #ccc;
    height: 2px;
    margin: 4px 4px 2px 4px;
    line-height: 0px;
    position: absolute;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #ddd #ddd #999;
}
 
.slidertrack .slider {
    width: 16px;
    background-color: #555;
    color: #333;
    position: relative;
    margin: 0;
    height: 8px;
    z-index: 1;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    border: 2px solid;
    border-color: #999 #222 #222 #999;
}
 
#zoomcontainer{
    overflow: hidden;
    position: relative;
}

#zoomcontainer img{
    position: absolute;
}

rss feed home page

.rss_box {
	 width: 200px;
	 background-color: #ffffff;
}
.rss_title, rss_title a {
	margin: 0px 0;
	padding: 0;
}
.rss_items {
     list-style:none;
       margin:0;
       padding:0;
}
.rss_item  {
  font-size: x-small;
  margin-bottom: 1em;;
}
.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	}
.rss_item a:hover { 
	}
.rss_date {
	font-size: xx-small;
	}
	
	
	
	a.download { background:url(../images/download-btn.png) no-repeat 0 0; width:237px; height:66px; display:block; text-indent:-9999px; margin:0 0 0 15px;}
a.download:hover { background-position:0 -66px;}

a.moreinfo-lge { background-image:url(../images/moreinfo-lge-btn.png); width:234px; height:67px; background-position:0 0;
text-indent:-9999px; display:block; margin:10px 0 0 0}
a.moreinfo-lge:hover { background-position:0 -67px;}
	
	
/* @end */
/* CSS Document */