@charset "UTF-8";
/* CSS Document */

<!--
body {
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}

img { border:0; }

.wrap { width:950px; border-left:3px solid #fff; border-right:3px solid #fff; margin:0 auto;background-image: url(/images/wrapbg.gif); background-color:#000000;background-repeat:repeat-x; overflow:hidden; }

#toparea {
	background-image: url(/images/toparea.gif);
	width:930px;
	height:22px;
	margin:0 auto;
	color:#FFFFFF;
	font-size:0.69em;
	font-weight:bold;
	text-align:right;
	padding:6px 10px 0 10px;
	}
#toparea ul { display:inline; list-style-type:none; margin:0px; padding:0px;}
#toparea li { display:inline; list-style-type:none;margin:0px; padding:0 9px; }
#toparea a:link { color:#fff; text-decoration:none;  }
#toparea a:hover { color:#67d6ff; text-decoration:none;  }
#toparea a:visited {color:#fff; text-decoration:none;  }

.switcher { float:left; width:135px; text-align:left; line-height:19px; }
.switchtext { float:left; }
.blackstyle { background-color:#000000; height:15px; width:15px; border:1px solid #fff; float:right; cursor:pointer; margin:0 5px 0 0; }
.bluestyle { background-color:#005b7b; height:15px; width:15px; border:1px solid #fff; float:right; cursor:pointer; margin:0 5px 0 0; }
.greystyle { background-color:#ccc; height:15px; width:15px; border:1px solid #fff; float:right; cursor:pointer; margin:0 5px 0 0; }


#header {
	background-image: url(/images/newheader.gif);
	width:950px;
	height:122px;
	margin:0 auto;
	text-align:center;
	padding:47px 0 0 0; 
	}
	
#mainbg {
	width:920px;
	margin:0 auto;
	color:#FFFFFF;
	text-align:left;
	padding:15px;
	overflow:hidden;
	}
	
#intro {
	background-image: url(/images/intro.gif);
	background-repeat:repeat-x;
	width:923px;
	padding:0 0 10px 0;
	margin:0 auto;
	overflow:hidden;
}

#introtext a:link { color:#67d6ff; text-decoration:none;  }
#introtext a:hover { color:#fff; text-decoration:underline;  }
#introtext a:visited {color:#67d6ff; text-decoration:none;  }
#introtext a:active {color:#67d6ff; text-decoration:none;  }

#flash {
	width:550px;
	height:243px;
	float:left;
	}
	
#introtext {
	width:355px;
	height:243px;
	float:right;
	}

#introtext p {
	font-size:0.69em;
	line-height:14px;
	}	
	
#introtext h1 { font-weight:bold;
	font-size:1.0em;
	margin-bottom:10px;
	}
	
#main {
	background-image: url(/images/whitemid.gif);
	background-repeat:repeat-y;
	width:920px;
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
}

#left {
	width:175px;
	float:left;
	font-size:0.69em;
	}
	
#middle {
	width:505px;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	margin-left:32px;
	color:#000000;
	font-size:0.69em;
	}
	
#right {
	width:175px;
	float:right;
	font-size:0.69em;
	}
	
#browse {	width:175px;padding-top:10px;overflow:hidden;background-image: url(/images/sidebar-top.gif);background-repeat:no-repeat;margin-bottom:10px;	}
#browse p { margin:0px; padding:0px; }
#browse ul {list-style-type:none;padding: 10px 0px 0px 0px; margin:0px 0px 0px 1px;}
#browse li {display:block;border-bottom:1px solid #666;list-style-type:none;}
#browse li a:link {background-color:#000000;display:block;color:#FFFFFF;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}
#browse li a:active {background-color:#000000;display:block;color:#FFFFFF;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}
#browse li a:visited {background-color:#000000;display:block;color:#FFFFFF;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}
#browse li a:hover {background-color:#333;color:#FFFFFF;display:block;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}

#accountbar {	width:175px;padding-top:10px;overflow:hidden;background-image: url(/images/sidebar-top.gif);background-repeat:no-repeat;margin-bottom:10px;	}
#accountbar p { margin:0px; padding:0px; }
#accountbar ul {list-style-type:none;padding: 10px 0px 0px 0px; margin:0px 0px 0px 1px;}
#accountbar li {display:block;border-bottom:1px solid #666;list-style-type:none;}
#accountbar li a:link {background-color:#000000;display:block;color:#FFFFFF;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}
#accountbar li a:active {background-color:#000000;display:block;color:#FFFFFF;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}
#accountbar li a:visited {background-color:#000000;display:block;color:#FFFFFF;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}
#accountbar li a:hover {background-color:#333;color:#FFFFFF;display:block;height:19px;padding-top:5px;padding-left:5px;width:168px;text-decoration:none;}

