
/* -- Tantek Celik undohtml.css -- */
:link, :visited { text-decoration:none }

ul, ol { list-style:none }

p, h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div {
	margin:0;
	padding:0
}

a img, :link img, :visited img { border:none }

a { outline: none; }

table { border-collapse: collapse; }

/* end of browser stripping */
.mir { text-indent: -9999em; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-table;
	width: 100%;
}

* html .clearfix { /* Hides from IE-mac \*/ height: 1%;/* End hide from IE-mac */ }

.clear { clear: both; }

.error {
	clear: both;
	padding: 0 0 20px 0;
}

.errorpanel {
	color: #ffc20e;
	padding: 0 0 5px 0;
}

.alignRight { text-align: right; }

address {
	font-style: normal;
	margin: 0 0 20px 10px;
}

cite { font-style: italic; }

blockquote {
	border: 1px solid #efe1d1;
	border-width: 1px 5px 5px 1px;
	padding: 15px 20px 10px 20px;
	margin: 0 0 20px 8px;
	background: #fff8ef;
}

.errorpanel { color: #DF0D3D; }

.imgPadding { padding: 10px; }

blockquote p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fff8ef url(../images/bullet_blockquote.gif) no-repeat 0 6px;
	padding: 0 0 0 35px;
	color: #555555;
	font-size: 1.1em;
	font-style: italic;
}

blockquote h3 { padding: 0 0 20px 0; }

body {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	background: #fff url(../images/body_tile_bg.gif);
}

#container {
	width: 990px;
	margin: 15px auto 0 auto;
	text-align: left;
	background: #fff url(../images/container_tile_bg.gif) repeat-y;
}

#header {
	width: 990px;
	height: 120px;
	position: relative;
	background: transparent url(../images/header_bg.gif) no-repeat;
}

#header h1 a {
	width: 220px;
	height: 80px;
	display: block;
	background: transparent url(../images/logo.gif) no-repeat;
	margin: 30px 0 0 40px;
	float: left;
	display: inline;
}

#menu {
	width: 510px;
	display: inline;
	position: absolute;
	right: 30px;
	top: 45px;
}

#menu li {
	float: left;
	display: inline;
	height: 35px;
}

#menu li a {
	height: 35px;
	float: left;
	background: #fff url(../images/menu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#menu li#blog a {
	background-position: 0 0;
	width: 70px;
}

#menu li#blog a:hover { background-position: 0 -35px; }

#menu li#about a {
	background-position: -70px 0;
	width: 93px;
}

#menu li#about a:hover { background-position: -70px -35px; }

#menu li#support a {
	background-position: -163px 0;
	width: 87px;
}

#menu li#support a:hover { background-position: -163px -35px; }

#menu li#affiliates a {
	background-position: -250px 0;
	width: 87px;
}

#menu li#affiliates a:hover { background-position: -250px -35px; }

#menu li#contact a {
	background-position: -337px 0;
	width: 85px;
}

#menu li#contact a:hover { background-position: -337px -35px }

#menu li#liveChat a {
	background-position: -422px 0;
	width: 88px;
}

#menu li#liveChat a:hover { background-position: -422px -35px; }

#banner {
	width: 975px;
	height: 200px;
	padding: 0 0 0 15px;
	position: relative;
	background: #fff url(../images/banner_bg.gif) no-repeat;
}

#captionBanner {
	width: 507px;
	height: 275px;
	float: left;
}

#captionBanner h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 650px;
	height: 75px;
	float: left;
	line-height: 75px;
	text-indent: 30px;
	font-weight: normal;
	font-size: 1.5em;
}

#banner a {
	width: 650px;
	height: 200px;
	display: block;
}

#banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_home.jpg) no-repeat;
	text-indent: -9999px;
}

#bannerHome {
	width: 975px;
	height: 200px;
	padding: 0 0 0 15px;
	position: relative;
	background: #fff url(../images/banner_bg.gif) no-repeat;
}

#bannerHome #newProducts { display: none; }

#bannerHome .image {
	float: left;
	width: 650px;
	height: 200px;
	text-indent: -9999px;
}

.ui-tabs-hide { display: none; }

.ui-tabs-panel {
	position: absolute;
	left: 70px;
	bottom: 22px;
	font-size: 1.2em;
	font-weight: 100;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.ui-tabs-panel a { color: #ffffff; }

/*#banner .fresh{
	position: absolute;
	left: 0;
	right: 0;
	float: left;
	width: 507px;
	height: 200px;
}

#banner ul#new li#blogs{
	width: 175px;
	height: 93px;
	position: absolute;
	left: 0;
	top: 77px;
}

#banner ul#new li#blogs a{
	width: 175px;
	height: 93px;
	text-indent: -9999px;
	background: url(../images/banner_home_blogs_off.jpg) no-repeat;
}

#banner ul#new li#blogs a:hover{
	background: url(../images/banner_home_blogs_on.jpg) no-repeat;
}

#banner ul#new li#affiliates{
	width: 175px;
	height: 93px;
	position: absolute;
	left: 175px;
	top: 77px;
}

#banner ul#new li#affiliates a{
	width: 175px;
	height: 93px;
	text-indent: -9999px;
	background: url(../images/banner_home_affiliates_off.jpg) no-repeat;
}

#banner ul#new li#affiliates a:hover{
	background: url(../images/banner_home_affiliates_on.jpg) no-repeat;
}*/



body.company #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_aboutus.jpg) no-repeat;
	text-indent: -9999px;
}

body.publications #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_publications.jpg) no-repeat;
	text-indent: -9999px;
}

body.blogsuite #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_blogsuite.jpg) no-repeat;
	text-indent: -9999px;
}

body.affiliates #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_affiliates.jpg) no-repeat;
	text-indent: -9999px;
}

body.account #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_affiliates.jpg) no-repeat;
	text-indent: -9999px;
}

body.services #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_services.jpg) no-repeat;
	text-indent: -9999px;
}

body.support #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_support.jpg) no-repeat;
	text-indent: -9999px;
}

body.contact #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_contactus.jpg) no-repeat;
	text-indent: -9999px;
}

body.design #banner .image, body.portfolio #banner .image, body.casestudy #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_design.jpg) no-repeat;
	text-indent: -9999px;
}

body.it #banner .image, body.networking #banner .image, body.pcsupport #banner .image, body.hardware #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_networking.jpg) no-repeat;
	text-indent: -9999px;
}

body.internet #banner .image {
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_internet.jpg) no-repeat;
	text-indent: -9999px;
}

#banner .caption {
	position: absolute;
	width: 500px;
	bottom: 0;
	font-size: 1.4em;
	z-index: 10;
}

/* html #banner .image{
		margin: 0 -3px; ma\rgin: 0;
}
*/


#nav {
	width: 310px;
	height: 200px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, geneva, sans-serif;
	font-size: 1.2em;
	/*float: left;*/
	position: absolute;
	left: 665px;
}

#nav li {
	float: left;
	width: 310px;
}

#nav li a {
	width: 245px;
	\width: 310px;
	w\idth: 245px;
	padding: 0 0 0 65px;
	background: transparent url(../images/menu_bg.gif) no-repeat 0 0;
	float: left;
	color: #fff;
	font-weight: 800;
}

#nav li#work a {
	background-position: 0 -67px;
	height: 67px;
	line-height: 67px;
}

#nav li#work a:hover { background-position: -310px -67px; }

#nav li#services a {
	background-position: 0 0;
	height: 67px;
	line-height: 67px;
}

#nav li#services a:hover { background-position: -310px 0; }

body.services #nav li#services a {
	background: transparent url(../images/menu_bg_services.gif) no-repeat 0 0;
	background-position: 0 0;
}

#nav li#products a {
	background-position: 0 -134px;
	height: 66px;
	line-height: 66px;
}

#nav li#products a:hover { background-position: -310px -134px; }

#nav li ul { font-size: 0.8em; }

#nav li ul li a { background: none; }

#wideContent {
	width: 900px;
	\width: 960px;
	w\idth: 900px;
	margin: 0 15px;
	padding: 20px 30px 20px 30px;
	background: #fff url(../images/wide_content_tile_bg.gif) repeat-x;
}

body.internet #wideContent {
	width: 930px;
	\width: 960px;
	w\idth: 930px;
	margin: 0 10px;
	padding: 20px 15px 0 25px;
}

#wideContent p, ul.aside p {
	line-height: 1.8em;
	margin: 0 0 15px 0;
}

p.disclaimer { font-size: 0.9em; }

#wideContent a { color: #363491; }

.link { background: #fff url(../images/dotted_underline.gif) repeat-x 100% 100%; }

.emphasis {
	color: #6867ad;
	font-weight: 800;
}

#fullContent {
	width: 700px;
	clear: both;
}

#leftContent {
	width: 590px;
	float: left;
	margin: 0 0 0 0;
	display: inline;
}

#leftContent a { font-weight: bold; }

#leftContent a:hover {
	color: #9A99C8;
	font-weight: bold;
}

body.internet #leftContent { margin: 0; }

#leftContent h2 {
	color: #6867ad;
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: 0.005em;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #dddddd;
}

#leftContent h3, #wideContent h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #363491;
	font-size: 1.5em;
	letter-spacing: -0.01em;
	margin: 15px 0 10px 0;
	font-weight: normal;
}

/*body.internet #wideContent h3{
	margin: 5px 0 10px 10px;
}
*/

#leftContent h4, ul.aside h4 {
	color: #6867ad;
	font-size: 1.2em;
	margin: 30px 0 10px 0;
	font-weight: 800;
}

#leftContent h4, ul.aside h4 {
	color: #6867ad;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	font-weight: 100;
}

#leftContent h5 {
	color: #6867ad;
	font-size: 1.1em;
	font-weight: 200;
	margin: 20px 0 0 0;
}

#leftContent h5 a {
	color: #6867ad;
	font-weight: 800;
}

#leftContent ol { margin: 0 0 0 30px; }

#leftContent ol li {
	list-style: decimal;
	line-height: 2em;
}

.highlight { border: 2px solid red; }

.portfolioImage {
	width: 250px;
	height: 126px;
	overflow: hidden;
	float: right;
	border: 1px solid #cccccc;
	margin: 0 0 10px 14px;
}

#rightContent {
	width: 280px;
	float: right;
	font-size: 0.95em;
}

#rightContent h6 {
	font-weight: 200;
	margin: 0 0 20px 10px;
}

#rightContent h2 {
	color: #6867ad;
	font-size: 1.25em;
	margin: 3px 0 10px 0;
	padding: 0 0 2px 0;
	background: #fff url(../images/dotted_underline.gif) repeat-x 100% 100%;
}

#rightContent h3 {
	color: #6867ad;
	margin: 5px 0 0 0;
	font-size: 1.2em;
	font-weight: 800;
}

#news {
	width: 280px;
	float: left;
	background: #fff url(../images/news_tile_bg.gif) repeat-y;
}

#news h3 {
	color: #666666;
	padding: 0 0 5px 0;
	margin: 0 30px 0 30px;
	border-bottom: 1px dotted #cccccc;
}

.newsTop {
	background: #fff url(../images/news_top.gif) no-repeat;
	width: 280px;
	height: 30px;
}

.newsBottom {
	clear: both;
	float: left;
	background: #fff url(../images/news_bottom.gif) no-repeat;
	width: 280px;
	height: 25px;
	margin: 0 0 30px 0;
}

#news ul { margin: 0 30px 0 30px; }

#news ul li {
	line-height: 1.6em;
	color: #333333;
	margin: 15px 0 0 0;
}

#news ul li .title {
	font-weight: 800;
	font-size: 1.1em;
}

#news ul li .summary { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*#news ul li span.date{
	color: #363491;
	font-weight: 800;
}

#news ul li span.date img{
	margin: 0 5px 0 0;
}
*/

#service, #mail, #statement, #portfolioGallery {
	width: 250px;
	padding: 0 20px;
	background: #fff url(../images/side_content_tile_bg.gif) repeat-y;
}

#service h3, #mail h3, #statement h3, #portfolioGallery h3 {
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
}

.serviceTop, .mailTop, .statementTop, .portfolioTop {
	background: #fff url(../images/side_content_top.gif) no-repeat;
	width: 280px;
	height: 30px;
}

#service ul, #mail ul, #statement ul, #portfolioGallery ul {
	margin: 0 20px 0 10px;
	padding: 10px 0 10px 0;
}

#service ul li, #mail ul li, #statement ul li {
	font-size: 1.1em;
	margin: 0 0 15px 10px;
	color: #333333;
	padding: 0 0 0 20px;
	background: #fff url(../images/tick_main.gif) no-repeat 0 20%;
}

#portfolioGallery ul { clear: both; }

#portfolioGallery ul li {
	float: left;
	margin: 0 0 15px 0;
}

#portfolioGallery ul li.left {
	width: 85px;
	height: 85px;
	float: left;
	display: inline;
	margin: 0 0 15px 4px;
}

#portfolioGallery ul li.right {
	width: 85px;
	height: 85px;
	margin: 0 8px 15px 0;
	display: inline;
	float: right;
}

#portfolioGallery .thumb { border: 1px solid #000; }

#rightContent #portfolioGallery a { border-bottom: none; }

#portfolioGallery .highlight {
	border-right: 3px solid #FE8C01;
	border-bottom: 3px solid #FE8C01;
	border-left: 2px solid #FE8C01;
	border-top: 2px solid #FE8C01;
	width: 77px;
	height: 77px;
}

#portfolioGallery .previous {
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}

#portfolioGallery .next {
	float: right;
	margin: 0 25px 0 0;
	display: inline;
}

#service ul li a, #mail ul li a, #statement ul li a { color: #363491; }

#service ul li a:hover, #mail ul li a:hover, #statement ul li a:hover { color: #000; }

.serviceBottom, .mailBottom, .statementBottom, .portfolioBottom {
	background: #fff url(../images/side_content_bottom.gif) no-repeat;
	width: 280px;
	height: 30px;
	margin: 0 0 10px 0;
}

#service p, #statement p {
	margin: 10px 10px 0 0;
	padding: 0 10px;
}

#service address {
	margin: 10px 10px;
	line-height: 1.7em;
	padding: 0 10px 0 10px;
}

.generalList, .supportList, .salesList {
	line-height: 1.8em;
	margin: 5px 0 20px 10px;
}

.generalList li, .supportList li, .salesList li {
	background: transparent url(../images/bullet_right.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}

.bottomContainer {
	width: 990px;
	height: 55px;
	background: transparent url(../images/container_bottom.gif) no-repeat;
}

.bottomContainer img {
	float: right;
	margin: -25px 30px 0 0;
}

#footer p {
	color: #999999;
	font-size: 0.9em;
	text-align: center;
	padding: 0 0 30px 0;
}

#footer .divider {
	color: #333;
	font-size: 1em;
	font-weight: bold;
}

#footer p a { color: #363491; }

.expand { padding: 2px 0 0 10px; }

#staffList { margin: 20px 0 0 0; }

#staffList li {
	padding: 0 10px 0 20px;
	line-height: 1.6em;
	margin: 0 0 20px 0;
}

#staffList li#greg, #staffList li#paul, #staffList li#ed, #staffList li#dhana, #staffList li#jenn, #staffList li#judy, #staffList li#geetha, #staffList li#jason, #staffList li#ross, #staffList li#debbie, #staffList li#trisha, #staffList li#wilson { display: none; }

#staffList li.humanoid { background: #fff url(../images/bullet_staff.gif) no-repeat 0 50%; }

#staffList li.humanoid a strong { color: #363491; }

#staffList li ul { margin: 0 0 0 8px; }

#staffList li ul li {
	background: #fff url(../images/bullet_arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0;
	line-height: 1.8em;
}

#staffList li a { color: #000; }

.bottomBorder { border-bottom: 1px dotted #ccc; }

/*forms*/
.row { clear: both; }

.row span.label {
	float: left;
	text-align: left;
	font-weight: 600;
}

.row span.sample {
	font-style: italic;
	color: #5aab2c;
	margin: 0 0 0 5px;
}

.row span.formLeft {
	float: left;
	margin: 0 0 10px 0;
	text-align: left;
}

.row span.formRight {
	float: right;
	text-align: left;
}

.buttonRow {
	float: right;
	border: 1px solid red;
}

.floatLeft {
	float: left;
	margin: 10px 20px 0 0;
}

.floatRight {
	float: right;
	margin: 10px 0 0 20px;
}

.border { border: 1px solid #000; }

.medium { width: 250px; }

.short { width: 150px; }

.tiny { width: 50px; }

.long { width:350px; }

.extralong { width: 430px; }

textarea, .medium, .long, .short, .tiny, select, .input50, .input150, .input250, .input200, .input350, .input300, .input450, .extralong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	border: 1px solid;
	border-bottom-color: #cccccc;
	border-right-color: #cccccc;
	border-top-color: #999999;
	border-left-color: #999999;
	margin: 0 0 0 0;
	padding: 4px 4px;
	background-color: #f5f5f5;
}

.check { margin: 0 6px 0 0; }

.radioText { margin: 0 2px 0 20px; }

.boxes {
	width: 10px;
	height: 10px;
	border: 1px solid red;
	float: left;
}

.productGallery {
	width: 160px;
	height: 220px;
	border: 1px solid #666;
	text-align: center;
}

.productGallery img { display: inline; }

.productGallery h5 {
	text-align: center;
	background: #9A99C8;
	width: 160px;
	color: #fff;
	font-weight: 800;
}

.productGallery h5 a { color: #fff; }

.productGallery ul {
	list-style-type: square;
	margin: 0 0 0 20px;
	text-align: left;
}

.rightAlign { text-align: right; }

.leftAlign { text-align: left; }

a.external {
	background: #fff url(../images/bullet_external_link.gif) no-repeat 100% 500%;
	padding: 0 14px 0 0;
}

a.internal {
	background: #fff url(../images/bullet_internal_link.gif) no-repeat 100% 0;
	padding: 0 10px 0 10px;
}

#portfolio {
	width: 588px;
	\width: 590px;
	w\idth: 588px;
	height: 343px;
	\height: 345px;
	he\ight: 343px;
	text-align: center;
	border: 1px solid #e3e3e3;
}

#portfolio #loader {
	clear: both;
	display: block;
	text-align: center;
	margin: 50px 0 0 0;
}

#portfolio #loader img {
	width: auto;
	height: auto;
	margin: 60px 0 0 0;
}

#portfolio h3 {
	font-size: 1.25em;
	font-weight: 800;
	text-align: left;
	color: #333;
	padding: 0 0 10px 0;
	margin: 10px 20px 0 20px;
}

#portfolio h4 {
	margin: 15px 0 20px 15px;
	font-size: 1.15em;
	font-weight: 800;
	color: #333;
}

#portfolio img {
	max-width: 588px;
	max-height: 300px;
	margin: 0 auto 0 auto;
}

.pager {
	background-color: #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eeeeee;
	width: 588px;
	\width: 590px;
	w\idth: 588px;
	height: 26px;
	font: 1.0em "Trebuchet MS";
	font-weight: bold;
	margin: 0 0 20px 0;
}

.pager li.previous, .pager li.next {
	background: none;
	text-align: right;
	float: right;
	color: #333;
	margin: 3px 8px 0 0;
}

.pager li.view {
	width: 100px;
	float: left;
	margin: 3px 0 0 8px;
	background: transparent url(../images/bullet_view_site.gif) no-repeat 55% 50%;
	padding: 0 20px 0 0;
	display: none;
}

.pager li.previous {
	width: 80px;
	background: none;
}

.pager li.next {
	width: 50px;
	background: none;
}

dl.contactForm, dl.supportForm {
	width: 590px;
	float: left;
}

dl.contactForm dt, dl.supportForm dt {
	clear:both;
	width: 120px;
	float: left;
	text-align: right;
	margin: 0 0 10px 0;
	padding: 0 15px 0 0;
}

dl.contactForm dd, dl.supportForm dd {
	width: 455px;
	float: right;
	margin: 0 0 10px 0;
}

.required { font-weight: bold;/*color: #2C7ECA;*/ }

#portfolioPager {
	width: 200px;
	margin: 0 0 0 15px;
}

#portfolioPager a:hover {
	color: #85AE2C;
	font-weight: 800;
	font-size: 1.2em;
}

#portfolioPager a.currentPage {
	font-size: 1.2em;
	color: #85AE2C;
	font-weight: 800;
}

ul.categories li {
	width: 212px;
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

.packageTop {
	width: 212px;
	height: 38px;
	position: relative;
}

.packageTop h6 {
	position: absolute;
	left: 130px;
	top: 0px;
	color: #363491;
}

.packageTop h6 span.smallText {
	font-weight: 100;
	font-size: 0.95em;
}

.packageTop h5 {
	width: 212px;
	height: 38px;
	font: 1.2em "Trebuchet MS";
	font-weight: bold;
	line-height: 38px;
	background: transparent url(../images/bullet_package.gif) no-repeat 100% 50%;
	z-index: 10;
}

.packageTop h5 a {
	width: 202px;
	\width: 212px;
	w\idth: 202px;
	height: 38px;
	padding: 0 0 0 10px;
	display: block;
	background: #fff url(../images/package_top.gif) no-repeat 0 0;
	z-index: 0;
}

ul.categories ul {
	width: 210px;
	\width: 212px;
	w\idth: 210px;
	height: 273px;
	\height: 285px;
	he\ight: 273px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #666666;
	padding: 0 0;
}

ul.categories ul li {
	margin: 0;
	width: 176px;
	\width: 190px;
	w\idth: 176px;
	background: #fff url(../images/bullet_categories.gif) no-repeat 0 50%;
	padding: 0 0 0 14px;
	margin: 0 10px 6px 10px;
	line-height: 1.2em;
}

ul.categories ul li.image {
	background: none;
	padding: 0;
	margin: 0;
}

ul.categories ul li img {
	width: 210px;
	height: 80px;
}

ul.categories ul li.price {
	color: #CC0000;
	font-weight: bold;
}

.external {
	margin: 0 0 0 2px;
	line-height: 1.6em;
}

.radiolist {
	font-size: 1em;
	font-weight: 100;
}

.radioList label { margin: 0 0 2px; }

#leftContent a, #rightContent a { /*background: #fff url(../images/underline.gif) repeat-x 0 100%;**/ border-bottom: 1px dotted #9A99C8;/*padding: 0 0 2px 0; */ }

#leftContent a img, #rightContent a img { border-bottom: none; }

.noBorder { border: none; }

.buttonRow { clear: both; }

dl.buyForm, dl.form {
	width: 330px;
	float: left;
}

dl.buyForm dt, dl.form dt {
	clear:both;
	width: 330px;
	float: left;
	text-align: left;
}

dl.buyForm dd, dl.form dd {
	width: 330px;
	float: left;
	margin: 0 0 15px 0;
}

dl.creditForm {
	width: 700px;
	margin: 20px 0 0 0;
}

dl.creditForm dt {
	clear:both;
	width: 700px;
	float: left;
	text-align: left;
}

dl.creditForm dd {
	width: 700px;
	float: left;
	margin: 0 0 15px 0;
}

#left {
	width: 430px;
	float: left;
	border-right: 1px solid #ccc;
}

#right {
	width: 400px;
	\width: 430px;
	w\idth: 400px;
	padding: 0 0 0 30px;
	float: left;
}

#left address, #right address { margin: 10px 0 0 0; }

#left h6, #right h6 { line-height: 2.5em; }

#wideContent h3.productDetail {
	font-size: 1.6em;
	font-weight: bold;
	color: #85AE2C;
}

#wideContent h3 em { color: #CC0000; }

dl.productDetail {
	width: 700px;
	\width: 702px;
	w\idth: 700px;
	float: left;
	border: 1px solid #ddd;
	display: inline;
}

dl.productDetail dt {
	width: 295px;
	\width: 310px;
	w\idth: 295px;
	padding: 0 5px 0 10px;
	float: left;
	line-height: 2.5em;
	background: #fff url(../images/dt_tile_bg.gif) repeat-y;
	border-bottom: 1px solid #ddd;
	color: #6867ad;
	font-weight: 600;
	clear: both;
}

dl.productDetail dd {
	width: 375px;
	\width: 390px;
	w\idth: 375px;
	padding: 0 10px 0 5px;
	float: right;
	margin: 0;
	line-height: 2.5em;
	border-bottom: 1px solid #ddd;
}

dl.productDetail dt.title {
	width: 0;
	background: none;
	padding: 0;
	border: none;
}

dl.productDetail dd.title {
	width: 410px;
	\width: 420px;
	w\idth: 410px;
	padding: 0 0 0 10px;
	border: none;
}

#Template_Content_HideAccessories h4, #Template_Content_RelatedProducts h4 {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 5px 0;
}

.optionsList li {
	width: 50%;
	float: left;
	line-height: 1.8em;
}

.relatedList {
	margin: 0 0 0 20px;
	list-style: square;
	line-height: 1.8em;
}

#Template_CC_CartVisibility {
	background: #fff url(../images/cart_bg.gif) no-repeat;
	width: 254px;
	height: 28px;
	position: absolute;
	right: 10px;
	top: 12px;
}

#Template_CC_CartVisibility li {
	display: inline;
	float: left;
}

#Template_CC_CartVisibility li#quantity {
	background: transparent url(../images/cart_quantity.gif) no-repeat;
	width: 158px;
	height: 21px;
	margin: 0 0 0 15px;
	text-indent: 85px;
	line-height: 21px;
	color: #85AE2C;
	font-weight: bold;
}

#Template_CC_CartVisibility li#checkout {
	background: transparent url(../images/cart_checkout.gif) no-repeat;
	text-indent: -9999px;
	width: 75px;
	height: 21px;
	margin: 0 6px 0 0;
}

#Template_CC_CartVisibility li#checkout a {
	display: block;
	text-indent: -9999px;
	width: 75px;
	height: 21px;
}

.cart {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1em;
}

.cart tr {
	line-height: 2em;
	padding: 10px 0;
}

.cart tr th {
	background: #85AE2C;
	color: #fff;
	padding: 0 5px;
}

.cart tr td {
	color: #333333;
	padding: 0 5px;
}

.cart tr.item {
	border-bottom: 1px solid #dddddd;
	height: 30px;
}

.cart tr.alternate {
	border-bottom: 1px solid #dddddd;
	background: #eee;
	height: 30px;
}

.cart tr.subtotal {
	font-weight: 800;
	text-align: right;
	height: 50px;
}

.cart tr.total {
	color: #fff;
	font-weight: 800;
	background: #85AE2C;
}

.cart a { border-bottom: 1px dotted #9C9ACE; }

.cart td.pricelink, .cart th.header { text-align: right; }

.cart td input {
	float: right;
	text-align: right;
}

.dropdown {
	width: 200px;
	margin: 10px 0 10px 0;
}

#Template_Content_Add { float: right; }

.cartbuttons {
	width: 250px;
	float: left;
}

#Template_Content_MyCheckOut { float: right; }

.continue { float: right; }

#breadcrumb {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #ddd;
	color: #666;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
}

fieldset.productDetails, fieldset.selectProduct {
	border: none;
	border-top: 1px solid #85AE2C;
	padding: 10px 10px;
	margin: 0 0 10px 0;
}

fieldset.selectProduct {
	clear: both;
	border-top: 1px solid #6867AD;
}

fieldset.productDetails legend {
	color: #fff;
	background: #85AE2C;
	padding: 2px 5px;
}

fieldset.selectProduct legend {
	color: #fff;
	background: #6867AD;
	padding: 2px 5px;
}

fieldset.productDetails ul li { line-height: 1.8em; }

/* affiliates */
#affiliatesMenu {
	width: 720px;
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0 0 10px 0;
	font-weight: 100;
}

#affiliatesMenu li {
	float: left;
	line-height: 2.2em;
	margin: 0 5px 0 5px;
	font-weight: 100;
}

#affiliatesMenu li a {
	display: block;
	padding: 0 5px;
	background: #6867AD;
	color: #fff;
}

#affiliatesMenu li a:hover, #affiliatesMenu li a.on {
	background: #84AE29;
	color: #fff;
}

/* new pager */
.accountPager {
	float: right;
	height: 30px;
}

