/* by Sasha
---------------- */

body {font:12px/14px normal Arial, Helvetica, sans-serif; }
a {color:#5084BC; text-decoration:underline;}
a:hover {color:#5084BC; text-decoration:none;}
.floatL {float:left;}
.floatR {float:right;}

/* digiShop hacks */
#widgetCategories {}
 #widgetCategories .top {padding:10px; background:url(../images/1px_blue.jpg) repeat-x; clear:both; color:#fff; font-weight:bold;}
 #widgetCategories .body ul {}
     #widgetCategories .body ul li {padding:10px; border-bottom:1px solid #ccc;}
	   #widgetCategories .body ul li a {text-decoration:none; color:#333; }
	   #widgetCategories .body ul li a:hover {text-decoration:none; color:#5084BC; }
	   
#widgetSidebar {margin:20px 0 10px 0; border-bottom:1px solid #ccc;}
 #widgetSidebar .top {padding:10px; background:url(../images/1px_green.jpg) repeat-x; clear:both; color:#fff; font-weight:bold;}	   
 #widgetSidebar .body {padding:10px;}

#hpContent .details .buttons .addToCartBtn {width:85px; height:19px; margin:0 auto; background:transparent url(../images/medium_btn.gif) no-repeat scroll center center;} 
#hpContent .details .buttons .addToCartBtn .sublink {color:#fff; text-decoration:none; font-size:11px;}
#hpContent .details .buttons .detailBtn {background:transparent url(../images/small_btn.gif) no-repeat scroll center center;font-size:11px; font-weight:normal;}
.submitBtn {width:142px; height:31px; background:transparent url(../images/btn_add_to_cart.jpg) no-repeat; font-size:120%; color:white; border:none;}

#productGrid h2, #categoryGrid h2 {font-size:16px; color:#666; line-height:20px; margin-bottom:10px;}
	   
/* home page */
#hpContent {clear:both}
.hpPromo {border-top:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:20px;}
 .hpPromo  .hpTitle {font-size:18px; margin:10px; color:#06C;}
 .hpPromo  h4 {margin:10px 0;}
 .hpPromo  .sprice { margin-top:10px; font-size:12px; font-weight:bold;}
 .hpPromo  .hpDetails { }
 .hpPromo  a {color:#5D95D0; text-decoration:underline;}
 .hpPromo  a:hover {color:#5D95D0; text-decoration:none;}
 .hpPromo p {margin-top:5px;}

/* layout definition */
#wrapper {width:900px; margin:20px auto;}
#header {clear:both; color:#fff; }
 #logo {float:left; width:200px; margin:0 20px 0 0;  }
 #headerRight{float:right; width:680px; }
 #headerRight a {color:#fff; text-decoration:none; }
 #headerRight a:hover {text-decoration:underline; }
 #headerRight .header1stRow { margin-bottom:5px; color:#000;}
   #headerRight .header1stRow .firstElement a{color:#23A491; font-weight:bold; }
   #headerRight .header1stRow .secondElement {font-weight:bold; }
 #headerRight .header2ndRow {height:40px; background:url(../images/1px_blue.jpg) repeat-x; clear:both;}
   #headerRight .header2ndRow p, #headerRight .header2ndRow form { float:left; display:block; margin:10px 10px 0 10px; }
     #headerRight .header2ndRow p a {padding:5px; background:#5084BC; border:1px solid #fff; font-weight:bold;}
	 #headerRight .header2ndRow p a:hover {text-decoration:none; background:none;}
   #headerRight .header2ndRow form {display:inline;}
   #headerRight ul.header3rdRow {height:40px; padding:10px 0; background:url(../images/1px_green.jpg) repeat-x; clear:both; list-style:none; }
     #headerRight ul.header3rdRow li {float:left; padding:0 13px; border-right:1px solid #fff;}
	   #headerRight ul.header3rdRow li a {color:#fff; text-decoration:none; font-weight:bold;}
	   #headerRight ul.header3rdRow li a:hover {text-decoration:underline;}
#content {clear:both;}
 #content #leftCol {width:200px; float:left; margin-right:10px;}
   #content #leftCol h3 {padding:10px; background:url(../images/1px_blue.jpg) repeat-x; color:#fff;}
   #content #leftCol img {margin-top:10px;}
 #content #rightCol {float:right; width:675px; }
 #content #rightCol .introText {font-size:16px; line-height:20px;}
#footer {float:right; width:675px; margin:30px 0; clear:both;}


/* `Clear Floated Elements, http://sonspring.com/journal/clearing-floats */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }