/* BASE STYLES
----------------------------------------------- */
H1, .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px
}

H2, .h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	font-weight:bold
}

TABLE {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff
}

.red_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CC0000
}

.black_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000
}

/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/

/* Both browsers apply these styles to the action button */
.actn_button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCE6F9')
	}
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
	background: #A5D6FA url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("/shared/style/images/white_gradient.png") repeat-x top
}	
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
	border:3px double #8FB6DB;
	cursor:pointer;
	white-space:nowrap;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:12px;
	font-weight:bold;
	text-align:center
}
/* IE uses the filter for the blend */
.button_color {
	* filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffff',EndColorStr='#EDF3F7')
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
	background: #C7E5FB url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
	border:3px double #54A2EB;
	color:#444444;
	background: #B3D8F4 url("/shared/style/images/white_gradient.png") repeat-x top
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

/******* SPECIAL BUTTON STYLES*******/
.btn_small_update, .btn_small_change {
	font-size:9px
}		
.btn_update {
	font-size:9px
}	
.btn_continue {
	width:170px;
	padding:4px
}
.btn_add_to_cart, .btn_buy_it_now {
	width:80px;
	font-size:11px;
	margin-top:5px
}
.btn_proceed_to_checkout {
  padding:2px 2px 2px 25px;
  width:190px;
  height:32px
}	
.btn_ordering_info {
 font-size:11px;
 width:150px
}
/******* END SPECIAL BUTTON STYLES*******/

/* box around product detail quantity and add to cart button
----------------------------------------------- */
.quantity {
	border:1px solid #CCCCCC; 
	width:250px; 
	white-space:nowrap;
	padding:10px
}

/* ADDED TO CART home page, product list and product detail pages
----------------------------------------------- */
.added_to_cart {
	background-color:#FFFAF4;
	border:1px solid #E2A269;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333
	}
.added_to_cart A:link, .added_to_cart A:visited, .added_to_cart A:hover, .added_to_cart A:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333
	}

/* PRICE 
product list and some home pages
----------------------------------------------- */
.small_price {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold
}

/* product detail page */
.large_price {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold
}

/* TABS 
product detail page
----------------------------------------------- */
.tabcontainer {
	width:100%;
	position:relative;
	color:#ffffff
}
.tab_on {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#e5e5e5;
	padding:3px;
	width:165px;
	float:left;
	display:inline;
	white-space:nowrap
	}
.tab_off {
	color:#333333;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#F5F5F5;
	padding:3px;
	width:165px;
	float:left;
	cursor:pointer;
	display:inline;
	white-space:nowrap
	}
.descriptioncontainer {
	width:100%;
	position:relative
}
.detaildesc {
	border-top:4px solid #e5e5e5;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;	
	border-bottom:2px solid #e5e5e5;
	padding:5px;
	margin-bottom:10px;
	width:99%;
	text-align:left
}

/****** MULTIPLE IMAGES ****** product detail page */
.imagemediumcontainer {
    display: table-cell;
    text-align: center;
    vertical-align: middle;

    height:305px;
    width:305px
	
}
.imagemediumcontainer * {
    vertical-align: middle;
}
[if lt IE 8]>
.imagemediumcontainer span {
    display: inline-block;
    height: 100%;
}
<![endif]
.click {cursor:pointer}
.imagesmallcontainer {
	background-color:#ffffff;
	border:2px solid #CCCCCC;
	float:left;
	height:65px;
	margin:8px 4px 2px 0px;
	overflow:hidden;
	width:65px
}
.hoverover {
	clear:both;
	float:left;
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	width:300px
}
.notavailable {
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#666666;
	padding:10px;
	text-align:center
}
/* ALL CATEGORIES PAGE
----------------------------------------------- */
.category_outline {
	width:99%;
	border:1px solid #dddddd;
	text-align:center;
	margin:5px;
	padding:0px
}
.chain {
	text-align:left;
	margin-left:5px;
	font-size:13px;
	padding:4px;
	font-weight:bold;
	color:#666666
	}
.chain A:link, .chain A:visited, .chain A:active, .chain A:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:13px;
	}
.all_categories {
	width:220px
}
.all_categories A:link, .all_categories A:visited, .all_categories A:active, .all_categories A:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:13px;
	font-weight:normal
	}
.parent {
	margin-top:3px;
	margin-bottom:3px
}
.parent A:link, .parent A:visited, .parent A:active, .parent A:hover {
	font-weight:bold
	}
.parent_more {
	font-weight:bold;
	margin-top:5px;
	color:#ffffff
}
.parent_more A:link, .parent_more A:visited, .parent_more A:hover, .parent_more A:active {
	font-weight:bold;
	color:#ffffff
	}		
.sub_category {
	margin-top:5px;
	margin-bottom:5px
	}
.sub_category_more {	
	font-weight:bold;
	color:#ffffff
	}	
.sub_category_more A:link, .sub_category_more A:visited, .sub_category_more A:hover, .sub_category_more A:active {
	margin-left:1px;
	font-size:11px;
	font-weight:bold;
	color:#ffffff
	}	

.viewAllCategories {
	padding:6px 4px 6px 25px;
	line-height:normal;
	display:block;
	border-bottom:4px solid #ffffff;
	font-weight:100;
}

.viewAllCategories a:link, .viewAllCategories a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold
}

.viewAllCategories a:hover {
	text-decoration:underline;
	background-color:#edecec
}	


html, body {
border:0 none;
height:100%;
margin:0;
padding:0;
}
body {
background:#121212 none repeat scroll 0 0;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
}
h1 {
display:none;
}
h2 {
font-size:11px;
font-weight:bold;
margin-bottom:-13px;
margin-top:0;
}
.cssnav img {
border:0 none;
}
* html a:hover {
visibility:visible;
}
.cssnav a:hover img {
visibility:hidden;
}
#audio {
background:transparent url(http://www.sdav.com/images/NewBuild/audio_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#video {
background:transparent url(http://www.sdav.com/images/NewBuild/video_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#business {
background:transparent url(http://www.sdav.com/images/NewBuild/business_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#personal {
background:transparent url(http://www.sdav.com/images/NewBuild/personal_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#blank {
background:transparent url(http://www.sdav.com/images/NewBuild/blank_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#customer {
background:transparent url(http://www.sdav.com/images/NewBuild/customer_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#about {
background:transparent url(http://www.sdav.com/images/NewBuild/about_over.png) no-repeat scroll 0 0;
display:inline;
float:left;
}
#header a:hover {
color:#FFFFFF;
font-weight:bold;
}
#header a {
color:#777777;
text-decoration:none;
}
a {
color:#7DB2CE;
text-decoration:none;
}
a:hover {
font-weight:bold;
}

#breadcrumb {
left:25px;
position:absolute;
top:105px;
}
#nonFooter {
background:#121212 url(http://www.sdav.com/images/NewBuild/bottom_tile.png) repeat-x scroll center bottom;
min-height:100%;
position:relative;
width:950px;
}
* html #nonFooter {
height:100%;
}
* html #leftNav {
height:100%;
}
#header {
background:#121212 url(http://www.sdav.com/images/NewBuild/top_bar.png) no-repeat scroll center top;
height:50px;
left:193px;
position:absolute;
top:0;
width:757px;
z-index:3;
}
#logo {
background:transparent url(http://www.sdav.com/images/NewBuild/logo.png) no-repeat scroll 0 0;
height:98px;
left:0;
position:absolute;
top:0;
width:193px;
z-index:3;
}
#leftNav {
background:#FFFFFF url(http://www.sdav.com/images/NewBuild/left_tile.png) repeat-x scroll center bottom;
left:0;
min-height:100%;
position:absolute;
top:0;
width:193px;
z-index:1;
}
#bodybg {
background:transparent url(http://www.sdav.com/images/NewBuild/bottom_tile.png) repeat-x scroll center bottom;
height:633px;
margin-top:-633px;
position:relative;
width:100%;
z-index:-1;
}
#pageTile {
background:transparent url(http://www.sdav.com/images/NewBuild/page_tile.png) repeat-y scroll 0 0;
position:absolute;
top:115px;
width:757px;
}
#pageImage {
left:24px;
position:absolute;
top:135px;
width:175px;
z-index:1;
}
#pageImage2 {
height:234px;
left:199px;
position:absolute;
top:135px;
width:551px;
z-index:-1;
}
#content {
left:193px;
position:relative;
top:0;
width:757px;
z-index:1;
}
#links1 {
left:8px;
position:absolute;
top:15px;
}
#links2 {
left:198px;
position:absolute;
top:15px;
}
#links3 {
left:389px;
position:absolute;
top:15px;
}
#links4 {
color:#FFFFFF;
left:579px;
position:absolute;
top:15px;
}
#searchBox {
font-size:9px;
height:17px;
margin-left:20px;
margin-top:13px;
width:105px;
}
#searchBox2 {
font-size:9px;
height:17px;
width:105px;
}
#footer {
background:#242323 none repeat scroll 0 0;
font-size:9px;
height:18px;
margin-top:-18px;
position:relative;
width:100%;
z-index:0;
}
#footer a {
color:#7DB2CE;
}