.accountPager a.disabled { color: #eee; }

.accountPager.firstPager, #Template_Content_FirstPage {
	background: transparent url(../images/icon_pager_first.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
	height: 20px;
}

#Template_Content_PreviousPage, .accountPager.previousPager {
	background: transparent url(../images/icon_pager_previous.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
}

#Template_Content_NextPage, .accountPager.nextPager {
	background: transparent url(../images/icon_pager_next.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
	margin: 0 0 0 10px;
}

#Template_Content_LastPage, .accountPager.pagerLast {
	background: transparent url(../images/icon_pager_last.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
	margin: 0 0 0 10px;
}

dl.info {
	width: 300px;
	float: left;
	background: #EFF0FF;
}

dl.info dt {
	width: 125px;
	\width: 130px;
	w\idth: 125px;
	padding: 0 0 0 5px;
	line-height: 2.2em;
	float: left;
	font-weight: 800;
}

dl.info dd {
	width: 165px;
	\width: 170px;
	w\idth: 165px;
	padding: 0 0 0 5px;
	line-height: 2.2em;
	float: left;
	margin: 0;
}

dl.info dt.alt, dl.info dd.alt { background: #fff; }

ul.affiliates { margin: 0 0 20px 20px; }

ul.affiliates li {
	line-height: 1.6em;
	list-style: square;
}

ul.affiliates ul { margin: 0 0 0 30px; }

ul.affiliates ol { margin: 0 0 0 40px; }

ul.affiliates ol li { list-style-type: decimal; }

.tier {
	width: 546px;
	\width: 590px;
	w\idth: 546px;
	padding: 20px;
	background: #fffeef;
	border: 1px solid #efd8c2;
	border-right: 2px solid #efd8c2;
	border-bottom: 2px solid #efd8c2;
	margin: 0 0 10px 0;
}

.tier h1 {
	font-size: 1.2em;
	margin: 0;
}

.tier h5 {
	color: #6867AD;
	background: transparent;
	text-decoration: underline;
}

.condition {
	width: 546px;
	\width: 590px;
	w\idth: 546px;
	padding: 20px;
	margin: 0 0 20px 0;
	border: 1px solid #efb0a4;
	border-right: 2px solid #efb0a4;
	border-bottom: 2px solid #efb0a4;
	font-size: 0.9em;
	background: #FFEFEF;
}

.longcondition {
	width: 880px;
	\width: 900px;
	w\idth: 880px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #FFCFCF;
	border-right: 2px solid #FFCFCF;
	border-bottom: 2px solid #FFCFCF;
	font-size: 0.9em;
	background: #FFEFEF;
}

fieldset.whole {
	clear: both;
	border: none;
	border-top: 1px solid #6867AD;
	padding: 10px 10px;
	margin: 0 0 10px 0;
}

fieldset.whole legend {
	color: #fff;
	background: #9A99C8;
	padding: 2px 5px;
	font-weight: 800;
}

fieldset.accountLeft {
	width: 310px;
	\width: 330px;
	w\idth: 310px;
	border: none;
	border-top: 1px solid #6867AD;
	padding: 10px 10px;
	margin: 0 0 10px 0;
	float:left;
}

fieldset.accountRight {
	width: 310px;
	\width: 330px;
	w\idth: 310px;
	border: none;
	border-top: 1px solid #6867AD;
	padding: 10px 10px;
	margin: 0 0 10px 0;
	float: right;
}

fieldset.accountLeft legend, fieldset.accountRight legend {
	color: #fff;
	background: #9A99C8;
	padding: 2px 5px;
	font-weight: 800;
}

.sitemap { margin: 0 0 0 40px; }

.sitemap li {
	line-height: 2em;
	list-style: decimal;
}

.sitemap ul { margin: 0 0 0 20px; }

.sitemap ul li { list-style: lower-roman; }

ul.aside {
	font-size: 0.95em;
	color: #666666;
	clear: both;
	width: 900px;
	min-height: 200px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	background: url(../images/bg_aside.gif) no-repeat;
}

ul.aside li {
	float: left;
	width: 260px;
	padding: 0 20px 0 0;
	margin: 0 30px 0 0;
}

ul.aside li.last {
	float: left;
	width: 260px;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
}

ul.aside li ul.networking li {
	width: 260px;
	padding: 7px 0;
}

ul.aside li ul.networking li img {
	vertical-align: middle;
	padding: 0 0 0 0;
}

ul.aside a { color: #3634b8; }

.portfolio .image {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 1px solid #cccccc;
	float: right;
	margin: 0 0 0 20px;
}

ul.list {
	margin: 0 0 20px 20px;
	list-style: circle;
}

ul.list li { padding: 5px 0; }

ul.listBlogsuite {
	float: left;
	margin: 0 0 20px 20px;
	list-style: circle;
	clear: both;
}

ul.listBlogsuite li {
	float: left;
	width: 250px;
	padding: 5px 0;
}