#searchbar {	width:175px;padding-top:10px;overflow:hidden;background-image: url(/images/sidebar-top.gif);background-repeat:no-repeat;margin-bottom:10px;	}

#basket {	width:175px;padding-top:10px;overflow:hidden;background-image: url(/images/sidebar-top.gif);background-repeat:no-repeat;margin-bottom:10px;	}
#basket p { margin:0px; padding:0px; }
#basket a:link {color:#67d6ff;text-decoration:none;}
#basket a:active {color:#67d6ff;text-decoration:none;}
#basket a:visited {color:#67d6ff;text-decoration:none;}
#basket a:hover {color:#FFFFFF;text-decoration:underline;}



#blogsidebar { color:#fff;width:175px;padding-top:10px;overflow:hidden;background-image: url(/images/sidebar-top.gif);background-repeat:no-repeat;margin-bottom:10px;	}
#blogsidebar ul { list-style-type:none; }
#blogsidebar li { list-style-type:none; }
#blogsidebar p { margin:0px; padding:0px; }
#blogsidebar a:link {color:#67d6ff;text-decoration:none;}
#blogsidebar a:active {color:#67d6ff;text-decoration:none;}
#blogsidebar a:visited {color:#67d6ff;text-decoration:none;}
#blogsidebar a:hover {color:#FFFFFF;text-decoration:underline;}
#blogsidebar h2 { color:#fff; }

.sidepadding { width:155px; padding:10px 10px 0px 10px; }


.sidebarhead {
	font-weight:bold;
	padding-left:7px;
	text-transform:uppercase;
	}

.sidebarsfoot {	background-image: url(/images/sidebar-foot.gif);	width:175px;height:29px;}
	
.sidebarheadgreen {
	font-weight:bold;
	color:#d6242a;
	text-transform:uppercase;
	}
	
#footerarea {
	width:920px;
	font-size:0.69em;
	clear:both;
	padding-top:10px;
	overflow:hidden;
	color:#CCC;
	margin:0 auto;
}

#footerarea a, a:active, a:visited {
	color:#bbb;
	padding:0px;
	background:none;
	text-decoration:none;
	display:inline;
}
#footerarea a:hover {
	color:#fff;
	padding:0px;
	background:none;
	display:inline;
	text-decoration:underline;
}
#footerarea ul {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}
#footerarea li {
	list-style:none;
	display:inline;
	padding-left:5px;
	padding-right:5px;
	border-left:1px solid #fff;
}
#footerleft {
	float:left;
	width:400px;
	text-align:left;
}
#footerright {
	float:right;
	width:500px;
	text-align:right;
}
	
#onecolumn {
	width:890px;
	background-color:#FFFFFF;
	padding-top:15px;
	padding-bottom:15px;
	overflow:hidden;
	padding-left:15px;
	padding-right:15px;
	color:#000000;
	font-size:0.69em;
	}
	
#main2 {
	background-image: url(/images/whiteright.gif);
	background-repeat:repeat-y;
	width:920px;
	clear:both;
	margin-bottom:10px;
	padding:15px;
	overflow:hidden;
}
	
#twocolumnright{
	width:696px;
	padding-top:15px;
	padding-bottom:15px;
	overflow:hidden;
	float:left;
	margin-left:25px;
	color:#000000;
	font-size:0.69em;
	}
	
#homecolumnright h2 { color:#3da1be; }
	
	#twocolumnright a:link {color:#3da1be;text-decoration:none;}
#twocolumnright a:active {color:#3da1be;text-decoration:none;}
#twocolumnright a:visited {color:#3da1be;text-decoration:none;}

#twocolumnright h1 h2 { color:#3da1be; }
	
.paddingleft50 {
	margin-left:50px;
	}
	
.homeboxes {
	margin:0 auto;
	width:500px;
	height:362px;
	background-image: url(/images/homeboxes.gif);
	}
	
.homebox1 {
	width:158px;
	float:left;
	text-align:center;
	}
	
.homeboxes p { margin:0px; padding:0px; }

.homebox2 {
	width:158px;
	margin-left:12px;
	margin-right:12px;
	float:left;
	text-align:center;
	}
	

.homebox3 {
	width:158px;
	float:right;
	text-align:center;
	}
	
.homeboxtext {
text-align:left;
padding-top:15px;
width:127px;
margin:0 auto;
}

#infoarea {
	background-image:url(/images/footerarea.gif);
	color:#ccc;
	font-size:0.69em;
	width:890px;
	height:110px;
	margin-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
	margin:0 auto;
}

#infoarea  p {
	margin:0px; padding:0px;
	}

#infoleft {
float:left;
width:430px;
overflow:hidden;
text-align:left;
}

#inforight {
	float:right;
	width:430px;
	overflow:hidden;
	text-align:right;
	}
	
.rssheader {
	font-size:2.2em;
	color:#FFFFFF;
	}
	
#infoarea a:link { color:#fff; text-decoration:none;  }
#infoarea a:hover { color:#fff; text-decoration:underline;  }
#infoarea a:visited {color:#fff; text-decoration:none;  }
#infoarea a:active {color:#fff; text-decoration:none;  }

.blogsearch { width:100px; border:1px solid #ccc; }

#blogsidebar {	width:175px;padding-top:10px;overflow:hidden;background-image: url(/images/sidebar-top.gif);background-repeat:no-repeat;margin-bottom:10px;	}
#blogsidebar ul { list-style-type:none; }
#blogsidebar li { list-style-type:none; }
#blogsidebar p { margin:0px; padding:0px; }
#blogsidebar a:link {color:#67d6ff;text-decoration:none;}
#blogsidebar a:active {color:#67d6ff;text-decoration:none;}
#blogsidebar a:visited {color:#67d6ff;text-decoration:none;}
#blogsidebar a:hover {color:#FFFFFF;text-decoration:underline;}


.newsbox { padding:10px; margin-bottom:10px; margin-top:8px; width:300px; }

.boldtext {
 color:#000; font-weight: bold; }
 
 
 
/* Reseller Form */

.fields { color:#666666; border:1px solid #ccc; padding:2px; width:210px; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.contactfields { color:#666666; border:1px solid #ccc; padding:2px; width:280px; margin-top:2px; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.dropdowns { color:#666666; border:1px solid #ccc; padding:2px; width:216px; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.button { margin-top:6px; }
.contactform {width:280px;float:left;margin-right:40px;padding-bottom:15px;}
.formhead {background-color:#CCCCCC; padding:2px; font-size:1.3em; font-weight:bold; padding-left:5px; }

.style2 { color: #008000 }
.style3 { color: #c33131 }
.tickyellowbox {background-color: #eff6ef;border: 1px solid #008000;}
.tickredbox {background-color: #f9eaea;border: 1px solid #c33131;}
.linkbox {width: auto;border: 1px #BCCFDE solid;background-color:#DDE5ED;padding: 10px 10px 10px 10px;color:#000000;
}

/* Homepage Tabs */

#hp_tabs { overflow:hidden; }
#hp_tabs a { background:url(../images/home-tab-sprite.jpg) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block; width:164px; height:268px; float:left; display:inline; margin:0 6px 10px 0 }

a#ipad_accs, a#iphone_accs { margin:0 }

#hp_tabs a#iphone_power { background-position: 0 0 }
#hp_tabs a#ipod_accs { background-position: -171px 0 }
#hp_tabs a#ipad_accs { background-position: -342px 0 }
#hp_tabs a#cables { background-position: 0 -275px; margin:0 6px 0 0 }
#hp_tabs a#macbook_accs { background-position: -171px -275px; margin:0 6px 0 0 }
#hp_tabs a#iphone_accs { background-position: -342px -275px; }

#hp_tabs a:hover#iphone_power { background-position: -506px 0 }
#hp_tabs a:hover#ipod_accs { background-position: -677px 0 }
#hp_tabs a:hover#ipad_accs { background-position: -848px 0 }
#hp_tabs a:hover#cables { background-position: -506px -275px; margin:0 6px 0 0 }
#hp_tabs a:hover#macbook_accs { background-position: -677px -275px; margin:0 6px 0 0 }
#hp_tabs a:hover#iphone_accs { background-position: -848px -275px; }

/* Homepage Slider */

#carousel-wrap { width:912px; padding:0 5px; background: url(/images/slider-wrap-bg.gif) no-repeat 0 0 }
#carousel { overflow:hidden; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300 }
.slide-title { font-weight:bold; font-size:20px; color:#eee }
.slide-text { font-size:16px; letter-spacing:-0.5px; display:block; color:#ddd; margin:5px 0 15px 0 }
a.slide-btn { width:124px; height:23px; background:url(/images/more-info-btn.gif) no-repeat 0 0; display:block; overflow:hidden; text-indent:-9999px; }
a:hover.slide-btn { background-position:0 -23px; }
.hide { display:none !important; visibility:hidden !important; height:0 !important; width:0 !important}
.ic-progress-bar { height:4px !important; background:url(/images/loader-bar-bg.gif) no-repeat 0 0 }