/* 
Rare IT Solutions Layout Style Sheet for Storage Concepts / Interior Concepts
Designed by Gary White, constructed by John Simpson

Colour Pallet
Colour		ID			Description
======		=======		===================
Red			#EE3224		Storage Concepts
Blue		#009DDC		Interior Concepts
Grey		#717171		Text
Dark grey	#4E4E4E		Nav Links

Notes: order of short hand = top, right, bottom, left 
*/

/* Generic Styles */
body,html { background:#c9c9c9; margin:0px; padding:0px; color: #585858; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:14px; }
p { color: #585858; font-weight: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin:5px 0 5px 0; padding:0; }
div { margin: 0px 0px 0px 0px; }
hr { color:#D9D9D9; height:1px; margin-bottom:5px; }
ul.sc_bullet { list-style-image:url(../images/sc_bullet.gif); padding-left:15px; margin-left:0px; }
ul.ic_bullet { list-style-image:url(../images/ic_bullet.gif); padding-left:15px; margin-left:0px; }
div.hr { height:1px; background-image:url(../images/divider.gif); background-repeat:repeat-x; background-position:top; padding:0; margin:10px 0 10px 0; }
div.hr hr { display: none; }
.clear { clear:both; }
/* */

/* DIV's */
.maincontainer { width:100%; background-image: url(../images/template/bg-repeat.gif); background-repeat:repeat-x; background-position:top; background-color:#fff; }
#main { width:758px; background-color:#fff; background-image:url(../images/template/header-repeat.gif); background-repeat:repeat-x; background-position:top; text-align:left; padding:21px 10px 21px 10px; height:100%; }
#wrapper-l { background-image:url(../images/template/border-left.gif); background-repeat:no-repeat; background-position:left top; width:808px; } 
#wrapper-r { background-image:url(../images/template/border-right.gif); background-repeat:no-repeat; background-position:right top; width:808px; } 
#storagelogo { float:left; width:150px; padding:10px 0 0 20px; }
#topnav { float:right; width:519px; padding-top:80px; }
#leadtextbox { width:736px; border:#D9D9D9 solid 1px; font-size:10px; padding:10px; }
#scleadtextbox { width:545px; border:#D9D9D9 solid 1px; font-size:10px; padding:10px; margin-right:10px; float:left; }

#leftnavigation { width:181px; float:left; margin-right:10px; margin-top:10px; }
#rightnavigation { width:181px; float:right; margin-right:0px; margin-top:10px; }
#sc_landing_content { width:565px; margin-top:10px; float:left; }
#footer-wrapper { width:100%; background-color:#c9c9c9; clear:both; }
#footer { width:738px; color:#FFFFFF; font-size:9px; padding:10px 10px 2px 10px; text-align:left; }

#hp-main { float:left; width:491px; padding:20px 14px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; }
#hp-main p { line-height:18px; margin:10px 0 5px 0; }
#hp-rn { float:left; width:243px; padding:20px 0 0 0; }
#hp-full { clear:both; padding:10px 16px 0 10px; width:732px; }

#sc-module { width:487px; padding:23px 0 0 0; }
#sc-module .title { background-color:#FF0000; height:15px; }
#sc-module .content { background-image:url(../images/modules/primary-mod_2.jpg); background-repeat:no-repeat; background-position:top left; height:110px; padding:20px 10px 0 210px; color:#ff0000; }
#ic-module { width:487px; padding:10px 0 0 0; }
#ic-module .title { background-color:#009ddc; height:15px; }
#ic-module .content { background-image:url(../images/modules/primary-mod_1.jpg); background-repeat:no-repeat; background-position:top left; height:110px; padding:20px 10px 0 210px; color:#009ddc; }

#sc-rn-module { width:227px; padding:10px 0 0 0; }
#sc-rn-module .title { background-color:#FF0000; height:15px; }
#sc-rn-module .content { background-image:url(../images/modules/rn-mod-1.jpg); background-repeat:no-repeat; background-position:top left; height:110px; padding:20px 10px 0 10px; color:#ff0000; text-align:right; }
#ic-rn-module { width:227px; padding:10px 0 0 0; }
#ic-rn-module .title { background-color:#009ddc; height:15px; }
#ic-rn-module .content { background-image:url(../images/modules/rn-mod-2.jpg); background-repeat:no-repeat; background-position:top left; height:110px; padding:20px 10px 0 10px; color:#009ddc; text-align:right; }

#free-consult-module { width:227px; padding:0 0 0 0; }
#free-consult-module .content { background-image:url(../images/modules/free-consultation.jpg); background-repeat:no-repeat; background-position:top left; height:80px; padding:44px 10px 0 10px; color:#ffffff; text-align:left; }


.sc-learn-more { text-align:right; }
.sc-learn-more a:link,
.sc-learn-more a:visited { font-weight:normal; color:#ff0000; text-decoration:underline; }
.sc-learn-more a:hover { text-decoration:none; }
.sc-learn-more a span { background-image:url(../images/icons/learn_more_arrow_red.gif); background-repeat:no-repeat; background-position:right; padding:0 14px 0 0; }

.ic-learn-more { text-align:right; }
.ic-learn-more a:link,
.ic-learn-more a:visited { font-weight:normal; color:#009ddc; text-decoration:underline; }
.ic-learn-more a:hover { text-decoration:none; }
.ic-learn-more a span { background-image:url(../images/icons/learn_more_arrow_blue.gif); background-repeat:no-repeat; background-position:right; padding:0 14px 0 0; }

.sc-learn-more-ext { text-align:right; }
.sc-learn-more-ext a:link,
.sc-learn-more-ext a:visited { font-weight:normal; color:#ff0000; text-decoration:underline; }
.sc-learn-more-ext a:hover { text-decoration:none; }
.sc-learn-more-ext a span { background-image:url(../images/icons/launch_site_arrow_red.gif); background-repeat:no-repeat; background-position:right; padding:0 14px 0 0; }

.ic-learn-more-ext { text-align:right; }
.ic-learn-more-ext a:link,
.ic-learn-more-ext a:visited { font-weight:normal; color:#009ddc; text-decoration:underline; }
.ic-learn-more-ext a:hover { text-decoration:none; }
.ic-learn-more-ext a span { background-image:url(../images/icons/launch_site_arrow_blue.gif); background-repeat:no-repeat; background-position:right; padding:0 14px 0 0; }

/* */
/* Homepage Tertiary Mods */
.hp-tertiary-mod { float:left; width:227px; font-size:10px; padding:0 0 10px 0; line-height:14px; }
.hp-tertiary-mod-center { float:left; width:247px; padding:0 17px 10px 14px; font-size:10px; line-height:14px; }
.hp-tertiary-mod h2,
.hp-tertiary-mod-center h2 { color:#ffffff; background-color:#ee2e24; font-size:11px; padding:3px 0 3px 5px; margin:0; }
/* */

/* Classes */
.banner { width: 758px; }
.form_l { width:120px; padding-bottom:5px; padding-left:90px; float:left; }
.form_l2 { width:60px; padding-bottom:5px; float:left; }
.form_r { width:200px; padding-bottom:5px; float:left; }
.form_r2 { width:410px; padding-bottom:5px; float:left; }
.form_full { width:400px; padding-bottom:5px; padding-left:90px; float:left; }

.sc_checkbox_l { width:140px; padding-left:20px; float:left; padding-top:3px; }
.sc_checkbox_l3 { width:140px; padding-left:210px; float:left; padding-top:3px; }
.sc_checkbox_l2 { width:140px; padding-left:90px; float:left; padding-top:3px; }
.sc_checkbox_r { width:20px; float:left; }
.sc_logo { padding-left:145px; padding-top:5px; float:left; }
.ic_logo { float:left; padding-left:30px; padding-top:5px; }
.checkbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; margin:0px; padding:0px; line-height:12px; }

.form { width:150px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; }
.formbox { width:410px; padding-bottom:5px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; }
.textbox { width:713px; border:#D9D9D9 solid 1px; font-size:10px; padding:10px; clear:both; }
.formbutton { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #717171; }
.storagemodule { float:left; width: 277px; margin-right:8px; margin-top:10px; border:#D9D9D9 solid 1px; }
.interiormodule { float:left; width:277px; margin-top:10px; border:#D9D9D9 solid 1px; }
.storemodules { width:567px; float:right; }
.homepagemod { width:257px; padding:10px; font-size:10px; }
.readmore { width:257px; text-align:right; padding:0px 10px 5px 10px; }
.learnmore { width:433px; text-align:right; padding:0px 10px 5px 10px; }
.leadtext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; line-height:16px; }
.homepagetitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#EE3224; font-weight:normal; }
.sc_titles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#EE3224; font-weight:bold; }
.ic_titles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#009DDC; font-weight:bold; }
/* */

/* Links */
a:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }

a.consult:link,
a.consult:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #ffffff; text-decoration:none; line-height:12px; }
a.consult:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #ffffff; text-decoration:underline; }

a.leftnav:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #4E4E4E; text-decoration:none; }
a.leftnav:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #4E4E4E; text-decoration:none; }
a.leftnav:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }

a.storage:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }
a.storage:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }
a.storage:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }

a.storage_learn:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:underline; }
a.storage_learn:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:underline; }
a.storage_learn:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:underline; }

a.interior_learn:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:underline; }
a.interior_learn:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:underline; }
a.interior_learn:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:underline; }

a.ic:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.ic:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.ic:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:none; }

a.sc:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.sc:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }
a.sc:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #EE3224; text-decoration:none; }

a.interior:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:none; }
a.interior:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #009DDC; text-decoration:none; }
a.interior:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #717171; text-decoration:none; }

a.sitemap:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; text-decoration:none; }
a.sitemap:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #FFFFFF; text-decoration:none; }
a.sitemap:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #ffffff; text-decoration:underline; }

/* */